:root{--bg: #0b0a18;--bg-2: #15132a;--panel: #1d1b38;--panel-edge: #2c2956;--ink: #f3eedc;--ink-dim: #a8a3c4;--yellow: #ffd83d;--pink: #ff3b7a;--cyan: #3ae0e0;--green: #59e07a;--red: #ff5b3b;--rail: #6a5a3a}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:VT323,ui-monospace,monospace;font-size:20px;min-height:100vh;image-rendering:pixelated;-webkit-font-smoothing:none;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(to bottom,#0000002e 0,#0000002e 2px,#0000 2px,#0000 4px);mix-blend-mode:multiply}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,#0000 55%,#0000008c)}.pixel{font-family:"Press Start 2P",monospace;letter-spacing:.02em}button,input{font-family:inherit}.app{max-width:1280px;margin:0 auto;padding:28px 24px 80px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;border-bottom:4px dashed var(--panel-edge);padding-bottom:14px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:44px;height:44px;background:var(--yellow);box-shadow:inset 0 -8px #c79f00,0 0 0 4px #000;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:10px;height:10px;background:#000;bottom:-10px;box-shadow:0 4px #000}.brand-mark:before{left:6px}.brand-mark:after{right:6px}.brand h1{margin:0;font-size:16px;line-height:1.4;color:var(--ink);text-shadow:3px 3px 0 #000}.brand h1 .sub{display:block;color:var(--cyan);font-size:10px;margin-top:6px}.topbar-meta{color:var(--ink-dim);font-size:20px;text-align:right}.topbar-meta strong{color:var(--yellow)}.syncpill{display:inline-block;font-family:"Press Start 2P",monospace;font-size:9px;padding:6px 8px;box-shadow:0 0 0 3px #000}.syncpill.on{background:var(--green);color:#052a10}.syncpill.off{background:var(--red);color:#2a0010;animation:blink .8s steps(2,end) infinite}.cabinet{background:var(--panel);border:4px solid #000;box-shadow:inset 0 0 0 4px var(--panel-edge),0 8px #000;padding:18px;position:relative}.cabinet-screen{background:#050410;border:4px solid #000;box-shadow:inset 0 0 0 4px #1b1a3d,inset 0 0 60px #3ae0e014;padding:24px 18px 14px;position:relative;overflow:hidden}.screen-label{position:absolute;top:8px;left:14px;color:var(--cyan);font-size:9px;opacity:.7}.screen-label.r{left:auto;right:14px;color:var(--pink)}.reels-wrap{display:grid;gap:12px;margin-top:18px;margin-bottom:22px}.reel{position:relative;height:64px;background:#0e0c22;border:3px solid #000;box-shadow:inset 0 0 0 3px #2c2956;overflow:hidden}.reel-window{position:absolute;top:0;right:0;bottom:0;left:0}.reel-strip{position:absolute;left:0;right:0;top:0;will-change:transform}.reel-cell{height:64px;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:18px;color:var(--ink);text-shadow:3px 3px 0 #000;border-bottom:2px dashed #1d1b38}.reel.locked .reel-cell.win{color:var(--yellow);animation:blink .4s steps(2,end) infinite}.reel-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#050410e6,#05041000 25%,#05041000 75%,#050410e6)}.reel-marker{position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid var(--pink);filter:drop-shadow(2px 0 0 #000)}.reel-marker.r{left:auto;right:-6px;transform:translateY(-50%) scaleX(-1)}@keyframes blink{50%{color:var(--ink)}}.track-area{position:relative;height:120px;margin-top:4px}.rails{position:absolute;left:0;right:0;bottom:18px;height:14px;background:linear-gradient(#0b0a18 0 4px,transparent 4px) 0 0/8px 14px repeat-x,linear-gradient(#000 0 3px,transparent 3px) 0 4px/100% 14px no-repeat,linear-gradient(#000 0 3px,transparent 3px) 0 10px/100% 14px no-repeat;background-color:var(--rail);image-rendering:pixelated}.rails:before{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0;background:repeating-linear-gradient(to right,transparent 0 14px,#2a1d10 14px 22px);z-index:-1}.train{position:absolute;bottom:18px;left:0;transform:translate(calc(100vw + 100%));display:flex;align-items:flex-end;gap:4px;z-index:2}.train.in{animation:train-arrive 2.4s cubic-bezier(.18,.6,.22,1) forwards}@keyframes train-arrive{0%{transform:translate(calc(100vw + 100%))}55%{transform:translate(38%)}82%{transform:translate(-1.8%)}90%{transform:translate(1.2%)}96%{transform:translate(-.5%)}to{transform:translate(0)}}.train.in .engine{animation:chuff .28s steps(2,end) 7}@keyframes chuff{0%,to{translate:0 0}50%{translate:0 -2px}}.smoke{position:absolute;width:12px;height:12px;background:#d6d2ea;border-radius:50%;opacity:0;animation:smoke 1.4s linear infinite}@keyframes smoke{0%{transform:translate(0) scale(.6);opacity:.9}to{transform:translate(-40px,-50px) scale(1.6);opacity:0}}.engine{position:relative;width:96px;height:72px;background:var(--red);box-shadow:inset 0 -10px #b03017,inset 0 6px #ff8a72,0 0 0 4px #000}.engine .cab{position:absolute;left:4px;top:-22px;width:38px;height:26px;background:#2b2848;box-shadow:inset 0 -6px #1a1830,0 0 0 4px #000}.engine .cab:after{content:"";position:absolute;left:8px;top:6px;right:8px;bottom:8px;background:var(--cyan);box-shadow:inset 2px 2px #93f0f0}.engine .chimney{position:absolute;right:18px;top:-20px;width:14px;height:22px;background:#2b2848;box-shadow:0 0 0 4px #000}.engine .chimney:before{content:"";position:absolute;left:-4px;right:-4px;top:-6px;height:6px;background:#2b2848;box-shadow:0 0 0 4px #000}.engine .light{position:absolute;right:-6px;top:18px;width:10px;height:14px;background:var(--yellow);box-shadow:0 0 0 4px #000,0 0 12px var(--yellow)}.engine .stripe{position:absolute;left:0;right:0;top:30px;height:6px;background:var(--yellow);box-shadow:0 8px 0 var(--yellow)}.wheels{position:absolute;left:4px;right:4px;bottom:-14px;display:flex;justify-content:space-between}.wheel{width:18px;height:18px;background:#0b0a18;box-shadow:inset 0 0 0 3px var(--ink),0 0 0 3px #000;border-radius:50%;position:relative}.wheel:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:var(--ink);border-radius:50%}.car{position:relative;width:92px;height:60px;background:var(--cyan);box-shadow:inset 0 -8px #1aa4a4,inset 0 6px #93f0f0,0 0 0 4px #000;color:#052424;font-family:"Press Start 2P",monospace;font-size:9px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 6px;line-height:1.4;transition:transform .2s,background .2s}.car.alt{background:var(--pink);box-shadow:inset 0 -8px #b3194c,inset 0 6px #ff8ab2,0 0 0 4px #000;color:#2a0010}.car.empty{background:#1d1b38;color:var(--ink-dim);box-shadow:inset 0 -8px #0f0e22,inset 0 6px #2c2956,0 0 0 4px #000}.car.filled.bump{animation:cabump .4s ease}@keyframes cabump{0%{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(2px)}to{transform:translateY(0)}}.coupling{width:6px;height:6px;background:#000;align-self:center}.control-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:18px}.pick-count{display:flex;align-items:center;gap:10px;color:var(--ink-dim);font-size:22px}.pick-count .num{font-family:"Press Start 2P",monospace;font-size:22px;background:#0e0c22;color:var(--yellow);padding:8px 12px;border:3px solid #000;box-shadow:inset 0 0 0 3px #2c2956;min-width:48px;text-align:center}.pick-count button{width:36px;height:36px;background:var(--panel);color:var(--ink);border:3px solid #000;box-shadow:inset 0 -4px #0f0e22,inset 0 4px #2c2956;font-family:"Press Start 2P",monospace;font-size:14px;cursor:pointer}.pick-count button:active{box-shadow:inset 0 4px #0f0e22,inset 0 -4px #2c2956}.btn-start{font-family:"Press Start 2P",monospace;font-size:18px;padding:18px 28px;background:var(--yellow);color:#2a1d00;border:4px solid #000;box-shadow:inset 0 -8px #c79f00,inset 0 6px #fff2a8,0 6px #000;cursor:pointer;letter-spacing:.08em;transition:transform .08s,box-shadow .08s}.btn-start.small{font-size:12px;padding:12px 18px;box-shadow:inset 0 -6px #c79f00,inset 0 4px #fff2a8,0 4px #000}.btn-start:hover{filter:brightness(1.05)}.btn-start:active{transform:translateY(4px);box-shadow:inset 0 -8px #c79f00,inset 0 6px #fff2a8,0 2px #000}.btn-start:disabled{background:#4a4570;color:#1d1b38;box-shadow:inset 0 -8px #2c2956,inset 0 6px #6a649a,0 6px #000;cursor:not-allowed}.btn{font-family:VT323,monospace;font-size:18px;padding:8px 14px;background:var(--panel);color:var(--ink);border:3px solid #000;box-shadow:inset 0 -4px #0f0e22,inset 0 4px #2c2956;cursor:pointer}.btn:hover{background:#26234a}.btn:active{box-shadow:inset 0 4px #0f0e22,inset 0 -4px #2c2956}.btn.danger{color:var(--red)}.btn.tiny{font-size:14px;padding:4px 8px}.lockbtn{font-family:"Press Start 2P",monospace;font-size:10px;padding:12px}.lockbtn.unlocked{color:var(--green)}.err-line{margin-top:12px;color:var(--red);font-size:18px}.text-input{flex:1;background:#0e0c22;border:3px solid #000;box-shadow:inset 0 0 0 3px #2c2956;color:var(--ink);padding:8px 10px;font-size:18px}.text-input:focus{outline:none;box-shadow:inset 0 0 0 3px var(--cyan)}.grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:24px}.panel{background:var(--panel);border:4px solid #000;box-shadow:inset 0 0 0 4px var(--panel-edge),0 6px #000;padding:16px}.panel h2{margin:0 0 14px;font-family:"Press Start 2P",monospace;font-size:12px;color:var(--cyan);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel h2 .badge{font-family:VT323,monospace;font-size:18px;color:var(--ink-dim)}.pool{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pool-card{display:flex;align-items:center;gap:10px;background:#0e0c22;border:3px solid #000;box-shadow:inset 0 0 0 3px #2c2956;padding:8px 10px;position:relative}.pool-card .avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:12px;color:#000;flex-shrink:0;box-shadow:0 0 0 3px #000}.pool-card .name{flex:1;font-size:22px;color:var(--ink)}.pool-card .status{font-family:"Press Start 2P",monospace;font-size:8px;padding:4px 6px;background:var(--green);color:#052a10;box-shadow:0 0 0 2px #000}.pool-card .status.ooo{background:var(--red);color:#2a0010}.pool-card .status.cool{background:var(--pink);color:#2a0010}.pool-card.ooo .name{color:var(--ink-dim);text-decoration:line-through}.pool-card.cool .name{color:var(--ink-dim)}.pool-card .toggle{background:transparent;border:none;color:var(--ink-dim);cursor:pointer;font-family:inherit;font-size:18px;padding:0 2px}.pool-card .toggle:hover{color:var(--ink)}.pool-card .toggle.del{font-size:14px}.history-list{max-height:360px;overflow-y:auto;padding-right:6px}.history-list::-webkit-scrollbar{width:10px}.history-list::-webkit-scrollbar-track{background:#0e0c22}.history-list::-webkit-scrollbar-thumb{background:#2c2956;border:2px solid #0e0c22}.history-entry{border-left:4px solid var(--cyan);background:#0e0c22;padding:10px 12px;margin-bottom:10px}.history-entry .meta{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--yellow);margin-bottom:6px;display:flex;justify-content:space-between;gap:8px}.history-entry .names{color:var(--ink);font-size:20px;line-height:1.4}.history-entry .names span{display:inline-block;background:#2c2956;padding:2px 8px;margin:2px 4px 2px 0;border-left:3px solid var(--pink)}.history-empty{color:var(--ink-dim);text-align:center;padding:30px 10px;font-size:18px}.json-row{display:flex;gap:8px;margin-top:12px;border-top:2px dashed #2c2956;padding-top:12px;flex-wrap:wrap}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.confetto{position:absolute;width:8px;height:8px;will-change:transform,opacity}.marquee{position:absolute;top:4px;left:0;right:0;text-align:center;color:var(--yellow);font-family:"Press Start 2P",monospace;font-size:9px;letter-spacing:.1em;z-index:4;pointer-events:none}.marquee.warn{color:var(--pink)}.cabinet.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(3px,3px)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#050410c7;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--panel);border:4px solid #000;box-shadow:inset 0 0 0 4px var(--panel-edge),0 8px #000;padding:22px;width:100%;max-width:380px}.modal-title{font-family:"Press Start 2P",monospace;font-size:13px;color:var(--yellow);margin-bottom:12px}.modal-sub{color:var(--ink-dim);font-size:18px;margin:0 0 14px}.modal .text-input{width:100%}.modal-error{color:var(--red);font-size:16px;margin-top:10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}@media (max-width: 880px){.grid,.pool{grid-template-columns:1fr}.brand h1{font-size:14px}}