:root{--bg: #0d0f12;--surface: #16191f;--surface-2: #1d222a;--line: #2a303a;--text: #eef1f5;--muted: #98a2af;--accent: #ffd23c;--accent-ink: #2a2000;--danger: #ff5f5f;--success: #4ade80;--info: #6cb8ff;--r: 12px;--r-sm: 8px;--pad: 16px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;--shadow: 0 10px 40px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg)}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}canvas{display:block}.btn{appearance:none;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:600 14px/1 var(--font);padding:11px 16px;border-radius:var(--r-sm);cursor:pointer;transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:#242b35;border-color:#38404d}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:#ffdc63}.btn.ghost{background:transparent}.btn.danger{border-color:#55302f;color:#ffb4b4}.btn.sm{padding:7px 11px;font-size:13px}.input,.select{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:var(--r-sm);padding:11px 12px;font:500 14px/1.2 var(--font)}.input:focus,.select:focus{outline:2px solid rgba(255,210,60,.5);outline-offset:1px}.label{display:block;font-size:12px;color:var(--muted);margin:0 0 6px;letter-spacing:.02em}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line);letter-spacing:.03em}.badge.accent{background:#ffd23c24;color:var(--accent);border-color:#ffd23c4d}.badge.danger{background:#ff5f5f24;color:var(--danger);border-color:#ff5f5f4d}.badge.success{background:#4ade8021;color:var(--success);border-color:#4ade8047}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--pad)}.screen{position:fixed;inset:0;display:none;overflow-y:auto;background:radial-gradient(1200px 700px at 50% -10%,#1b2028 0%,var(--bg) 60%);z-index:100}.screen.on{display:block}.wrap{max-width:960px;margin:0 auto;padding:40px 24px 64px}.brand{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}.brand h1{margin:0;font-size:34px;font-weight:800;letter-spacing:-.02em}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--danger)}.brand small{color:var(--muted);font-size:13px;font-weight:500}.lede{color:var(--muted);font-size:14px;margin:0 0 28px;line-height:1.6;max-width:62ch}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:1fr 1fr}.section-title{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:28px 0 12px}.room{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);transition:border-color .15s,background .15s}.room:hover{border-color:#3a4250}.room .name{font-weight:700;font-size:15px}.room .meta{color:var(--muted);font-size:12.5px;margin-top:3px}.room .spacer{flex:1}.room .count{font-variant-numeric:tabular-nums;font-weight:700;font-size:15px}.empty{color:var(--muted);font-size:14px;padding:26px;text-align:center;border:1px dashed var(--line);border-radius:var(--r)}.jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.job{text-align:left;padding:14px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s}.job:hover{border-color:#3d4552;background:var(--surface-2)}.job.sel{border-color:var(--accent);background:#ffd23c14}.job .t{font-weight:700;font-size:15px;margin-bottom:4px}.job .d{color:var(--muted);font-size:12.5px;line-height:1.5}.players{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.player{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm)}.chip{width:24px;height:24px;border-radius:7px;flex:none}.player .n{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-bg{position:fixed;inset:0;background:#06080bb3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none;z-index:200}.modal-bg.on{display:grid;place-items:center}.modal{width:min(560px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:22px}.modal h2{margin:0 0 4px;font-size:20px}.modal .sub{color:var(--muted);font-size:13px;margin:0 0 18px}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{display:none}.track{width:40px;height:23px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);position:relative;transition:background .15s;flex:none}.track:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.toggle input:checked+.track{background:#ffd23c40;border-color:var(--accent)}.toggle input:checked+.track:after{transform:translate(17px);background:var(--accent)}.toggle .tx{font-size:14px;font-weight:600}.toggle .hint{font-size:12px;color:var(--muted)}.invite{display:flex;gap:8px}.invite .input{font-family:var(--mono);font-size:12.5px}