:root{--color-teal:#00cdcd;--color-light-blue:#bfd8ea;--color-dark-navy:#061b2b;--color-ink:#0b1f2a;--color-white:#fff;--color-soft-surface:#f2f6f8;--shadow-menu:#061b2b52;color:var(--color-ink);background:var(--color-light-blue);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{touch-action:none;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#progress{top:calc(env(safe-area-inset-top) + .75rem);border:2px solid var(--color-white);background:var(--color-dark-navy);min-width:8.5rem;color:var(--color-white);text-align:center;box-shadow:0 4px 0 var(--shadow-menu);border-radius:999px;padding:.42rem .8rem;font-size:.82rem;font-weight:800;position:fixed;left:50%;transform:translate(-50%)}#question{top:calc(env(safe-area-inset-top) + 3.25rem);border:3px solid var(--color-dark-navy);background:var(--color-soft-surface);width:min(34rem,100vw - 1.5rem);max-height:6.2rem;color:var(--color-ink);text-align:center;box-shadow:0 6px 0 var(--shadow-menu);overflow-wrap:anywhere;border-radius:8px;padding:.75rem .9rem;font-size:1.05rem;font-weight:900;line-height:1.2;position:fixed;left:50%;transform:translate(-50%)}#answer-labels{pointer-events:none;position:fixed;inset:0}.answer-label{z-index:3;border:2px solid var(--color-dark-navy);background:var(--color-white);width:7.4rem;max-height:5.8rem;color:var(--color-ink);text-align:center;overflow-wrap:anywhere;text-wrap:balance;box-shadow:0 3px 0 var(--shadow-menu);will-change:transform;border-radius:8px;padding:.44rem .5rem;font-size:.72rem;font-weight:850;line-height:1.14;position:fixed;overflow:hidden}#start-screen{z-index:4;padding:0 1rem calc(env(safe-area-inset-bottom) + 5rem);background:linear-gradient(#bfd8ea0d,#061b2b42);place-items:end center;display:grid;position:fixed;inset:0}#start-screen[hidden]{display:none}.settings-menu{top:calc(env(safe-area-inset-top) + 1rem);z-index:6;justify-items:end;gap:.6rem;display:grid;position:fixed;right:1rem}.settings-menu[hidden]{display:none}.settings-toggle{border:3px solid var(--color-dark-navy);background:var(--color-soft-surface);width:3.75rem;height:3.75rem;color:var(--color-dark-navy);box-shadow:0 6px 0 var(--color-dark-navy);border-radius:8px;place-items:center;display:grid}.settings-toggle svg{width:2rem;height:2rem;display:block}.settings-panel{border:3px solid var(--color-dark-navy);background:var(--color-soft-surface);width:min(20rem,100vw - 2rem);color:var(--color-ink);box-shadow:0 7px 0 var(--shadow-menu);border-radius:8px;padding:.85rem}.settings-panel[hidden]{display:none}.settings-heading{text-transform:uppercase;margin:0 0 .6rem;font-size:.88rem;font-weight:900;display:block}.settings-heading-row{align-items:center;gap:.4rem;margin-bottom:.6rem;display:flex;position:relative}.settings-heading-row .settings-heading{margin:0}.settings-help{border:2px solid var(--color-dark-navy);background:var(--color-white);width:1.05rem;height:1.05rem;color:var(--color-dark-navy);cursor:help;border-radius:50%;flex-shrink:0;place-items:center;padding:0;font-size:.62rem;font-weight:900;line-height:1;display:grid}.settings-help-text{z-index:1;border:2px solid var(--color-dark-navy);background:var(--color-white);width:min(16rem,100vw - 3rem);color:var(--color-ink);text-transform:none;box-shadow:0 4px 0 var(--shadow-menu);opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;margin:0;padding:.55rem .65rem;font-size:.75rem;font-weight:600;line-height:1.35;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:calc(100% + .35rem);right:0;transform:translateY(-.15rem)}:is(.settings-heading-row:has(.settings-help:hover) .settings-help-text,.settings-heading-row:has(.settings-help:focus-visible) .settings-help-text,.settings-heading-row:has(.settings-help[aria-expanded=true]) .settings-help-text){opacity:1;visibility:visible;transform:translateY(0)}.edition-row{gap:.45rem;margin-bottom:.85rem;display:grid}.edition-option{border:2px solid var(--color-dark-navy);background:var(--color-white);cursor:pointer;border-radius:8px;align-items:center;gap:.55rem;margin:0;padding:.5rem .6rem;font-size:.86rem;font-weight:700;line-height:1.2;transition:background-color .12s,box-shadow .12s;display:flex}.edition-option:has(input:checked){background:color-mix(in srgb, var(--color-teal) 14%, var(--color-white));box-shadow:inset 0 0 0 1px var(--color-teal)}.edition-option input{accent-color:var(--color-teal);flex-shrink:0;margin:0}.edition-icon{flex-shrink:0;width:1.25rem;height:1.25rem;display:block}.edition-label{flex:1;min-width:0}.speed-row{grid-template-columns:1fr 3.5rem;align-items:center;gap:.75rem;display:grid}#run-speed{width:100%;accent-color:var(--color-teal)}#run-speed-value{background:var(--color-dark-navy);color:var(--color-white);text-align:center;border-radius:8px;padding:.28rem .4rem;font-size:.86rem;font-weight:900}#start{border:3px solid var(--color-dark-navy);background:var(--color-teal);min-width:11rem;min-height:3.4rem;color:var(--color-dark-navy);box-shadow:0 6px 0 var(--color-dark-navy);border-radius:8px;font-size:1.35rem;font-weight:900}#start:focus-visible,.settings-toggle:focus-visible,.result-actions .result-action:focus-visible{outline:3px solid var(--color-white);outline-offset:3px;box-shadow:0 0 0 6px var(--color-dark-navy)}#start:active,.settings-toggle:active{box-shadow:0 4px 0 var(--color-dark-navy);transform:translateY(2px)}#result-screen{z-index:5;padding:0 1rem calc(env(safe-area-inset-bottom) + 7rem);background:linear-gradient(#bfd8ea14,#061b2b85);place-items:end center;display:grid;position:fixed;inset:0}#result-screen[hidden],#hud[hidden]{display:none}.result-panel{border:3px solid var(--color-dark-navy);background:var(--color-soft-surface);width:min(28rem,100%);color:var(--color-ink);text-align:center;box-shadow:0 10px 0 var(--shadow-menu);border-radius:8px;padding:1rem}.result-kicker{color:var(--color-ink);letter-spacing:0;text-transform:uppercase;margin:0 0 .3rem;font-size:.88rem;font-weight:900}#result-title{color:var(--color-dark-navy);margin:0;font-size:2rem;line-height:1.05}#result-score{background:var(--color-dark-navy);width:-moz-fit-content;width:fit-content;color:var(--color-white);box-shadow:0 4px 0 var(--shadow-menu);border-radius:8px;margin:.65rem auto 0;padding:.42rem .75rem;font-size:1.05rem;font-weight:900}#result-message{color:var(--color-ink);white-space:pre-line;margin:.75rem 0 0;font-size:1rem;font-weight:750;line-height:1.35}.result-actions{gap:.65rem;margin-top:.9rem;display:grid}.result-actions .result-action{border:3px solid var(--color-dark-navy);background:var(--color-teal);min-height:2.65rem;color:var(--color-dark-navy);box-shadow:0 4px 0 var(--color-dark-navy);border-radius:8px;justify-content:center;align-items:center;font-size:.95rem;font-weight:900;text-decoration:none;display:inline-flex}.result-actions .result-action:active{box-shadow:0 2px 0 var(--color-dark-navy);transform:translateY(2px)}.result-actions .result-action--secondary{background:var(--color-white)}@media (max-width:520px){.answer-label{width:5.55rem;max-height:5.1rem;padding:.36rem .34rem;font-size:.62rem;line-height:1.08}}@media (max-width:700px) and (orientation:portrait){#start-screen{padding:calc(env(safe-area-inset-top) + 4.5rem) 1rem calc(env(safe-area-inset-bottom) + 2rem);place-items:start center}#result-screen{padding:calc(env(safe-area-inset-top) + 3.75rem) 1rem calc(env(safe-area-inset-bottom) + 2rem);place-items:start center}}@media (min-width:700px){#progress{font-size:.95rem}#question{top:calc(env(safe-area-inset-top) + 3.7rem);font-size:1.3rem}.answer-label{width:9.5rem;padding:.56rem .65rem;font-size:.88rem}#result-screen{place-items:center;padding:1rem}.result-panel{padding:1.25rem}#start-screen{place-items:center;padding:1rem}}