*{margin:0;padding:0;box-sizing:border-box}:root{--panel:#e9e2a9;--panel-dark:#57472f;--accent:#de7e20;--danger:#da3e32;--ok:#74bf2e}body,html{height:100%;background:#08131a;color:#ded895;font-family:Courier New,ui-monospace,monospace}.shell{position:fixed;inset:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0e1f29;border-bottom:2px solid #1e3a48;flex-wrap:wrap}.topbar .title{font-weight:700;color:#f4e14a;letter-spacing:1px}.topbar .spacer{flex:1 1}.gameframe{flex:1 1;border:0;width:100%}button.px{font-family:inherit;font-weight:700;letter-spacing:1px;background:var(--panel);color:#4f3f20;border:solid var(--panel-dark);border-width:2px 2px 4px;padding:6px 12px;cursor:pointer;text-transform:uppercase}button.px:active{transform:translateY(2px);border-bottom-width:2px}button.px.primary{background:var(--accent);color:#fff;border-color:#8a4a10}button.px.danger{background:var(--danger);color:#fff;border-color:#7a1f18}button.px:disabled{opacity:.45;cursor:default}.overlay{position:fixed;inset:0;background:rgba(4,10,14,.82);display:flex;align-items:center;justify-content:center;z-index:50;padding:14px}.card{background:var(--panel);color:#4f3f20;border:3px solid var(--panel-dark);box-shadow:0 6px 0 rgba(0,0,0,.4);padding:18px;width:100%;max-width:430px;max-height:92vh;overflow-y:auto}.card h2{color:var(--accent);letter-spacing:1px;text-transform:uppercase}.card h2,.card p{margin-bottom:10px}.card p{line-height:1.45}.card .muted{color:#8a7b4a;font-size:13px}.card input{width:100%;padding:10px;font-family:inherit;font-size:16px;border:2px solid var(--panel-dark);background:#fbf4c8;color:#2c2313;text-transform:none;letter-spacing:1px}.row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.row.center{justify-content:center}.hint-ok{color:var(--ok);font-weight:700}.hint-bad{color:var(--danger);font-weight:700}.board table{width:100%;border-collapse:collapse;margin-top:8px}.board td,.board th{padding:4px 6px;text-align:left;border-bottom:1px solid #c9bc80}.board td.score{text-align:right;font-weight:700}.board tr.you{background:#f7efc0}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.chip{padding:4px 10px;border:2px solid var(--panel-dark);cursor:pointer;background:#fbf4c8;font-weight:700;font-size:12px;text-transform:uppercase}.chip.active{background:var(--accent);color:#fff}.code-badge{font-size:30px;letter-spacing:8px;font-weight:700;text-align:center;background:#fbf4c8;border:2px dashed var(--panel-dark);padding:10px;color:#2c2313}.code-badge,.playerlist{margin:10px 0}.playerlist .pl{display:flex;gap:8px;align-items:center;padding:5px 8px;border-bottom:1px solid #c9bc80}.pl .dot{width:10px;height:10px;background:var(--ok)}.pl .dot.dead{background:var(--danger)}.pl .host-tag{color:var(--accent);font-size:11px;font-weight:700}.pl .score{margin-left:auto;font-weight:700}.badge{background:#1e3a48;color:#dff6f0;padding:4px 8px}.badge,.mini{font-size:12px}.dash{min-height:100%;padding:14px;max-width:1100px;margin:0 auto}.dash-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.dash-head .title{color:#f4e14a;font-weight:700;letter-spacing:1px}.dash-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:12px}.viz-card{background:#fcfcfb;color:#0b0b0b;border:3px solid #57472f;box-shadow:0 4px 0 rgba(0,0,0,.4);padding:14px}.viz-card h3{font-size:14px;letter-spacing:1px;text-transform:uppercase;color:#52514e;margin-bottom:10px}.muted-small{color:#52514e;font-size:12px;text-transform:none}.viz-hero .hero-num{font-size:52px;font-weight:700;line-height:1;color:#0b0b0b}.viz-hero .hero-unit{font-size:26px;color:#52514e}.viz-hero .hero-sub{color:#52514e;font-size:13px;margin:4px 0 10px}.prop-bar{width:100%;height:16px;display:block}.legend{display:flex;gap:12px;margin-top:8px;font-size:12px;color:#0b0b0b}.legend .chip{display:inline-flex;align-items:center;gap:5px}.legend .chip i{width:10px;height:10px;display:inline-block;border-radius:2px}.hbars{display:flex;flex-direction:column;gap:7px}.hbar-row{display:grid;grid-template-columns:76px 1fr 34px;align-items:center;grid-gap:8px;gap:8px}.hbar-label{font-size:12px;color:#0b0b0b}.hbar-svg{width:100%;height:14px;display:block}.hbar-value{font-size:12px;font-weight:700;text-align:right;color:#0b0b0b}.vbars{display:grid;grid-gap:6px;gap:6px;align-items:end;height:130px}.vbar-col{display:flex;flex-direction:column;align-items:center;height:100%}.vbar-value{font-size:11px;font-weight:700;color:#0b0b0b}.vbar-track{flex:1 1;width:70%;max-width:26px;display:flex;align-items:flex-end}.vbar-fill{width:100%;border-radius:3px 3px 0 0}.vbar-label{font-size:10px;color:#52514e;margin-top:4px;white-space:nowrap}.dash-table{overflow-x:auto}.dash-table table{width:100%;border-collapse:collapse;font-size:13px}.dash-table th{text-align:left;color:#52514e;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:6px 8px;border-bottom:2px solid #57472f}.dash-table td{padding:6px 8px;border-bottom:1px solid #e4e0d0;color:#0b0b0b}.dash-table td.strong{font-weight:700}.dash-table td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dash-table .pill{color:#fff;padding:2px 8px;font-size:11px;font-weight:700;border-radius:3px}