:root{--navy:#012e62;--panel:#0d3d78;--ice:#dbe7f0;--sky:#0a86ee;--ink:#16324a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--navy);color:var(--ink);margin:0}nav{color:#fff;background:#00214a;align-items:center;gap:16px;padding:10px 16px;display:flex}nav a{color:#b9d4e6;text-decoration:none}nav a.active,nav a:hover{color:#fff;text-decoration:underline}main{padding:12px}.page{background:#f4f8fb;border-radius:10px;max-width:1280px;margin:0 auto;padding:16px 20px}.page.narrow{max-width:560px}.page h1{color:var(--navy);margin-top:0}.page label{margin:8px 0;display:block}.muted{color:#5c7186}.error{color:#b3261e}button{background:var(--sky);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:7px 14px}button:disabled{cursor:not-allowed;background:#9db4c6}button.secondary{color:var(--ink);background:#e3ecf3}input,select,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #a9bccb;border-radius:5px;padding:5px 7px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #d3dfe8;padding:4px 8px}th{background:#e6eef4;position:sticky;top:0}tr.selected{background:#fff4c7}tr.row-cancelled{color:#8a95a0;text-decoration:line-through}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.scroll{border:1px solid #d3dfe8;border-radius:6px;max-height:62vh;overflow:auto}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.filters label{margin:0;display:inline-block}.chip{background:#e3ecf3;border-radius:10px;margin:1px;padding:1px 7px;font-size:12px;display:inline-block}.chip.warn{background:#ffe3bf}.stat-cards{flex-wrap:wrap;gap:12px;margin:8px 0;display:flex}.stat-cards div{background:#e6eef4;border-radius:8px;padding:8px 12px}.chart{width:100%;height:320px}.stage{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;max-height:calc(100vh - 120px);display:block}.battle{max-width:1120px;margin:0 auto}.battle-main{position:relative}.controls{background:#f4f8fb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;min-height:48px;margin-top:8px;padding:8px;display:flex}.silver-choices{flex-wrap:wrap;gap:4px;display:flex}.slot,.hand-slot{cursor:pointer}.token-initials{text-anchor:middle;dominant-baseline:central;font-weight:700}.token-points{text-anchor:middle;dominant-baseline:central;font-weight:800}.slot-number{text-anchor:middle;dominant-baseline:central;fill:#8fa9bf;font-size:54px;font-weight:800}.zone-title{fill:#fff;font-size:18px;font-style:italic;font-weight:800}.vs{text-anchor:middle;fill:#dbe7f0;font-size:20px;font-style:italic;font-weight:800}.pill{text-anchor:middle;dominant-baseline:central;fill:#012e62;font-size:15px;font-weight:800}.panel-name{fill:#3e6a8d;font-size:20px;font-style:italic;font-weight:700}.panel-label{fill:#8fb4d0;font-size:11px;font-weight:700}.panel-code{fill:#bfe9ff;font-size:15px;font-style:italic;font-weight:700}.panel-small{font-size:12px;font-weight:700}.panel-count{fill:#15e6ff;font-size:34px;font-style:italic;font-weight:800}.panel-points{text-anchor:middle;dominant-baseline:central;fill:#15e6ff;font-size:62px;font-style:italic;font-weight:800}.swap-hint{text-anchor:middle;fill:#b9cbd9;font-size:18px;font-style:italic;font-weight:800}.float-label{text-anchor:middle;fill:#7dff5a;stroke:#1b5e20;stroke-width:1.5px;font-size:34px;font-style:italic;font-weight:900;animation:1s ease-out forwards rise}@keyframes rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.hand-title{text-anchor:middle;fill:#3e6a8d;font-size:14px;font-style:italic;font-weight:800}.status-line{text-align:center;color:#012e62;justify-content:center;align-items:center;height:100%;font-size:12px;font-weight:700;line-height:1.15;display:flex}.inspector-text{color:#fff;text-align:center;font-size:13px}.inspector-types{color:#9fc4dc;font-size:11px}.inspector-name{color:#7fe3ff;margin:2px 0;font-weight:700}.inspector-group{color:#9fc4dc;font-size:11px}.inspector-power{margin-top:4px}.overlay{background:#012e62bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dialog{color:#012e62;text-align:center;background:linear-gradient(#27c7e8,#0a86ee);border-radius:12px;flex-direction:column;gap:8px;min-width:320px;padding:20px 28px;display:flex}.dialog h2{margin:0;font-style:italic}.dialog button{background:#012e62}.drawer{background:#f4f8fb;border-radius:8px;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;padding:10px 14px;display:grid}.drawer h3{margin:0 0 4px}.cut-screen{text-align:center;color:#fff;max-width:680px;margin:30px auto}.cut-tokens{width:100%}.cut-name{text-anchor:middle;fill:#fff;font-size:16px;font-weight:700}.cut-message{color:#bfe9ff;font-style:italic;font-weight:700}.log{font-family:Consolas,monospace;font-size:12px}.log div{cursor:pointer;padding:1px 4px}.log div.current{background:#fff4c7}.home-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.home-grid a{color:var(--ink);background:#e6eef4;border-radius:8px;padding:14px;text-decoration:none;display:block}.home-grid a:hover{background:#d4e4f1}.home-grid strong{margin-bottom:4px;display:block}.clause{background:#fff;border:1px solid #c6d6e2;border-radius:6px;margin:6px 0;padding:8px}.card-thumb{object-fit:cover;vertical-align:middle;background:#dfeaf3;border:1px solid #9fc4dc;border-radius:50%;flex-shrink:0;width:26px;height:26px;display:inline-block}.card-preview-img{object-fit:cover;vertical-align:middle;background:#dfeaf3;border:2px solid #9fc4dc;border-radius:50%;flex-shrink:0;width:44px;height:44px;margin-right:8px}.guide h2{color:var(--navy);margin-bottom:4px}.guide h3{margin-bottom:2px}.guide li{margin:3px 0}.page h2{color:var(--navy)}.nav-brand-group{align-items:center;gap:12px;display:flex}.game-pill-toggle{background:#011836;border:1px solid #163e6e;border-radius:20px;padding:2px;display:inline-flex}.game-pill{color:#8eb3d4;cursor:pointer;background:0 0;border:0;border-radius:16px;padding:3px 10px;font-size:11px;font-weight:700;transition:all .15s}.game-pill:hover{color:#fff}.game-pill.active{background:var(--sky);color:#fff;box-shadow:0 1px 3px #0000004d}.game-pill.active.anime{background:#e0245e}.game-selector-container{margin:16px 0 24px}.game-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:12px;display:grid}.game-card{cursor:pointer;background:#fff;border:2px solid #c9daea;border-radius:12px;flex-direction:column;justify-content:space-between;padding:18px;transition:all .2s;display:flex;position:relative}.game-card:hover{border-color:var(--sky);transform:translateY(-2px);box-shadow:0 6px 16px #0a86ee1f}.game-card.active{border-color:var(--sky);background:#f0f7ff;box-shadow:0 4px 14px #0a86ee26}.game-card:has(.anime-badge).active{background:#fff2f5;border-color:#e0245e;box-shadow:0 4px 14px #e0245e26}.game-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.game-card-badge{color:#3a5670;background:#e6eef4;border-radius:12px;padding:3px 8px}.game-card-badge.badge-current{color:#fff;background:#0a86ee}.game-card-badge.anime-badge.badge-current{color:#fff;background:#e0245e}.game-card-era{color:#7b93a9;text-transform:uppercase;letter-spacing:.5px}.game-card h3{color:var(--navy);margin:0 0 6px;font-size:19px}.game-card p{color:#50677d;flex-grow:1;margin:0 0 12px;font-size:13px;line-height:1.4}.game-card-stats{color:#2d465e;background:#eef4f8;border-radius:8px;gap:12px;margin-bottom:14px;padding:8px 12px;font-size:12px;display:flex}.game-card:has(.anime-badge).active .game-card-stats{color:#6e1c32;background:#fde8ee}.game-card-actions{gap:8px;display:flex}.btn-play{background:var(--sky);color:#fff;text-align:center;border-radius:6px;flex:1;padding:7px 14px;font-size:13px;font-weight:700;text-decoration:none}.btn-play.anime-btn{background:#e0245e}.btn-sub{color:var(--ink);text-align:center;background:#e3ecf3;border-radius:6px;padding:7px 12px;font-size:13px;text-decoration:none}.btn-switch{color:#2c4a67;cursor:pointer;background:#eef4f8;border:1px solid #bccedd;border-radius:6px;width:100%;padding:7px;font-weight:600}.btn-switch:hover{color:#fff;background:#0a86ee;border-color:#0a86ee}.btn-switch.anime-switch:hover{background:#e0245e;border-color:#e0245e}