:root{--page-width:1200px;--page-gutter:clamp(16px,3.5vw,48px);--page-space:clamp(36px,5vw,64px)}
.site-header,.topbar{padding:18px max(var(--page-gutter),calc((100vw - var(--page-width))/2 + var(--page-gutter)));gap:24px}.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.site-nav{display:flex;gap:26px;align-items:center;justify-content:center}.site-nav a{padding:12px 0;color:var(--muted);font-size:13px;font-weight:500;text-decoration:none;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a[aria-current]{color:var(--navy);border-color:var(--coral)}.account-button,.site-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 17px;border:1px solid var(--navy);border-radius:5px;background:var(--navy);color:var(--paper);font:600 13px "Space Grotesk",sans-serif;text-decoration:none;cursor:pointer}.account-button{max-width:240px;min-width:0}.account-button [data-account-name]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-avatar{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.14);font-size:12px}.account-button.is-connected,.site-button--outline{background:transparent;color:var(--navy)}.account-button.is-connected .account-avatar{background:var(--deep)}.site-button:hover,.account-button:hover{box-shadow:0 3px 0 var(--coral)}
.account-main,.stats-main,.pricing-main,.archive-main,.play-main,.admin-main{width:100%;max-width:var(--page-width);margin-inline:auto;padding:var(--page-space) var(--page-gutter) 72px}.layout{max-width:var(--page-width);grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}.game-area{padding:var(--page-space) var(--page-gutter)}.info-area{padding:var(--page-space) 28px}.play-main{max-width:var(--page-width)}.play-main>#board,.play-main>.keyboard,.play-main>.replay-clue,.play-main>.game-status,.play-main>.fact-card{max-width:720px;margin-inline:auto}.account-panel{max-width:760px;margin-inline:auto}.footer{padding-inline:max(var(--page-gutter),calc((100vw - var(--page-width))/2 + var(--page-gutter)));gap:20px;flex-wrap:wrap}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--coral);outline-offset:4px}button:disabled{cursor:default}button,a,input,select,textarea{touch-action:manipulation}.skip-link{position:absolute;left:16px;top:-90px;z-index:100;padding:14px;background:var(--navy);color:var(--paper)}.skip-link:focus{top:10px}#main-content:focus{outline:none}.form-message:not(:empty),.admin-message:not(:empty){padding:12px 14px;border-left:3px solid #a64635;background:#f5e5df;border-radius:3px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.form-message.success:not(:empty),.admin-message.success:not(:empty){border-color:#55713c;background:#e8eddd}.loading{color:var(--muted);line-height:1.6}.text-button,.row-action{min-height:40px}.site-header .wordmark{white-space:nowrap}
@media(max-width:900px){.layout{grid-template-columns:1fr}.game-area{border-right:0}.info-area{padding:32px var(--page-gutter)}}
@media(max-width:650px){.site-header{grid-template-columns:auto minmax(0,1fr);gap:12px 16px}.site-header .account-button{justify-self:end;max-width:180px}.site-nav{grid-row:2;grid-column:1/-1;justify-content:flex-start;gap:28px}.site-nav a{padding:8px 0}.topbar{flex-wrap:wrap}.account-main,.stats-main,.pricing-main,.archive-main,.play-main,.admin-main{padding-bottom:48px}.footer{font-size:9px}.site-header .wordmark{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.game-help{display:flex;justify-content:flex-end;margin-top:18px}.site-header .account-button{grid-column:3;grid-row:1;justify-self:end}@media(max-width:650px){.site-header .account-button{grid-column:2}}

:root{--muted:#62685f}:where(a,button,input,select,textarea,summary):focus-visible{outline-color:#b94932}

.replay-timer{max-width:720px;margin:24px auto 0;padding:18px;border:1px solid var(--line);border-radius:6px}.replay-timer[hidden]{display:none}.replay-timer>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.replay-timer span{font-size:12px;color:var(--muted)}.replay-timer strong{font:600 26px "DM Mono",monospace;color:var(--navy)}.replay-timer progress{display:block;width:100%;height:10px;margin:14px 0;accent-color:var(--coral)}.replay-timer button{width:100%}.replay-timer button[hidden]{display:none}.filter:disabled{opacity:.55;cursor:not-allowed}.replay-access{display:block;width:fit-content;margin:18px auto}
.account-menu-wrap{position:relative;grid-column:3;grid-row:1;justify-self:end;min-width:0;max-width:min(240px,100%)}.account-menu-wrap>.account-button{width:100%;max-width:100%}.account-dropdown{position:absolute;right:0;top:calc(100% + 10px);z-index:50;width:220px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:7px;box-shadow:0 12px 30px rgba(38,59,74,.15)}.account-dropdown[hidden]{display:none}.account-dropdown>a,.account-dropdown>button{display:block;width:100%;min-height:44px;padding:12px;text-align:left;text-decoration:none;border:0;border-radius:4px;background:transparent;color:var(--navy);font:500 13px "Space Grotesk",sans-serif;cursor:pointer}.account-dropdown>a:hover,.account-dropdown>button:hover{background:var(--deep)}.account-dropdown>button{color:#a64635}.account-menu-message:empty{display:none}.account-menu-message{margin:8px;font-size:12px;line-height:1.5;color:#a64635;overflow-wrap:anywhere}.archive-field[hidden]{display:none}@media(max-width:650px){.account-menu-wrap{grid-column:2;max-width:min(180px,100%)}}.profile-panel{max-width:none}.profile-hero{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.profile-avatar{display:grid;place-items:center;width:64px;height:64px;flex:0 0 64px;background:var(--navy);color:var(--lime);border-radius:50%;font:500 32px "Fraunces",serif}.profile-identity{min-width:0;flex:1}.profile-identity h2{font:500 32px "Fraunces",serif;letter-spacing:-.04em;margin:7px 0}.profile-identity p{margin:0;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.profile-access{font-size:11px;padding:8px 12px;border-radius:4px;color:#36532a;background:#e7eedc}.profile-shortcuts{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:26px;border-bottom:1px solid var(--line)}.profile-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.profile-section-heading h3{margin:0;font:500 25px "Fraunces",serif}.profile-section-heading a{font-size:12px;color:var(--navy)}#profile-archive-summary,.profile-archive-note{font-size:12px;color:var(--muted);line-height:1.5}#profile-archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;font-size:13px;line-height:1.5}.profile-archive-row{display:grid;gap:8px;text-decoration:none;color:var(--navy);padding:16px;border:1px solid var(--line);border-radius:5px;min-width:0;overflow-wrap:anywhere}.profile-archive-row:hover{border-color:var(--blue);background:var(--deep)}.profile-archive-row strong{font-size:13px}.profile-archive-row span{font-size:11px;color:var(--muted)}@media(max-width:650px){#profile-archive-list{grid-template-columns:1fr}.profile-hero{gap:14px}.profile-access{margin-left:78px}.profile-shortcuts .site-button{flex:1}}

.account-main .premium-stats{max-width:none;border-radius:7px;margin-top:24px}.account-main .profile-panel{border-radius:7px;margin-top:20px}.advanced-analytics h3{font:500 25px "Fraunces",serif}.analytics-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.analytics-summary>div{padding:18px;border:1px solid var(--line);border-radius:5px}.analytics-chart:has(>p:only-child){min-height:0;align-items:center}.analytics-chart-title select{min-height:40px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:4px;color:var(--ink)}
