:root{--bg: #0e1118;--panel: #171b26;--ink: #e7eaf0;--muted: #8b93a7;--line: #2a3040;--surface: #1e2433;--surface-hover: #262d3e;--field: #11151f;--accent: #4b8ef6;--accent-soft: #1c2740;--accent-line: rgba(75, 142, 246, .5);--accent-ring: rgba(75, 142, 246, .25);--danger: #f06464;--danger-soft: rgba(240, 100, 100, .13);--danger-line: rgba(240, 100, 100, .45);--danger-ring: rgba(240, 100, 100, .25);--success: #3fbf6f;--success-soft: rgba(63, 191, 111, .13);--success-ring: rgba(63, 191, 111, .25);--warning: #d8a23a;--world-bg: #0a0d14;--palette-bg: rgba(23, 27, 38, .94);--backdrop: rgba(0, 0, 0, .55);--overlay-bg: rgba(10, 13, 20, .82);--tooltip-bg: rgba(31, 36, 48, .92);--swatch-ring: rgba(255, 255, 255, .18);--radius: 12px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 6px 20px rgba(0, 0, 0, .35);color-scheme:dark}:root[data-theme=light]{--bg: #f0f2f5;--panel: #ffffff;--ink: #1f2430;--muted: #6b7385;--line: #e4e8ee;--surface: #f7f9fc;--surface-hover: #eef2f7;--field: #f3f5f9;--accent: #3b82f6;--accent-soft: #eef4ff;--danger: #ef4444;--world-bg: #d9dee6;--palette-bg: rgba(255, 255, 255, .94);--backdrop: rgba(20, 30, 50, .3);--overlay-bg: rgba(240, 242, 245, .82);--swatch-ring: rgba(0, 0, 0, .12);--shadow: 0 1px 3px rgba(20, 30, 50, .08), 0 6px 20px rgba(20, 30, 50, .06);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--ink);font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}button{font:inherit;cursor:pointer;touch-action:manipulation}.hidden{display:none!important}.spacer{flex:1}.touch-only{display:none}body.touch .touch-only{display:flex}.tabular{font-variant-numeric:tabular-nums}.eyebrow{margin:0;font-size:12px;font-weight:inherit;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.eyebrow-strong{font-weight:700;font-size:11px;letter-spacing:.05em}.hint{color:var(--muted);font-size:12px;line-height:1.4}.status{color:var(--muted);min-height:18px;white-space:pre-line;text-align:center}.status-error{color:var(--danger)}.stat{color:var(--muted)}.stat b{color:var(--ink);font-variant-numeric:tabular-nums}.ico-gold:before{content:"🪙";margin-right:4px}.cost{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn-secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.btn-secondary:not(:disabled):hover{background:var(--surface-hover)}.btn-primary{border:none;background:var(--accent);color:#fff}.btn-danger{border:none;background:var(--danger);color:#fff}.btn-danger-outline{border:1px solid var(--danger);background:var(--surface);color:var(--danger)}.btn-danger-outline:not(:disabled):hover{background:var(--danger-soft);border-color:var(--danger-line)}.btn-armed{border:1px solid var(--danger);background:var(--surface);color:var(--ink);padding:10px 12px;border-radius:var(--radius-sm);font-weight:700}.btn-armed:not(:disabled):hover{background:var(--surface-hover)}.btn-armed:disabled{opacity:.55}.btn-quiet{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);padding:6px 14px;border-radius:var(--radius-sm)}.btn-quiet:not(:disabled):hover{border-color:var(--accent-line)}.btn-quiet:disabled{border-color:var(--line);background:var(--field);color:var(--muted);opacity:1}.btn-sm{padding:8px 12px;border-radius:var(--radius-sm)}.btn-block{width:100%}.btn-stack{flex-direction:column;gap:1px;line-height:1.25}.btn-stack>:last-child{font-size:11px;font-weight:500;color:var(--muted)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;padding:0;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:18px;line-height:1;cursor:pointer}.btn-icon:not(:disabled):hover{background:var(--surface-hover)}.btn-icon-sm{width:28px;height:28px;border-radius:var(--radius-sm);font-size:15px}.btn-icon-xs{width:30px;height:30px;border-radius:var(--radius-sm);font-size:15px;color:var(--muted)}.btn-icon-round{width:40px;height:40px;border-radius:50%;box-shadow:var(--shadow)}.btn-icon-danger{color:var(--danger)}.btn-icon-danger:hover{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger)}.btn-icon-danger-hover:hover{background:var(--surface-hover);color:var(--danger);border-color:var(--danger-line)}.btn-toggle,.mode-btn,.gm-btn{flex:1;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 12px;border-radius:var(--radius-md);font:inherit;font-weight:600;cursor:pointer}.btn-toggle.active,.mode-btn.active,.gm-btn.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.btn-toggle:disabled,.mode-btn:disabled,.gm-btn:disabled{cursor:default}.btn-toggle:disabled:not(.active),.mode-btn:disabled:not(.active){opacity:.5}.mode-btn{padding:9px 0}.seg{display:inline-flex;gap:6px}.seg button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:5px 12px;border-radius:var(--radius-sm);font:inherit;font-weight:600}.seg button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.seg button:disabled{cursor:default}.pill-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.pill-switch button{border:none;background:transparent;color:var(--muted);padding:7px 12px;font-size:12px;font-weight:700;letter-spacing:.04em}.pill-switch button:hover{background:var(--surface-hover);color:var(--ink)}.pill-switch button.active{background:var(--accent);color:#fff}.btn-vote{flex:1;padding:7px 0;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.btn-vote-yes{border-color:var(--success);color:var(--success)}.btn-vote-yes:hover{box-shadow:0 0 0 2px var(--success-ring)}.btn-vote-no{border-color:var(--danger);color:var(--danger)}.btn-vote-no:hover{box-shadow:0 0 0 2px var(--danger-ring)}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--field);color:var(--ink);font:inherit}.input::placeholder{color:var(--muted)}.input:focus{outline:none;border-color:var(--accent)}.input-inline{flex:1;min-width:0;padding:4px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--field);color:var(--ink);font:inherit;font-weight:600}.input-inline:focus{outline:none;border-color:var(--accent)}.input-num{width:84px;padding:5px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:inherit;font:inherit;text-align:right;font-variant-numeric:tabular-nums}.input-num:disabled{opacity:.7;cursor:default}.input-num[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.input-num[type=number]::-webkit-outer-spin-button,.input-num[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.card{display:flex;flex-direction:column;gap:16px;width:360px;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center}.card h1{margin:0;font-size:24px;text-align:center}.card h2{margin:0;font-size:20px}.card .sub{color:var(--muted);margin-top:-10px;text-align:center}.card-wide{width:440px;max-width:100%;text-align:left}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 16px}.panel-floating{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--palette-bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 12px;font-weight:700;font-variant-numeric:tabular-nums}.pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 6px;line-height:1.4}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.room-link{flex:1;min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--accent);font-size:13px;text-decoration:none}.room-link:hover{text-decoration:underline}.swatch{width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--swatch-ring);flex:none}.swatch-sm{width:10px;height:10px;border-radius:3px}.team-dot{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px var(--swatch-ring)}.chip{display:inline-flex;align-items:center;gap:8px;font-weight:600}.chip:not(.me){color:var(--muted)}.ping{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.ping.good{color:var(--success)}.ping.ok{color:var(--warning)}.ping.bad{color:var(--danger)}.row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.row-flat{background:none}.row-empty{border-style:dashed;color:var(--muted)}.row .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;padding:16px;display:flex;align-items:center;justify-content:center;background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tooltip{max-width:240px;padding:9px 14px;border-radius:var(--radius-md);background:var(--tooltip-bg);color:#fff;font-size:12px;line-height:1.5;box-shadow:var(--shadow);pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease}.tooltip.show{opacity:1;transform:translateY(0)}.tooltip b{font-weight:700}.unit-btn{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);text-align:left}.unit-btn:hover{background:var(--surface-hover)}.unit-btn .cost{color:var(--muted);font-variant-numeric:tabular-nums}.unit-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.room-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.room-row .mode-tag{font-weight:700;color:var(--accent);width:56px;flex:none}.room-row .gm-name{color:var(--ink);font-weight:600;flex:none;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-row .lock{color:var(--muted);font-size:12px;flex:none}.room-row .host{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-row .count{color:var(--muted);font-variant-numeric:tabular-nums}.room-row button{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);padding:6px 14px;border-radius:var(--radius-sm);font-weight:600}.room-row button:disabled{border-color:var(--line);background:var(--field);color:var(--muted);cursor:default}.empty-rooms{color:var(--muted);text-align:center;padding:18px 0;font-size:13px}.seat{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-md)}.seat.empty{border-style:dashed;color:var(--muted)}.seat .swatch{width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--swatch-ring);flex:none}.seat .sname{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat .tag{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.seat .ping{margin-left:auto}.seat .sname+.ping,.seat .sname-edit+.ping{margin-left:8px}.seat .grip{flex:none;width:24px;height:28px;margin:-6px 0 -6px -4px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:16px;line-height:1;cursor:grab;border-radius:var(--radius-sm);touch-action:none;-webkit-user-select:none;user-select:none}.seat .grip:hover{background:var(--accent-soft);color:var(--ink)}.seat.seat-dragging{opacity:.4}.seat.drop-target{border-color:var(--accent);background:var(--accent-soft)}.seat-drag-ghost{position:fixed;z-index:1000;margin:0;pointer-events:none;background:var(--surface);box-shadow:0 8px 24px #0000004d;opacity:.95;cursor:grabbing}.sname-edit{flex:1;min-width:0;padding:4px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--field);color:var(--ink);font:inherit;font-weight:600}.sname-edit:focus{outline:none;border-color:var(--accent)}.seat .kick{border:1px solid var(--line);background:var(--surface);color:var(--danger);width:28px;height:28px;border-radius:var(--radius-sm);font-size:15px;line-height:1}.seat .kick:hover{background:var(--danger-soft);border-color:var(--danger-line)}.seat .addbot{border:1px solid var(--line);background:var(--surface);color:var(--accent);height:28px;padding:0 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;line-height:1}.seat .addbot:hover{background:var(--accent-soft);border-color:var(--accent-line)}.team-heading{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.team-heading:first-child{margin-top:0}.team-group{display:flex;flex-direction:column;gap:8px;padding-left:10px;border-left:2px solid var(--line)}.set-title{font-weight:700;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.04em}.set-hint{color:var(--muted);font-size:12px;line-height:1.4;margin-top:-2px}#room-settings label,#room-hosting label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}#room-settings input{width:84px;padding:5px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:inherit;font:inherit;text-align:right;font-variant-numeric:tabular-nums}#room-settings input:disabled{opacity:.7;cursor:default}#room-settings input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}#room-settings input[type=number]::-webkit-outer-spin-button,#room-settings input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stats-grid{display:grid;gap:5px 10px;align-items:center}.stats-grid .tband{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:4px;padding:5px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--field);color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stats-grid .tband.mine{background:var(--accent-soft);border-color:var(--accent-line);color:var(--ink)}.stats-grid .tband .tname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-grid .ph{display:flex;align-items:center;gap:6px;min-width:0;margin-bottom:8px;padding:6px 8px;border:1px solid var(--line);border-top-width:3px;border-radius:var(--radius-sm);background:var(--surface);font-size:13px;font-weight:600;cursor:default;transition:opacity .15s ease}.stats-grid .ph .pname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-grid .ph.me{background:var(--accent-soft);border-color:var(--accent-line)}.stats-grid .ph .you-tag{margin-left:auto;flex:none;padding:1px 6px;line-height:1.4;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent-line);border-radius:999px}.stats-grid .mlabel{font-size:12px;color:var(--muted);white-space:nowrap;padding:4px 10px 4px 0}.scell{position:relative;height:30px;border-radius:var(--radius-sm);overflow:hidden;background:var(--field);display:flex;align-items:center;cursor:default;transition:opacity .15s ease}.scell.team-mine{background:var(--surface)}.scell.me-col{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.scell .barfill{position:absolute;left:0;top:0;bottom:0;width:0;opacity:.26;transition:width .35s cubic-bezier(.22,1,.36,1)}.scell .sval{position:relative;margin-left:auto;padding:0 9px;font-variant-numeric:tabular-nums;font-weight:600;font-size:13px}.scell.leader .barfill{opacity:.45}.scell.leader .sval:after{content:"👑";margin-left:5px;font-size:11px}.stats-grid .split{margin-left:12px}.stats-grid.col-hl-on .scell:not(.col-hl),.stats-grid.col-hl-on .ph:not(.col-hl){opacity:.35}.stats-awards{display:flex;flex-wrap:wrap;gap:8px}.stats-awards .aw-title{width:100%}.award{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.award.me{background:var(--accent-soft);border-color:var(--accent-line)}.award .aw-icon{font-size:17px;line-height:1;flex:none}.award .aw-body{display:flex;flex-direction:column;gap:1px;min-width:0}.award .aw-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.award .aw-who{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.award .aw-who .pname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.award .aw-val{color:var(--muted);font-variant-numeric:tabular-nums}.bot-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 6px;line-height:1.4}.vs{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.toast-stack{display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:8px;max-width:min(78vw,380px);padding:9px 14px;background:var(--palette-bg);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--ink);font-size:13px;font-weight:600;line-height:1.35;animation:toast-in .22s ease-out}.toast-danger{border-left-color:var(--danger)}.toast-armed{animation:toast-in .22s ease-out,toast-pulse .9s ease-in-out .22s infinite}.toast-leaving{animation:toast-out .25s ease-in forwards}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}}@keyframes toast-out{to{opacity:0;transform:translate(16px)}}@keyframes toast-pulse{50%{box-shadow:var(--shadow),0 0 0 3px var(--danger-ring)}}@media(max-width:720px){body{font-size:13px}.card{width:100%;padding:20px 18px;gap:14px}.card-wide{width:100%}.card h1{font-size:21px}.swatch{width:12px;height:12px}.chip{font-size:12px;gap:5px}.btn:not(.btn-sm){min-height:46px}.btn-toggle,.gm-btn{padding:12px}.mode-btn{padding:12px 0}.btn-quiet,.room-row button{padding:10px 16px}.unit-btn{padding:9px 10px}.input{padding:12px;font-size:16px}.input-num{font-size:16px;padding:7px 8px}.stats-grid{gap:4px 6px}.stats-grid .tband{padding:4px 7px;font-size:10px;letter-spacing:.03em}.stats-grid .ph{padding:5px 6px;font-size:12px;gap:5px}.stats-grid .ph .you-tag{font-size:8px;padding:1px 4px}.stats-grid .mlabel{font-size:11px;padding-right:6px}.stats-grid .split{margin-left:7px}.scell{height:26px}.scell .sval{font-size:12px;padding:0 7px}.award{padding:6px 10px;gap:7px}.toast-stack{gap:6px}.toast{font-size:12px;padding:7px 11px;max-width:82vw}}