:root{--bg:#05070c;--panel:#1b2230;--panel-2:#252e3f;--line:#3a4559;--text:#f1f4f8;--muted:#9aa6b8;--accent:#ffe14d;--good:#3fdc6c;--bad:#ff3b3b;--blue:#3f8cff;--font:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--title:"Arial Black", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit}input,textarea{-webkit-user-select:text;user-select:text;font-family:inherit}.btn{color:#111;cursor:pointer;background:#e8edf3;border:3px solid #000;border-radius:10px;padding:10px 18px;font-size:16px;font-weight:800;transition:transform 50ms;box-shadow:0 4px #000}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #000}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--good)}.btn.danger{background:var(--bad);color:#fff}.btn.blue{background:var(--blue);color:#fff}.btn.small{padding:6px 10px;font-size:13px;box-shadow:0 3px #000}.panel{background:var(--panel);border:3px solid #000;border-radius:14px;box-shadow:0 8px 30px #00000080}.field{border:2px solid var(--line);color:var(--text);background:#0e131c;border-radius:8px;outline:none;padding:10px 12px;font-size:16px}.field:focus{border-color:var(--accent)}.outline-text{font-family:var(--title);-webkit-text-stroke:1.5px #000;paint-order:stroke fill}.overlay-backdrop{z-index:30;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.close-x{color:#fff;cursor:pointer;z-index:2;background:#e0473e;border:3px solid #000;border-radius:50%;width:36px;height:36px;font-size:18px;font-weight:900;position:absolute;top:-14px;right:-14px}.toast-stack{z-index:60;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%)}.toast{border:2px solid var(--line);background:#000c;border-radius:8px;padding:8px 14px;font-weight:700}@keyframes pulse{50%{opacity:.45}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.home{background:radial-gradient(at 50% 120%,#1b2a4a 0%,#05070c 60%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.home-stars{opacity:.6;background-image:radial-gradient(1px 1px at 20% 30%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 70% 10%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 40% 70%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 85% 60%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 10% 90%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 55% 45%,#fff 50%,#0000 51%);background-size:300px 300px;animation:90s linear infinite drift;position:absolute;inset:-50%}@keyframes drift{to{transform:translate(300px,150px)}}.home-floater{animation:linear infinite floatup;position:absolute;top:110%}@keyframes floatup{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-140vh)rotate(720deg)}}.home-card{z-index:1;flex-direction:column;gap:14px;width:min(420px,100vw - 32px);padding:28px;display:flex;position:relative}.home-title{text-align:center;color:#fff;letter-spacing:2px;-webkit-text-stroke:3px #000;margin:0 0 6px;font-size:52px}.home-label{color:var(--muted);flex-direction:column;gap:6px;font-weight:700;display:flex}.home-create{padding:14px;font-size:20px}.home-or{text-align:center;color:var(--muted);font-size:14px}.home-join{gap:10px;display:flex}.home-code{text-transform:uppercase;letter-spacing:6px;text-align:center;flex:1;min-width:0;font-size:22px;font-weight:800}.home-status{text-align:center;color:var(--accent)}.home-error{text-align:center;color:var(--bad);font-weight:700}.home-help{text-align:center;color:var(--muted);margin-top:6px;font-size:12px}.room{position:fixed;inset:0}.world-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reconnecting{background:var(--bad);z-index:80;border:3px solid #000;border-radius:10px;padding:8px 18px;font-weight:800;animation:1s infinite pulse;position:fixed;top:12px;left:50%;transform:translate(-50%)}.toast.bad{border-color:var(--bad);color:#ffb3b3}.lobby-top{pointer-events:none;align-items:flex-start;gap:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.lobby-top>*{pointer-events:auto}.invite{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 14px;display:flex}.invite-label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.invite-code{letter-spacing:4px;color:#fff;-webkit-text-stroke:2px #000;font-size:34px}.lobby-count{min-width:160px;padding:10px 14px}.lobby-count>span{font-size:22px}.lobby-count ul{max-height:40vh;margin:6px 0 0;padding:0;font-size:14px;list-style:none;overflow:auto}.lobby-count li{align-items:center;gap:4px;padding:2px 0;display:flex}.lobby-count li.dim{opacity:.45}.kick{color:var(--bad);cursor:pointer;background:0 0;border:none;margin-left:auto;font-weight:900}.leave{margin-left:auto}.lobby-bottom{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.lobby-bottom .start{padding:12px 34px;font-size:22px}.waiting{padding:12px 18px;font-weight:700}.dev-role{color:var(--accent);align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:800;display:flex}.dev-role select{color:#fff;border:1px solid var(--line);background:#0e131c;border-radius:6px;padding:4px}.lobby-chat{flex-direction:column;align-items:flex-start;gap:6px;width:min(340px,40vw);display:flex;position:absolute;bottom:16px;left:12px}.chat{flex-direction:column;gap:8px;width:100%;height:260px;padding:8px;display:flex}.chat-list{flex-direction:column;flex:1;gap:6px;padding-right:4px;display:flex;overflow-y:auto}.chat-empty{color:var(--muted);text-align:center;margin-top:20px;font-size:13px}.chat-msg{align-items:flex-start;gap:6px;display:flex}.chat-msg.mine{flex-direction:row-reverse}.chat-msg.mine .chat-bubble{background:#dfeaff}.chat-msg.dead .chat-bubble{opacity:.85;background:#c9c9d6}.chat-bubble{color:#111;background:#fff;border:2px solid #000;border-radius:8px;max-width:80%;padding:4px 8px}.chat-name{color:#555;font-size:11px;font-weight:800}.chat-text{word-wrap:break-word;-webkit-user-select:text;user-select:text;font-size:14px}.chat-form{gap:6px;display:flex}.chat-form .field{flex:1;min-width:0;padding:7px 10px;font-size:14px}.settings-panel{flex-direction:column;width:min(640px,100vw - 32px);max-height:86vh;padding:20px;display:flex;position:relative}.settings-panel h2{margin:0 0 10px}.settings{padding-right:6px;overflow-y:auto}.settings-note{color:var(--muted);margin-bottom:8px;font-size:13px}.settings-group h3{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin:12px 0 6px;font-size:14px}.settings-row{border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;display:flex}.settings-row:nth-child(odd){background:#ffffff0a}.stepper{align-items:center;gap:6px;display:flex}.stepper b{text-align:center;min-width:52px}.color-panel{align-items:center;gap:24px;padding:22px;display:flex;position:relative}.color-preview{flex-direction:column;align-items:center;gap:6px;display:flex}.color-name{font-size:22px}.color-grid{grid-template-columns:repeat(6,44px);gap:8px;display:grid}.color-swatch{cursor:pointer;color:#000;border:3px solid #000;border-radius:10px;width:44px;height:44px;font-size:20px;font-weight:900}.color-swatch.selected{box-shadow:0 0 0 3px #fff}.color-swatch:disabled{opacity:.35;cursor:not-allowed}.task-panel{flex-direction:column;gap:8px;width:min(330px,42vw);display:flex;position:absolute;top:12px;left:12px}.taskbar{background:#1d2a1f;border:3px solid #000;border-radius:6px;height:26px;position:relative;overflow:hidden}.taskbar-fill{background:linear-gradient(#4ef07a,#2cb350);transition:width .4s;position:absolute;inset:0 auto 0 0}.taskbar span{text-align:center;font-size:13px;line-height:20px;display:block;position:relative}.task-list{background:#1b2230e0;padding:6px 10px 10px}.task-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 0 6px;font-weight:800}.task-items{flex-direction:column;gap:3px;font-size:14px;display:flex}.role-line{color:#8cf;font-weight:800}.role-line.imp{color:#ff5b5b}.ghost-line{color:#bbb;font-size:13px;font-style:italic}.fake-label{color:#ff8b8b;margin-top:4px;font-size:12px}.task{color:#fff}.task.progress{color:#ffe14d}.task.done{color:#4ef07a}.task.fake{color:#ffb0b0}.task.sab{color:#ff4a4a;font-weight:800;animation:1s infinite pulse}.hint{color:var(--muted);margin-top:4px;font-size:12px}.sab-banner{color:#ff3b3b;-webkit-text-stroke:2px #000;pointer-events:none;font-size:30px;animation:.8s infinite pulse;position:absolute;top:14px;left:50%;transform:translate(-50%)}.top-right{align-items:center;gap:8px;display:flex;position:absolute;top:12px;right:12px}.hud-btn.small-round{cursor:pointer;background:#e8edf3;border:3px solid #000;border-radius:50%;width:46px;height:46px;font-size:22px;box-shadow:0 3px #000}.dev-tag{background:var(--accent);color:#000;border:2px solid #000;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:900}.actions{flex-wrap:wrap-reverse;justify-content:flex-end;align-items:flex-end;gap:12px;max-width:60vw;display:flex;position:absolute;bottom:16px;right:16px}.action{cursor:pointer;opacity:.5;color:#fff;background:#6c7684;border:4px solid #000;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:96px;height:96px;display:flex;position:relative;box-shadow:0 5px #000}.action.on{opacity:1;color:#000;background:#e8edf3}.action.on:hover{filter:brightness(1.08)}.action.on:active{transform:translateY(3px);box-shadow:0 2px #000}.action.kill.on{background:#ff4a4a}.action.report.on{background:#ffcf3b}.action.sabotage{opacity:1;background:#b0262c}.action.use.on{background:#fff}.action-icon{font-size:34px;line-height:1}.action-label{color:#fff;letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:13px;overflow:hidden}.action-key{color:#333;font-size:11px;font-weight:900;position:absolute;top:4px;left:7px}.action-cd{color:#fff;-webkit-text-stroke:2px #000;background:#00000073;border-radius:14px;justify-content:center;align-items:center;font-size:40px;display:flex;position:absolute;inset:0}.vent-arrows{pointer-events:none;position:fixed;inset:0}.vent-arrow{pointer-events:auto;color:#fff;cursor:pointer;background:#ff4a4a;border:3px solid #000;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;font-weight:900;display:flex;position:absolute;transform:translate(-50%,-50%)}.vent-arrow span{line-height:1;display:block}.vent-arrow small{white-space:nowrap;text-shadow:0 0 3px #000,0 0 3px #000;margin-top:2px;font-size:11px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.ghost-chat{flex-direction:column;align-items:flex-start;gap:6px;width:min(340px,40vw);display:flex;position:absolute;bottom:16px;left:12px}.badge{background:var(--bad);color:#fff;border-radius:10px;margin-left:4px;padding:0 6px}.map-panel{background:#0d1b2e;width:min(1100px,100vw - 40px);padding:18px;position:relative}.map-panel.imp{background:#2a0c0f}.map-panel h2{margin:0 0 6px}.ship-map{width:100%;height:auto;max-height:76vh;display:block}.map-room{fill:#2d4d77;stroke:#9bd1ff;stroke-width:8px}.map-panel.imp .map-room{fill:#6b2025;stroke:#ff9b9b}.map-hall{fill:#2d4d77}.map-panel.imp .map-hall{fill:#6b2025}.map-label{fill:#fff;text-anchor:middle;font-size:46px;font-weight:800;font-family:var(--font);paint-order:stroke;stroke:#000;stroke-width:8px;pointer-events:none}.map-self{fill:#fff;stroke:#000;stroke-width:8px}.map-task{fill:#ffe14d;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#000;stroke-width:10px;font-size:80px;font-weight:900;animation:1s infinite pulse}.map-sab{fill:#ff2828cc;stroke:#000;stroke-width:6px;animation:.6s infinite pulse}.map-sab-btn circle{fill:#e8edf3;stroke:#000;stroke-width:8px}.map-sab-btn text,.map-door-btn text{text-anchor:middle;font-size:64px}.map-sab-btn,.map-door-btn{cursor:pointer}.map-sab-btn:hover circle{fill:#ffd0d0}.map-sab-btn.off,.map-door-btn.off{opacity:.35;cursor:default}.map-door-btn rect{fill:#e8edf3;stroke:#000;stroke-width:6px}.map-foot{text-align:center;color:#ffb3b3;margin-top:8px;font-weight:700}.map-foot.bad{color:var(--bad);animation:1s infinite pulse}.security{background:#10151d;padding:16px;position:relative}.cam-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(980px,100vw - 60px);display:grid}.cam{background:#000;border:3px solid #000;border-radius:6px;position:relative;overflow:hidden}.cam canvas{filter:saturate(.85)contrast(1.05);width:100%;height:auto;display:block}.cam-label{text-shadow:0 0 4px #000;font-weight:800;position:absolute;bottom:6px;left:8px}.rec{color:#ff3b3b;font-size:12px;font-weight:900;animation:1s infinite pulse;position:absolute;top:6px;right:8px}.vitals{background:#0f1a14;width:min(760px,100vw - 40px);padding:18px;position:relative}.vitals h2{margin:0 0 10px}.vitals-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;display:grid}.vital{background:#09110c;border:2px solid #1f3a28;border-radius:8px;grid-template-columns:34px minmax(70px,1fr) 60px 40px;align-items:center;gap:6px;padding:4px 8px;display:grid}.vital-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.ekg{width:60px;height:26px}.ekg path{fill:none;stroke:#3dff6a;stroke-width:2.5px;stroke-dasharray:100 100}.vital.dead .ekg path{stroke:#ff3b3b}.vital.disconnected .ekg path{stroke:#777}.vital-state{color:#3dff6a;font-size:12px;font-weight:900}.vital.dead .vital-state{color:#ff3b3b}.vital.disconnected .vital-state{color:#999}.battery{background:#222;border:2px solid #000;border-radius:6px;height:20px;margin-bottom:10px;position:relative;overflow:hidden}.battery-fill{background:#3dff6a;transition:width .4s linear;position:absolute;inset:0 auto 0 0}.battery span{color:#000;padding-left:8px;font-size:12px;font-weight:800;position:relative}.shift-panel{width:min(560px,100vw - 40px);padding:20px;position:relative}.shift-panel h2{margin:0 0 12px}.shift-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.shift-card{background:var(--panel-2);color:#fff;cursor:pointer;border:3px solid #000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px;font-weight:700;display:flex}.shift-card:hover{background:#33405a}.meeting-backdrop{z-index:20;background:#0009;justify-content:center;align-items:center;animation:.3s fadein;display:flex;position:fixed;inset:0}.meeting{color:#111;background:#b8c4d4;flex-direction:column;gap:10px;width:min(1100px,100vw - 24px);height:min(720px,100vh - 24px);padding:14px;display:flex}.meeting-head{justify-content:space-between;align-items:center;display:flex}.meeting-head h2{color:#fff;-webkit-text-stroke:2px #000;margin:0;font-size:28px}.meeting-timer{font-size:18px;font-weight:900}.meeting-body{flex:1;grid-template-columns:1fr 320px;gap:12px;min-height:0;display:grid}.vote-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-content:start;gap:8px;display:grid;overflow-y:auto}.vote-card{background:#e9eef5;border:3px solid #000;border-radius:10px;align-items:center;gap:8px;min-height:64px;padding:6px 10px;display:flex;position:relative}.vote-card.selectable{cursor:pointer}.vote-card.selectable:hover{background:#fff}.vote-card.dead{opacity:.75;background:#8f98a4}.vote-card.pending{outline:3px solid #3f8cff}.vote-card.mine{outline:3px solid #3fdc6c}.vote-name{font-size:16px;font-weight:800}.megaphone{position:absolute;top:2px;right:6px}.voted-badge{color:#fff;background:#ff4a4a;border:2px solid #000;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:900;position:absolute;bottom:4px;right:6px;transform:rotate(-8deg)}.dead-x{color:#d00;font-size:40px;font-weight:900;line-height:1;position:absolute;top:4px;left:10px}.confirm{gap:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.confirm button{cursor:pointer;border:3px solid #000;border-radius:50%;width:36px;height:36px;font-weight:900}.confirm .yes{background:#3fdc6c}.confirm .no{color:#fff;background:#ff4a4a}.voter-chips{gap:1px;display:flex;position:absolute;bottom:2px;left:60px}.meeting-chat{background:#fff;border:3px solid #000;border-radius:10px;height:100%;min-height:0}.meeting-chat .chat-empty{color:#777}.meeting-foot{align-items:center;gap:16px;min-height:44px;display:flex}.skip-area{align-items:center;gap:10px;display:flex}.skip-chips{align-items:center;gap:2px;font-weight:800;display:flex}.meeting-note{color:#333;font-weight:700}.cutscene{z-index:40;background:#000;flex-direction:column;justify-content:center;align-items:center;animation:.3s fadein;display:flex;position:fixed;inset:0;overflow:hidden}.shhh{flex-direction:column;align-items:center;gap:10px;animation:.4s pop;display:flex}.shhh-text{color:#fff;-webkit-text-stroke:3px #000;font-size:64px}.reveal-role{flex-direction:column;align-items:center;width:100%;animation:.6s fadein;display:flex;position:relative}.reveal-glow{background:radial-gradient(at 50% 100%,#50a0ff99,#0000 70%);height:260px;position:absolute;bottom:-40px;left:0;right:0}.reveal-role.imp .reveal-glow{background:radial-gradient(at 50% 100%,#ff282899,#0000 70%)}.reveal-role h1{color:#8cf;-webkit-text-stroke:3px #000;margin:0;font-size:80px}.reveal-role.imp h1{color:#ff2d2d}.reveal-role p{color:#fff;text-align:center;margin:4px 0 40px;padding:0 16px;font-size:20px}.lineup{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:4px;max-width:95vw;display:flex;position:relative}.lineup-item{flex-direction:column;align-items:center;transition:transform .3s;display:flex}.lineup-name{text-shadow:0 0 4px #000;font-size:13px;font-weight:800}.splash{background:#000000d9}.splash.report{background:radial-gradient(circle,#4a1d1d,#000 70%)}.splash.emergency{background:radial-gradient(circle,#1d2a4a,#000 70%)}.splash-rays{background:repeating-conic-gradient(#ffffff0f 0 10deg, transparent 10deg 20deg);animation:8s linear infinite spin;position:absolute;inset:-50%}@keyframes spin{to{transform:rotate(360deg)}}.splash-content{flex-direction:column;align-items:center;animation:.35s pop;display:flex;position:relative}.splash-content h1{color:#fff;-webkit-text-stroke:3px #000;text-align:center;margin:10px 0 0;font-size:60px}.splash.report h1{color:#ff4a4a}.splash-body{position:absolute;top:40px;left:60%}.kill{background:#000000e6}.kill-band{background:#3a0000;justify-content:center;align-items:center;gap:30px;width:100%;height:260px;display:flex}.kill-killer{animation:.6s .4s both lunge;position:relative}.knife{font-size:44px;position:absolute;top:40px;right:-24px;transform:rotate(-30deg)}@keyframes lunge{0%{transform:translate(-40px)}70%{transform:translate(40px)}to{transform:translate(20px)}}.kill-victim{animation:.5s .9s both fall}@keyframes fall{to{opacity:.6;transform:rotate(80deg)translateY(30px)}}.kill-text{-webkit-text-stroke:2px #000;margin-top:24px;font-size:40px}.ejection .starfield{background-image:radial-gradient(2px 2px at 10% 20%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 30% 80%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 60% 40%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 80% 70%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 90% 10%,#fff 50%,#0000 51%);background-size:400px 300px;animation:2s linear infinite stars;position:absolute;inset:0}@keyframes stars{to{background-position:-400px 0}}.ejected{animation:6.5s linear both eject;position:absolute;top:40%}@keyframes eject{0%{left:-10%;transform:rotate(0)}to{left:110%;transform:rotate(900deg)}}.eject-text{text-align:center;color:#fff;-webkit-text-stroke:1.5px #000;min-height:90px;margin-top:30vh;padding:0 16px;font-size:34px;position:relative}.eject-sub{margin-top:10px;font-size:24px;animation:.5s fadein}.gameover h1{-webkit-text-stroke:3px #000;margin:0;font-size:96px;animation:.5s pop}.gameover .victory{color:#5ab4ff}.gameover .defeat{color:#ff2d2d}.gameover p{font-size:20px}.gameover .muted{color:var(--muted);font-size:14px}.roles-list{color:#bcd;flex-wrap:wrap;justify-content:center;gap:6px 14px;max-width:80vw;margin-top:16px;font-size:14px;display:flex}.roles-list .imp{color:#ff6b6b;font-weight:800}.task-frame{background:#2d3441;width:min(560px,100vw - 32px);padding:16px;position:relative}.task-title{margin-bottom:10px;font-size:18px;font-weight:800}.task-title span{color:var(--muted);font-size:14px;font-weight:600}.task-body{justify-content:center;display:flex;position:relative}.task-svg{touch-action:none;width:100%;height:auto;max-height:60vh;display:block}.task-svg.crosshair{cursor:crosshair}.task-complete{color:#fff;-webkit-text-stroke:2px #000;background:#00000073;border-radius:8px;justify-content:center;align-items:center;font-size:42px;animation:.3s pop;display:flex;position:absolute;inset:0}.fuel,.garbage{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.big-hold{padding:14px 30px;font-size:20px}.big-hold.held{background:#ffe14d;transform:translateY(3px);box-shadow:0 1px #000}.transfer,.scan{flex-direction:column;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.transfer-row{justify-content:space-between;align-items:center;width:100%;font-size:60px;display:flex}.transfer-files{flex:1;height:60px;position:relative}.flying-file{font-size:30px;animation:.8s linear infinite fly;position:absolute;top:10px}@keyframes fly{0%{left:0}to{left:calc(100% - 30px)}}.progress{background:#111;border:3px solid #000;border-radius:6px;width:100%;height:24px;overflow:hidden}.progress-fill{background:linear-gradient(#4ef07a,#2cb350);height:100%;transition:width .1s linear}.transfer-status{color:#9dffac;min-height:18px;font-family:monospace}.scan-screen{background:#06210f;border:3px solid #000;border-radius:8px;width:100%;height:220px;position:relative;overflow:hidden}.scan-beam{background:#41ff7a;height:6px;animation:1.2s ease-in-out infinite alternate beam;position:absolute;left:0;right:0;box-shadow:0 0 20px #41ff7a}@keyframes beam{0%{top:5%}to{top:90%}}.scan-text{color:#41ff7a;font-family:monospace;font-size:18px;line-height:1.6;position:absolute;top:16px;left:16px}.calibrate{flex-direction:column;gap:10px;width:100%;padding:10px;display:flex}.cal-row{background:#20262f;border-radius:8px;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;padding:6px;display:grid}.cal-row.ok{background:#1b3a24}.cal-row.bad{background:#5a1b1b}.cal-dial{width:90px;height:90px}.cal-bar{background:#111;border:2px solid #000;border-radius:4px;height:16px;overflow:hidden}.cal-bar div{height:100%;transition:width .3s}.divert-accept{flex-direction:column;align-items:center;gap:24px;padding:30px;font-size:22px;display:flex}.power-switch{cursor:pointer;background:#333;border:4px solid #000;border-radius:14px;width:90px;height:150px;position:relative}.power-switch span{background:#ff4a4a;border:3px solid #000;border-radius:8px;height:60px;transition:top .2s,background .2s;position:absolute;top:70px;left:10px;right:10px}.power-switch.on span{background:#3fdc6c;top:12px}.simon{gap:24px;padding:10px;display:flex}.simon-side{flex-direction:column;align-items:center;gap:10px;display:flex}.simon-lights{gap:6px;height:16px;display:flex}.simon-lights span{background:#333;border:2px solid #000;border-radius:50%;width:16px;height:16px}.simon-lights span.on{background:#3fdc6c}.simon-grid{background:#111;border:3px solid #000;border-radius:8px;grid-template-columns:repeat(3,64px);gap:6px;padding:8px;display:grid}.simon-grid .cell{background:#2b3440;border:2px solid #000;border-radius:6px;width:64px;height:64px}.simon-grid.display .cell.lit{background:#3f8cff;box-shadow:0 0 16px #3f8cff}.simon-grid.display.error .cell{background:#b32020}.simon-grid.input .cell{cursor:pointer;background:#d5dbe2}.simon-grid.input .cell:active{background:#3f8cff}.simon-grid.input.locked .cell{opacity:.5;cursor:default}.fix-panel{flex-direction:column;align-items:center;gap:12px;width:min(520px,100vw - 32px);padding:18px;display:flex;position:relative}.fix-panel h2{color:#ff4a4a;margin:0}.fix-hint{color:var(--muted);margin:0}.switches{background:#242a33;border:3px solid #000;border-radius:10px;gap:18px;padding:18px;display:flex}.switch-col{flex-direction:column;align-items:center;gap:10px;display:flex}.bulb{background:#3a1d1d;border:3px solid #000;border-radius:50%;width:26px;height:26px}.bulb.on{background:#3fdc6c;box-shadow:0 0 12px #3fdc6c}.switch{cursor:pointer;background:#111;border:3px solid #000;border-radius:8px;width:44px;height:90px;position:relative}.switch span{background:#9aa3ad;border-radius:5px;height:36px;transition:bottom .15s;position:absolute;bottom:4px;left:4px;right:4px}.switch.on span{background:#e8edf3;bottom:46px}.hand-pad{cursor:pointer;touch-action:none;background:#0d2a44;border:4px solid #000;border-radius:20px;justify-content:center;align-items:center;width:220px;height:220px;font-size:110px;display:flex}.hand-pad.holding{background:#1f6fb2;box-shadow:0 0 30px #4bb4ff}.o2-wrap{align-items:center;gap:20px;display:flex}.sticky-note{color:#333;background:#fff27a;flex-direction:column;padding:14px;font-family:Comic Sans MS,cursive;display:flex;transform:rotate(-4deg);box-shadow:3px 3px #000}.sticky-note b{letter-spacing:3px;font-size:28px}.keypad{background:#222;border:3px solid #000;border-radius:10px;grid-template-columns:repeat(3,60px);gap:6px;padding:10px;display:grid}.keypad-screen{color:#9dffac;text-align:center;letter-spacing:6px;background:#0d2b12;border:2px solid #000;grid-column:span 3;padding:6px;font-family:monospace;font-size:26px}.keypad-screen.bad{background:#5a1b1b}.keypad-screen.ok{color:#3fdc6c}.key{cursor:pointer;background:#e8edf3;border:3px solid #000;border-radius:8px;height:50px;font-size:22px;font-weight:800}.key:active{background:#bbb}.waveform{background:#061a0c;border:3px solid #000;border-radius:8px;width:100%;height:80px}.waveform polyline{fill:none;stroke:#41ff7a;stroke-width:2px}.dial{cursor:grab;touch-action:none;background:#2b3440;border:4px solid #000;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;display:flex}.dial-knob{background:#8d97a3;border:3px solid #000;border-radius:50%;width:130px;height:130px;position:relative}.dial-knob span{background:#ff4a4a;border-radius:4px;width:30px;height:8px;margin-top:-4px;position:absolute;top:50%;right:8px}