:root{font-family:ui-rounded,Avenir Next Rounded,system-ui,sans-serif;color:#fff4df;background:#0b0e1a;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{height:100dvh;overflow:hidden;background:#0b0e1a;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}[hidden]{display:none!important}.primary{min-height:58px;border-radius:15px;padding:14px 30px;color:#fff4df;background:#f35d36;box-shadow:0 4px #a73529;font-size:20px;font-weight:900}.primary:active{transform:translateY(3px);box-shadow:0 2px #a92b24}button:focus-visible{outline:3px solid #ffd28b;outline-offset:5px}.solo-home{position:relative;isolation:isolate;width:100%;height:100dvh;overflow:hidden;background:#0b0e1a}.home-rails{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.menu-track-bed{fill:none;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.menu-track-rail{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.5}.menu-train{opacity:.9}.home-action{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,260px)}.home-together{min-height:44px;padding:10px 28px;border-radius:12px;color:#c6d0df;background:#202b3d;font-size:16px;font-weight:800}.home-content{position:relative;height:100%;width:min(100%,560px);margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:max(24px,env(safe-area-inset-top)) 28px max(32px,env(safe-area-inset-bottom))}.solo-logo{width:100%;max-width:440px;height:auto;display:block}.solo-home .home-play{display:flex;align-items:center;justify-content:center;gap:10px;width:min(100%,260px);min-height:64px;padding:14px 16px;border-radius:17px;color:#fff4df;background:#f35d36;box-shadow:0 4px #a73529;font-size:20px;font-weight:900;white-space:nowrap;transition:background .15s,transform .15s,box-shadow .15s}.solo-home .home-play:hover{background:#ff7046}.solo-home .home-play:active{transform:translateY(2px);box-shadow:0 2px #a73529}.solo-home .home-play:focus-visible{outline-color:#ffd28b}.play-symbol{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff4df}@media(max-height:500px)and (min-width:600px){.home-content{flex-direction:row;width:min(100%,900px);gap:40px}.solo-logo{width:50%}.home-action{width:240px}}@media(prefers-reduced-motion:reduce){.solo-home .home-play{transition:none}}.solo-screen{display:flex;flex-direction:column;width:min(100%,740px);height:100dvh;margin:auto;padding:max(10px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom))}.solo-hud{display:flex;gap:18px;align-items:center;padding:4px 8px 10px}.solo-hud>div{min-width:62px}.solo-hud small{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:#96a3b8}.solo-hud strong{display:block;font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}.score-value{display:flex;align-items:center;gap:6px}#score-multiplier{padding:3px 6px;border-radius:7px;color:#9e431f;background:#ffe0a0;font-size:12px;font-weight:900;line-height:1;white-space:nowrap}#score-multiplier[data-value="3"]{color:#fff4d6;background:#a63832}#errors{color:#f48380}.solo-hud button{width:36px;height:36px;border-radius:50%;background:#202b3d;color:#c6d0df;font-size:24px}#pause-button{margin-left:auto;font-size:16px}#sound-button{display:grid;place-items:center}.solo-hud button:disabled{opacity:.3}@media(max-width:360px){.solo-hud{gap:8px}}.phase-line{min-height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0}#phase-indicator{padding:7px 14px;border-radius:14px;background:#202b3d;color:#c6d0df;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.solo-board{position:relative;width:min(100%,calc((100dvh - 136px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 14 / 24));aspect-ratio:14 / 24;margin:auto;flex-shrink:0}#game-canvas{display:block;width:100%;height:100%;touch-action:none}.solo-overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:4;border-radius:24px;background:#0b0e1a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.countdown-number{display:block;color:#fffbed;font-size:100px;font-weight:950;text-align:center;text-shadow:0 5px 0 #342e3745;font-variant-numeric:tabular-nums}.panic-overlay{background:#681a285e}.panic-title{display:grid;place-items:center;gap:14px}.panic-title b{color:#fff4d6;font-size:clamp(32px,10vw,64px);font-weight:950;letter-spacing:-.06em;text-shadow:0 4px 0 #39182155}.result-card{display:flex;flex-direction:column;align-items:center;gap:22px;width:min(85%,320px);background:#172131;border:1px solid #304056;border-radius:24px;padding:28px}.result-card small{font-size:11px;font-weight:900;letter-spacing:.12em}.result-card strong{color:#ff8a5b;font-size:72px;line-height:1}.result-card b{font-size:26px}.result-card .primary{width:100%}.plain{color:#b1bed0;background:none;padding:8px 15px;font-weight:800}@media(min-width:700px){.solo-screen{padding-left:24px;padding-right:24px}}#phase-indicator{transition:background-color .45s,color .45s,box-shadow .45s}.phase-line #phase-indicator[data-cue=rush]{color:#ffac74;background:#472b29}.phase-line #phase-indicator[data-cue=rush-warning]{color:#ffe5b2;background:#75402a;box-shadow:0 0 0 1px #ed95654d}.phase-line #phase-indicator[data-cue=panic-warning],.phase-line #phase-indicator[data-cue=panic]{color:#fff1df;background:#a63832;box-shadow:0 0 0 1px #ff927866,0 0 16px #ec473726}.phase-line #phase-indicator[data-cue=rush-ending]{color:#ffbd8b;background:#56312e}@media(prefers-reduced-motion:reduce){#phase-indicator{transition:none}}.hud-counter{display:inline-block;transform-origin:center}.hud-counter.last-error{animation:last-error-pulse .95s ease-in-out infinite}#errors.last-error,#lives.last-error{color:#ff655f}@keyframes last-error-pulse{0%,to{transform:scale(1);text-shadow:0 0 0 transparent}50%{transform:scale(1.12);text-shadow:0 0 12px #ff655f80}}@media(prefers-reduced-motion:reduce){.hud-counter.last-error{animation:none;text-decoration:underline;text-decoration-color:#ff655f;text-underline-offset:5px}}.hidden{display:none!important}.screen{width:100%;height:100dvh;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.home-controls{width:min(100%,360px);margin:auto;padding:12px 0}.brand-lockup h1{margin:0 0 12px}.brand-lockup img{width:200px;height:auto;display:block;margin:auto}.home-controls label{display:block;font-size:12px;font-weight:800;color:#aebbd0;margin:14px 0 7px}.home-controls input,.home-controls select,.chat-compose input{width:100%;min-height:48px;border:1px solid #3b4a61;border-radius:12px;padding:10px 14px;color:#fff4df;background:#172131;font:inherit}.home-controls>.primary{width:100%;margin-top:16px}.secondary{min-height:44px;padding:10px 16px;border-radius:12px;background:#263448;color:#fff4df;font-weight:800}.text-button{min-height:44px;padding:10px 14px;color:#b1bed0;background:none;font-weight:800}.home-controls>.text-button{display:block;margin:auto}.home-controls h2{font-size:24px;margin:8px 0 22px;text-align:center}.friend-action{display:flex;align-items:center;gap:16px;width:100%;min-height:80px;padding:20px;margin:12px 0;color:#fff4df;background:#172131;border:1px solid #304056;border-radius:18px;font-size:18px;font-weight:800;text-align:left}.friend-action span{font-size:26px;color:#f88b62;width:30px;text-align:center}.friend-action .join-code-icon{display:block;width:36px;height:36px;flex-shrink:0;color:#f88b62}.room-form .brand-lockup img{width:136px}.room-form .primary{width:100%;margin-top:24px}.room-form #room-code{text-transform:uppercase;letter-spacing:.14em}.player-identity{display:flex;gap:12px;align-items:center}.player-identity input{min-width:0;flex:1}.profile-avatar{display:block;width:44px;height:44px;padding:0;border-radius:50%;flex-shrink:0;background:#263448}.profile-avatar svg{display:block;width:100%;height:100%}button.profile-avatar{outline:2px solid #4a5a72;outline-offset:2px}button.profile-avatar:hover{outline-color:#f88b62}.team-options,.size-options{display:flex;gap:8px}.team-options button,.size-options button{min-height:44px;color:#b9c7d9;background:#202b3d;border:1px solid #3b4a61;font:inherit;font-weight:800}.team-options button{flex:1;padding:12px;border-radius:12px}.size-options button{width:44px;border-radius:50%}.team-options button[aria-pressed=true],.size-options button[aria-pressed=true]{border-color:#f88b62;color:#fff4df;background:#563428}.icon-button{width:40px;height:40px;padding:9px;color:#b9c7d9;background:#202b3d;border-radius:12px;flex-shrink:0}.icon-button svg,.leave-game svg{display:block;width:22px;height:22px;margin:auto}.lobby-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.lobby-heading h2{font-size:21px;margin:0}.game-overlay .lobby-card{text-align:left;padding:20px}.lobby-card>.text-button{display:block;margin:auto}.game-overlay .lobby-card .room-players{margin:18px 0}.game-overlay .room-players li{justify-content:flex-start;border:1px solid #304056;background:#1b2637;border-radius:14px;padding:9px 10px;margin:7px 0;gap:12px;min-height:64px}.player-details{display:grid;gap:5px;min-width:0;flex:1}.player-name{display:flex;align-items:center;gap:7px;overflow-wrap:anywhere;font-weight:800}.host-crown{color:#efcd7e;display:inline-flex;width:17px;height:17px;flex-shrink:0}.vacant-player{color:#8e9cb1}.vacant-player .profile-avatar{outline:1px dashed #708198;outline-offset:2px;opacity:.55}.lobby-sizing>label{display:block;color:#b9c7d9;font-size:12px;font-weight:800;margin:0 0 10px}.lobby-size-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.game-overlay .lobby-size-row .secondary{width:auto;margin:0;padding:10px 12px;font-size:12px}.hud .hud-avatar{width:30px;height:30px;outline-width:1px}.avatar-picker{width:min(94vw,360px);max-height:85dvh;overflow:auto;padding:20px;border:1px solid #3b4a61;border-radius:22px;background:#172131;color:#fff4df}.avatar-picker::backdrop{background:#0b0e1acc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.avatar-picker header{display:flex;align-items:center;justify-content:space-between;gap:8px}.avatar-picker h2{font-size:18px;margin:0}.avatar-picker header button{font-size:24px;padding:8px}.avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.avatar-grid button{display:grid;justify-items:center;gap:7px;padding:10px 5px;border:1px solid #304056;border-radius:14px;background:#202b3d;color:#b9c7d9;font-size:11px}.avatar-grid button[aria-pressed=true]{border-color:#f88b62;color:#fff4df}.avatar-grid svg{width:58px;height:58px}button:focus-visible{outline:2px solid #f88b62;outline-offset:3px}.divider{text-align:center;color:#8493aa;font-size:12px;margin:16px 0 4px}.join-row{display:flex;gap:8px}.join-row input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.12em}.error-message{color:#ff9d8d;font-size:13px;min-height:18px}.connecting-screen{gap:18px;text-align:center}.game-screen{position:relative;display:flex;flex-direction:column;width:min(100%,740px);height:100dvh;margin:auto;padding:max(10px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom))}.hud{display:flex;align-items:center;gap:8px;padding:4px 4px 10px;flex-shrink:0}.hud-item{min-width:50px}.hud-item small{display:block;color:#96a3b8;font-size:9px;font-weight:900;letter-spacing:.08em}.hud-item strong{font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}.hud .lives strong{color:#f48380}.connection-pill{margin-left:auto;color:#9bd4bb;font-size:11px;font-weight:800;white-space:nowrap}.connection-pill.offline{color:#ffac74}.chat-button,.leave-game{position:relative;flex-shrink:0;width:32px;height:36px;border-radius:12px;background:#202b3d;color:#c6d0df;font-size:18px}.chat-button i{position:absolute;right:0;top:0;background:#a63832;color:#fff4df;border-radius:6px;padding:2px 4px;font-size:9px;font-style:normal}.live-status{min-height:20px;text-align:center;color:#ffac74;font-size:11px;line-height:16px}.board{position:relative;width:min(100%,calc((100dvh - 160px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 14 / 24));aspect-ratio:14 / 24;margin:auto;flex-shrink:0}.in-lobby .board{visibility:hidden}.game-overlay{position:absolute;inset:106px 12px 16px;z-index:5;display:flex;align-items:center;justify-content:center;overflow:auto;padding:16px;background:#0b0e1aaa;border-radius:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-overlay>div{width:min(100%,340px);margin:auto;padding:20px;background:#172131;border:1px solid #304056;border-radius:24px;text-align:center}.game-overlay h2{font-size:24px;margin:0 0 10px}.game-overlay p{font-size:13px;color:#b1bed0;line-height:1.4}.game-overlay .primary,.game-overlay .secondary{display:block;width:100%;margin-top:12px}.game-overlay button:disabled{opacity:.4}.game-overlay.countdown>span,.rush-panic-card span{display:block;font-size:100px;font-weight:950;font-variant-numeric:tabular-nums}.rush-panic-card>div{border:0;background:none}.rush-panic-card b{display:block;font-size:clamp(32px,9vw,60px);letter-spacing:-.05em}.room-players{list-style:none;margin:12px 0;padding:0;text-align:left}.room-players li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #304056;font-size:13px}.room-players small{color:#9bd4bb;font-size:10px;white-space:nowrap}.game-overlay .retry-players li{justify-content:flex-start;gap:10px;padding:8px 10px;margin:6px 0;min-height:48px;border:1px solid #304056;border-radius:12px;background:#1b2637}.retry-players .profile-avatar{width:32px;height:32px}.finish-mark{width:110px;height:auto}.end-card h2{color:#ff8a5b;font-size:60px}.emote-bar{position:absolute;top:60px;right:14px;z-index:8;display:flex;flex-wrap:wrap;width:224px;padding:8px;border-radius:16px;background:#172131;border:1px solid #304056}.emote-bar button{width:48px;height:44px;font-size:24px;background:none;border-radius:8px}.emote-feed{position:absolute;bottom:20px;right:18px;pointer-events:none;z-index:3;display:grid;gap:6px}.emote-message{display:flex;align-items:center;gap:7px;border-radius:12px;padding:5px 10px;background:#172131;animation:emote-in .2s ease-out}.emote-message b{font-size:26px}.emote-message span{color:#c6d0df;font-size:11px;max-width:96px;overflow:hidden;text-overflow:ellipsis}.emote-message.leaving{opacity:0;transition:opacity .3s}@keyframes emote-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-panel{position:absolute;z-index:9;bottom:18px;right:12px;width:min(calc(100% - 24px),340px);height:min(45dvh,340px);display:flex;flex-direction:column;padding:12px;background:#172131;border:1px solid #304056;border-radius:18px}.chat-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px}.chat-heading button{color:#c6d0df;background:none;width:32px;height:32px;font-size:22px}.chat-messages{flex:1;overflow:auto;padding:8px 0}.chat-message{display:grid;gap:3px;padding:6px 0;font-size:12px;overflow-wrap:anywhere}.chat-message b{color:#9bd4bb}.chat-compose{display:flex;gap:6px}.chat-compose input{min-width:0;min-height:40px;font-size:13px}.chat-compose button{width:40px;background:#f35d36;color:#fff4df;border-radius:10px;font-size:20px}@media(max-width:360px){.hud{gap:5px}.hud-item{min-width:44px}.hud-item strong{font-size:20px}.chat-button,.leave-game{width:28px}.connection-pill{font-size:10px}}@media(prefers-reduced-motion:reduce){.emote-message{animation:none}.emote-message.leaving{transition:none}}.reaction-sticker{display:block;width:56px;height:56px;flex:none;background-image:url(/art/train-reactions-v1.png);background-size:400% 200%;background-repeat:no-repeat}.emote-bar button[data-emote]{padding:4px;background:transparent;border-radius:12px}.emote-message .reaction-sticker{width:76px;height:76px}.emote-message{background:#132237ed;border:1px solid #4b6678;border-radius:22px;padding:8px 14px;box-shadow:0 6px #080e1c55}.emote-message.panic .reaction-sticker{animation:sticker-panic .35s ease-in-out 3}.emote-message.laugh .reaction-sticker{animation:sticker-laugh .4s ease-in-out 3}.emote-message.celebrate .reaction-sticker{animation:sticker-celebrate .6s ease-in-out 2}@keyframes sticker-panic{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes sticker-laugh{50%{transform:translateY(-5px) scale(1.05,.95)}}@keyframes sticker-celebrate{50%{transform:translateY(-9px) rotate(9deg)}}@media(prefers-reduced-motion:reduce){.emote-message .reaction-sticker{animation:none!important}}.emote-bar{display:grid;grid-template-columns:repeat(4,52px);gap:4px;width:240px;padding:10px}.emote-bar button{width:52px;height:52px}.emote-bar button[data-emote]{padding:2px}.emote-bar .reaction-sticker{width:48px;height:48px}.emote-message .reaction-sticker{width:56px;height:56px}.emote-feed{bottom:8px;right:12px}