/* Quiet game surfaces; keep gameplay state colors and square geometry intact. */
:root{--base:#fff;--paper:#fff;--line:#dedede;--ink:#202124;--ink-soft:#61666d;--shadow:none}
html[data-theme=dark]{--base:#15191f;--paper:#15191f;--line:#363d47;--ink:#f0f1f3;--ink-soft:#b1b7c0;--shadow:none}
body{background:radial-gradient(ellipse at 10% 0%,#dcecf8 0,transparent 55%),radial-gradient(ellipse at 95% 60%,#f5e8e4 0,transparent 50%),#f1f4f8;background-attachment:fixed;color:var(--ink)}
html[data-theme=dark] body{background:radial-gradient(ellipse at 8% 0%,#1c344c 0,transparent 55%),radial-gradient(ellipse at 95% 65%,#25243c 0,transparent 50%),#0e1726;background-attachment:fixed;color:var(--ink)}
#priceArchive{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}
#accountDialog .daily-progress{margin-top:24px}
#crossBestDialog{max-width:420px;width:calc(100% - 32px);text-align:center}
.heading,#pricePractice,#priceGame .puzzle-head,#helpButton,#crossRunKind{display:none!important}
.slot{min-height:82px;height:auto;padding:8px 4px;gap:4px}.slot-heat{font:600 10px/1.3 system-ui}
.archive-dialog{width:calc(100% - 32px);max-width:550px;max-height:90vh;overflow:auto}
.archive-dialog .price-archive{margin-top:16px;padding-top:12px}.archive-dialog .archive-calendar{max-width:100%}
#completionDialog{width:calc(100% - 32px);max-width:500px;max-height:90vh;overflow:auto;padding:24px 32px 36px;text-align:center;border:1px solid var(--line);border-radius:12px}
.finish-back{display:block;margin-left:auto}.finish-symbol{font-size:44px;color:var(--red);margin:24px 0 8px}
#completionTitle{font:700 32px/1.15 Georgia,serif;margin:12px 0}#completionGame{font-size:17px}#completionScore{display:block;font:700 30px/1.3 system-ui;margin:12px 0 24px}
#completionBest{color:var(--ink);font-weight:650;padding:12px;border:1px solid var(--line);border-radius:6px}
.finish-actions{display:grid;gap:10px;max-width:300px;margin:auto}.finish-actions button{min-height:44px}
#whoShare,#crossShare,#whoResultTitle,#whoEnd>.result-next-actions{display:none!important}
.nav,html[data-theme=dark] .nav{background:var(--base);border-bottom:1px solid var(--line)}
.nav-inner{flex-wrap:wrap;gap:12px;min-height:72px;padding-top:12px;padding-bottom:0}
.nav-tabs{order:3;width:100%;margin:0;justify-content:center;gap:24px}
.nav-tabs .nav-tab,html[data-theme=dark] .nav-tabs .nav-tab{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--ink);padding:12px 4px;font:600 14px/1.4 system-ui}
.nav-tabs .nav-tab.active,html[data-theme=dark] .nav-tabs .nav-tab.active{background:transparent;border-bottom-color:var(--red);color:var(--ink)}
.nav-tabs .nav-tab:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}
.nav-right{margin-left:auto}.game-icon{width:23px;height:23px}
.ball-logo{width:36px;height:36px}.logo-title{font-size:21px}
.main{padding-top:16px}.heading{max-width:none;text-align:left;margin:24px 0 22px}
.heading h1,.crossword-view .heading h1{font:700 clamp(27px,3vw,36px)/1.2 Georgia,serif;letter-spacing:-.6px;text-shadow:none;margin:0}
.daily-progress,html[data-theme=dark] .daily-progress{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 12px;margin:0;box-shadow:none}
.daily-progress-head{gap:12px}.daily-progress-head h2{font-size:14px}.daily-stats{gap:16px}.daily-stats strong{display:inline;font-size:12px;margin-left:4px}
.daily-progress progress{height:2px;margin:10px 0}.daily-tiles{display:flex;gap:20px;flex-wrap:wrap}
.daily-tile,html[data-theme=dark] .daily-tile{display:flex;gap:7px;padding:4px 0;border:0;border-radius:0;background:transparent;color:var(--ink)}
.daily-tile img{display:none}.daily-game{font-size:12px;font-weight:600}.daily-state{font-size:11px}
.daily-tile[data-state=complete],html[data-theme=dark] .daily-tile[data-state=complete]{background:transparent;border:0}
.daily-tile:hover{box-shadow:none;text-decoration:underline}
.module,html[data-theme=dark] .module{border:0;border-radius:0;background:transparent;box-shadow:none}
.module-heading,html[data-theme=dark] .module-heading{background:transparent;border-bottom:1px solid var(--line);padding:12px 0}
.price-archive{border-bottom:1px solid var(--line);border-radius:0;margin-bottom:22px;padding:0 0 14px}
.price-archive summary{font:600 13px system-ui}.archive-body{padding-top:16px}
.game-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:40px}
.card-body{padding:24px 12px}.puzzle-body{padding:24px 0}.who-body{padding:12px 0 24px}
.card-sleeve,html[data-theme=dark] .card-sleeve,.card-sleeve:hover,html[data-theme=dark] .card-sleeve:hover{padding:0;background:transparent;box-shadow:none;transform:none}
.card-name{font:700 23px/1.3 system-ui;letter-spacing:-.5px}
.secondary,.theme-toggle,html[data-theme=dark] .secondary,html[data-theme=dark] .theme-toggle{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:5px;box-shadow:none;font-family:system-ui;font-weight:500}
.guess-button{border:0;border-radius:5px;box-shadow:none;font-family:system-ui;font-weight:700;text-transform:none;min-height:44px}
.guess-button:hover:not(:disabled),.guess-button:active:not(:disabled){transform:none;border:0}
.play-modes .secondary{border-radius:20px}.slot{border-width:1px;border-style:solid;border-radius:5px}.divider{border-top-width:1px}
.who-cell{border-radius:4px}.field,#whoInput{border-radius:5px;border-width:1px}
.cross-game{max-width:none;padding:0}.cross-top{padding-bottom:12px}.cross-theme,html[data-theme=dark] .cross-theme{font:600 19px/1.3 system-ui;color:var(--ink)}
.cross-toolbar{justify-content:flex-start;min-height:50px;margin-bottom:18px}.cross-timer{font-size:18px}
.cross-layout{grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:32px}.cross-grid{max-width:500px}
.cross-clues{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-content:start}.cross-clues section+section{margin-top:0}
.cross-clues h3{font-size:12px;letter-spacing:.4px}.cross-clues button{font-size:14px;padding:8px 9px}
.cross-clue-navigation{gap:0}.cross-clue-navigation>.secondary{border:0;border-radius:0;background:#dcecf8;color:#172337}.cross-current{min-height:62px}
html[data-theme=dark] .cross-clue-navigation>.secondary{background:#284862;color:#eff7ff}
.cross-leaderboard{border-top-width:1px;margin-top:32px}.cross-leaderhead h2{font:700 21px Georgia,serif}
@media(max-width:1000px){.cross-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}.cross-clues{display:block}.cross-clues section+section{margin-top:20px}}
@media(max-width:740px){
 .container{padding-left:16px;padding-right:16px}.nav-inner{padding-top:10px}.nav-tabs{gap:8px;justify-content:space-between}
 .nav-tabs .nav-tab{gap:4px;padding:10px 2px;font-size:12px}.nav-tabs .nav-tab span{display:inline;font-size:11px}.game-icon{width:20px;height:20px}
 .nav-tabs .help-nav span{display:none}.nav-right{margin-left:auto}.account-button{font-size:12px}.logo-title{font-size:18px}
 .daily-tiles{gap:6px 16px}.daily-tile{flex-wrap:wrap;gap:4px}.daily-game{font-size:11px}.daily-state{font-size:10px}
 .heading{margin:20px 0}.game-grid{grid-template-columns:1fr;gap:10px}.card-panel .card-body{padding:12px 0}.puzzle-body{padding:16px 0}.who-body{padding:10px 0}
 .cross-game{padding:0}.cross-layout{grid-template-columns:1fr;gap:24px}.cross-clues{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cross-clues section+section{margin-top:0}
 .cross-grid{max-width:500px}.cross-clues button{font-size:13px}.cross-theme{font-size:18px}.cross-top time{font-size:11px}
}
@media(max-width:360px){.nav-tabs .game-icon{display:none}.daily-stats{gap:8px}.daily-progress-head{gap:8px}.account-button{padding:7px}.cross-clues{gap:10px}}

/* Keep price results focused on the answer and next puzzle. */
#shareButton,#saleEvidence{display:none!important}
#endCard>.result-next-actions{border:0;padding-top:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
#endCard>.result-next-actions>.secondary{min-height:40px;flex:1 1 100px;margin:0}


#whoCustomDialog{width:calc(100% - 32px);max-width:520px;max-height:90vh;overflow:auto;padding:24px}
#whoCustomDialog p{line-height:1.5}#whoGenerations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid var(--line);padding:12px;margin:16px 0}
#whoGenerations label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px}#whoGenerations input{width:18px;height:18px;accent-color:var(--red)}
@media(max-width:420px){#whoGenerations{grid-template-columns:1fr}}