: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)}