:root{color-scheme:dark;color:#fff8dc;--gold:#f7c85c;--blue:#62d7ff;--direction:#8f1738;--panel:#08101edb;--line:#b58436;background:#050914;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#050914;min-width:320px;min-height:100svh;margin:0;overflow:hidden}button,select,input{font:inherit}button,select{min-height:48px}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:4px solid var(--blue);outline-offset:3px}#runtime{isolation:isolate;width:100vw;height:100svh;min-height:320px;position:relative;overflow:hidden}#phaser-stage{z-index:0;position:absolute;inset:0}#phaser-stage canvas{display:block}.topbar{z-index:95;inset:max(.7rem, env(safe-area-inset-top)) max(.7rem, env(safe-area-inset-right)) auto max(.7rem, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.topbar h1{letter-spacing:.04em;text-shadow:0 2px 8px #000;margin:0;font-family:Georgia,serif;font-size:clamp(1.15rem,3vw,2rem)}.topbar h1 span{color:var(--gold)}.topbar button{pointer-events:auto}.round-button{border:1px solid var(--line);color:#fff8dc;background:#111722e8;border-radius:50%;width:48px;min-width:48px;font-size:1.25rem}.screen{z-index:90;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));backdrop-filter:blur(6px);background:#0307109c;place-items:center;display:grid;position:absolute;inset:0}.screen[hidden],[hidden]{display:none!important}.boot{z-index:100;background:radial-gradient(circle,#182745,#050914 66%);align-content:center;gap:.6rem}.boot .brand-mark{color:var(--blue);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.boot strong{color:var(--gold);font-family:Georgia,serif;font-size:clamp(2rem,8vw,4rem)}.boot>span:last-child{color:#c7ccda}.clock-loader{aspect-ratio:1;border:.28rem solid #54431f;border-top-color:var(--gold);border-radius:50%;width:4rem;animation:1s linear infinite spin}.clock-loader span{background:var(--gold);transform-origin:bottom;width:2px;height:1.5rem;margin:.45rem auto;display:block}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#101727ed,#070c16f5);border-radius:1.2rem;width:min(30rem,100%);padding:clamp(1.2rem,4vw,2rem);box-shadow:0 1.5rem 5rem #000b,inset 0 0 0 2px #f4c75b12}.panel.compact{text-align:center;width:min(20rem,100%)}.eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .5rem;font-size:.72rem;font-weight:850}h2{margin:.2rem 0 1rem;font-family:Georgia,serif;font-size:clamp(1.8rem,6vw,3rem);line-height:1}.start-card>p:not(.eyebrow),.small{color:#c5c9d3;line-height:1.5}.start-card label{color:#dfd7c2;gap:.35rem;margin:.9rem 0;font-size:.82rem;font-weight:750;display:grid}select{color:#fff8dc;background:#080e19;border:1px solid #82642d;border-radius:.65rem;width:100%;padding:.6rem .75rem}.check-row{grid-template-columns:auto 1fr;align-items:center}input[type=checkbox]{width:1.35rem;height:1.35rem}.primary{color:#181006;background:linear-gradient(#f7d479,#b8781f);border:1px solid #ffe59b;border-radius:.75rem;width:100%;padding:.75rem 1rem;font-weight:900;box-shadow:0 .5rem 1.5rem #0007,0 0 2rem #f4c75b28}.game-ui{z-index:40;padding:clamp(4rem, 8vh, 6rem) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));grid-template-columns:minmax(7rem,10rem) minmax(18rem,1fr) minmax(7rem,10rem);align-items:center;gap:clamp(.5rem,2vw,2rem);display:grid;position:absolute;inset:0}.hud{align-self:center;gap:.45rem;display:grid}.hud div{background:var(--panel);border:1px solid #7f6030;border-radius:.55rem;padding:.55rem .75rem;box-shadow:0 .4rem 1rem #0008}.hud span{color:#c7b991;letter-spacing:.09em;text-transform:uppercase;font-size:.62rem;font-weight:800;display:block}.hud strong{color:#fff;font-size:clamp(1rem,2.5vw,1.55rem)}#streak{color:var(--gold)}.play-column{align-content:center;justify-items:center;min-width:0;display:grid}.round-progress{background:#080b11aa;border-radius:1rem;width:min(28rem,70%);height:.35rem;margin-bottom:.65rem;overflow:hidden}.round-progress:after{content:"";width:calc(var(--progress,1) * 100%);background:linear-gradient(90deg, var(--blue), var(--gold));height:100%;transition:width 80ms linear;display:block}.prompt{aspect-ratio:1;text-align:center;filter:drop-shadow(0 0 1.5rem #ffd66e52);border-radius:50%;align-content:center;place-items:center;width:clamp(9rem,29vmin,20rem);display:grid}#prompt-letter{color:#10141d;-webkit-text-stroke:1px #f9e5a4;text-shadow:0 3px #fff2bd,0 0 1.8rem #ffefad;grid-row:1;font-family:Georgia,serif;font-size:clamp(4.5rem,17vmin,10rem);line-height:.85}#direction-arrow{color:var(--direction);text-shadow:0 2px #ffe7a3,0 0 .8rem #4d071dcc;grid-row:2;font-size:clamp(2.3rem,7vmin,4.5rem);line-height:.85}#direction-label{color:#fff;text-transform:uppercase;letter-spacing:.12em;text-shadow:0 2px 5px #000;margin-top:.35rem;font-size:.7rem;font-weight:850}.answers{grid-template-columns:1fr 1fr;gap:clamp(.65rem,3vw,1.4rem);width:min(34rem,92%);display:grid}.answers button,.tutorial-answers button{color:#10131a;background:linear-gradient(145deg,#fff3c5,#d9b16b);border:2px solid #e4b651;border-radius:1.1rem;min-height:clamp(5.5rem,17vmin,10rem);font-family:Georgia,serif;font-size:clamp(3rem,10vmin,6rem);font-weight:900;box-shadow:inset 0 0 0 .3rem #8b5f1d28,0 .8rem 1.6rem #0008,0 0 1.4rem #f6c85b38}.answers button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.answers button:active:not(:disabled){transform:translateY(2px)}.answers button:disabled{cursor:default}.control-help{color:#c9c4b5;text-align:center;text-shadow:0 2px 4px #000;margin:.65rem 0 0;font-size:clamp(.65rem,1.4vw,.8rem)}.pause-button{color:#fff8dc;background:#0b111de8;border:1px solid #907139;border-radius:.65rem;place-self:end center;width:7rem;font-weight:800}.countdown{z-index:120;color:var(--gold);text-shadow:0 0 3rem #f7c85c;background:#030710aa;place-items:center;font:900 clamp(6rem,24vw,14rem)/1 Georgia,serif;display:grid;position:absolute;inset:0}.results-card{width:min(40rem,100%)}.result-score{color:var(--gold);text-align:center;font:900 clamp(3rem,12vw,6rem)/1 Georgia,serif;display:block}.best{text-align:center;color:var(--blue);font-weight:800}dl{grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1.2rem 0;display:grid}dl div{background:#050a13aa;border:1px solid #594a2f;border-radius:.5rem;padding:.6rem}dt{color:#bdb49f;text-transform:uppercase;font-size:.66rem}dd{margin:.15rem 0 0;font-weight:850}.result-actions{grid-template-columns:2fr 1fr 1fr;gap:.6rem;display:grid}.result-actions button:not(.primary),#tutorial-replay{color:#fff8dc;background:#111722;border:1px solid #85662f;border-radius:.65rem}dialog{border:1px solid var(--line);color:#fff8dc;background:#090f1b;border-radius:1rem;width:min(34rem,100% - 2rem);max-height:calc(100svh - 2rem);padding:0;overflow:auto}dialog::backdrop{backdrop-filter:blur(5px);background:#02040bd8}.dialog-content{padding:1.2rem}.dialog-content header{justify-content:space-between;align-items:center;display:flex}.dialog-content header h2{margin:0}.dialog-content>label{border-top:1px solid #2b3140;justify-content:space-between;align-items:center;gap:1rem;min-height:3.2rem;display:flex}.dialog-content input[type=range]{width:9rem}.tutorial-content{text-align:center}#tutorial-prompt{color:var(--gold);margin:1rem;font:900 5rem/1 Georgia,serif;display:block}.tutorial-answers{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.tutorial-answers button{min-height:6rem;font-size:3rem}.text-button{color:#ccd3df;background:0 0;border:0;margin-top:1rem;text-decoration:underline}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html[data-contrast=high]{--gold:#fff200;--blue:#0ff;--direction:#001333;--line:#fff}html[data-contrast=high] .panel,html[data-contrast=high] .hud div{background:#000;border-width:2px}html[data-interface=large]{font-size:118%}html[data-font=dyslexia]{font-family:Verdana,Atkinson Hyperlegible,sans-serif}html[data-font=dyslexia] #prompt-letter,html[data-font=dyslexia] .answers button{font-family:Verdana,sans-serif}html[data-handed=left] .pause-button{grid-column:1}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@keyframes spin{to{transform:rotate(1turn)}}@media (orientation:portrait){.game-ui{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;padding-top:4.2rem}.hud{grid-template-columns:repeat(5,1fr);align-self:start;gap:.3rem;width:100%}.hud div{text-align:center;padding:.35rem .45rem}.play-column{min-height:0}.prompt{width:clamp(8rem,28vh,16rem)}.answers{width:min(28rem,96%)}.pause-button{right:max(.8rem, env(safe-area-inset-right));bottom:max(.8rem, env(safe-area-inset-bottom));width:5.7rem;position:absolute}}@media (orientation:landscape) and (height<=600px){.game-ui{padding-top:3.5rem}.prompt{width:min(39vh,14rem)}.answers button{min-height:24vh}.control-help{display:none}.hud div{padding:.35rem .55rem}}@media (width<=380px){.hud div:nth-child(5){display:none}.hud{grid-template-columns:repeat(4,1fr)}.answers{gap:.5rem}.answers button{border-radius:.8rem}dl{grid-template-columns:repeat(2,1fr)}.result-actions{grid-template-columns:1fr}}