@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:DM Sans,sans-serif;--chalk: #f4f0e3;--cream: #dcd8ca;--ink: #06120d;--panel: rgba(7, 20, 14, .82);--panel-solid: #0b2017;--line: rgba(244, 240, 227, .18);--lime: #c9f45a;--orange: #ff6038;--blue: #4ec5ee;--shadow: 0 18px 70px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:var(--ink)}button,a{font:inherit}button{color:inherit}#game,#viewport,#viewport canvas{position:absolute;inset:0;width:100%;height:100%}#game{min-height:0;isolation:isolate;background:#163c29}#viewport canvas{display:block}.field-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.35) 0,transparent 25%,transparent 66%,rgba(2,10,7,.67) 100%),linear-gradient(90deg,rgba(2,10,7,.38),transparent 25%,transparent 74%,rgba(2,10,7,.38))}.noise{position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;height:88px;padding:18px 30px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#040e09d6,#040e091f)}.brand{color:var(--chalk);display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--chalk);background:var(--orange);box-shadow:inset 0 0 0 4px var(--panel-solid);font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:800;letter-spacing:.06em;transform:rotate(-7deg)}.brand-copy{display:grid;line-height:1;text-transform:uppercase}.brand-copy strong{font-family:Barlow Condensed,sans-serif;font-size:25px;letter-spacing:.045em}.brand-copy small{margin-top:5px;color:#f4f0e39e;font-size:9px;font-weight:700;letter-spacing:.24em}.rep-meta{position:absolute;left:50%;display:flex;align-items:baseline;gap:12px;transform:translate(-50%)}.eyebrow{color:#f4f0e385;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.rep-meta strong{font-family:Barlow Condensed,sans-serif;font-size:24px;letter-spacing:.1em}.attempt-label{padding:4px 6px;color:var(--ink);border:1px solid var(--lime);background:var(--lime);font-size:8px;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase}.attempt-label.replay{color:var(--orange);border-color:var(--orange);background:transparent}.attempt-label.review{color:var(--blue);border-color:var(--blue);background:transparent}.sound-toggle{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid transparent;background:transparent;color:#f4f0e3b8;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.scenario-pool{position:relative;margin:0 6px 0 auto;padding:0;display:flex;gap:5px;border:0}.scenario-pool legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.scenario-pool label{position:relative;cursor:pointer}.scenario-pool input{position:absolute;opacity:0;pointer-events:none}.scenario-pool label span{display:block;padding:8px 10px;color:#f4f0e37a;border:1px solid rgba(244,240,227,.14);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:color .16s,border-color .16s,background .16s}.scenario-pool input:checked+span{color:var(--ink);border-color:var(--lime);background:var(--lime)}.scenario-pool input:focus-visible+span{outline:2px solid var(--chalk);outline-offset:2px}.scenario-pool small{position:absolute;top:calc(100% + 6px);right:0;width:230px;color:var(--orange);font-size:8px;text-align:right}.sound-toggle:hover{border-color:var(--line)}.sound-bars{height:15px;display:flex;align-items:center;gap:2px}.sound-bars i{display:block;width:2px;height:5px;background:var(--lime);animation:sound-wave .8s ease-in-out infinite alternate}.sound-bars i:nth-child(2){height:13px;animation-delay:-.3s}.sound-bars i:nth-child(3){height:9px;animation-delay:-.5s}.sound-toggle[aria-pressed=false] .sound-bars i{height:2px;animation:none;background:#78837c}@keyframes sound-wave{to{height:14px}}.situation-panel,.decision-panel{position:absolute;z-index:4;top:116px;width:244px;padding:18px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.situation-panel{left:30px}.decision-panel{right:30px;width:276px;border-top:3px solid var(--lime)}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line)}.difficulty{padding:4px 7px;color:var(--lime);border:1px solid rgba(201,244,90,.32);font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.situation-title{display:flex;align-items:center;gap:9px;margin-top:14px;font-family:Barlow Condensed,sans-serif;font-size:21px;font-weight:700;letter-spacing:.025em;text-transform:uppercase}.situation-title i{width:3px;height:3px;border-radius:50%;background:var(--orange)}.base-map{position:relative;width:92px;height:72px;margin:18px auto 13px}.base{position:absolute;width:25px;height:25px;border:2px solid rgba(244,240,227,.72);transform:rotate(45deg);transition:background .18s,border-color .18s,box-shadow .18s}.base.on{border-color:var(--lime);background:var(--lime);box-shadow:0 0 20px #c9f45a61}.base-second{top:0;left:34px}.base-third{top:34px;left:0}.base-first{top:34px;right:0}.base-label{position:absolute;color:#f4f0e366;font-family:Barlow Condensed,sans-serif;font-size:8px;font-weight:700}.label-second{top:9px;left:43px}.label-third{top:43px;left:9px}.label-first{top:43px;right:9px}.base.on+.base-label{color:var(--ink)}.situation-panel>p{margin:0;color:#f4f0e3a8;font-size:11px;text-align:center}.decision-panel h1{margin:10px 0 8px;font-family:Barlow Condensed,sans-serif;font-size:33px;line-height:.92;text-transform:uppercase}.decision-panel>p{margin:0;color:#f4f0e3ab;font-size:12px;line-height:1.55}.reaction-meter{margin-top:17px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-family:Barlow Condensed,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.reaction-meter[hidden]{display:none}.reaction-meter>div{height:3px;overflow:hidden;background:#f4f0e32b}.reaction-meter i{display:block;width:0;height:100%;background:var(--lime)}.reaction-meter strong{color:var(--lime)}.action-prompt{position:absolute;z-index:5;left:50%;bottom:118px;transform:translate(-50%);transition:opacity .2s,transform .2s}.action-prompt.hidden{opacity:0;pointer-events:none;transform:translate(-50%,10px)}.action-prompt button{display:flex;align-items:center;gap:15px;min-width:244px;padding:12px 20px 12px 12px;border:1px solid rgba(244,240,227,.72);background:#06120de0;box-shadow:0 0 0 5px #06120d40,var(--shadow);cursor:pointer;text-align:left}.action-prompt button:hover{border-color:var(--lime);transform:translateY(-2px)}.keycap,kbd{display:inline-grid;place-items:center;border:1px solid rgba(244,240,227,.42);border-bottom-width:3px;border-radius:4px;background:#f4f0e314;font-family:Barlow Condensed,sans-serif;font-weight:700;text-transform:uppercase}.keycap{min-width:58px;height:40px;font-size:11px;letter-spacing:.08em}.touch-label{display:none}.action-prompt button>span:last-child{display:grid;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.action-prompt small{color:var(--lime);font-size:9px;letter-spacing:.16em}.throw-controls{position:absolute;z-index:5;left:50%;bottom:93px;display:flex;align-items:stretch;gap:7px;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .18s,transform .18s}.throw-controls.active{opacity:1;pointer-events:auto;transform:translate(-50%)}.control-intro{width:102px;display:grid;align-content:center;padding:0 13px;border-left:3px solid var(--orange);background:var(--panel)}.control-intro strong{margin-top:4px;font-family:Barlow Condensed,sans-serif;font-size:18px;text-transform:uppercase}.throw-controls button{width:78px;height:63px;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);background:#07140ee0;cursor:pointer}.throw-controls button:hover,.throw-controls button.queued{color:var(--ink);border-color:var(--lime);background:var(--lime);transform:translateY(-3px)}.throw-controls button:disabled{opacity:.28;cursor:default;transform:none}.throw-controls button:disabled:hover{color:inherit;border-color:var(--line);background:#07140ee0}.throw-controls button[hidden]{display:none}.throw-controls .tag-action{width:92px;border-color:#ff60388a}.throw-controls .hold-action{width:92px;border-color:#4ec5ee8a}.throw-controls .hold-action:hover,.throw-controls .hold-action.queued{color:var(--ink);border-color:var(--blue);background:var(--blue)}.throw-controls .tag-action:hover,.throw-controls .tag-action.queued{color:var(--chalk);border-color:var(--orange);background:var(--orange)}.throw-controls kbd{width:24px;height:27px;font-size:11px}.throw-controls button span{display:grid;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:800;line-height:.85}.throw-controls button small{font-size:8px;font-weight:600;letter-spacing:.08em;opacity:.62;text-transform:uppercase}.footer-bar{position:absolute;z-index:4;left:0;right:0;bottom:0;height:74px;padding:0 30px;display:flex;align-items:center;border-top:1px solid var(--line);background:#040e09d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.streak{display:flex;align-items:center;gap:12px}.streak strong{color:var(--lime);font-family:Barlow Condensed,sans-serif;font-size:29px}.streak small{font-size:15px}.field-status{position:absolute;left:50%;display:flex;align-items:center;gap:9px;color:#f4f0e3a3;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transform:translate(-50%)}.pulse{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 #c9f45a80;animation:pulse 1.6s infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px #c9f45a00}to{box-shadow:0 0 #c9f45a00}}.footer-actions{margin-left:auto;display:flex;gap:7px}.footer-actions button{padding:8px 10px;border:1px solid transparent;background:transparent;color:#f4f0e39e;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.footer-actions button:hover{border-color:var(--line);color:var(--chalk)}.footer-actions kbd,.result-card kbd{min-width:20px;height:20px;margin-right:5px;font-size:9px}.result-card{position:absolute;z-index:10;top:50%;left:50%;width:min(430px,calc(100vw - 40px));padding:30px;color:var(--chalk);border:1px solid rgba(244,240,227,.36);border-top:4px solid var(--lime);background:#07140ef5;box-shadow:0 30px 120px #000000ad;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.result-card[hidden]{display:none}.result-stamp{position:absolute;top:26px;right:25px;padding:5px 8px;color:var(--lime);border:1px solid currentColor;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transform:rotate(3deg)}.result-card h2{max-width:280px;margin:11px 0 8px;font-family:Barlow Condensed,sans-serif;font-size:39px;line-height:.95;text-transform:uppercase}.result-card>p{margin:0;color:#f4f0e3a8;font-size:12px;line-height:1.55}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0;border-block:1px solid var(--line)}.result-stats div{display:grid;gap:4px;padding:15px 8px;border-right:1px solid var(--line)}.result-stats div:last-child{border:0}.result-stats span{color:#f4f0e375;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.result-stats strong{font-family:Barlow Condensed,sans-serif;font-size:24px}.rep-code-row{position:relative;min-width:0;margin:-8px 0 14px;padding:9px 9px 9px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(244,240,227,.14);background:linear-gradient(90deg,rgba(78,197,238,.08),transparent 62%),#00000029}.rep-code-row>span{min-width:0;display:grid;gap:3px}.rep-code-row small{color:var(--blue);font-size:7px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.rep-code-row code{display:block;overflow:hidden;color:#f4f0e385;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all}.rep-code-row em{position:absolute;right:59px;bottom:-12px;color:var(--blue);font-size:7px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.rep-code-row button{padding:7px 9px;color:var(--blue);border:1px solid rgba(78,197,238,.42);background:transparent;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.rep-code-row button:hover{color:var(--ink);background:var(--blue)}#next-button{width:100%;padding:14px;color:var(--ink);border:0;background:var(--lime);font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}#next-button:hover{filter:brightness(1.08)}#next-button kbd{margin:0 0 0 8px;border-color:#06120d73}.result-card.missed{border-top-color:var(--orange)}.result-card.missed .result-stamp{color:var(--orange)}@media(max-width:900px){.topbar{padding-inline:18px}.brand-copy{display:none}.situation-panel{left:16px;top:102px;transform:scale(.88);transform-origin:top left}.decision-panel{right:16px;top:102px;transform:scale(.88);transform-origin:top right}.footer-bar{padding-inline:18px}.throw-controls{bottom:84px}.scenario-pool label span{padding-inline:7px}}@media(max-height:720px){.topbar{height:68px;padding-block:10px}.brand-mark{width:42px;height:42px}.situation-panel,.decision-panel{top:82px}.action-prompt{bottom:91px}.throw-controls{bottom:76px}.footer-bar{height:62px}}@media(max-height:520px)and (orientation:landscape){.topbar{height:58px;padding:8px 16px}.brand-mark{width:38px;height:38px}.rep-meta strong{font-size:21px}.situation-panel,.decision-panel{top:66px;transform:scale(.72)}.situation-panel{left:12px;transform-origin:top left}.decision-panel{right:12px;transform-origin:top right}.action-prompt{bottom:calc(58px + env(safe-area-inset-bottom))}.throw-controls{bottom:calc(54px + env(safe-area-inset-bottom));gap:4px}.footer-bar{height:calc(50px + env(safe-area-inset-bottom));padding:0 16px env(safe-area-inset-bottom)}.field-status{display:none}.footer-actions{gap:2px}.footer-actions button{padding-inline:6px}.result-card{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 16px);padding:18px 22px;overflow-y:auto}.result-stamp{top:16px;right:18px}.result-card h2{margin-block:8px 5px;font-size:31px}.result-stats{margin:12px 0}.result-stats div{padding-block:8px}.rep-code-row{margin-bottom:10px}#next-button{padding:10px}}@media(pointer:coarse){.keyboard-label{display:none}.touch-label{display:inline}.action-prompt button{min-height:54px}}@media(orientation:portrait)and (max-width:1100px){.topbar{height:calc(98px + env(safe-area-inset-top));padding:max(10px,env(safe-area-inset-top)) 12px 42px;align-items:flex-start}.brand-copy,.rep-meta .eyebrow{display:none}.brand-mark{width:40px;height:40px}.rep-meta{top:max(14px,env(safe-area-inset-top));gap:7px}.rep-meta strong{font-size:21px}.scenario-pool{position:absolute;top:calc(55px + env(safe-area-inset-top));left:50%;margin:0;transform:translate(-50%)}.scenario-pool label span{min-width:92px;min-height:34px;display:grid;place-items:center;padding:8px 12px}.sound-toggle{width:42px;min-height:42px;margin-left:auto;justify-content:center;padding:8px;font-size:0}.situation-panel,.decision-panel{right:10px;left:10px;width:auto;transform:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.situation-panel{top:calc(106px + env(safe-area-inset-top));min-height:70px;padding:10px 12px;display:grid;grid-template-rows:auto auto 1fr}.panel-heading{padding:0;border:0}.panel-heading .eyebrow{font-size:8px}.difficulty{padding:3px 5px;font-size:8px}.situation-title{margin-top:5px;font-size:18px}.base-map{display:none}.situation-panel>p{align-self:end;margin-top:4px;font-size:9px;text-align:left}.decision-panel{top:calc(186px + env(safe-area-inset-top));padding:10px 12px 11px;border-top-width:2px}.decision-panel h1{margin:5px 0 3px;font-size:25px;line-height:1}.decision-panel>p{overflow:hidden;font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.reaction-meter{margin-top:8px}.action-prompt{right:10px;bottom:calc(60px + env(safe-area-inset-bottom));left:10px;transform:none}.action-prompt.hidden{transform:translateY(10px)}.action-prompt button{width:100%;min-width:0;justify-content:center;padding-right:12px}.throw-controls{right:8px;bottom:calc(58px + env(safe-area-inset-bottom));left:8px;gap:5px;transform:translateY(12px)}.throw-controls.active{transform:none}.control-intro{display:none}.throw-controls button,.throw-controls .tag-action,.throw-controls .hold-action{width:auto;min-width:0;height:62px;flex:1 1 0;justify-content:center;padding:7px 4px}.throw-controls kbd{display:none}.throw-controls button span{font-size:18px;text-align:center}.footer-bar{height:calc(52px + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom)}.streak,.field-status{display:none}.footer-actions{width:100%;gap:4px}.footer-actions button{min-height:44px;flex:1 1 0;padding:7px 4px}.footer-actions kbd{display:none}.result-card{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:22px 18px 18px;overflow-y:auto}.result-stamp{top:18px;right:16px}.result-card h2{max-width:calc(100% - 100px);font-size:34px}.result-stats{margin:16px 0}.result-stats div{padding:11px 5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}