:root{font-family:Inter,Noto Sans CJK SC,Microsoft YaHei,sans-serif;color:#edece7;background:#111315;font-synthesis:none;color-scheme:dark;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #383b3b;background:#222627;color:#eee;padding:9px 13px;border-radius:5px;transition:background .15s}button:hover{background:#363c3d}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #bfff52;outline-offset:3px}button:disabled{opacity:.38;cursor:default}[hidden]{display:none!important}header{max-width:1192px;margin:auto;padding:24px 28px;display:flex;gap:18px;align-items:center;border-bottom:1px solid #292c2c}.wordmark{text-decoration:none;color:#fff;font-size:22px;font-weight:900;letter-spacing:-1px}.wordmark span{color:#b9ed6f}.edition{color:#818681;font-size:12px}nav{margin-left:auto;display:flex;gap:8px}nav button{background:transparent;border-color:transparent;color:#bcbeb6}main{max-width:1192px;margin:38px auto 24px;padding:0 28px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:start}.arcade{min-width:0}.stage{position:relative;aspect-ratio:4/3;width:100%;background:#000;box-shadow:0 12px 60px #0006;border:1px solid #3e423d;border-radius:3px;overflow:hidden}canvas{display:block;width:100%;height:100%;outline:0}#hotspots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hotspot{position:absolute;pointer-events:auto;border:0;border-radius:0;background:transparent!important;padding:0}.hotspot:hover{box-shadow:inset 0 0 0 2px #b6ff6960;background:#ffffff08!important}.hotspot:focus-visible{outline:2px solid #bfff52;outline-offset:0}.game-tools{display:flex;align-items:center;gap:6px;padding:12px 0;font-size:12px;color:#99a093}.game-tools button{font-size:12px;padding:7px 10px;background:transparent}.grow{flex:1}#status{font-size:12px;line-height:1.7;min-height:36px;color:#a7b79e;margin:3px 0}.error{color:#ff9a86!important}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#9bab8d;margin:0 0 12px}h1{font-size:32px;line-height:1.35;letter-spacing:-1.5px;margin:0 0 14px;font-weight:750}h1 em{font-style:normal;color:#b9ed6f}.intro{font-size:12px;line-height:1.8;color:#989d94;margin:0 0 22px}.primary{width:100%;background:#b9ed6f;color:#15200e;border:1px solid #b9ed6f;font-weight:700;padding:12px 14px;text-align:left}.primary span{float:right}.primary:hover{background:#cffe91}.quiet{width:100%;margin-top:12px}form{margin:19px 0 23px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#a5aca0}input,select{color:#edf1e8;background:#1b1e1f;border:1px solid #363c35;border-radius:4px;min-height:35px;padding:7px 9px;min-width:0}input{width:100%}input::placeholder{color:#61685c}.join-row{display:flex;gap:7px;margin-top:7px}.join-row input{letter-spacing:4px;text-transform:uppercase;font-weight:700}.settings{border-top:1px solid #30342d;padding-top:17px;margin-top:18px}.settings h2{font-size:12px;font-weight:500;margin:0 0 14px;color:#d3d8cd}.settings>label,.two-columns{margin-bottom:12px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checks{display:flex;gap:12px;flex-wrap:wrap}.checks label{flex-direction:row;align-items:center;gap:4px}.checks input{width:13px;min-height:13px;accent-color:#b9ed6f}.hint{border-top:1px solid #30342d;margin-top:22px;padding-top:17px;font-size:11px;color:#9ba48f}.hint p{line-height:1.9;margin:8px 0}.room-code{font-family:monospace;font-size:34px;letter-spacing:7px;font-weight:700;color:#c8f491}#players,#latency{font-size:11px;line-height:1.8;color:#9ca792}.room-actions{display:flex;gap:8px;margin:10px 0}.room-actions button{font-size:11px}.room-actions+#ready{margin-bottom:8px}#start{background:transparent;color:#b9ed6f}footer{max-width:1192px;margin:32px auto 0;padding:20px 28px;display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid #292c2c;color:#697262;font-size:10px;letter-spacing:.2px}dialog{width:min(440px,90vw);border:1px solid #58694a;border-radius:10px;background:#1b201a;color:#e7eede;padding:26px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#000b}dialog h2{font-size:22px;margin-top:0}dialog p{color:#a5afa0;font-size:12px;line-height:1.6}.dialog-close{float:right;border:0;background:transparent;font-size:22px;padding:0 3px}#bindings{display:grid;gap:7px;margin:15px 0}#bindings label{flex-direction:row;align-items:center;justify-content:space-between}#bindings button{min-width:130px;font-family:monospace;font-size:12px}.loading{padding:60px;color:#b9ed6f;text-align:center}body:has(dialog[open]) .hotspot{pointer-events:none}@media(max-width:900px){main{grid-template-columns:1fr;max-width:740px;gap:25px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}aside>h1{grid-column:1}.intro{grid-column:1}#online-actions,#room-panel{grid-column:2;grid-row:1/4}.settings{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings h2,.settings .checks,.settings .quiet,.hint{grid-column:1/-1}header{padding:18px}header .edition{display:none}main{padding:0 15px;margin-top:20px}footer{padding:20px 15px}}@media(max-width:500px){aside{display:block}h1{font-size:27px}nav{gap:0}nav button{padding:8px}.game-tools{flex-wrap:wrap}.wordmark{font-size:18px}}.join-row button{flex-shrink:0;white-space:nowrap}