:root{color-scheme:dark;--bg:#10100e;--panel:#181816;--line:#34342e;--text:#eeeee4;--dim:#96968a;--yellow:#ece37b;--orange:#ec713c;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}main{max-width:1370px;margin:auto;padding:0 46px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit;background:none;border:1px solid var(--line)}button:hover{border-color:var(--yellow);color:var(--yellow)}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}a{color:inherit;text-decoration:none}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:1.4px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--yellow);color:#161610;font:bold italic 25px Georgia}.edition{font:10px monospace;color:var(--dim);margin-left:25px}.build{font:10px monospace;color:var(--dim)}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--yellow);margin-right:8px}.intro{display:flex;justify-content:space-between;align-items:center;padding:38px 0 30px}.eyebrow{font:10px monospace;letter-spacing:1.8px;color:var(--dim);margin:0 0 18px}h1{font:900 italic clamp(64px,8vw,106px)/.86 Arial;margin:0;letter-spacing:-6px;color:var(--yellow)}h1 span{font:16px Arial;vertical-align:top;letter-spacing:0;margin-left:10px}.dek{font-size:17px;margin:17px 0 0;color:#c7c7b9}.intro-aside{font:bold 12px/1.6 monospace;letter-spacing:1px}.intro-aside small{display:block;font:12px/1.65 Arial;letter-spacing:0;color:var(--dim);margin-top:14px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:30px;align-items:start}.cabinet{border:1px solid #434338;background:#080808;box-shadow:0 12px 50px #0005}.cabinet-bar,.cabinet-footer{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font:9px monospace;letter-spacing:1px;color:#b6b6a6;background:#1b1b18}.cabinet-bar{border-bottom:1px solid var(--line)}#connection{font-size:9px;color:var(--yellow);letter-spacing:0}.screen{position:relative;aspect-ratio:4/3;background:#000;overflow:hidden}canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0002 0,#0002 1px,transparent 1px,transparent 4px);opacity:.3}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#0003,#0009 30%,#000b 75%,#0002)}.overlay[hidden]{display:none}.overlay .eyebrow{color:var(--yellow);font-size:9px}.overlay h2{font:900 italic clamp(28px,4vw,53px)/1.02 Arial;letter-spacing:-1px;margin:0;color:var(--yellow)}.overlay p:not(.eyebrow){font-size:12px;color:#c8c7ac;margin:18px}.primary{background:var(--yellow);color:#17170f;border:none;font:bold 11px monospace;letter-spacing:1px;padding:16px 22px;min-width:190px}.primary:hover{background:#fff6a9;color:#000}.primary span{margin-left:30px}.overlay small{font:10px monospace;color:var(--dim);margin-top:13px}.cabinet-footer{padding-right:7px;font-size:8px;letter-spacing:.5px}.cabinet-footer div{display:flex;align-items:center}.cabinet-footer button{border:none;font:9px monospace;padding:9px}.sidebar section{border-bottom:1px solid var(--line);padding:0 0 23px;margin-bottom:23px}.sidebar .eyebrow{margin-bottom:14px}.modes{display:grid;gap:5px}.modes button{display:flex;justify-content:space-between;padding:12px;font:10px monospace;text-align:left}.modes button span{color:var(--dim)}.modes .selected{background:var(--yellow);border-color:var(--yellow);color:#18180e}.modes .selected span{color:#58562f}.control{display:flex;justify-content:space-between;align-items:center;font:10px monospace;margin:10px 0}.control div{display:flex;gap:5px}kbd{min-width:30px;border:1px solid #4d4d42;border-bottom:3px solid #4d4d42;padding:5px 8px;text-align:center;font:11px monospace;background:#20201c}.space{width:88px}.hint{font:11px/1.7 Arial;color:var(--dim);margin:13px 0 0}.field-guide>div{display:flex;gap:12px;align-items:center;font:10px monospace;margin:15px 0}.field-guide b{margin-left:auto;font-weight:400;color:#c9c7a8}.enemy{font-size:17px}.orange{color:#f19c48}.pink{color:#ed78a9}.blue{color:#82acd4}.reference-link{display:block;font:10px monospace;letter-spacing:.7px;color:var(--yellow)}.reference-link>span{float:right}.reference-link small{display:block;font:10px Arial;letter-spacing:0;color:var(--dim);margin-top:8px}footer{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:38px;padding:25px 0;font:9px monospace;letter-spacing:1px;color:var(--dim)}footer p{margin:0;font:10px/1.7 Arial;letter-spacing:0}.footer-number{margin-left:auto;font-size:21px;color:#696956}.touch-controls{display:none;padding:10px;gap:10px}.touch-controls button{padding:15px;flex:1;user-select:none;touch-action:none}.touch-controls button:last-child{flex:2;background:var(--yellow);color:#111}#room-panel{margin-top:16px}label{font:9px monospace;color:var(--dim)}.room-input{display:flex;margin-top:6px}.room-input input{min-width:0;width:100%;background:#090908;color:var(--text);border:1px solid var(--line);padding:9px;font:11px monospace}.room-input button,#invite{font:9px monospace;padding:9px}#invite{width:100%;margin-top:8px}.screen:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}.screen:fullscreen canvas{object-fit:contain}.reference-main{max-width:1000px}.reference-main h1{font-size:64px;margin:40px 0 20px}.reference-main p{line-height:1.6;color:var(--dim);font-size:13px}.emulator{width:100%;aspect-ratio:4/3;background:#000;margin:25px 0}.reference-main .primary{margin:15px 0}.reference-main a{color:var(--yellow)}
@media(pointer:coarse){.touch-controls{display:flex}}@media(max-width:1000px){main{padding:0 24px}.play-layout{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.intro-aside{font-size:10px}.cabinet-footer{font-size:7px;padding-left:8px}}@media(max-width:730px){main{padding:0 15px}header{height:65px}.edition{display:none}.intro{padding:28px 0}.intro-aside{display:none}.play-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sidebar section{margin:0}.field-guide{display:none}.reference-link{align-self:start}.cabinet-footer{font-size:7px}.intro h1{font-size:76px}.intro .eyebrow{font-size:8px}footer{flex-wrap:wrap;gap:10px}.footer-number{display:none}.screen{min-height:240px}}