:root{--bg:#0f1020;--panel:#1a1c33;--panel2:#23264a;--text:#eef0ff;--muted:#9ea3c8;--accent:#6d5dfc;--accent2:#ffd34d;--danger:#ff5c7a;--ok:#3ddc97;--radius:12px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:var(--accent2)}h1,h2,h3{margin:0 0 .6rem}.layout main{max-width:1100px;margin:0 auto;padding:1.5rem}.topbar{background:var(--panel);border-bottom:1px solid #2c2f5a;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;display:flex}.topbar nav{align-items:center;gap:1rem;display:flex}.topbar a{color:var(--muted);text-decoration:none}.topbar a.active{color:var(--text)}.brand{font-weight:700;color:var(--text)!important}.page{flex-direction:column;gap:1.2rem;display:flex}.card{background:var(--panel);border-radius:var(--radius);border:1px solid #2c2f5a;padding:1.4rem}.card.narrow{flex-direction:column;gap:.8rem;max-width:420px;margin:3rem auto;display:flex}.center{text-align:center;padding:3rem}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-family:ui-monospace,monospace}label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}label.inline{display:inline-flex}label.check{color:var(--text);flex-direction:row;align-items:center}.grow{flex:1}input,select{background:var(--panel2);color:var(--text);font:inherit;border:1px solid #3a3e72;border-radius:8px;padding:.55rem .7rem}fieldset{border:1px solid #3a3e72;border-radius:8px;margin:.8rem 0}button,.button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:.55rem 1rem;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.secondary,.button.secondary{background:var(--panel2);border:1px solid #3a3e72}button.danger{background:var(--danger)}button.small,.button.small{padding:.3rem .6rem;font-size:.85rem}button.link{color:var(--muted);background:0 0;padding:0}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row.spaced{justify-content:space-between;margin-top:1rem}.error{color:var(--danger);white-space:pre-wrap}.ok{color:var(--ok);white-space:pre-wrap}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.game-card{background:var(--panel);border-radius:var(--radius);color:var(--text);border:1px solid #2c2f5a;text-decoration:none;transition:transform .1s;overflow:hidden}.game-card:hover{border-color:var(--accent);transform:translateY(-3px)}.game-card .thumb{aspect-ratio:16/9;background:var(--panel2);place-items:center;font-size:3rem;display:grid}.game-card .thumb img{object-fit:cover;width:100%;height:100%}.game-card .body{padding:.9rem}.game-detail{align-items:flex-start;gap:1.5rem;display:flex}.game-detail .hero{border-radius:8px;width:320px}.tag{background:var(--panel2);border:1px solid #3a3e72;border-radius:999px;margin:0 .25rem;padding:.1rem .55rem;font-size:.8rem;display:inline-block}.tag.off{opacity:.5;text-decoration:line-through}.list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.list li{background:var(--panel);border:1px solid #2c2f5a;border-radius:8px;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}ul.plain{padding-left:1.2rem}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid #2c2f5a;padding:.45rem}code.copy{background:var(--panel2);word-break:break-all;color:var(--text);border-radius:6px;margin:.4rem 0;padding:.6rem;display:block}pre{white-space:pre-wrap;background:var(--panel2);border-radius:6px;padding:.6rem}.errors details{margin:.3rem 0}.play{background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.play-bar{background:var(--panel);align-items:center;gap:.8rem;padding:.5rem .8rem;display:flex}.play-bar .spacer{flex:1}.play-area{flex:1;position:relative}.game-frame{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.overlay{color:var(--text);z-index:2;pointer-events:none;background:#0a0a19bf;place-items:center;font-size:1.3rem;display:grid;position:absolute;inset:0}.conn{background:var(--panel2);border-radius:999px;padding:.15rem .5rem;font-size:.8rem}.conn-connected{color:var(--ok)}.conn-reconnecting,.conn-connecting{color:var(--accent2)}.conn-closed{color:var(--danger)}.error-panel{color:#ffd6de;z-index:3;background:#3c0a19eb;max-height:30%;padding:.6rem 1rem;font-size:.85rem;position:absolute;bottom:0;left:0;right:0;overflow:auto}.game-card .thumb{display:grid}.game-card .card-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.6rem}.game-card .card-actions .button{font-size:1.05rem}.game-card .details-link{margin-left:auto}.voice{align-items:center;gap:.4rem;display:inline-flex;position:relative}.voice .mic.on{background:#2e9d57}.voice .mic.speaking{box-shadow:0 0 0 3px #7dffb0}.voice-panel{z-index:20;background:var(--panel);border:1px solid #3a3e72;border-radius:10px;flex-direction:column;gap:.5rem;width:340px;padding:.8rem;display:flex;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 10px 30px #0006}.voice-peer{border-radius:6px;grid-template-columns:1fr auto 80px auto;align-items:center;gap:.4rem;padding:.25rem .4rem;display:grid}.voice-peer.speaking{background:#7dffb01f}.voice-peer .vname{font-weight:600}.music{display:inline-flex;position:relative}.music .music-on{background:#2e7d9d;border-color:#5fc3e8}.music-panel{z-index:20;background:var(--panel);border:1px solid #3a3e72;border-radius:10px;flex-direction:column;gap:.6rem;width:300px;padding:.8rem;display:flex;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 10px 30px #0006}.music-moods{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.music-moods .sel{outline:2px solid var(--accent2)}.music-volume input{width:100%}button.small{padding:.2rem .5rem;font-size:.85rem}