:root{font-family:Trebuchet MS,Segoe UI,sans-serif;--text: #102a43;--surface: rgba(255, 252, 240, .9);--surface-soft: rgba(245, 251, 237, .86);--surface-strong: rgba(255, 255, 255, .82);--surface-muted: rgba(255, 255, 255, .7);--border: rgba(16, 42, 67, .15);--shadow: rgba(57, 81, 68, .16);--primary: #355070;--secondary: #588157;--danger: #c44536;--eyebrow: #588157;--error-bg: #ffe3e0;--error-text: #8f2d19;--alert-bg: #fff1f2;--meeting-bg: #edf6f9;--minimap-bg: #eef7dc;--bg: radial-gradient(circle at top left, rgba(255, 232, 188, .8), transparent 32%), radial-gradient(circle at bottom right, rgba(106, 168, 79, .25), transparent 28%), linear-gradient(145deg, #eef6d5 0%, #d5efbc 55%, #f7e9bf 100%)}:root[data-theme=dark]{--text: #edf6f9;--surface: rgba(18, 26, 34, .92);--surface-soft: rgba(27, 38, 49, .9);--surface-strong: rgba(34, 47, 62, .94);--surface-muted: rgba(24, 34, 45, .92);--border: rgba(237, 246, 249, .12);--shadow: rgba(0, 0, 0, .35);--primary: #7bd389;--secondary: #4ea8de;--danger: #ff6b6b;--eyebrow: #a8dadc;--error-bg: rgba(110, 38, 38, .85);--error-text: #ffe8e8;--alert-bg: rgba(94, 36, 59, .85);--meeting-bg: rgba(28, 56, 74, .9);--minimap-bg: rgba(42, 67, 51, .9);--bg: radial-gradient(circle at top left, rgba(97, 37, 133, .2), transparent 30%), radial-gradient(circle at bottom right, rgba(19, 94, 117, .22), transparent 32%), linear-gradient(145deg, #0b1320 0%, #132238 55%, #1d314d 100%)}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{border:0;border-radius:14px;padding:.8rem 1rem;background:var(--primary);color:#fffdf4;cursor:pointer}button.secondary{background:var(--secondary)}button.danger{background:var(--danger)}button.active-toggle{box-shadow:inset 0 0 0 2px #f7e9bf}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{width:100%;border-radius:12px;border:1px solid var(--border);padding:.75rem;background:var(--surface-strong);color:var(--text)}.app-shell{min-height:100vh;padding:1.5rem}.hero-panel{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;color:var(--eyebrow)}h1,h2,h3,h4,p{margin-top:0}.lede{max-width:54rem}.status-card,.panel,.game-shell canvas{border-radius:22px;background:var(--surface);box-shadow:0 20px 45px var(--shadow)}.status-card{min-width:250px;padding:1rem 1.2rem}.settings-panel{margin-bottom:1rem}.settings-header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.settings-grid{display:grid;gap:.8rem}.status-line{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.layout-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1rem}.panel{padding:1rem}.profile-panel{align-self:start}.field{display:grid;gap:.45rem;margin-bottom:.8rem}.avatar-preview{display:flex;justify-content:center;padding:1rem}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.8rem}.avatar-card{padding:.35rem;background:var(--surface-strong)}.swatch-grid{display:grid;gap:.6rem}.swatch-group{display:grid;gap:.3rem}.main-panel{min-width:0}.actions-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.mode-toggle{display:flex;gap:.5rem}.actions-row.compact{margin-bottom:0}.join-form{display:flex;gap:.5rem;flex:1 1 320px}.saved-profile-card{display:grid;gap:.8rem}.avatar-preview.compact{padding:0}.split-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.inset{background:var(--surface-soft)}.player-list,.task-list ul{padding-left:1rem}.player-list li{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.35rem}.chat-log{max-height:180px;overflow:auto;scroll-behavior:smooth;margin-top:.8rem;background:var(--surface-muted);border-radius:14px;padding:.8rem}.match-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start}.game-shell{min-height:520px}.hud-panel{display:grid;gap:.8rem}.alert-box,.meeting-panel,.minimap,.error-box{border-radius:16px;padding:.8rem}.alert-box{background:var(--alert-bg)}.meeting-panel{background:var(--meeting-bg)}.minimap{background:var(--minimap-bg)}.error-box{background:var(--error-bg);color:var(--error-text)}.actions-stack{display:grid;gap:.55rem}.mini-grid{display:grid;gap:.5rem}.mini-node{display:flex;justify-content:space-between;gap:.5rem}.vote-grid{display:grid;gap:.5rem}.empty-state{text-align:center;padding:2.5rem}.theme-toggle{width:100%;margin-top:.35rem}.checkbox-row{display:flex;align-items:center;gap:.65rem}.checkbox-row input{width:auto}@media(max-width:1100px){.layout-grid,.match-layout,.split-top{grid-template-columns:1fr}.hero-panel{flex-direction:column}}