*{box-sizing:border-box}body{color:#e8e6e3;-webkit-font-smoothing:antialiased;background:#101318;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:980px;margin:0 auto;padding:20px 20px 40px}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}h1{letter-spacing:.5px;align-items:center;gap:10px;margin:0;font-size:26px;display:flex}h1 em{color:#8fa3bd;font-style:normal;font-weight:500}.s-badge{color:#fff;background:#2f9e44;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;font-weight:900;display:inline-flex;box-shadow:0 0 0 3px #2f9e4440}#hud{gap:10px;display:flex}.hud-item{color:#9aa7b8;background:#1a1f27;border:1px solid #2a3140;border-radius:10px;padding:8px 14px;font-size:14px}.hud-item b{color:#fff;margin-left:4px;font-size:16px}#stage{background:linear-gradient(#171c24 0%,#12161d 70%,#191d24 100%);border:1px solid #232a36;border-radius:14px;align-items:center;height:350px;padding:0 22px;display:flex;position:relative;overflow:hidden}.rails{opacity:.5;background:repeating-linear-gradient(90deg,#1d232d 0 22px,#0000 22px 46px);height:120px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.platform-edge{background:#232a35;border-top:3px dashed #4d5a6e;height:16px;position:absolute;bottom:0;left:0;right:0}#car-wrapper{z-index:2;width:100%;position:relative}.car-anim{will-change:transform;transform:translate(-120%)}.car-svg{pointer-events:none;width:100%;max-height:310px;display:block}.car-svg.pickable{pointer-events:auto}.shell{fill:#c93a3a;stroke:#8d2626;stroke-width:2px}.floor{fill:#e7e1d4}.aisle{fill:#d8d1c0}.window{fill:#a9cbe8;stroke:#7ea6c8;stroke-width:1px}.door{fill:#efc258;stroke:#a8862f;stroke-width:1.5px;transition:transform .5s cubic-bezier(.4,0,.2,1)}.seat{fill:#f6f1e7;stroke:#bdb29e;stroke-width:1.5px}.backrest{fill:#c9bda4}.pickable .seat-free{cursor:pointer}.seat-g.golden .seat{fill:#ffd43b;stroke:#f0a800;stroke-width:2.5px;filter:drop-shadow(0 0 8px #ffd43bd9)}.pickable .seat-free:hover .seat{fill:#d3f9d8;stroke:#37b24d;stroke-width:2.5px}.stand-zone rect{fill:#46556e1a;stroke:#8b97ab;stroke-width:1.5px;stroke-dasharray:6 5}.stand-label{fill:#8b97ab;letter-spacing:3px;pointer-events:none;font-size:13px;font-weight:700}.pickable .stand-zone{cursor:pointer}.pickable .stand-zone:hover rect{fill:#37b24d26;stroke:#37b24d}.pax{stroke:#fff;stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite idle-bob}.pax-norm{fill:#6b7f99}.pax-red{fill:#e03131;animation:1.6s ease-in-out infinite red-pulse}.pax-new{animation:.35s cubic-bezier(.34,1.56,.64,1) pop-in,2.4s ease-in-out .4s infinite idle-bob}.pax-red.pax-new{animation:.35s cubic-bezier(.34,1.56,.64,1) pop-in,1.6s ease-in-out .4s infinite red-pulse}@keyframes pop-in{0%{transform:scale(0)}to{transform:scale(1)}}.player-dot{fill:#37b24d;stroke:#fff;stroke-width:2.5px;filter:drop-shadow(0 0 6px #37b24db3)}.pax-special{fill:#339af0;filter:drop-shadow(0 0 6px #339af0cc);animation:2s ease-in-out infinite idle-bob}.special-halo{fill:none;stroke:#339af0;stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:1.4s ease-out infinite halo-pulse}@keyframes halo-pulse{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.pickable .special-g{cursor:pointer}.pickable .special-g:hover .pax-special{stroke-width:3.5px}.blue-word{color:#4dabf7}@keyframes idle-bob{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes red-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.1)}}#pick-timer{opacity:0;background:#232a36;border-radius:4px;height:8px;margin-top:12px;transition:opacity .25s;overflow:hidden}#pick-timer.active{opacity:1}#pick-timer-fill{background:linear-gradient(90deg,#e8590c,#ffd43b,#37b24d);width:100%;height:100%;transition-property:width;transition-timing-function:linear}#message{text-align:center;color:#aab4c2;min-height:28px;margin-top:16px;font-size:15px}#message b{color:#ff6b6b}.popup{z-index:50;pointer-events:none;text-shadow:0 2px 8px #0009;font-size:32px;font-weight:900;animation:1.3s ease-out forwards popup-rise;position:fixed;transform:translate(-50%,-50%)}.popup.pos{color:#51cf66}.popup.neg{color:#ff6b6b}.popup.zero{color:#ced4da}@keyframes popup-rise{0%{opacity:0;margin-top:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}30%{transform:translate(-50%,-50%)scale(1)}to{opacity:0;margin-top:-70px;transform:translate(-50%,-50%)scale(1)}}.flash-big{z-index:60;color:#ff3b3b;pointer-events:none;text-shadow:0 4px 20px #ff3b3b80;justify-content:center;align-items:center;font-size:110px;font-weight:900;animation:1.1s ease-out forwards flash-shake;display:flex;position:fixed;inset:0}@keyframes flash-shake{0%{opacity:0;transform:scale(.4)}10%{opacity:1;transform:scale(1.1)translate(-8px)}20%{transform:scale(1)translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(0)}to{opacity:0;transform:translateY(-30px)}}.qte{z-index:100;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qte-box{text-align:center;background:#1d2129;border:3px solid #ff4747;border-radius:16px;padding:30px 44px;animation:.18s ease-out qte-pop;box-shadow:0 0 60px #ff474759}@keyframes qte-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.qte-title{letter-spacing:4px;color:#ff4747;font-size:42px;font-weight:900}.qte-sub{color:#aab4c2;margin:6px 0 20px;font-size:16px}.qte-btn{color:#4a3800;cursor:pointer;letter-spacing:1px;background:#ffd43b;border:none;border-radius:12px;padding:16px 36px;font-size:22px;font-weight:800;box-shadow:0 4px #b8940a}.qte-btn:active{transform:translateY(3px);box-shadow:0 1px #b8940a}.qte-timer{background:#333a45;border-radius:5px;height:10px;margin-top:20px;overflow:hidden}.qte-timer-fill{background:linear-gradient(90deg,#ff8787,#ff4747);width:100%;height:100%;transition-property:width;transition-timing-function:linear}.screen-overlay{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06080ad1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.panel{text-align:center;background:#171b22;border:1px solid #2a3140;border-radius:16px;max-width:480px;padding:30px 34px;box-shadow:0 20px 60px #00000080}.panel h2{margin:0 0 12px;font-size:30px}.panel p{color:#aab4c2;line-height:1.5}.panel .stats b{color:#fff}.rules{text-align:left;color:#aab4c2;margin:14px 0 20px;padding-left:20px;line-height:1.7}.red-word{color:#ff6b6b}.panel button{color:#fff;cursor:pointer;background:#2f9e44;border:none;border-radius:12px;margin-top:8px;padding:13px 32px;font-size:18px;font-weight:700;transition:background .15s}.panel button:hover{background:#37b24d}footer{text-align:center;color:#5b6575;margin-top:26px;font-size:13px}footer a{color:#8fa3bd;text-decoration:none}footer a:hover{color:#fff;text-decoration:underline}@media (width<=640px){#stage{height:260px;padding:0 10px}h1{font-size:20px}}@media (width<=700px) and (orientation:portrait){#app{padding:12px 10px 30px}header{justify-content:center}h1{font-size:18px}.hud-item{padding:6px 10px;font-size:12px}#stage{justify-content:center;height:min(72vh,640px);padding:10px 0}.car-anim{transform:translateY(-120%)}.car-svg{max-height:calc(min(72vh,640px) - 20px)}.rails{background:repeating-linear-gradient(0deg,#1d232d 0 22px,#0000 22px 46px);width:120px;height:auto;inset:0 auto 0 50%;transform:translate(-50%)}.platform-edge{border-top:none;border-right:3px dashed #4d5a6e;width:12px;height:auto;inset:0 auto 0 0}#message{font-size:13px}.qte-box{padding:22px 24px}.qte-title{font-size:30px}.panel{padding:22px 20px}.panel h2{font-size:24px}.rules{font-size:14px}}