:root{color-scheme:dark;--bg:#101511;--panel:#1a211b;--line:#344235;--text:#e7ede4;--muted:#9dab99;--accent:#c8f788}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,sans-serif}header{padding:26px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}h1{font-size:25px;margin:4px 0;font-weight:600;letter-spacing:-.8px}h2{font-size:23px;font-weight:550;margin:17px 0 2px}.eyebrow,.section-title{font-size:11px;letter-spacing:1.5px;color:var(--muted)}.dot{display:inline-block;background:var(--accent);border-radius:50%;width:9px;height:9px;margin-left:12px}main{max-width:1600px;padding:25px 4vw;margin:auto}#workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}aside{padding:23px}.section-title{display:flex;justify-content:space-between}.view .section-title,.view-footer{padding:16px 20px}.view-footer{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.screen{aspect-ratio:16/10;background:#070b08;position:relative;display:grid;place-items:center}.screen video,.screen img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.screen img:not([src]){display:none}#empty-view{color:var(--muted)}.muted,#connection{color:var(--muted);font-size:13px}button,input,select{font:inherit;border-radius:6px;border:1px solid var(--line);padding:10px 12px}button{background:var(--accent);color:#1b2a12;font-weight:600;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.4;cursor:default}.secondary{background:transparent;color:var(--text)}input,select{background:#101711;color:var(--text);min-width:0}.session-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 10px}.stop{width:100%;background:#66332c;color:#ffded5;border-color:#a85c4e;margin:18px 0}.action-box{border-left:3px solid var(--accent);padding:8px 15px;background:#232e23}.action-box strong{display:block}.action-box p{margin:3px 0;font-size:13px}#messages{height:190px;overflow:auto;margin:14px 0;scroll-behavior:smooth}.message{margin:10px 0;padding:8px 12px;border-radius:6px;background:#293429}.message.user{background:#202720;color:#bdc7ba}.message small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}form{display:flex;gap:8px}#chat input{flex:1}#error{color:#ffb8a7;font-size:13px;min-height:20px;margin:8px 0}.skills,.debug{grid-column:1/-1;padding:20px}.skill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.skill-row input[type=number]{width:80px}.skill-row input#player{width:140px}.skills p{margin-bottom:0}.debug summary{cursor:pointer;color:var(--muted)}#budget{float:right;font-size:12px}pre{font:11px/1.6 ui-monospace,monospace;white-space:pre-wrap;max-height:260px;overflow:auto;color:#9fad97}#login{max-width:600px;margin:60px auto;padding:30px}#login input{flex:1}[hidden]{display:none!important}@media(max-width:900px){#workspace{grid-template-columns:1fr}header{align-items:start;gap:15px}.screen{aspect-ratio:16/9}aside{padding:18px}h1{font-size:21px}.skills,.debug{grid-column:auto}}

#ptt{width:100%;margin:8px 0;border-color:var(--accent)}#ptt[aria-pressed="true"]{background:var(--accent);color:#17230d}