:root{color:#f6f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 0 0,#7854ff38,#0000 34%),radial-gradient(circle at 100% 0,#199cff1f,#0000 28%),linear-gradient(#0d1120 0%,#141a2d 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#ffffff14;border:1px solid #ffffff24;border-radius:14px;padding:.8rem 1rem;transition:transform .15s,background .15s,border-color .15s}button:hover:not(:disabled){background:#ffffff24;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45}input,select{width:100%;color:inherit;background:#070b16a6;border:1px solid #ffffff24;border-radius:14px;padding:.85rem .95rem}#app{min-height:100vh}.app-shell{flex-direction:column;gap:20px;width:min(1440px,100vw - 32px);margin:0 auto;padding:24px 0 40px;display:flex}.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090d18d1;border:1px solid #ffffff1a;border-radius:24px;padding:20px;box-shadow:0 30px 60px #00000040}.hero-panel{justify-content:space-between;align-items:center;gap:18px;display:flex}.hero-panel h1,.panel h2,.panel h3,.card-panel strong{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#9db4ff;margin:0 0 6px;font-size:.8rem}.lead,.muted{color:#e6ebffb8}.connection-box{align-items:center;gap:14px;min-width:260px;display:flex}.status-dot{border-radius:999px;flex-shrink:0;width:12px;height:12px}.status-dot.online{background:#36d37e;box-shadow:0 0 12px #36d37e}.status-dot.offline{background:#ef5350;box-shadow:0 0 12px #ef5350}.lobby-entry,.lobby-grid,.game-grid{gap:20px;display:grid}.lobby-entry{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-grid{grid-template-columns:1.05fr .95fr}.game-grid{grid-template-columns:minmax(320px,.95fr) minmax(420px,1.05fr);align-items:start}.character-browser{grid-template-columns:.95fr 1.05fr;align-items:start;gap:20px;display:grid}.left-column,.right-column{flex-direction:column;gap:20px;display:flex}.field{flex-direction:column;gap:8px;margin-top:14px;display:flex}.field span{color:#e6ebffc7;font-size:.92rem}.primary-button{background:linear-gradient(135deg,#6678ff 0%,#885dff 100%);border:none;margin-top:16px}.ghost-button{background:#ffffff0a}.room-overview{justify-content:space-between;align-items:start;gap:16px;display:flex}.top-nav-panel{justify-content:center;padding-top:14px;padding-bottom:14px;display:flex}.view-toggle{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;padding:6px;display:flex;box-shadow:inset 0 1px #ffffff0a}.view-toggle button{color:#e6ebffbf;min-width:140px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:14px;margin-top:0;padding:.7rem 1rem;font-weight:600;position:relative}.view-toggle button:hover:not(:disabled){background:#ffffff14;transform:none}.nav-button-active{color:#fff;background:linear-gradient(135deg,#6678ff 0%,#885dff 100%);border:none;box-shadow:0 8px 20px #6678ff47}.room-overview-meta{grid-template-columns:repeat(2,minmax(190px,1fr));gap:16px;display:grid}.meta-label{text-transform:uppercase;letter-spacing:.08em;color:#8ea2db;margin-bottom:6px;font-size:.8rem;display:block}.player-list,.champion-grid,.hand-grid,.action-list,.log-list{flex-direction:column;gap:14px;display:flex}.compact-list{margin:0;padding-left:18px}.player-panel{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px;padding:16px}.player-panel.current-turn{border-color:#6678ffb3;box-shadow:inset 0 0 0 1px #6678ff4d}.player-panel.eliminated{opacity:.55}.player-topline,.card-header,.badge-row,.card-actions,.phase-buttons,.counter-row{flex-wrap:wrap;gap:10px;display:flex}.player-topline,.card-header{justify-content:space-between;align-items:start}.badge{background:#ffffff14;border-radius:999px;align-items:center;padding:.25rem .6rem;font-size:.78rem;display:inline-flex}.badge.accent{color:#c7d0ff;background:#6f7fff38}.badge.danger{color:#ffb8b6;background:#ef53502e}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.stats-grid div,.room-overview-meta div{background:#ffffff0a;border-radius:16px;padding:12px 14px}.stats-grid span{color:#e6ebffa8;font-size:.85rem;display:block}.stats-grid strong{font-size:1.1rem}.meta-block{margin-top:12px}.token{background:#ffffff14;border-radius:999px;align-items:center;padding:.35rem .65rem;display:inline-flex}.champion-button{text-align:left;border-radius:18px;flex-direction:column;align-items:start;gap:6px;padding:16px;display:flex}.champion-button.active{background:#6f7fff2e;border-color:#6f7fffcc}.champion-detail{background:#ffffff0a;border-radius:18px;margin-top:18px;padding:16px}.simple-list{margin:14px 0 0;padding-left:18px}.simple-list li+li{margin-top:8px}.dice-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0 10px;display:grid}.die{border-radius:18px;min-height:72px;font-size:1.7rem;font-weight:700}.die.held{background:#6f7fff3d;border-color:#6f7fffe6}.action-list button{text-align:left;flex-direction:column;gap:4px;display:flex}.card-panel{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex}.hand-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.card-actions{margin-top:auto}.debug-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.debug-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.debug-actions button{margin-top:0}.log-panel{min-height:220px}.log-list{max-height:320px;padding-right:4px;overflow:auto}.log-entry{border-bottom:1px solid #ffffff0f;grid-template-columns:90px 1fr;gap:12px;padding-bottom:10px;display:grid}.log-entry-body{flex-direction:column;gap:8px;display:flex}.log-entry-neutral{border-bottom-color:#ffffff0f}.log-entry-accent{border-bottom-color:#6f7fff2e}.log-entry-danger{border-bottom-color:#ef535033}.winner-box,.error-box{border-radius:18px;padding:14px 16px}.winner-box{background:#6f7fff2e;margin-top:16px}.error-box{background:#ef535029;border:1px solid #ef53505c}@media (width<=1100px){.lobby-entry,.lobby-grid,.game-grid,.character-browser,.room-overview{grid-template-columns:1fr;display:grid}.hero-panel{flex-direction:column;align-items:start}.room-overview-meta{grid-template-columns:1fr}}@media (width<=720px){.app-shell{width:min(100vw - 16px,1440px);padding-top:16px}.panel{border-radius:20px;padding:16px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dice-row{grid-template-columns:repeat(5,minmax(42px,1fr))}.debug-grid{grid-template-columns:1fr}.top-nav-panel{justify-content:stretch}.view-toggle{width:100%}.view-toggle button{flex:1 1 0;min-width:0}.log-entry{grid-template-columns:1fr}}