:root{--bg:#03090d;--bg2:#07141a;--panel:rgba(8,24,31,.92);--panel2:rgba(12,34,42,.88);--line:#1d4652;--line2:#2a6878;--cyan:#57e5ff;--cyan2:#9ff3ff;--amber:#ffc85d;--red:#ff6f68;--green:#71e8ad;--purple:#c78cff;--text:#eaf7fb;--muted:#82a2ad;--shadow:0 18px 60px rgba(0,0,0,.42);--radius:10px}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 15%,rgba(40,179,211,.08),transparent 31%),radial-gradient(circle at 83% 75%,rgba(255,116,91,.05),transparent 30%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,auto,36px 36px,36px 36px;z-index:-1}.panel{background:linear-gradient(145deg,rgba(11,31,39,.95),rgba(4,15,20,.97));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);position:relative}.panel::after{content:"";position:absolute;inset:4px;pointer-events:none;border:1px solid rgba(116,220,239,.05);border-radius:7px}.panel-label{display:flex;justify-content:space-between;align-items:center;padding:0 0 9px;margin-bottom:10px;border-bottom:1px solid rgba(110,204,222,.15);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.panel-label span{color:#d8edf2;font-weight:700}.panel-label small{font-size:10px}.kicker{font-size:11px;letter-spacing:.24em;color:var(--cyan);font-weight:800;text-transform:uppercase}.muted{color:var(--muted)}.cyan{color:var(--cyan)}.amber{color:var(--amber)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 18px;border:1px solid #335761;border-radius:5px;background:linear-gradient(#16343e,#0c222a);color:#dceff3;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:.18s ease;box-shadow:inset 0 1px rgba(255,255,255,.08)}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:#5f9cac;background:linear-gradient(#1b4350,#102b34)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-primary{border-color:#3cb5ca;background:linear-gradient(135deg,#16849c,#0e566c);box-shadow:0 0 24px rgba(87,229,255,.15),inset 0 1px rgba(255,255,255,.18)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1aa0bb,#12687f)}.btn-danger{border-color:#9d4a49;background:linear-gradient(#6e2a2d,#43171b)}.btn-ghost{background:rgba(6,20,26,.55)}.btn-small{min-height:32px;padding:0 12px;font-size:12px}.icon-btn{width:38px;height:38px;border:1px solid #294d57;background:rgba(7,23,29,.8);display:grid;place-items:center;border-radius:5px;color:#c9e8ee;cursor:pointer;font-size:19px;transition:.18s}.icon-btn:hover{border-color:var(--cyan);color:white;background:#103540}.stat-chip{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #24444d;background:rgba(3,13,17,.65);border-radius:5px}.stat-chip strong{font-size:18px;color:var(--cyan)}.stat-chip small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.form-row{display:grid;gap:7px}.form-row label{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.input,.select{width:100%;height:42px;padding:0 12px;border:1px solid #294d57;border-radius:4px;background:#06151b;color:#eaf7fb;outline:none}.input:focus,.select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(87,229,255,.08)}.check-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;border:1px solid #203e47;background:rgba(6,19,24,.65);border-radius:6px}.switch{position:relative;width:44px;height:24px;border-radius:20px;background:#15333c;border:1px solid #315965;cursor:pointer}.switch::after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#73919a;transition:.18s}.switch.on{background:#0b6579;border-color:#45bdd1}.switch.on::after{left:22px;background:white;box-shadow:0 0 10px var(--cyan)}
.modal-layer{position:fixed;inset:0;z-index:90;background:rgba(0,6,9,.82);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal{width:min(980px,96vw);max-height:92vh;overflow:auto;background:linear-gradient(145deg,#0c252e,#061319);border:1px solid #35606d;border-radius:10px;box-shadow:0 30px 100px #000;position:relative}.modal-head,.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #24444d}.modal-footer{border-top:1px solid #24444d;border-bottom:0;justify-content:flex-end;gap:10px}.modal-body{padding:22px}.modal h2{font-size:26px}.toast-root{position:fixed;z-index:140;right:16px;top:16px;display:grid;gap:10px;width:min(390px,calc(100vw - 32px))}.toast{padding:13px 15px;border:1px solid #38616d;border-left:3px solid var(--cyan);border-radius:6px;background:rgba(7,23,29,.97);box-shadow:0 14px 45px #000;animation:toastIn .25s ease}.toast.error{border-left-color:var(--red)}.toast.success{border-left-color:var(--green)}.toast strong{display:block;font-size:13px}.toast p{font-size:12px;color:#a9c1c8;margin-top:4px;line-height:1.5}@keyframes toastIn{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}
.role-lord{--role:#ffca58}.role-loyal{--role:#62c6ff}.role-rebel{--role:#ff6e68}.role-renegade{--role:#b996ff}.role-red{--role:#ff7868}.role-blue{--role:#69c8ff}.role-duelist{--role:#d8edf2}.role-hidden{--role:#71848b}

/* Theme and accessibility layer */
html{color-scheme:dark}html[data-theme="light"]{color-scheme:light;--bg:#edf4f5;--bg2:#f6fafb;--panel:rgba(255,255,255,.94);--panel2:rgba(241,248,249,.96);--line:#bfd0d4;--line2:#8eb2ba;--cyan:#087f96;--cyan2:#075f72;--amber:#a96000;--red:#b92f31;--green:#08764d;--purple:#7443a5;--text:#142a31;--muted:#58727a;--shadow:0 18px 50px rgba(48,75,82,.14)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.home-utility{position:fixed;right:20px;top:18px;z-index:20;display:flex;gap:8px}.home-theme-toggle,.home-editor-link{position:static;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--line2);border-radius:999px;background:rgba(6,23,29,.84);color:var(--text);cursor:pointer;box-shadow:var(--shadow);backdrop-filter:blur(12px);font-size:13px;text-decoration:none}.home-theme-toggle span,.home-editor-link span{font-size:17px;color:var(--cyan)}.home-editor-link:hover,.home-theme-toggle:hover{border-color:var(--cyan)}
html[data-reduced-motion="true"] *,html[data-reduced-motion="true"] *::before,html[data-reduced-motion="true"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}

html[data-theme="light"] body{background:#edf4f5;color:var(--text)}
html[data-theme="light"] body::before{background:radial-gradient(circle at 20% 15%,rgba(8,127,150,.09),transparent 32%),radial-gradient(circle at 83% 75%,rgba(185,47,49,.05),transparent 30%),linear-gradient(rgba(14,62,72,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(14,62,72,.03) 1px,transparent 1px);background-size:auto,auto,36px 36px,36px 36px}
html[data-theme="light"] .panel{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,247,248,.98));border-color:#bfd0d4;box-shadow:var(--shadow)}
html[data-theme="light"] .panel::after{border-color:rgba(8,127,150,.07)}
html[data-theme="light"] .topbar,html[data-theme="light"] .battle-topbar{background:rgba(247,251,252,.94);border-color:#c5d6da}
html[data-theme="light"] .topbar-brand img,html[data-theme="light"] .battle-brand img,html[data-theme="light"] .home-logo{filter:brightness(.58) saturate(1.7) contrast(1.1)}
html[data-theme="light"] .home-left{background:linear-gradient(90deg,rgba(246,251,252,.99) 72%,rgba(246,251,252,.68),transparent)}
html[data-theme="light"] .home-intro{color:#4e6971}html[data-theme="light"] .home-intro strong{color:#17323a}
html[data-theme="light"] .home-orbit{background:radial-gradient(circle at 55% 48%,#d9e9ec 0,rgba(235,245,247,.72) 32%,#edf4f5 72%)}
html[data-theme="light"] .orbit-core{background:radial-gradient(circle at 40% 35%,#d6edf1 0,#bad8de 28%,#8fb9c1 68%);border-color:#79aeb8;box-shadow:0 0 100px rgba(8,127,150,.14),inset -35px -25px 75px rgba(55,94,102,.23)}
html[data-theme="light"] .orbit-core::after{color:rgba(10,72,84,.13)}
html[data-theme="light"] .menu-card,html[data-theme="light"] .commander-card,html[data-theme="light"] .codex-card,html[data-theme="light"] .academy-card,html[data-theme="light"] .rule-card,html[data-theme="light"] .server-card,html[data-theme="light"] .mode-option,html[data-theme="light"] .room-row,html[data-theme="light"] .lobby-slot,html[data-theme="light"] .lobby-commander,html[data-theme="light"] .invite-box,html[data-theme="light"] .room-config-bar,html[data-theme="light"] .connection-status,html[data-theme="light"] .check-row{background:linear-gradient(145deg,#fff,#edf5f6);border-color:#bfd0d4;color:var(--text)}
html[data-theme="light"] .menu-icon,html[data-theme="light"] .commander-portrait,html[data-theme="light"] .mission-art,html[data-theme="light"] .slot-portrait{background:#e3f0f2;border-color:#a9c6cc}
html[data-theme="light"] .stat-chip,html[data-theme="light"] .turn-budget div,html[data-theme="light"] .skill-box,html[data-theme="light"] .selected-intel{background:rgba(255,255,255,.72);border-color:#bfd0d4}
html[data-theme="light"] .btn{border-color:#9bb8be;background:linear-gradient(#fdfefe,#dcebed);color:#1b3840;box-shadow:inset 0 1px rgba(255,255,255,.8)}
html[data-theme="light"] .btn:hover:not(:disabled){border-color:#4a8f9d;background:linear-gradient(#fff,#d5e8eb)}
html[data-theme="light"] .btn-primary{border-color:#087f96;background:linear-gradient(135deg,#1595aa,#08758c);color:#fff;box-shadow:0 8px 22px rgba(8,127,150,.18)}
html[data-theme="light"] .btn-danger{border-color:#a62d31;background:linear-gradient(#c74a4c,#a82f32);color:#fff}
html[data-theme="light"] .icon-btn,html[data-theme="light"] .speed-btn{background:#eef6f7;border-color:#a8c2c7;color:#19363e}
html[data-theme="light"] .input,html[data-theme="light"] .select{background:#fff;border-color:#a9c2c7;color:#17323a}
html[data-theme="light"] .switch{background:#c5d4d7;border-color:#9eb7bc}html[data-theme="light"] .switch::after{background:#6e868c}
html[data-theme="light"] .modal-layer{background:rgba(45,66,72,.38)}html[data-theme="light"] .modal{background:linear-gradient(145deg,#fff,#eaf3f5);border-color:#9ebbc1;box-shadow:0 28px 90px rgba(43,66,72,.28)}html[data-theme="light"] .modal-head,html[data-theme="light"] .modal-footer{border-color:#c1d3d7}
html[data-theme="light"] .toast{background:rgba(255,255,255,.98);border-color:#9fbac0;box-shadow:0 14px 40px rgba(42,65,71,.2);color:var(--text)}
html[data-theme="light"] .home-theme-toggle,html[data-theme="light"] .home-editor-link{background:rgba(255,255,255,.88);border-color:#9db9bf;color:#17323a}
html[data-theme="light"] .panel-label span{color:#28474f}html[data-theme="light"] .panel-label,html[data-theme="light"] .identity-top,html[data-theme="light"] .identity-main p{color:#607980}
html[data-theme="light"] .role-lord{--role:#8a5700}html[data-theme="light"] .role-loyal{--role:#176c91}html[data-theme="light"] .role-rebel{--role:#a72f31}html[data-theme="light"] .role-renegade{--role:#6a3a98}html[data-theme="light"] .role-red{--role:#a53e32}html[data-theme="light"] .role-blue{--role:#276d96}html[data-theme="light"] .role-duelist{--role:#365f69}html[data-theme="light"] .role-hidden{--role:#566b72}