:root{--site-footer-height:80px}
.shell{height:calc(100dvh - var(--site-footer-height))}
.site-footer{height:var(--site-footer-height);background:#1819b7}
.copyright{margin:0;padding:0 12px 8px;color:#ffffffb3;text-align:center;font:400 14px/20px 'DM Sans',Arial,sans-serif}
.footer-links{height:52px;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,30px);padding:0 16px;background:#1819b7;overflow-x:auto;white-space:nowrap}
.site-footer button,.guest-auth button{font:600 14px/1.3 'DM Sans',Arial,sans-serif;color:white;background:transparent;border:0;min-height:44px;cursor:pointer;flex-shrink:0}
.guest-auth{display:flex;gap:8px;align-items:center}
.guest-auth button{padding:10px 16px;border:1px solid #ffffff60;border-radius:24px}
.guest-auth button:last-child{color:#151830;background:var(--acid);border-color:var(--acid)}
.guest-mode .bet-editor,.guest-mode #live-doublers,.guest-mode #end-doublers,.guest-mode #cash-controls,.guest-mode .wallet-anchor{display:none!important}
.guest-mode .best-label{display:none}
.account-panel .text-input{display:block;width:100%;min-height:3em;margin:0 0 1em;border:1px solid #535b75;border-radius:.65em;background:#121522;color:#fff;font:inherit;padding:.75em;min-width:0;color-scheme:dark}
.account-panel .text-input:focus{outline:2px solid var(--acid);outline-offset:2px}
.account-panel .check-row{display:flex;align-items:center;flex-wrap:wrap;gap:.65em;min-height:44px;margin:.65em 0;font-size:.95em;color:#edf0f7}
.account-panel .check-row input{width:22px;height:22px;accent-color:var(--acid);flex-shrink:0}
.account-panel .check-row small{display:block;font-size:.875em;color:#b6bfd1}
.account-panel .text-link{border:0;background:none;color:var(--acid);text-decoration:underline;font:inherit;min-height:44px;padding:8px 0;cursor:pointer;text-align:left}
.account-caption{font-size:.875em;line-height:1.5;color:#c9d2e6}
.auth-tabs{display:flex;gap:8px;margin:1em 0 1.5em;border-bottom:1px solid #ffffff25}
.auth-tabs button{flex:1;background:transparent;border:0;border-bottom:3px solid transparent;color:#b6bfd1;font:inherit;min-height:48px}
.auth-tabs button[aria-pressed=true]{color:var(--acid);border-bottom-color:var(--acid)}
.google-button{width:100%;border:1px solid #ffffff30;border-radius:.65em;background:#ffffff08;color:#a7b1c6;font:inherit;padding:.9em;cursor:not-allowed}
.logout-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid #ffffff20;padding-top:1em;font-size:.875em}
.logout-row>span{width:100%;color:#b6bfd1}
.logout-row button{flex:1;min-height:44px;border:1px solid #ffffff35;border-radius:8px;background:transparent;color:#fff;font:inherit;padding:.65em}
.cookie-actions{display:flex;flex-wrap:wrap;gap:.5em;margin-top:1em}
.account-panel .cookie-actions button{flex:1;min-width:7em;font-size:.875em;margin:0}
#info-content{white-space:pre-line;font-size:1em;line-height:1.65;color:#d6dff0}
#cookie-save{margin-top:1em}
@media(min-width:1500px) and (min-height:900px){.guest-auth button{font-size:clamp(16px,1.15vw,24px);padding:12px 24px}}
@media(max-width:650px){.footer-links{justify-content:flex-start;gap:20px}.guest-auth{gap:6px}.guest-auth button{font-size:14px;padding:8px 10px}.guest-mode .shell > header .brand .brand-name{font-size:23px}.guest-mode .brand-mark{width:32px;height:32px}.guest-mode .shell > header{padding-inline:12px}.guest-mode .tools{gap:6px}}
@media(max-width:360px){.guest-mode .brand-mark{display:none}.guest-mode .shell > header .brand .brand-name{font-size:22px}}
@media(max-height:420px){html,body{overflow:auto}.site-footer{position:relative}.shell{min-height:360px}}

.password-entry{position:relative;margin-bottom:1em}
.account-panel .password-entry input{margin-bottom:0;padding-right:5em}
.password-entry button{position:absolute;right:.35em;top:50%;transform:translateY(-50%);min-width:64px;min-height:44px;border:0;border-radius:.5em;background:transparent;color:var(--acid);font-family:inherit;font-size:.875em;font-weight:600;line-height:1.2;cursor:pointer}
.password-help{padding:.8em 1em;margin:-.25em 0 1.1em;border:1px solid #ffffff20;border-radius:.75em;background:#ffffff04}
.password-help p{margin:0 0 .6em;font-size:.875em;color:#e1e7f4}
.password-help ul{list-style:none;padding:0;margin:0;display:grid;gap:.35em}
.password-help li{display:flex;align-items:center;gap:.65em;font-size:.875em;color:#b6bfd1;margin:0;line-height:1.5}
.password-help li span{width:1em;text-align:center;flex-shrink:0}
.password-help li.complete{color:var(--acid)}
