:root{color-scheme:dark;font-family:Courier New,Courier,monospace;background:#071421;color:#f7fbff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.launch-screen{min-height:100svh;padding:24px;display:grid;place-items:center;background:#071421}.launch-clock{display:flex;gap:clamp(16px,4vw,64px)}.clock-unit{position:relative;text-align:center;font-variant-numeric:tabular-nums}.clock-unit span{display:block;font-size:clamp(36px,10vw,132px);font-weight:700;line-height:1;color:#fff5cb;text-shadow:0 0 30px #ffdc5e15}.clock-unit:not(:last-child):after{content:":";position:absolute;top:0;right:calc(clamp(16px,4vw,64px)/-2 - .15em);font-size:clamp(36px,10vw,132px);line-height:1;color:#526574}.clock-unit small{display:block;margin-top:16px;font-size:clamp(8px,1.2vw,12px);text-transform:uppercase;letter-spacing:.15em;color:#8098a9}.admin-password{display:block;width:min(300px,80vw);height:52px;padding:12px 16px;border:1px solid #526574;border-radius:0;background:#0b1d2c;color:#fff5cb;font:inherit;text-align:center;outline-offset:4px}.admin-password:focus-visible{outline:2px solid #ffdc5e}.admin-password[aria-invalid=true]{border-color:#ff6877}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% 0%,#18374d,transparent 70%),#071421}button{font:inherit;cursor:pointer}button:focus-visible,.game-host:focus-visible{outline:3px solid white;outline-offset:4px}h1:focus{outline:none}.app-shell{min-height:100svh;padding:clamp(16px,4vw,48px);display:grid;align-items:center}.menu-screen{width:min(660px,100%);margin:auto;text-align:center}.eyebrow{margin:0 0 20px;color:#5fe7f2;text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.12em}h1{margin:0;font-size:clamp(2.4rem,7vw,4.5rem);text-transform:uppercase;line-height:1.05;text-shadow:4px 4px #18374d}h1 span{color:#ffdc5e}.menu-subtitle{margin:16px 0 28px;color:#a5bacb}.operator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,3vw,24px)}.operator-card{min-width:0;display:grid;gap:12px;padding:clamp(12px,3vw,24px);border:3px solid #42627b;background:linear-gradient(#183d52,#102338);color:#fff;box-shadow:0 6px #030c14;transition:border-color .15s,transform .15s}.operator-card:hover,.operator-card:focus-visible{border-color:#ffdc5e;transform:translateY(-3px)}.player-number{text-align:left;font-size:.8rem;color:#5fe7f2}.portrait{width:100%;height:clamp(100px,20vw,180px);object-fit:contain;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.operator-card strong{font-size:clamp(1.4rem,4vw,2rem);text-transform:uppercase}.select-label{color:#ffdc5e;font-size:.75rem}.menu-caption{color:#a5bacb;font-size:.75rem;margin:28px 0 0;line-height:1.6;text-transform:uppercase}.picker-screen{width:min(660px,100%);position:relative;isolation:isolate}.picker-screen:before{content:"";position:absolute;z-index:-1;inset:-20px -12px;background:radial-gradient(circle,#67cddd55 1px,transparent 2px) 0 0 / 21px 21px;-webkit-mask-image:radial-gradient(ellipse,transparent 40%,#000 75%,transparent 100%);mask-image:radial-gradient(ellipse,transparent 40%,#000 75%,transparent 100%);pointer-events:none}.picker-screen .eyebrow{margin-bottom:12px;color:#ffe38c;font-size:11px}.picker-screen .arcade-title{font-family:Impact,Arial Black,sans-serif;font-size:clamp(34px,7vw,76px);font-weight:900;line-height:1.02;letter-spacing:.025em;color:#fffbe7;text-shadow:2px -2px #a6f9ff,3px 3px #0a2336,5px 6px #ed4266,8px 9px #03101c}.picker-screen .arcade-title span{color:#fffbe7}.picker-screen .menu-subtitle{display:flex;justify-content:center;align-items:center;gap:12px;margin:20px 0 24px;color:#56e0ef;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.1em}.picker-screen .menu-subtitle:before,.picker-screen .menu-subtitle:after{content:"";width:40px;height:3px;background:#56e0ef}.picker-marquee{padding:9px;background:#ffdf6a;color:#142333;border:3px solid #ffefad;box-shadow:0 4px #aa7932;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(13px,2vw,18px)}.picker-screen .operator-grid{gap:clamp(12px,3vw,24px);margin-top:20px;padding:0 6px}.picker-screen .operator-card{padding:6px;gap:0;border:3px solid #dfb64c;background:#ffdf6a;box-shadow:0 5px #8c692b,0 10px 22px #0006,inset 0 0 0 2px #fff0b3}.picker-screen .operator-card:hover,.picker-screen .operator-card:focus-visible{border-color:#fff3bb;box-shadow:0 5px #d68c35,0 0 24px #ffdf6a44,inset 0 0 0 2px #fff0b3}.portrait-stage{position:relative;display:block;overflow:hidden;background:#25b9cf;border:3px solid #112434}.picker-screen .portrait{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.picker-screen .player-number{position:absolute;top:8px;left:8px;z-index:1;color:#e6fcff;background:#092235d9;padding:4px 6px;font-size:9px;letter-spacing:.08em}.picker-screen .operator-card strong{padding:10px 4px 8px;background:#0b2030;color:#fff9e6;font-size:clamp(20px,3vw,30px);text-shadow:2px 2px #43566a}.player-motto{display:block;padding:4px 6px 10px;background:#0b2030;color:#b4d0db;font-size:11px;line-height:1.4}.picker-screen .select-label{display:block;padding:10px 4px 4px;color:#172535;font-size:11px;font-weight:900;text-transform:uppercase}.picker-screen .menu-caption{margin-top:22px;color:#90adbb;font-size:10px;letter-spacing:.05em}.app-shell:has(.picker-screen){padding:16px}.picker-screen .arcade-title{font-size:clamp(34px,6vw,56px)}.picker-screen .menu-subtitle{margin:14px 0}.picker-screen .operator-grid{max-width:500px;margin:14px auto 0}.picker-screen .portrait{height:clamp(130px,28svh,200px);object-fit:cover}.picker-screen .menu-caption{margin-top:16px}@media(max-width:480px){.picker-screen .portrait{height:auto}}@media(max-width:480px){.picker-screen .menu-subtitle{margin:16px 0;font-size:10px;gap:8px}.picker-screen .menu-subtitle:before,.picker-screen .menu-subtitle:after{width:20px}.picker-screen .operator-grid{padding:0;margin-top:14px}.picker-screen .operator-card{padding:4px}.picker-screen .player-number{top:4px;left:4px;font-size:7px;padding:3px}.player-motto{min-height:40px;font-size:9px}.picker-screen .select-label{font-size:9px}}.briefing-card{margin:24px 0;padding:clamp(16px,3vw,28px);text-align:left;background:#102338;border:2px solid #42627b;box-shadow:0 6px #030c14}.player-badge{display:flex;gap:16px;align-items:center;padding-bottom:16px;border-bottom:1px solid #42627b}.player-badge img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.player-badge strong{color:#ffdc5e;text-transform:uppercase}.player-badge p{margin:6px 0 0;color:#a5bacb;font-size:.85rem}.instructions-list{padding-left:24px;margin:22px 0}.instructions-list li{padding-left:8px;margin:18px 0}.instructions-list li::marker{color:#5fe7f2;font-weight:700}.instructions-list strong{text-transform:uppercase}.instructions-list p{color:#b8cbd9;margin:6px 0 0;font-size:.9rem;line-height:1.5}.station-route{margin:0;color:#5fe7f2;font-size:.8rem;line-height:1.7;text-transform:uppercase}.menu-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.primary-button,.secondary-button{min-height:44px;padding:10px 18px;font-weight:700;text-transform:uppercase;border:2px solid #ffdc5e}.primary-button{background:#ffdc5e;color:#071421;box-shadow:0 4px #947332}.secondary-button{background:transparent;color:#b8cbd9;border-color:#42627b}.primary-button:hover{background:#ffeb9e}.secondary-button:hover{color:#fff;border-color:#5fe7f2}.app-shell.is-playing{height:100dvh;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.game-frame{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#071421}.game-play-area{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.game-host{width:100%;height:100%;min-height:0;overflow:hidden;background:#182c38}.game-host canvas{display:block;touch-action:pan-y!important}.arena-wrap{min-height:0;position:relative;overflow:hidden}.result-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,90%);padding:clamp(12px,3vh,28px);text-align:center;background:#091521f2;box-shadow:0 10px 40px #0008}.result-card h2{color:#ffdc5e;margin:8px 0;font-size:clamp(18px,3vw,28px);text-transform:uppercase}.result-card p{margin:8px 0}.result-card small{color:#b8cbd9}.footer-hud{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px;border-top:2px solid #18374d;color:#5fe7f2;font-weight:700}.footer-hud small{color:#a5bacb;font-weight:400}.game-actions{display:flex;flex-wrap:wrap;gap:10px}.run-hud{display:flex;justify-content:space-between;gap:16px;padding:10px clamp(12px,3vw,40px);background:#091521}.run-hud div{display:grid;gap:2px}.run-hud small{color:#a5bacb;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.run-hud strong{color:#ffdc5e;font-size:clamp(20px,3vw,30px)}.run-hud .hearts,.run-hud .time-low{color:#ff6877}.route-hud{display:flex;justify-content:center;gap:clamp(8px,4vw,44px);padding:8px;font-size:clamp(10px,1.5vw,13px);text-transform:uppercase;color:#85949e;background:#122330}.route-hud .is-next{color:#ffdc5e}.route-hud .is-done{color:#85e5a0}.movement-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;background:#122330}.live-objective{margin:0;font-size:13px;line-height:1.4;color:#ffdf88}.touch-pad{display:none;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,44px);gap:4px;flex-shrink:0}.touch-pad button{border:1px solid #688093;background:#233d4e;color:#fff;border-radius:6px;font-size:26px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-pad button:active{background:#ffdc5e;color:#071421}.direction-up{grid-column:2}.direction-left{grid-column:1;grid-row:2}.direction-down{grid-column:2;grid-row:2}.direction-right{grid-column:3;grid-row:2}@media(pointer:coarse),(max-width:700px),(max-height:500px){.touch-pad{display:grid}.footer-hud{padding:8px 12px;gap:6px}.footer-hud small{display:none}.game-actions{gap:6px}.game-actions button{font-size:11px;padding:8px}.movement-bar{padding:6px 12px}}@media(max-height:500px)and (orientation:landscape){.touch-pad{grid-template-columns:repeat(4,44px);grid-template-rows:44px}.touch-pad button{grid-row:1;grid-column:auto}.run-hud{padding-top:4px;padding-bottom:4px}.run-hud strong{font-size:18px}.route-hud{padding:4px}.footer-hud{padding-top:4px;padding-bottom:4px}}@media(prefers-reduced-motion:reduce){.operator-card{transition:none}}.hazard-comment{position:absolute;top:12px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);padding:10px 14px;border-radius:10px;background:#301c29f5;color:#ffe0e6;font-size:clamp(12px,2.6vw,15px);line-height:1.4;text-align:center;z-index:5;pointer-events:none;box-sizing:border-box}