html,body{height:100%;overflow:hidden}body{touch-action:manipulation;overscroll-behavior:none;background:#10121e;margin:0}.stadium{justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.pitch{image-rendering:pixelated;will-change:transform;flex-shrink:0;display:block}.vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 0 42%,#06070e59 42% 56%,#06070e99 56% 70%,#06070ed9 70%);position:absolute;inset:0}.bar{pointer-events:none;background:#06070e;height:11vh;position:absolute;inset-inline:0}.bar-top{transform:translateY(calc((var(--bars,0) - 1) * 100%));top:0}.bar-bottom{transform:translateY(calc((1 - var(--bars,0)) * 100%));bottom:0}.red-tick{pointer-events:none;background:radial-gradient(#c43a3a33 0 42%,#c43a3a73 42% 56%,#c43a3ab3 56% 70%,#c43a3ae6 70%);animation:.6s steps(5,end) both red-tick;position:absolute;inset:0}@keyframes red-tick{0%{opacity:1}}.panel{inset-inline:0;bottom:calc(12px + env(safe-area-inset-bottom));padding-inline:max(16px, env(safe-area-inset-left), env(safe-area-inset-right));color:#f4f4f4;text-align:center;text-shadow:2px 2px #1a1c2c;flex-direction:column;align-items:center;gap:8px;font:700 16px/1.3 ui-monospace,Consolas,monospace;display:flex;position:absolute}.card-layer{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:#f4f4f4;text-align:center;text-shadow:2px 2px #1a1c2c;pointer-events:none;justify-content:center;align-items:center;font:700 16px/1.3 ui-monospace,Consolas,monospace;display:flex;position:absolute;inset:0}.card{box-sizing:border-box;pointer-events:auto;background:#06070eeb;border:3px solid #1a1c2c;width:min(440px,100%);animation:.35s cubic-bezier(.22,1,.36,1) both card-in;box-shadow:4px 4px #06070e}.card-out{pointer-events:none;animation:.35s cubic-bezier(.55,0,1,.45) both card-out}.card-head{color:#ffe14d;text-transform:uppercase;background:#1a1c2c;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;font-size:14px;display:flex}.card-body{flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(48px)}}@keyframes card-out{to{opacity:0;transform:translateY(48px)}}.card-urgent{border-color:#c43a3a}@media (prefers-reduced-motion:reduce){.card,.card-out{animation-duration:1ms}.red-tick,.timer.low{animation:none}}.guess-row{justify-content:center;gap:8px;width:100%;display:flex}.guess-row>*{flex:none}.fulltime{justify-content:center;align-items:center;gap:16px;width:100%;height:calc(100% - 150px);margin-bottom:120px;display:flex}.fulltime>.card{max-height:100%;animation-delay:1.2s}.recap{flex-direction:column;min-height:0;display:flex}.recap>.recap-body{min-height:0}.standing{flex:none;width:min(280px,100%)}.curve{width:100%;display:block;overflow:visible}.curve-all{fill:#59627a}.curve-beaten{fill:#ffe14d}.curve-axis{stroke:#a7adc4;stroke-width:2px}.curve-you{stroke:#f4f4f4;stroke-width:2px;stroke-dasharray:4 3}.curve-label,.curve-tick{text-transform:uppercase;font:700 11px ui-monospace,Consolas,monospace}.curve-label{fill:#f4f4f4}.curve-tick{fill:#a7adc4}.standing-score{color:#ffe14d;margin:0;font-size:28px;line-height:1}.standing-score span{font-size:14px}.standing-line{text-shadow:none;margin:0;font-size:13px;font-weight:400}.standing-muted{color:#a7adc4}@media (width<=760px){.fulltime{flex-direction:column;align-items:center;gap:8px}.standing{width:min(440px,100%)}.standing .card-body{gap:4px;padding:8px 12px}.standing .curve{max-height:70px}.standing-score{font-size:22px}.fulltime>.recap{flex:0 auto;min-height:0}}.recap-body{overscroll-behavior:contain;touch-action:pan-y;text-align:left;scrollbar-color:#59627a transparent;padding:4px 12px 12px;overflow-y:auto}.recap-body:focus-visible{outline-offset:-3px;outline:3px solid #f4f4f4}.recap-question{flex-direction:column;gap:6px;padding-block:10px;display:flex}.recap-question+.recap-question{border-top:2px solid #1a1c2c}.recap-prompt{margin:0}.recap-yours,.recap-tiers,.recap-total{text-shadow:none;margin:0;font-size:13px;font-weight:400;line-height:1.35}.recap-yours{color:#ffe14d}.recap-total{color:#a7adc4}.recap-tiers{flex-direction:column;gap:4px;padding:0;list-style:none;display:flex}.recap-tiers li{align-items:baseline;gap:8px;display:flex}.tier{color:#1a1c2c;text-align:center;text-transform:uppercase;background:#59627a;flex:none;min-width:9ch;padding:1px 6px;font-size:11px;font-weight:700}.recap-yours .tier{min-width:0;margin-left:4px}.tier-panenka{background:#ffe14d}.tier-banger{background:#ff9d4d}.tier-goodpen{background:#7ee07e}.tier-woodwork{background:#8fc8ff}.tier-skied{background:#c2c9d2}.guess-row>.guess-field{flex:auto;min-width:0;max-width:260px;position:relative}.card-layer .guess-field input{width:100%;max-width:none}.guess-options{z-index:2;color:#1a1c2c;text-align:left;text-shadow:none;background:#f4f4f4;border:3px solid #1a1c2c;margin:0;padding:0;font-size:14px;font-weight:400;list-style:none;position:absolute;top:calc(100% - 3px);left:0;right:0;box-shadow:4px 4px #06070e}.guess-options li{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;padding:8px;overflow:hidden}.guess-options li+li{border-top:1px solid #c2c9d2}.guess-options li.active{background:#ffe14d;font-weight:700}.message{margin:0}.menu-screen{z-index:4;padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:#f4f4f4;text-align:center;text-shadow:2px 2px #1a1c2c;background:radial-gradient(#06070e73,#06070ee0);flex-direction:column;justify-content:center;align-items:center;gap:14px;font:700 16px/1.3 ui-monospace,Consolas,monospace;display:flex;position:absolute;inset:0}.title{filter:drop-shadow(0 min(8px,1.2vw) #06070e);width:min(620px,92vw);height:auto;animation:.6s cubic-bezier(.22,1,.36,1) both title-in;display:block}@keyframes title-in{0%{opacity:0;transform:translateY(-24px)scale(.96)}}.menu-tagline{color:#c2c9d2;margin:8px 0 0;font-size:15px}.menu-buttons{flex-direction:column;gap:14px;width:min(340px,100%);margin-top:14px;display:flex}.menu-button{color:#1a1c2c;font:inherit;text-shadow:none;cursor:pointer;background:#ffe14d;border:3px solid #1a1c2c;border-radius:0;flex-direction:column;align-items:center;gap:2px;padding:12px 16px;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:4px 4px #06070e}.menu-button-alt{background:#ff9d4d}.menu-button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px #06070e}.menu-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #06070e}.menu-button:disabled{cursor:default;background:#59627a}.menu-button:focus-visible{outline-offset:3px;outline:3px solid #f4f4f4}.menu-button-title{letter-spacing:.04em;text-transform:uppercase;font-size:20px}.menu-button-detail{font-size:13px;font-weight:400}.menu-note{color:#a7adc4;margin:0;font-size:14px}.hud{--s:4;top:max(10px, env(safe-area-inset-top));inset-inline:max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-right));z-index:3;pointer-events:none;align-items:flex-start;gap:10px;display:flex;position:absolute}.hud>*{pointer-events:auto}.hud-plate,.hud-menu{box-sizing:border-box;background:#06070ed9;border:3px solid #1a1c2c;box-shadow:3px 3px #06070e}.hud-plate{align-items:center;gap:calc(2px * var(--s));min-height:50px;padding:6px 10px;transition:opacity .2s;display:flex}.hud-hidden{opacity:0}.hud-menu{cursor:pointer;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:50px;height:50px;padding:0;display:flex}.hud-menu span{background:#ffe14d;width:24px;height:4px;box-shadow:2px 2px #1a1c2c}.hud-menu:hover{background:#1a1c2c}.hud-menu:focus-visible{outline-offset:2px;outline:3px solid #f4f4f4}.hud-score{margin-left:auto;position:relative}.hud-label{color:#ffe14d;text-transform:uppercase;font:700 12px ui-monospace,Consolas,monospace}.hud-gain{animation:.4s cubic-bezier(.22,1,.36,1) both gain-pop;position:absolute;top:calc(100% + 8px);right:0}@keyframes gain-pop{0%{opacity:0;transform:translateY(-10px)scale(.6)}}.sprite{background-image:var(--items);background-repeat:no-repeat;background-size:calc(88px * var(--s)) calc(33px * var(--s));image-rendering:pixelated;flex:none;display:inline-block}.sprite-number{display:inline-flex}.digit+.digit{margin-left:calc(-1px * var(--s))}.card-layer{padding-top:max(76px, calc(env(safe-area-inset-top) + 66px))}@media (width<=600px){.hud{--s:3;gap:8px}.hud-plate{min-height:44px;padding:5px 8px}.hud-menu{width:44px;height:44px}.hud-label{display:none}.card-layer{padding-top:max(66px, calc(env(safe-area-inset-top) + 58px))}.menu-button-title{font-size:18px}}.confirm{flex-direction:column;align-items:center;gap:8px;display:flex}.prompt,.feedback{margin:0}.prompt-details{color:#a7adc4;text-shadow:none;margin:-2px 0 0;font-size:12px;font-weight:400;line-height:1.35}.feedback{color:#ff9d9d;min-height:1.3em}.timer{color:#ffe14d;text-align:right;background:#1a1c2c;min-width:3ch;padding:2px 8px}.timer.low{color:#f4f4f4;background:#c43a3a;animation:.3s steps(3,end) both timer-tick}@keyframes timer-tick{0%{transform:scale(1.5)}}.panel input,.card-layer input,.panel button,.card-layer button{box-sizing:border-box;height:44px;font:inherit;text-shadow:none;border:3px solid #1a1c2c;border-radius:0}.panel input,.card-layer input{color:#1a1c2c;text-align:center;background:#f4f4f4;flex:auto;width:auto;min-width:0;max-width:260px;padding-inline:8px}.panel button,.card-layer button{color:#1a1c2c;cursor:pointer;background:#ffe14d;padding-inline:16px}.panel button:disabled,.card-layer button:disabled{color:#1a1c2c;cursor:not-allowed;background:#59627a}.card-layer .skip{color:#c2c9d2;text-underline-offset:3px;background:0 0;border-color:#0000;height:36px;padding-inline:12px;font-size:14px;text-decoration:underline}.card-layer .skip:hover{color:#f4f4f4}.card-layer .skip:disabled{color:#59627a;background:0 0}.panel input:focus-visible,.card-layer input:focus-visible,.panel button:focus-visible,.card-layer button:focus-visible{outline-offset:1px;outline:3px solid #f4f4f4}@media (width<=600px),(height<=500px){.card-layer{align-items:flex-start}.card-head{font-size:13px}.card-body{gap:6px;padding:10px}.panel{font-size:15px}}@media (height<=420px){.card-layer{padding-top:max(8px, env(safe-area-inset-top))}.card-body{gap:4px;padding:8px}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}