*{box-sizing:border-box}html,body,canvas{width:100%;height:100%;margin:0;overflow:hidden}body{--ink:#0d0f11;--panel:#23282c;--panel-2:#2f353a;--edge:#4a5157;--rust:#7a3b1e;--green:#a8c94a;--amber:#e0a030;--red:#e0202a;--text:#d6d9d2;--muted:#8a918c;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#060708;font-family:ui-monospace,Cascadia Mono,Consolas,Menlo,monospace}canvas{touch-action:none;display:block}h1,h2,p{margin:0}button{border:2px solid var(--edge);background:var(--panel-2);box-shadow:0 3px 0 var(--ink);color:var(--text);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:2px;padding:9px 14px;font-weight:700;transition:transform 60ms,box-shadow 60ms,border-color .1s}button:hover:not(:disabled){border-color:var(--amber)}button:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}button:disabled{cursor:not-allowed;opacity:.4}button[aria-pressed=true]{border-color:var(--green)}button.big{background:var(--amber);color:var(--ink);letter-spacing:.12em;border-color:#f0c060;padding:14px 20px;font-size:24px}button.link,button.cookie-link{box-shadow:none;color:var(--muted);background:0 0;border:0;align-self:center;padding:2px 6px;font-size:12px;text-decoration:underline}input,select{border:2px solid var(--edge);color:var(--text);font:inherit;background:#15181b;border-radius:2px;padding:8px 10px;font-weight:700}input:focus,select:focus{border-color:var(--amber);outline:none}.screens{z-index:10;pointer-events:none;justify-content:flex-end;align-items:center;padding:24px 6vw;display:flex;position:fixed;inset:0}.screens[data-screen=game]{display:none}.menu{border:2px solid var(--edge);border-bottom:4px solid var(--rust);text-align:center;pointer-events:auto;background:#1a1e21eb;flex-direction:column;gap:12px;width:min(420px,100%);max-height:100%;padding:24px;animation:.2s ease-out pop-in;display:flex;position:relative;overflow-y:auto;box-shadow:0 12px 40px #0009}.menu.side{width:min(480px,100%)}.screens[data-redraw] .menu{animation:none}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=800px){.screens{padding:12px 12px calc(64px + env(safe-area-inset-bottom,0px));justify-content:center;align-items:flex-end}.menu{max-height:66vh}}.menu h1{color:var(--amber);text-transform:uppercase;font-size:28px;line-height:1.1}.menu h2{color:var(--muted);text-align:left;text-transform:uppercase;margin-top:4px;font-size:13px}.logo{object-fit:contain;width:100%;max-height:140px}.logo.placeholder{border:2px dashed var(--edge);color:var(--green);letter-spacing:.18em;text-shadow:0 0 18px #a8c94a59;padding:18px 8px;font-size:44px;font-weight:900}.tagline{color:var(--muted)}.copy-needed{border:2px dashed var(--rust);background:repeating-linear-gradient(45deg,#0000 0 8px,#7a3b1e1f 8px 16px);min-height:80px}.row{gap:10px;display:flex}.row>*{flex:1}.name{justify-content:center;align-items:center;gap:6px;display:flex}.name input{text-align:center;width:60%}.name span,.players small,.who small{color:var(--muted);font-weight:700}.wins{color:var(--amber);font-weight:800}.warn{border-left:3px solid var(--red);color:#ff8a8f;background:#e0202a1f;padding:6px;font-weight:700}.help{color:var(--muted);font-size:13px}.field{text-align:left;justify-content:space-between;align-items:center;gap:10px;font-weight:700;display:flex}.field select{flex:1;min-width:0}.field.check{justify-content:flex-start}.join input{letter-spacing:.2em;text-align:center;text-transform:uppercase;flex:1 1 0;min-width:0;font-size:20px}.join button{flex:none}.code{background:var(--amber);color:var(--ink);letter-spacing:.14em;padding:0 8px}.players,.lobbies{text-align:left;gap:4px 12px;max-height:220px;margin:0;padding:0;font-weight:700;list-style:none;display:grid;overflow-y:auto}.players{grid-template-columns:1fr 1fr}.lobbies li{background:var(--panel-2);align-items:center;gap:10px;padding:6px 8px;display:flex}.lobbies li span{flex:1}.lobbies .empty{color:var(--muted);justify-content:center}.dot{background:var(--c);vertical-align:-1px;width:12px;height:12px;margin-right:6px;display:inline-block}.settings{text-align:left}.settings summary{color:var(--muted);text-transform:uppercase;cursor:pointer;font-weight:700}.settings .grid{grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:8px;font-size:13px;display:grid}.settings label{flex-direction:column;gap:2px;display:flex}.settings label b{color:var(--text)}.swatches{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.swatch{aspect-ratio:1;background:var(--c);padding:0}.customise h2 small{color:var(--amber);text-transform:none;margin-left:6px}.customise .swatches{grid-template-columns:repeat(5,1fr)}.swatch[aria-pressed=true]{outline:3px solid var(--amber);outline-offset:2px}.swatch:disabled{opacity:.25;background:linear-gradient(135deg, transparent 45%, #15181b 45% 55%, transparent 55%), var(--c)}.hats{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.hat{flex-direction:column;align-items:center;gap:2px;padding:4px 2px 6px;font-size:11px;line-height:1.2;display:flex}.hat img{aspect-ratio:108/160;object-fit:contain;height:64px}.hat[aria-pressed=true]{outline:3px solid var(--amber);outline-offset:1px}.hat:disabled img{filter:grayscale()brightness(.5)}.level{text-align:left;grid-template-columns:70px 1fr 48px;align-items:center;gap:8px;display:grid}.level input{accent-color:var(--amber);padding:0}.meter{border:2px solid var(--edge);background:#111;align-self:center;height:10px}.meter i{background:var(--green);height:100%;display:block}.toggles{gap:6px;display:flex;position:absolute;top:10px;right:10px}.screens[data-screen=how]{justify-content:center}.menu.how{width:min(1120px,100%)}.how-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.how-card{border:2px solid var(--edge);background:#0d0f118c;padding:12px 14px}.how-card h2{color:var(--amber);margin:0 0 8px}.menu.how ul{text-align:left;flex-direction:column;gap:6px;padding-left:18px;font-size:14px;line-height:1.4;list-style:outside;display:flex}.menu.how>button{align-self:center;min-width:180px}.menu.how li::marker{color:var(--amber)}.menu.home{padding-top:58px}.toggles button{width:36px;height:36px;padding:0;font-size:16px}.credits{z-index:20;color:#111;white-space:nowrap;pointer-events:auto;background:#fff;border:2px solid #fff;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:13px;text-decoration:none;display:flex;position:fixed;bottom:14px;left:50%;translate:-50%}.credits:hover{border-color:var(--amber)}.credits img{width:28px;height:28px}.consent{z-index:60;border:2px solid var(--edge);border-bottom:4px solid var(--rust);background:var(--panel);flex-direction:column;gap:10px;width:min(460px,100% - 24px);padding:18px;display:flex;position:fixed;bottom:16px;left:50%;translate:-50%}.cookie-banner{z-index:50;border:2px solid var(--edge);border-bottom:4px solid var(--rust);background:var(--panel);pointer-events:auto;flex-direction:column;gap:12px;width:min(440px,100% - 32px);padding:14px 16px;font-size:13px;line-height:1.5;display:flex;position:fixed;bottom:16px;left:16px}.cookie-banner button{padding:7px 10px;font-size:12px}.cookie-banner button.primary{background:var(--amber);color:var(--ink);border-color:#f0c060}.consent h2{color:var(--amber);text-transform:uppercase;font-size:16px}.cookie-list{margin:0;padding:0;list-style:none}.cookie-list li{border-bottom:1px solid var(--edge);justify-content:space-between;padding:4px 0;display:flex}.vision{z-index:2;background:radial-gradient(circle at 50% 50%, transparent calc(var(--r,300px) * .8), #000000eb var(--r,300px));pointer-events:none;transition:--r .6s;position:fixed;inset:0}.red-alert{z-index:3;opacity:0;pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 120px #e0202a8c}.red-alert.on{animation:2s ease-in-out infinite alarm}@media (prefers-reduced-motion:reduce){.red-alert.on{opacity:.7;animation:none}}@keyframes alarm{50%{opacity:1}}.fix-pointer{z-index:4;pointer-events:none;justify-items:center;gap:4px;display:grid;position:fixed;translate:-50% -50%}.fix-pointer[hidden]{display:none}.fix-pointer i{border-right:14px solid #0000;border-bottom:24px solid var(--red);width:0;height:0;rotate:var(--a,0deg);filter:drop-shadow(0 0 6px #e0202acc);border-left:14px solid #0000;animation:2s ease-in-out infinite pointer-pulse}.fix-pointer span{color:#fff;white-space:nowrap;background:#000000a6;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}@keyframes pointer-pulse{50%{scale:1.15}}@media (prefers-reduced-motion:reduce){.fix-pointer i{animation:none}}.use-hint{z-index:4;color:#fff;white-space:nowrap;pointer-events:none;background:#000000b8;border:1px solid #f5c63a99;border-radius:6px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:13px;font-weight:700;animation:.15s ease-out hint-in;display:flex;position:fixed;translate:-50% -100%}.use-hint[hidden]{display:none}.use-hint kbd{min-width:24px;color:var(--ink);font:inherit;text-align:center;background:#f5c63a;border-bottom:2px solid #9a7a1a;border-radius:4px;padding:2px 6px}@keyframes hint-in{0%{opacity:0;translate:-50% -80%}}@media (prefers-reduced-motion:reduce){.use-hint{animation:none}}.tags{z-index:4;pointer-events:none;position:fixed;inset:0}.tag{color:#fff;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:12px;font-weight:700;position:absolute;translate:-50% -100%}.tag.insider{color:var(--red)}.hud-layer{z-index:20;pointer-events:none;position:fixed;inset:0}.hud-layer>*{pointer-events:auto}.topbar{pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.topbar>*{pointer-events:auto}.minimap{z-index:21;border:2px solid var(--edge);cursor:zoom-in;background:#0a0c0ed1;width:auto;height:auto;position:fixed;top:12px;left:12px}.minimap[hidden]{display:none}.minimap.big{cursor:zoom-out}.minimap:not([hidden])~.hud-layer .topbar{left:268px}.task-list{border:2px solid var(--edge);pointer-events:none;background:#1a1e21d1;width:245px;margin:0;padding:8px 10px;font-size:12px;line-height:1.5;list-style:none;position:absolute;top:192px;left:12px}.task-list li.done{color:var(--green);text-decoration:line-through}.task-list.fake{border-color:var(--rust);color:#ff8a8f}.reveal{border:2px solid var(--green);text-align:center;background:#0a0c0ef0;padding:40px 64px;animation:.5s ease-out reveal-in}.reveal.insider{border-color:var(--red);box-shadow:0 0 60px #e0202a40}.reveal .kicker{color:var(--muted);letter-spacing:.2em;text-transform:uppercase}.reveal h1{text-transform:uppercase;color:var(--green);margin:6px 0 12px;font-size:44px}.reveal.insider h1{color:var(--red)}@keyframes reveal-in{0%{opacity:0;transform:scale(.94)}}.kill-card{border-block:2px solid var(--red);text-align:center;pointer-events:none;background:linear-gradient(90deg,#3c060ab3,#5a080ef0 30% 70%,#3c060ab3);padding:18px 24px 16px;animation:.35s cubic-bezier(.2,1.4,.4,1) .25s both kill-in;position:absolute;bottom:14vh;left:0;right:0}.kill-card h1{letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 2px 0 var(--red);margin:0 0 4px;font-size:40px}.kill-card p{margin:4px 0 0}@keyframes kill-in{0%{opacity:0;transform:scaleY(.2)}}@media (prefers-reduced-motion:reduce){.reveal,.kill-card{animation:none}}.pill{border:2px solid var(--edge);background:#1a1e21e0;padding:6px 10px;font-size:13px;font-weight:700}.pill:empty{display:none}.pill.role.insider,.pill.alert{border-color:var(--red);color:#ff8a8f}.topbar button.pill:first-of-type{margin-left:auto}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;max-width:60vw;display:flex;position:absolute;bottom:16px;right:16px}.action{width:92px;height:92px;padding:0;font-size:14px}.action.kill:not(:disabled){border-color:var(--red);color:#ff8a8f}.sabotage-menu{flex-direction:column;gap:6px;display:flex}.sabotage-menu button{border-color:var(--rust);font-size:12px}.overlay-layer{z-index:30;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-layer:empty{display:none}.overlay-layer>*{pointer-events:auto}.meeting{border:2px solid var(--red);background:#14171af5;flex-direction:column;gap:12px;width:min(980px,100% - 24px);max-height:calc(100% - 24px);padding:18px;display:flex;box-shadow:0 0 60px #e0202a40}.meeting header{align-items:baseline;gap:16px;display:flex}.meeting h1{color:var(--red);text-transform:uppercase}.meeting .timer{color:var(--amber);margin-left:auto;font-weight:700}.meeting-body{grid-template-columns:1fr 320px;gap:12px;min-height:0;display:grid}@media (width<=800px){.meeting-body{grid-template-columns:1fr}}.cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.card{border:2px solid var(--edge);background:var(--panel-2);align-items:center;gap:6px;padding:8px;display:flex}.portrait{background:var(--p) center / contain no-repeat;isolation:isolate;flex:none;width:48px;height:84px;position:relative}.portrait:after{background:var(--c);content:"";-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat;mix-blend-mode:multiply;position:absolute;inset:0}.card.dead .portrait{filter:grayscale(.7)}.card.talking{border-color:var(--green)}.card.dead{opacity:.45;text-decoration:line-through}.card.insider .who{color:#ff8a8f}.card .who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.card .voted{color:var(--green)}.card .caller{color:var(--red);font-weight:900}.card-actions{gap:4px;display:flex}.card-actions button{padding:4px 7px;font-size:12px}.meeting:not(.voting) .vote-btn{display:none}.chat{flex-direction:column;gap:8px;min-height:260px;display:flex}.chat-log{border:2px solid var(--edge);-webkit-user-select:text;user-select:text;background:#111416;flex:1;max-height:340px;padding:8px;font-size:13px;overflow-y:auto}.chat-log p{margin-bottom:4px}.chat-log .ghost{color:var(--muted);font-style:italic}.chat input{flex:1;min-width:0}.chat button{flex:none}.meeting footer{justify-content:flex-end}.meeting footer>*{flex:none}.ended{border:2px solid var(--edge);text-align:center;background:#0a0c0ef0;padding:32px 48px}.eject{text-align:center;text-shadow:0 2px 12px #000000e6;pointer-events:none;align-self:flex-end;margin-bottom:14vh}.eject h1{animation:.8s ease-out 1.2s backwards eject-in}.eject p{font-size:20px;animation:.8s ease-out 2.6s backwards eject-in}@keyframes eject-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.eject h1,.eject p{animation:none}}.eject h1,.ended h1{text-transform:uppercase;margin-bottom:8px;font-size:32px}.ended .kicker{color:var(--muted);letter-spacing:.2em;text-transform:uppercase}.ended.crew h1{color:var(--green)}.ended.insiders h1{color:var(--red)}.toasts{z-index:70;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:64px;left:50%;translate:-50%}.toast{border:2px solid var(--edge);background:var(--panel);padding:8px 14px;font-weight:700;animation:.2s ease-out pop-in}.toast.good{border-color:var(--green)}.toast.bad{border-color:var(--red);color:#ff8a8f}.minigame{z-index:50;background:#040506b8;justify-content:center;align-items:center;padding:12px;animation:.15s ease-out mg-fade;display:flex;position:fixed;inset:0}@keyframes mg-fade{0%{opacity:0}}.mg-panel{border:2px solid var(--edge);border-bottom:4px solid var(--rust);background:var(--panel);outline:none;flex-direction:column;gap:12px;width:min(600px,94vw);max-height:calc(100% - 24px);padding:14px 16px 16px;transition:border-color .2s;animation:.2s ease-out pop-in;display:flex;overflow-y:auto;box-shadow:0 12px 40px #0009}.mg-panel.solved{border-color:var(--green)}.mg-panel.solved .mg-area{pointer-events:none}.mg-head{align-items:center;gap:12px;display:flex}.mg-head h2{min-width:0;color:var(--amber);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;flex:1;font-size:16px;overflow:hidden}.mg-room{border:1px solid var(--edge);background:var(--panel-2);color:var(--muted);text-transform:uppercase;flex:none;padding:3px 8px;font-size:12px;font-weight:700}.mg-x{flex:none;width:36px;height:36px;padding:0;font-size:16px}.mg-area{border:2px solid var(--edge);background:radial-gradient(at 50% 0,#ffffff0d,#0000 70%),#15181b;padding:14px;position:relative}.mg-area img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;display:block}.mg-status{min-height:2.8em;color:var(--muted);text-align:center;font-weight:700}.mg-status.good{color:var(--green)}.mg-status.bad{color:#ff8a8f}.mg-panel.solved .mg-status{letter-spacing:.2em;text-transform:uppercase;font-size:20px}.mg-bar{border:2px solid var(--edge);background:#0d0f11;height:18px}.mg-bar i{background:var(--green);width:0;height:100%;display:block;box-shadow:0 0 10px #8fbf3a80}.mg-area button.big{align-self:center;font-size:20px}.mg-end,.mg-leaf,.mg-switch,.mg-hand,.mg-shelf,.mg-snack,.mg-knob{box-shadow:none;background:0 0;border:0;padding:0}.mg-end:hover:not(:disabled),.mg-leaf:hover:not(:disabled),.mg-switch:hover:not(:disabled),.mg-hand:hover:not(:disabled),.mg-snack:hover:not(:disabled),.mg-knob:hover:not(:disabled){filter:brightness(1.15);background:0 0}.mg-end:active:not(:disabled),.mg-switch:active:not(:disabled),.mg-snack:active:not(:disabled),.mg-hand:active:not(:disabled){transform:none}.mg-wires{touch-action:none;background:linear-gradient(90deg,#22272b 0 22%,#0000 22% 78%,#22272b 78%),#101315;justify-content:space-between;height:280px;padding:0 4px;display:flex;position:relative}.mg-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mg-lines line{stroke-linecap:round}.mg-lines .loose{opacity:.85}.mg-col{flex-direction:column;justify-content:space-around;display:flex;position:relative}.mg-end{touch-action:none}.mg-end[data-side=l] img{width:120px;height:40px}.mg-end[data-side=r] img{width:96px;height:47px}.mg-end.picked img{filter:drop-shadow(0 0 6px var(--amber)) brightness(1.2)}.mg-end.done{cursor:default}.mg-end.done[data-side=r] img{filter:drop-shadow(0 0 8px var(--c)) brightness(1.2)}.mg-swipe{flex-direction:column;gap:10px;display:flex}.mg-reader{aspect-ratio:960/216;position:relative}.mg-reader img{width:100%;height:100%}.mg-lcd{width:60%;height:55.56%;color:var(--green);letter-spacing:.08em;text-shadow:0 0 6px #8fbf3ab3;text-transform:uppercase;justify-content:center;align-items:center;margin:0;font-family:ui-monospace,monospace;font-size:clamp(12px,3.4vw,18px);font-weight:700;display:flex;position:absolute;top:22.22%;left:5%}.mg-reader.bad .mg-lcd{color:#ff6a70;text-shadow:0 0 6px #ff5050b3}.mg-led{aspect-ratio:1;border-radius:50%;width:5%;position:absolute;top:50%;translate:-50% -50%}.mg-led.red{left:77.5%}.mg-led.green{left:87.5%}.mg-reader.bad .mg-led.red{background:#ff3b44;box-shadow:0 0 14px #ff3b44}.mg-reader.good .mg-led.green{background:var(--green);box-shadow:0 0 14px var(--green)}.mg-slot{border:2px solid var(--edge);border-top:6px solid var(--ink);background:linear-gradient(#0d0f11,#1b1f22);height:110px;position:relative}.mg-card{cursor:grab;touch-action:none;width:146px;position:absolute;top:6px;left:0}.mg-card img{filter:drop-shadow(0 4px 6px #00000080);width:146px;height:96px}.mg-card:active{cursor:grabbing}.mg-card.ease{transition:transform .3s ease-out}.mg-download,.mg-scan,.mg-reactor{flex-direction:column;gap:14px;display:flex}.mg-route{align-items:center;gap:10px;display:flex}.mg-route figure{flex-direction:column;align-items:center;gap:6px;width:120px;margin:0;display:flex}.mg-route img{width:auto;height:100px}.mg-route figcaption{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.mg-route i{background:repeating-linear-gradient(90deg, var(--edge) 0 10px, transparent 10px 18px);flex:1;height:4px;position:relative}.mg-route.on i{background:repeating-linear-gradient(90deg, var(--green) 0 10px, transparent 10px 18px);animation:.6s linear infinite mg-flow}.mg-route i b{border:2px solid var(--green);background:#1f2a18;width:14px;height:18px;display:none;position:absolute;top:50%;left:0;translate:-50% -50%}.mg-route.on i b{animation:1.2s ease-in-out infinite mg-packet;display:block}@keyframes mg-flow{to{background-position:18px 0}}@keyframes mg-packet{to{left:100%}}.mg-file{min-height:1.4em;color:var(--green);justify-content:space-between;gap:10px;font-family:ui-monospace,monospace;font-size:13px;display:flex}.mg-file b{color:var(--amber)}.mg-fuel{justify-content:center;align-items:center;gap:40px;display:flex}.mg-tank{aspect-ratio:200/480;width:110px;position:relative}.mg-tank>img{width:100%;height:100%;position:absolute;inset:0}.mg-window{background:linear-gradient(90deg,#0a0c0d,#1a1e21 50%,#0a0c0d);width:68%;height:79.17%;position:absolute;top:10.42%;left:16%;overflow:hidden}.mg-window i{background:linear-gradient(90deg,#00000040,#0000 40%,#ffffff1f 60%,#00000040),linear-gradient(#f0b43c,#b0561e);width:100%;height:0;position:absolute;bottom:0;left:0}.mg-tank.pouring .mg-window i{box-shadow:0 -3px #ffd27a}.mg-window b{border-top:3px dashed var(--green);width:100%;position:absolute;left:0}.mg-hold,.mg-hand{touch-action:none;-webkit-touch-callout:none}.mg-hold{border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:150px;padding:14px 8px 12px;display:flex}.mg-hold img{width:90px;height:auto}.mg-hold.held{border-color:var(--green);background:#33401f}.mg-hold.held img{transform:rotate(-12deg)translateY(4px)}.mg-align{justify-content:center;align-items:center;gap:36px;display:flex}.mg-gauge{aspect-ratio:560/309;width:280px;position:relative}.mg-gauge>img{width:100%;height:100%;position:absolute;inset:0}.mg-gauge .mg-face{background:conic-gradient(from -90deg at 50% 100%, #1b1f22 0 var(--a), #4c5c26 var(--a) var(--b), #1b1f22 var(--b) 180deg, transparent 180deg);border-radius:50% 50% 0 0/100% 100% 0 0;width:85.22%;height:77.17%;position:absolute;top:13.39%;left:7.39%;overflow:hidden}.mg-gauge.in .mg-face{background:conic-gradient(from -90deg at 50% 100%, #1b1f22 0 var(--a), var(--green) var(--a) var(--b), #1b1f22 var(--b) 180deg, transparent 180deg)}.mg-gauge .mg-face i{background:linear-gradient(#ffd27a, var(--amber));transform-origin:50% 100%;border-radius:3px 3px 0 0;width:6px;height:88%;position:absolute;bottom:0;left:calc(50% - 3px);box-shadow:0 0 6px #0009}.mg-track{border:2px solid var(--edge);cursor:ns-resize;touch-action:none;background:linear-gradient(90deg,#07090a,#1b1f22 50%,#07090a);border-radius:22px;width:44px;height:240px;position:relative}.mg-band{background:#4c5c26;border-radius:4px;width:calc(100% - 8px);position:absolute;left:4px}.mg-track.in .mg-band{background:var(--green);box-shadow:0 0 10px var(--green)}.mg-knob{touch-action:none;width:110px;height:34px;position:absolute;left:50%;translate:-50% 50%}.mg-knob img{filter:drop-shadow(0 3px 4px #0009);width:110px;height:34px}.mg-knob:active:not(:disabled){transform:none}.mg-scan{grid-template-columns:190px 1fr;display:grid}.mg-scan .mg-bar,.mg-scan button.big{grid-column:1/-1}.mg-bay{border:2px solid var(--edge);background:radial-gradient(at 50% 100%,#1f2a18,#0d0f11 70%);height:210px;position:relative;overflow:hidden}.mg-figure{width:196px;height:194px;position:absolute;bottom:4px;left:50%;translate:-50%}.mg-beam{background:var(--green);width:100%;height:4px;box-shadow:0 0 12px var(--green), 0 0 40px #8fbf3a80;opacity:.85;display:none;position:absolute;left:0}.mg-bay.on .mg-beam{display:block}.mg-bay.on .mg-figure{filter:sepia(.4)hue-rotate(40deg)brightness(1.1)}.mg-readouts{gap:4px;margin:0;font-size:13px;display:grid}.mg-readouts div{background:var(--panel-2);justify-content:space-between;gap:8px;padding:4px 8px;display:flex}.mg-readouts dt{color:var(--muted);text-transform:uppercase}.mg-readouts dd{color:var(--green);margin:0;font-family:ui-monospace,monospace;font-weight:700}.mg-filter{border:2px solid var(--edge);touch-action:none;background:repeating-linear-gradient(0deg,#0000 0 11px,#4a515773 11px 13px),repeating-linear-gradient(90deg,#0000 0 11px,#4a515773 11px 13px),radial-gradient(circle at 65%,#1b2124,#0c0e10 75%);height:280px;position:relative;overflow:hidden}.mg-chute{border-right:4px solid var(--rust);color:var(--amber);text-transform:uppercase;background:repeating-linear-gradient(-45deg,#e8b03a1f 0 8px,#0000 8px 16px),linear-gradient(90deg,#030404,#060708b3);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0}.mg-leaf{translate:-50% -50%;rotate:var(--r);cursor:grab;touch-action:none;position:absolute}.mg-leaf img{filter:drop-shadow(0 3px 3px #0009);width:76px;height:auto}.mg-leaf.held{z-index:1;cursor:grabbing;scale:1.1}.mg-leaf.flying{opacity:.3;pointer-events:none;transition:left .28s ease-in,opacity .28s ease-in}.mg-dials{justify-content:space-around;gap:12px;display:flex}.mg-dial{opacity:.5;flex-direction:column;align-items:center;gap:10px;display:flex}.mg-dial.active,.mg-dial.locked{opacity:1}.mg-disc{aspect-ratio:1;width:min(150px,26vw);position:relative}.mg-disc>img{width:100%;height:100%;position:absolute;inset:0}.mg-disc .mg-face{background:conic-gradient(from var(--z), #4c5c26 0 var(--w), #1b1f22 var(--w) 360deg);border-radius:50%;position:absolute;inset:11.82%}.mg-dial.active .mg-face,.mg-dial.locked .mg-face{background:conic-gradient(from var(--z), var(--green) 0 var(--w), #1b1f22 var(--w) 360deg)}.mg-dial.locked .mg-disc{filter:drop-shadow(0 0 8px var(--green))}.mg-disc .mg-face i{background:linear-gradient(#ffd27a, var(--amber));width:6px;height:46%;box-shadow:0 0 0 1px var(--ink);transform-origin:50% 100%;border-radius:3px;position:absolute;bottom:50%;left:calc(50% - 3px)}.mg-disc .mg-face:after{content:"";background:#4a5157;border:2px solid #8a9298;border-radius:50%;width:18px;height:18px;position:absolute;top:calc(50% - 9px);left:calc(50% - 9px)}.mg-keypad{border:2px solid var(--edge);background:#0d0f11;grid-template-columns:repeat(5,1fr);gap:6px;padding:10px;display:grid}.mg-keypad button{aspect-ratio:1;box-shadow:none;color:var(--text);text-shadow:0 1px 2px #000;background:url(/ui/mg/key.webp) 50%/contain no-repeat;border:0;padding:0;font-size:24px;position:relative}.mg-keypad button:hover:not(:disabled){filter:brightness(1.2);background:url(/ui/mg/key.webp) 50%/contain no-repeat}.mg-keypad button[aria-pressed=true]{color:#1a2208;text-shadow:none;background-image:url(/ui/mg/key-lit.webp)}.mg-restock{touch-action:none;flex-direction:column;gap:12px;display:flex}.mg-machine{background:linear-gradient(#2a3036,#1a1e22);border:3px solid #3a4046;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.mg-shelf{background:linear-gradient(160deg,#a0c8dc1f,#0000004d 60%);border-bottom:5px solid #5a6168;justify-content:center;align-items:flex-end;height:96px;padding-bottom:8px;display:flex}.mg-shelf img{opacity:.25;filter:grayscale()brightness(1.4);width:auto;height:70px}.mg-shelf.filled img{opacity:1;filter:drop-shadow(0 3px 3px #0009)}.mg-shelf:disabled{cursor:default;opacity:1}.mg-tray{border:2px dashed var(--edge);background:#0d0f11;flex-wrap:wrap;justify-content:center;gap:10px;min-height:90px;padding:10px;display:flex}.mg-snack{cursor:grab;touch-action:none}.mg-snack img{filter:drop-shadow(0 3px 3px #0009);width:auto;height:70px}.mg-snack.picked img{filter:drop-shadow(0 0 6px var(--amber)) brightness(1.15)}.mg-snack.dragging{z-index:2;cursor:grabbing;pointer-events:none;position:relative}.mg-steer{justify-content:center;display:flex}.mg-scope{aspect-ratio:1;cursor:grab;touch-action:none;background:linear-gradient(#0000 calc(50% - 1px),#8fbf3a40 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),linear-gradient(90deg,#0000 calc(50% - 1px),#8fbf3a40 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),repeating-radial-gradient(circle,#0000 0 34px,#8fbf3a2e 34px 36px),radial-gradient(circle,#13201a,#06090a 75%);border:6px solid #3a4046;border-radius:50%;width:min(280px,70vw);position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000}.mg-scope.held{cursor:grabbing}.mg-target{aspect-ratio:1;border:3px dashed var(--amber);border-radius:50%;width:14%;position:absolute;top:50%;left:50%;translate:-50% -50%}.mg-scope.in .mg-target{border-style:solid;border-color:var(--green);box-shadow:0 0 12px var(--green)}.mg-ship{pointer-events:auto;width:56px;position:absolute;translate:-50% -50%}.mg-ship img{filter:drop-shadow(0 0 6px #000c);width:56px;height:auto}.mg-switches{border:2px solid var(--edge);background:repeating-linear-gradient(-45deg,#1a1d20 0 10px,#15181b 10px 20px);justify-content:space-around;gap:6px;padding:10px;display:flex}.mg-switch{flex-direction:column;align-items:center;gap:4px;display:flex}.mg-switch img{width:68px;height:auto}.mg-switch span{color:var(--muted);font-size:13px;font-weight:700}.mg-switch img.on,.mg-switch[aria-pressed=true] img.off{display:none}.mg-switch[aria-pressed=true] img.on{filter:drop-shadow(0 0 8px #8fbf3a99);display:block}.mg-hand{border-radius:10px;align-self:center}.mg-hand img{width:170px;height:auto}.mg-hand.held img{filter:brightness(1.4)drop-shadow(0 0 16px #46c2b0)}@media (width<=480px){.mg-scan{grid-template-columns:1fr}.mg-align{gap:20px}.mg-gauge{width:190px}.mg-fuel{gap:20px}.mg-end[data-side=l] img{width:96px;height:32px}.mg-end[data-side=r] img{width:78px;height:38px}.mg-route img{height:70px}.mg-switch img{width:52px}}@media (prefers-reduced-motion:reduce){.minigame,.mg-panel,.mg-route.on i,.mg-route.on i b{animation:none}.mg-card.ease,.mg-leaf.flying{transition:none}}