@font-face{font-family:m6x11;src:url(../fonts/m6x11.ttf) format("truetype");font-display:swap}:root{--ink: #14161c;--panel: #232a36;--panel2: #2c3544;--edge: #0b0d12;--hi: #3d4859;--text: #f4f1e8;--dim: #9aa4b4;--yellow: #f2c94c;--orange: #f08a3a;--red: #e04848;--green: #5ac85a;--blue: #4ab0f0;--purple: #8a6ad9;--font: "m6x11", "Pixelify Sans", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0d12;color:var(--text);font-family:var(--font);font-size:16px;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;-webkit-user-select:none;user-select:none}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}#overlay,#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}#ui .passthrough{pointer-events:none}button,input,select{font-family:var(--font);font-size:16px;color:var(--text)}.px{image-rendering:pixelated;vertical-align:middle;display:inline-block}.panel{background:var(--panel);border:4px solid var(--edge);box-shadow:inset 0 3px 0 var(--hi),inset 0 -3px #181d26,0 6px #00000059;border-radius:6px;padding:16px}.btn{--c: var(--yellow);--cd: #b8902a;--t: var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:4px solid var(--edge);border-radius:6px;cursor:pointer;background:var(--c);color:var(--t);padding:10px 18px 12px;font-size:24px;line-height:1;box-shadow:inset 0 -5px 0 var(--cd),inset 0 3px #ffffff59,0 5px #0006;transition:transform .06s,filter .1s;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn:active{transform:translateY(3px);box-shadow:inset 0 -2px 0 var(--cd),0 1px #0006}.btn:disabled{filter:grayscale(.8) brightness(.7);cursor:default;transform:none}.btn.blue{--c: var(--blue);--cd: #2a7ab0}.btn.green{--c: var(--green);--cd: #3a8a3a}.btn.red{--c: var(--red);--cd: #a02a2a;--t: #fff}.btn.purple{--c: var(--purple);--cd: #5a4aa0;--t: #fff}.btn.dark{--c: #3d4859;--cd: #283040;--t: var(--text)}.btn.small{font-size:16px;padding:6px 10px 8px;border-width:3px}.btn.icon{padding:6px 10px 8px;font-size:16px}.field{background:#141820;border:3px solid var(--edge);border-radius:4px;padding:8px 10px;font-size:24px;outline:none;color:var(--text);box-shadow:inset 0 3px #0006}.field:focus{border-color:var(--yellow)}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}.grow{flex:1}.dim{color:var(--dim)}.gold{color:var(--yellow)}.h1{font-size:48px;line-height:1;text-shadow:0 4px 0 var(--edge)}.h2{font-size:32px;line-height:1;text-shadow:0 3px 0 var(--edge)}.h3{font-size:24px;line-height:1.1}.tag{display:inline-block;padding:2px 8px 4px;border-radius:4px;background:#141820;border:2px solid var(--edge);font-size:16px}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}.screen.dim-bg{background:radial-gradient(ellipse at center,#0b0d1259,#0b0d12cc)}.fade-in{animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.title{flex-direction:column;justify-content:space-between;padding:6vh 16px 3vh;background:linear-gradient(180deg,#0b0d1200 40%,#0b0d12a6)}.logo{text-align:center;animation:pop .6s ease-out}.logo .word{font-size:clamp(56px,11vw,144px);line-height:.9;letter-spacing:4px;color:var(--yellow);text-shadow:0 6px 0 #b8582a,0 12px 0 var(--edge),0 0 40px rgba(242,201,76,.35);-webkit-text-stroke:3px var(--edge);paint-order:stroke fill}.logo .word span{display:inline-block;animation:bob 2.4s ease-in-out infinite}.logo .sub{display:inline-block;margin-top:18px;padding:6px 16px 8px;font-size:24px;color:#fff;text-shadow:0 3px 0 var(--edge);letter-spacing:2px;background:#14182099;border-radius:8px}.menu{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;width:min(440px,92vw);padding:14px;background:#1418208c;border:4px solid var(--edge);border-radius:10px;box-shadow:0 6px #00000059}.menu .btn{min-width:0;display:flex;align-items:center;justify-content:center;gap:12px}.menu .btn.play{grid-column:span 6;font-size:34px;padding:14px 18px 18px}.menu .btn.half{grid-column:span 3;font-size:22px;padding:12px 8px 14px}.menu .btn.tile{grid-column:span 2;flex-direction:column;gap:6px;font-size:15px;padding:10px 4px 12px;border-width:3px;white-space:normal;line-height:1.05}.menu .btn .px{flex:none}.foot{font-size:16px;color:#ffffffb3;text-shadow:0 2px 0 var(--edge);text-align:center}.foot a{color:var(--yellow)}.me-card{position:fixed;top:16px;left:16px;display:flex;gap:10px;align-items:center;cursor:pointer;padding:8px 14px 8px 8px}.me-card canvas{width:64px;height:64px;border-radius:4px;background:#141820}.records{position:fixed;top:16px;right:16px;padding:10px 14px;font-size:16px;text-align:right}.dialog{width:min(560px,94vw);max-height:92vh;overflow:auto;animation:pop .3s ease-out}.dialog.wide{width:min(980px,96vw)}.dialog .h2{margin-bottom:14px}.code-input{font-size:56px;letter-spacing:14px;text-align:center;width:100%;text-transform:uppercase}.err{color:var(--red);min-height:20px}.close{position:absolute;top:10px;right:10px}.lobby{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;width:min(1100px,96vw);animation:pop .3s ease-out}.lobby .players{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pcard{position:relative;background:var(--panel2);border:3px solid var(--edge);border-radius:6px;padding:10px;display:flex;gap:10px;align-items:center;min-height:104px}.pcard.empty{opacity:.45;justify-content:center;border-style:dashed}.pcard .avatar{width:84px;height:84px;border-radius:4px;background:#141820;flex:none}.pcard .pname{font-size:24px}.pcard .bar{position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:3px 0 0 3px}.pcard .kick{position:absolute;right:6px;top:6px}.pcard .ready{color:var(--green)}.pcard .notready{color:var(--dim)}.pcard .offline{color:var(--red)}.room-code{text-align:center}.room-code .code{font-size:72px;letter-spacing:10px;color:var(--yellow);text-shadow:0 4px 0 #b8582a,0 8px 0 var(--edge);line-height:1;cursor:pointer}.seg{display:flex;border:3px solid var(--edge);border-radius:6px;overflow:hidden}.seg button{flex:1;border:0;background:#1a2029;padding:8px 6px 10px;cursor:pointer;font-size:16px;color:var(--dim);border-right:3px solid var(--edge)}.seg button:last-child{border-right:0}.seg button.on{background:var(--yellow);color:var(--ink);box-shadow:inset 0 -3px #b8902a}.seg button:disabled{cursor:default}.chatbox{height:140px;overflow-y:auto;background:#141820;border:3px solid var(--edge);border-radius:4px;padding:6px 8px;font-size:16px}.chatbox .who{color:var(--yellow)}label.lbl{color:var(--dim);font-size:16px;display:block;margin:6px 0 4px}.editor{display:grid;grid-template-columns:320px 1fr;gap:16px}.editor .preview{width:320px;height:400px;background:radial-gradient(circle at 50% 70%,#3d4859,#141820);border:3px solid var(--edge);border-radius:6px}.opt{display:flex;align-items:center;gap:8px;margin-bottom:8px}.opt .name{flex:1;text-align:center;font-size:24px;background:#141820;border:3px solid var(--edge);border-radius:4px;padding:6px 4px 8px}.opt .k{width:92px;color:var(--dim)}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.swatch{height:26px;border:3px solid var(--edge);border-radius:4px;cursor:pointer}.swatch.on{outline:3px solid #fff;outline-offset:-6px}.slider{width:100%;accent-color:var(--yellow)}.keys{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:16px}.key{display:inline-block;min-width:26px;text-align:center;padding:2px 6px 4px;background:#e8e4d8;color:var(--ink);border:2px solid var(--edge);border-radius:4px;box-shadow:inset 0 -3px #a8a49a}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud .tl{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;gap:8px;width:270px}.hud .tr{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.hud .card{background:#141820db;border:3px solid var(--edge);border-radius:6px;padding:8px 10px;box-shadow:inset 0 2px #ffffff14,0 4px #0000004d}.hud .stationname{font-size:24px}.hud .stationname small{color:var(--dim);font-size:16px;display:block}.hud .mission{font-size:16px}.hud .mission.done{color:var(--green)}.hud .mission.failed{color:var(--red);text-decoration:line-through}.meter{display:flex;align-items:center;gap:6px;font-size:16px;margin:3px 0}.meter .barbg{flex:1;height:14px;background:#0b0d12;border:2px solid var(--edge);border-radius:3px;overflow:hidden}.meter .fill{height:100%;background:var(--blue);transition:width .2s;box-shadow:inset 0 3px #ffffff40}.meter.low .fill{background:var(--red);animation:pulse .5s infinite}.meter .num{width:52px;text-align:right}.res{display:flex;gap:12px;font-size:20px}.res span{display:flex;align-items:center;gap:4px}.bolts{font-size:32px;color:var(--yellow);text-shadow:0 3px 0 var(--edge);display:flex;align-items:center;gap:6px}.dist{font-size:20px}.track{position:absolute;left:50%;top:12px;transform:translate(-50%);width:min(560px,46vw)}.track .line{position:relative;height:26px}.track .rail{position:absolute;left:0;right:0;top:11px;height:4px;background:#3d4859;border-radius:2px}.track .laid{position:absolute;left:0;top:10px;height:6px;background:#c8d0dc;border-radius:2px}.track .mk{position:absolute;top:0;transform:translate(-50%)}.track .dot{position:absolute;top:8px;width:10px;height:10px;border-radius:50%;border:2px solid var(--edge);transform:translate(-50%)}.track .info{display:flex;justify-content:space-between;font-size:16px;color:var(--dim);margin-top:2px}.track .info b{color:var(--text);font-weight:400}.hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:10px;align-items:center;font-size:24px}.hint .held{display:flex;align-items:center;gap:4px}.toasts{position:absolute;left:50%;top:92px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.toast{font-size:24px;padding:6px 14px 8px;background:#141820e6;border:3px solid var(--edge);border-radius:6px;animation:pop .25s ease-out;white-space:nowrap}.toast.good{color:var(--green)}.toast.bad{color:#ff7a6a;animation:pop .25s ease-out,shake .3s .25s}.banner.top{top:150px}.banner.top .big{font-size:64px}.banner{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);text-align:center;animation:pop .4s ease-out}.banner .big{font-size:clamp(48px,8vw,104px);color:var(--yellow);text-shadow:0 5px 0 #b8582a,0 10px 0 var(--edge);-webkit-text-stroke:2px var(--edge);paint-order:stroke fill}.banner .big.red{color:var(--red);text-shadow:0 5px 0 #6a1a1a,0 10px 0 var(--edge)}.banner .small{font-size:24px;text-shadow:0 3px 0 var(--edge)}.warn{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:40px;color:var(--red);text-shadow:0 4px 0 var(--edge);animation:pulse .4s infinite}.chatlog{position:absolute;left:12px;bottom:12px;width:340px;font-size:16px;display:flex;flex-direction:column;gap:2px}.chatlog .line{background:#141820b3;padding:2px 6px 4px;border-radius:4px;animation:fadeIn .2s}.chatlog input{pointer-events:auto;width:100%}.playerlist{display:flex;flex-direction:column;gap:4px}.playerlist .p{display:flex;align-items:center;gap:6px;font-size:16px}.playerlist .sw{width:10px;height:10px;border-radius:2px;border:2px solid var(--edge)}.fps{position:absolute;right:12px;bottom:12px;font-size:16px;color:var(--dim)}.net{position:absolute;left:50%;bottom:70px;transform:translate(-50%);font-size:20px;color:var(--orange);animation:pulse .8s infinite}.compass{position:absolute;width:48px;height:48px;margin:-24px 0 0 -24px;font-size:32px;color:var(--yellow);text-shadow:0 3px 0 var(--edge);display:flex;align-items:center;justify-content:center}.over{width:min(860px,96vw)}.over .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.over .stat{background:#141820;border:3px solid var(--edge);border-radius:6px;padding:10px;text-align:center}.over .stat .v{font-size:40px;color:var(--yellow);line-height:1}.over .awards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.over .award{background:var(--panel2);border:3px solid var(--edge);border-radius:6px;padding:8px;display:flex;gap:8px;align-items:center}.over .award canvas{width:56px;height:56px}.labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.label{position:absolute;left:0;top:0;white-space:nowrap;text-align:center;will-change:transform}.label .name{font-size:16px;color:#fff;padding:0 6px 2px;background:#14182099;border-radius:4px;border-bottom:3px solid var(--c)}.label .name.me{background:#14182066}.label .name.dead{opacity:.7}.label .emote{font-size:32px;color:#fff;background:#fff;color:var(--ink);border:3px solid var(--edge);border-radius:8px;padding:0 8px 2px;margin-bottom:4px;display:inline-block;animation:pop .3s}.label .emote.ff{background:var(--yellow)}.label.float{font-size:24px;color:#fff;text-shadow:0 3px 0 var(--edge)}.label.float.gold{color:var(--yellow)}.label.float.big{font-size:40px}.label.float.bad{color:#ff7a6a}.shop-tag{background:#141820e0;border:3px solid var(--edge);border-radius:6px;padding:2px 8px 4px;font-size:16px;display:flex;flex-direction:column;align-items:center}.shop-tag.mini{padding:0 5px 2px}.shop-tag.near{z-index:2;position:relative;font-size:20px;padding:4px 10px 6px}.shop-tag.upgrade{border-color:#3a5a8a}.shop-tag b{color:var(--blue);font-weight:400}.shop-tag .cost{color:var(--yellow);display:flex;align-items:center;gap:3px;font-size:20px}.shop-tag .cost.poor{color:#ff7a6a}.bolt{display:inline-block;width:12px;height:12px;background:var(--yellow);border:2px solid var(--edge);border-radius:50%;box-shadow:inset 0 0 0 2px #b8902a}.lever-tag{font-size:20px;background:var(--green);color:var(--ink);border:3px solid var(--edge);border-radius:6px;padding:2px 10px 4px;animation:bob 1s infinite}.lever-tag.go{background:var(--yellow)}.end-tag{font-size:16px;background:#fff;color:var(--ink);border:3px solid var(--edge);border-radius:4px;padding:0 6px 2px}.end-tag.hot{background:var(--red);color:#fff;animation:pulse .3s infinite;font-size:20px}.couch-hint{font-size:16px;color:#fff;background:#141820cc;border:2px solid var(--c);border-radius:4px;padding:0 6px 2px;margin-bottom:18px}.mob-tag{font-size:16px;color:#ff7a6a;text-shadow:0 2px 0 var(--edge);animation:pulse .5s infinite}.ping-tag{font-size:16px;color:#fff;background:var(--c);border:2px solid var(--edge);border-radius:4px;padding:0 6px 2px}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0b0d12;z-index:10;font-size:32px;transition:opacity .5s}.loading .bar{width:240px;height:16px;border:3px solid #3d4859;margin-top:14px;border-radius:4px;overflow:hidden}.loading .bar div{height:100%;width:30%;background:var(--yellow);animation:load 1s infinite ease-in-out}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media (max-width: 760px){.lobby,.lobby .players,.editor{grid-template-columns:1fr}.editor .preview{width:100%;height:260px}.hud .tl{width:200px}.over .stats{grid-template-columns:repeat(2,1fr)}.title{justify-content:flex-start;gap:14px;padding-top:16px}.title .me-card{position:static;align-self:center}.title .records{display:none}.title .logo .sub{font-size:18px}.title>.col{margin-top:auto}}