:root{color-scheme:dark;--bg:#171916;--panel:#20231e;--edge:#404639;--ink:#e1e4ca;--dim:#a1aa91;--red:#ca674f;--lime:#cfdb8c;--mono:'Courier New',monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px}body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px);z-index:-1}
button,select,input{font:inherit}button,select{cursor:pointer}button{color:var(--ink);border:1px solid var(--edge);background:#2b3026;min-height:40px;padding:10px 14px;font-weight:700}button:hover:not(:disabled){background:#3c4432;border-color:var(--dim)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button.primary{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--red);border-color:#de9171;color:#1c1915;padding:16px;margin-top:18px}button.primary:hover:not(:disabled){background:#e38467}button.secondary{width:100%;background:transparent;margin-top:10px;padding:13px}.quiet{border:0;background:transparent;font:12px var(--mono);color:var(--dim)}[hidden]{display:none!important}
.cabinet{max-width:1136px;padding:0 36px;margin:0 auto}.masthead{display:flex;align-items:center;gap:24px;padding:24px 0 16px;border-bottom:1px solid var(--edge)}.wordmark{width:254px;height:54px;overflow:hidden;background:#000;flex-shrink:0}.wordmark img{width:272px;height:auto;image-rendering:pixelated;transform:translate(-9px,-9px)}.edition{font:10px var(--mono);letter-spacing:1px;margin-left:auto;display:flex;align-items:center;gap:8px}.signal{width:5px;height:5px;background:var(--red)}.slash{color:var(--edge);margin:0 5px}.masthead .quiet{border-left:1px solid var(--edge);padding-right:0}.intro{display:flex;align-items:baseline;justify-content:space-between;margin:29px 0 22px}.intro h1{font-size:28px;letter-spacing:-1px;font-weight:500;margin:0}.intro p{font:12px var(--mono);color:var(--dim);margin:0}
.machine{display:grid;grid-template-columns:minmax(0,640px) minmax(280px,1fr);border:1px solid var(--edge);background:var(--panel)}.display-column{padding:18px;background:#10130f;min-width:0}.screen-top{display:flex;justify-content:space-between;gap:10px;font:9px var(--mono);letter-spacing:.8px;padding:0 1px 12px;color:var(--dim)}#connection{color:var(--lime);text-align:right}.screen-frame{position:relative;background:#050604;box-shadow:0 0 0 1px #414336;aspect-ratio:160/144;overflow:hidden}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;outline-offset:-2px!important}.screen-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#080b068c;pointer-events:none;text-shadow:2px 2px #000;padding:24px}.screen-message span{font:11px var(--mono);letter-spacing:2px;color:var(--lime)}.screen-message strong{font:clamp(22px,3vw,38px) Impact,'Arial Narrow',sans-serif;letter-spacing:2px;margin:12px 0;color:#f3eed5}.screen-message small{font:12px var(--mono);line-height:1.6;color:#eee7d4}.screen-message.counting{background:#080b0633}.screen-message.counting strong{font-size:64px}
.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 2px 14px;border-bottom:1px solid #343b2b}.dashboard>div{min-width:0}.dashboard span,.dashboard small{display:block;font:9px var(--mono);color:var(--dim);letter-spacing:.7px}.dashboard strong{display:block;font:26px var(--mono);font-weight:bold;color:var(--lime);margin:5px 0}.dashboard small{font-size:8px;white-space:nowrap}.dashboard meter{display:block;width:76%;height:5px;appearance:none;border:0;background:#333d2c;border-radius:0}.dashboard meter::-webkit-meter-bar{background:#333d2c;border:0;border-radius:0}.dashboard meter::-webkit-meter-optimum-value{background:var(--lime)}.dashboard meter::-moz-meter-bar{background:var(--lime)}.controls{display:flex;gap:15px;justify-content:space-between;font:9px var(--mono);color:var(--dim);padding-top:18px}kbd{font:inherit;color:var(--ink);background:#282e22;padding:3px 4px}.touch-controls{display:none;gap:8px;align-items:center;justify-content:space-between;padding-top:15px;touch-action:none;user-select:none}.dpad{display:grid;grid-template-columns:repeat(3,44px);gap:4px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.touch-controls .fire-button{background:var(--red);color:#171916;min-height:70px;min-width:70px}
.panel{padding:27px 25px 16px;border-left:1px solid var(--edge);position:relative}.eyebrow{font:9px var(--mono);color:var(--red);letter-spacing:1px;margin:0 0 19px}h2{font-size:30px;font-weight:500;line-height:1.1;letter-spacing:-1px;margin:0 0 16px}.muted{font-size:13px;line-height:1.65;color:var(--dim);margin:0 0 26px}label{display:block;font:9px var(--mono);letter-spacing:1px;color:var(--dim);margin-bottom:8px}select{border:1px solid #4b5242;border-radius:0;background:#181c15;color:var(--ink);padding:12px 10px;width:100%;margin-bottom:21px;font:13px var(--mono)}.field-note{font:10px/1.5 var(--mono);color:var(--dim);margin:-10px 0 21px}#robot-note{min-height:30px}form button{font-size:13px}.setup-foot{display:flex;gap:12px;border-top:1px solid var(--edge);padding-top:19px;margin-top:28px;font:11px/1.7 var(--mono);color:var(--dim)}.setup-foot p{margin:0}.tiny-cross{font:25px var(--mono);color:var(--red)}#notice{font:11px/1.6 var(--mono);color:#f0b299;min-height:18px;margin:12px 0 0}#notice:empty{display:none}.session-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.session-heading h2{font-size:27px;margin-bottom:10px}#cash{font:16px var(--mono);color:var(--lime)}#session-note{font-size:11px;margin-bottom:19px;min-height:35px}.invite-row{display:flex;margin:0 0 16px}.invite-row input{min-width:0;width:100%;border:1px solid var(--edge);border-right:0;background:#161a13;color:var(--ink);padding:8px;font:10px var(--mono)}.invite-row button{font:11px var(--mono);padding:8px}.shop-caption{display:flex;justify-content:space-between;border-bottom:1px solid var(--edge);padding-bottom:9px;font:9px var(--mono);color:var(--dim)}.weapons button{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #363d30;background:transparent;font:12px var(--mono);padding:10px 0;min-height:38px;text-align:left}.weapons button:disabled{opacity:.55}.weapons button.equipped{color:var(--lime);opacity:1}.weapons button span{font-size:10px}.supplies{display:flex;gap:8px;margin-top:16px}.supplies button{flex:1;font:10px var(--mono);padding:9px 6px;display:flex;justify-content:space-between}.supplies span{color:var(--dim)}#ready{font-size:13px;padding:13px 12px}#combat-note{padding:32px 0 16px;color:var(--dim);font:12px/1.8 var(--mono)}.warning-mark{font:60px Impact,sans-serif;color:var(--red);line-height:1}.scoreline{border-top:1px solid var(--edge);margin-top:26px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:8px;font:9px var(--mono);color:var(--dim)}.scoreline strong{color:var(--ink);font-size:16px}.scoreline small{font-size:8px}.leave{margin-top:12px;padding-left:0}footer{display:flex;gap:30px;justify-content:space-between;padding:23px 0 28px;font:9px/1.7 var(--mono);color:#8c957e}footer p{margin:0;max-width:660px}footer p span{color:var(--ink)}.build-tag{white-space:nowrap;letter-spacing:.5px;color:var(--dim)}
@media(min-width:1200px){.cabinet{max-width:1178px}.machine{grid-template-columns:676px minmax(280px,1fr)}}
@media(max-width:900px){.cabinet{padding:0 22px}.machine{grid-template-columns:minmax(0,1fr) 290px}.panel{padding:24px 20px}.edition{font-size:8px;letter-spacing:0}.intro p{font-size:10px}.controls{gap:10px;flex-wrap:wrap;font-size:8px}.dashboard{gap:6px}.dashboard strong{font-size:22px}.dashboard span{font-size:8px}.dashboard small{font-size:7px}.build-tag{display:none}}
@media(max-width:700px){.cabinet{padding:0 14px}.masthead{padding:14px 0;gap:5px}.wordmark{width:200px;height:45px}.wordmark img{width:224px}.edition{display:none}.masthead .quiet{margin-left:auto}.intro{display:block;margin:22px 0 18px}.intro h1{font-size:25px}.intro p{margin-top:8px}.machine{display:flex;flex-direction:column}.display-column{padding:13px}.panel{border-left:0;border-top:1px solid var(--edge);padding:25px}.controls{font-size:9px;gap:10px}.dashboard strong{font-size:25px}.dashboard small{font-size:8px}.dashboard span{font-size:9px}h2 br{display:none}.setup-foot{margin-top:20px}.screen-top{font-size:8px}.screen-message strong{font-size:32px}.touch-controls{display:flex}footer{padding-top:18px}.intro.session-active{display:none}.machine:has(#session:not([hidden])) .display-column{order:0}}
@media(pointer:coarse){.touch-controls{display:flex}}
@media(prefers-reduced-motion:reduce){button:active:not(:disabled){transform:none}}