:root{color:#fff;font-synthesis:none;background:#14213d;font-family:ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button{font:inherit;touch-action:none}button:focus-visible{outline-offset:3px;outline:3px solid #7be0d3}header{letter-spacing:.12em;align-items:center;gap:.7rem;font-weight:900;display:flex}header img{width:50px;height:auto}.home,.gallery{min-height:100svh;padding:max(1.5rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));background:radial-gradient(circle at 80% 10%,#395489,#0000 36%),#14213d}.hero{max-width:620px;margin:13vh auto 5rem}.eyebrow{color:#f7c948;letter-spacing:.13em;font-size:.78rem;font-weight:800}h1{margin:.35rem 0 1.2rem;font-size:clamp(2.3rem,9vw,5.7rem);line-height:.95}.hero p:not(.eyebrow){color:#d6e3ff;max-width:44ch;font-size:1.1rem;line-height:1.55}.primary,.controls button,.gallery-card{color:#14213d;cursor:pointer;background:#f7c948;border:0;border-radius:.85rem;padding:.9rem 1.05rem;font-weight:900}.text{color:#fff;cursor:pointer;background:0 0;border:0;padding:.8rem 0;text-decoration:underline;display:block}.help{color:#d6e3ff;border-top:1px solid #5870a1;max-width:620px;margin:auto}.help h2{color:#fff;font-size:1rem}.small{font-size:.83rem}.gallery h1{margin:2rem 0 .4rem;font-size:clamp(2.2rem,7vw,4rem)}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.8rem;margin:1.5rem 0;display:grid}.gallery-card{text-align:left;color:#14213d;background:#edf3ff;justify-items:start;gap:.45rem;min-height:146px;display:grid}.gallery-card span{font-size:.78rem;font-weight:500}.preview{background:#14213d;grid-template-columns:repeat(5,10px);gap:2px;padding:5px;display:grid}.preview i{background:#49618d;width:10px;height:10px}.preview .on{background:#f7c948}.game{min-height:100svh;padding:max(.65rem,env(safe-area-inset-top)) max(.8rem,env(safe-area-inset-right)) max(.65rem,env(safe-area-inset-bottom)) max(.8rem,env(safe-area-inset-left));background:#14213d;grid-template-rows:auto 1fr auto auto;display:grid;position:relative}.game-head{justify-content:space-between;align-items:center;gap:.8rem;min-height:46px;display:flex}.game-head div{text-align:center;display:grid}.game-head small{color:#d6e3ff}.exit,.pause{color:#fff;cursor:pointer;background:#21355c;border:1px solid #8095bd;border-radius:.55rem;min-height:44px;padding:.62rem .75rem}.clue-board{aspect-ratio:1;grid-template-rows:clamp(2.1rem,10vw,4rem) minmax(0,1fr);grid-template-columns:clamp(2.1rem,10vw,4rem) minmax(0,1fr);width:min(88vw,500px);margin:auto;display:grid}.corner{color:#f7c948;place-items:center;font-size:1.5rem;display:grid}.col-clues{text-align:center;color:#f7c948;grid-column:2;grid-template-columns:repeat(5,1fr);align-items:end;font-size:clamp(.68rem,3vw,1.1rem);font-weight:900;display:grid}.col-clues div{padding-bottom:.25rem}.row-clues{text-align:right;color:#f7c948;grid-row:2;grid-template-rows:repeat(5,1fr);align-items:center;padding-right:.3rem;font-size:clamp(.68rem,3vw,1.1rem);font-weight:900;display:grid}.grid{background:#0b1429;border:3px solid #f7c948;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);gap:3px;padding:3px;display:grid}.cell{color:#14213d;cursor:pointer;background:#eff5ff;border:0;border-radius:3px;font-size:clamp(1rem,9vw,2.8rem);font-weight:900}.cell.fill{color:#fff;background:#e4572e}.cell.x{color:#14213d;background:#7692c7}.controls{flex-wrap:wrap;justify-content:center;gap:.45rem;margin:.5rem auto;display:flex}.controls button{background:#d6e3ff;padding:.65rem .8rem}.controls .modes{gap:.3rem;display:flex}.controls .selected{background:#f7c948;box-shadow:inset 0 0 0 3px #e4572e}.controls button:disabled{opacity:.45}.message{text-align:center;color:#d6e3ff;min-height:1.4em;margin:.2rem auto;font-size:.86rem}.overlay{text-align:center;z-index:3;background:#0b1429f5;place-content:center;padding:2rem;display:grid;position:absolute;inset:0}.overlay h2{margin:0;font-size:clamp(2.1rem,10vw,4rem)}.overlay p{color:#d6e3ff;max-width:30ch}.overlay .primary,.overlay .text{min-width:190px;margin:.25rem auto}.result .preview{grid-template-columns:repeat(5,20px);gap:4px;margin:1rem auto;padding:8px}.result .preview i{width:20px;height:20px}@media (orientation:landscape) and (height<=540px){.game{grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto}.game-head{grid-column:1}.clue-board{grid-area:2/1/span 2;width:min(60vw,440px);height:min(72vh,440px)}.controls{grid-area:1/2/span 3;align-content:center;width:150px}.controls .modes{flex-direction:column}.controls button{width:150px}.message{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}