:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,sans-serif;background:#111517;color:#edf2e9}*{box-sizing:border-box}body{margin:0}main{max-width:940px;margin:auto;padding:44px 24px}header{margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:.2em;color:#bfe889}h1{font-size:clamp(36px,6vw,60px);letter-spacing:-.045em;line-height:1.05;margin:16px 0}p{color:#aab4b1;line-height:1.6}.game{position:relative;background:#060808;border:1px solid #313a36;border-radius:14px;overflow:hidden;aspect-ratio:4/3;max-height:65vh;margin:auto}video{display:block;width:100%;height:100%;object-fit:contain}#overlay{position:absolute;inset:0;display:grid;place-items:center;color:#aab4b1;pointer-events:none}.toolbar,form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar{margin-top:20px}label{font-size:13px}input,button{font:inherit;border-radius:7px;padding:11px 15px;border:1px solid #3e4944;background:#202824;color:inherit}input{width:150px}button{cursor:pointer}#join{background:#bfe889;color:#172310;border-color:#bfe889;font-weight:650}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#status{color:#d5e6c8;margin-bottom:0}#metrics{font:12px ui-monospace,monospace;min-height:18px;margin-top:5px}#players{display:flex;gap:12px;list-style:none;padding:0;flex-wrap:wrap}#players li{padding:7px 12px;border:1px solid #354039;border-radius:20px;font-size:13px}details{border-top:1px solid #313a36;margin-top:28px;padding-top:20px;font-size:14px}summary{cursor:pointer}.controls{display:flex;gap:35px;flex-wrap:wrap}footer{margin-top:30px;color:#78877f;font-size:12px}.game:fullscreen{max-height:none;border:0;border-radius:0}
.playing header h1,.playing header p{display:none}.playing header{margin-bottom:16px}.playing main{padding-top:22px}.playing .game{max-height:72vh}

.stick-settings{border-top:1px solid #313a36;margin-top:20px;padding-top:12px}.stick-settings h2{font-size:16px}.stick-sliders,.stick-meters{display:flex;gap:24px;flex-wrap:wrap}.stick-sliders label,.stick-meters label{display:block;flex:1;min-width:200px}.stick-sliders output{float:right;color:#bfe889}.stick-sliders input{display:block;width:100%;margin:12px 0;padding:0;accent-color:#bfe889}.stick-meters meter{display:block;width:100%;height:18px;margin-top:8px}.stick-actions{display:flex;gap:10px;flex-wrap:wrap}.stick-actions button{font-size:13px}#controller-name{overflow-wrap:anywhere}#stick-reading{font:13px ui-monospace,monospace}

#controller-buttons{min-height:24px}#controller-buttons.active{color:#bfe889;font-weight:600}

.stick-plot{display:flex;align-items:center;gap:20px;margin:20px 0;flex-wrap:wrap}.stick-plot svg{width:180px;height:180px;background:#0c1011;border-radius:8px}.stick-guide{fill:none;stroke:#354039;stroke-width:1}.stick-raw-line,.stick-sent-line{fill:none;stroke-width:1.5;opacity:.8}.stick-raw-line{stroke:#79bbff}.stick-sent-line{stroke:#bfe889}.stick-raw-dot{fill:#79bbff}.stick-sent-dot{fill:#bfe889}.stick-plot figcaption{flex:1;min-width:200px;color:#aab4b1;line-height:1.6}.raw-key{color:#79bbff}.sent-key{color:#bfe889}

main{max-width:1240px}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.play-area{min-width:0}.chat{display:flex;flex-direction:column;background:#171d1a;border:1px solid #313a36;border-radius:14px;padding:18px;min-height:350px;max-height:72vh;height:540px}.chat-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.chat-heading h2{font-size:16px;margin:0}.chat-heading span{font-size:11px;color:#8c9b92}#chat-empty{font-size:13px;margin:22px 0 0}#chat-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;padding:0;margin:16px 0}#chat-messages li{margin:0 0 16px;overflow-wrap:anywhere}#chat-messages .chat-author{font-size:12px;font-weight:650;color:#bfe889}#chat-messages time{font-size:10px;color:#88988e;margin-left:8px}#chat-messages p{font-size:14px;line-height:1.45;white-space:pre-wrap;margin:5px 0;color:#edf2e9}#chat-form{display:flex;flex-wrap:nowrap;gap:7px}#chat-input{width:0;min-width:0;flex:1;padding:10px;font-size:13px}#chat-send{padding:10px;font-size:13px}#chat-status{font-size:11px;line-height:1.5;min-height:33px;margin:10px 0 0}.chat:focus-within{border-color:#647751}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.room-layout{grid-template-columns:1fr}.chat{height:330px;min-height:0;max-height:none}main{padding:28px 16px}}input:focus-visible,button:focus-visible{outline:2px solid #bfe889;outline-offset:2px}

.game-picker{border:1px solid #313a36;border-radius:12px;padding:16px;margin-bottom:16px;background:#171d1a}.game-heading{display:flex;gap:10px;align-items:baseline;margin-bottom:12px}.game-heading span{font-size:12px;color:#aab4b1}.game-heading strong{font-size:18px}select{font:inherit;border-radius:7px;padding:11px 15px;border:1px solid #3e4944;background:#202824;color:inherit;max-width:100%}select:focus-visible{outline:2px solid #bfe889;outline-offset:2px}#game-status{font-size:13px;margin:10px 0 0}.game-note{font-size:11px;margin:4px 0 0;color:#88988e}#game-start{background:#bfe889;color:#172310;border-color:#bfe889}

[hidden]{display:none!important}#lobby{border:1px solid #465641;background:linear-gradient(130deg,#202c24,#171d1a);padding:24px;border-radius:16px;margin-bottom:24px}.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.lobby-heading h2{font-size:24px;margin:8px 0}#worker-phase{font-size:13px;border:1px solid #49584b;border-radius:30px;padding:8px 12px;white-space:nowrap}#worker-phase[data-phase="ready"]{color:#bfe889;border-color:#bfe889}#seats{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0;padding:0}#seats li{border:1px dashed #48544c;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}#seats li.occupied{border-style:solid;background:#202b24}#seats li.yours{border-color:#bfe889}#seats strong{overflow-wrap:anywhere}#seats li>span:last-child{font-size:12px;color:#aab4b1}.seat-number{font-size:12px;color:#bfe889;font-weight:700}.lobby-actions{display:flex;flex-wrap:wrap;gap:10px}#wake{background:#bfe889;color:#172310;border-color:#bfe889}#lobby-status{font-size:14px;min-height:21px}#ready[aria-pressed="true"]{border-color:#bfe889;color:#bfe889}#game-restart{font-size:12px}body[data-persistent-lobby] header h1{font-size:42px}body[data-persistent-lobby] header{margin-bottom:24px}@media(max-width:650px){#seats{grid-template-columns:repeat(2,1fr)}.lobby-heading{align-items:flex-start;flex-direction:column;gap:8px}#lobby{padding:18px}.lobby-heading h2{font-size:21px}}
body[data-persistent-lobby]:not(.playing) .game,body[data-persistent-lobby]:not(.playing) .game-picker{display:none}body[data-persistent-lobby]:not(.playing) .chat{min-height:250px;height:300px}#lobby #join-form{margin:18px 0}