:root{--bg: #fdfbff;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #f6f2fd;--border: #e7e1f2;--border-strong: #d6cce9;--text: #1b1524;--text-muted: #6b6280;--text-faint: #8f86a5;--accent: #7c3aed;--accent-2: #db2777;--accent-soft: #f2ecff;--accent-contrast: #ffffff;--glow-1: rgba(168, 85, 247, .28);--glow-2: rgba(236, 72, 153, .22);--win: #0f9d63;--win-soft: #e3f7ee;--loss: #d11f3f;--loss-soft: #fdeaee;--tie: #b45309;--tie-soft: #fdf1dc;--radius: 14px;--radius-lg: 16px;--radius-sm: 9px;--shadow: 0 1px 2px rgba(27, 21, 36, .05), 0 12px 28px rgba(27, 21, 36, .07);--shadow-lg: 0 2px 6px rgba(27, 21, 36, .08), 0 28px 60px rgba(88, 28, 135, .18);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", var(--font);--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--gradient: linear-gradient(100deg, var(--accent), var(--accent-2))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #100c18;--bg-elevated: #1d1630;--surface: #191327;--surface-2: #221a38;--border: #2b2140;--border-strong: #3d2f5a;--text: #f0ecf8;--text-muted: #a79dc0;--text-faint: #7d7396;--accent: #c4a5ff;--accent-2: #ff8ec4;--accent-soft: #261b44;--accent-contrast: #17102a;--glow-1: rgba(139, 92, 246, .34);--glow-2: rgba(236, 72, 153, .26);--win: #34d399;--win-soft: #0e2f26;--loss: #ff6b81;--loss-soft: #3a1520;--tie: #fbbf24;--tie-soft: #33260f;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 16px 40px rgba(0, 0, 0, .45);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .5), 0 30px 70px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{--bg: #100c18;--bg-elevated: #1d1630;--surface: #191327;--surface-2: #221a38;--border: #2b2140;--border-strong: #3d2f5a;--text: #f0ecf8;--text-muted: #a79dc0;--text-faint: #7d7396;--accent: #c4a5ff;--accent-2: #ff8ec4;--accent-soft: #261b44;--accent-contrast: #17102a;--glow-1: rgba(139, 92, 246, .34);--glow-2: rgba(236, 72, 153, .26);--win: #34d399;--win-soft: #0e2f26;--loss: #ff6b81;--loss-soft: #3a1520;--tie: #fbbf24;--tie-soft: #33260f;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 16px 40px rgba(0, 0, 0, .45);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .5), 0 30px 70px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:650;letter-spacing:-.022em;margin:0}h1{font-size:clamp(1.7rem,1.2rem + 1.8vw,2.3rem);line-height:1.1}h2{font-size:1.16rem}h3{font-size:1rem}p{margin:0;text-wrap:pretty}a{color:inherit;text-underline-offset:.2em}::selection{background:var(--accent);color:var(--accent-contrast)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.shell{min-height:100dvh;display:flex;flex-direction:column;position:relative}.aura{position:fixed;inset:-30% -20% auto;height:90vh;z-index:0;background:radial-gradient(42% 46% at 22% 26%,var(--glow-1),transparent 62%),radial-gradient(38% 42% at 78% 16%,var(--glow-2),transparent 64%),radial-gradient(46% 40% at 54% 78%,var(--glow-1),transparent 68%);filter:blur(14px);pointer-events:none}.topbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border)}.topbar__inner{max-width:1160px;margin:0 auto;padding:0 16px;height:60px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-display);font-weight:680;letter-spacing:-.022em}.brand__mark{width:30px;height:30px;border-radius:10px;flex:none;background:var(--gradient);display:grid;place-items:center;color:#fff;font-size:15px;font-weight:700;box-shadow:0 4px 16px -4px color-mix(in srgb,var(--accent) 75%,transparent)}.nav{display:flex;gap:2px;margin-left:auto}.nav a{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:.9rem;padding:7px 13px;border-radius:999px;white-space:nowrap;transition:background .15s,color .15s}.nav a:hover{color:var(--text);background:var(--surface-2)}.nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft);font-weight:600}.main{flex:1;max-width:1160px;width:100%;margin:0 auto;padding:30px 16px 76px;position:relative;z-index:1}.page-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:26px}.page-head p{color:var(--text-muted);font-size:.93rem;margin-top:5px;max-width:34rem}.page-head__actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.footer{border-top:1px solid var(--border);padding:22px 16px;color:var(--text-faint);font-size:.82rem;text-align:center;position:relative;z-index:1}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--gradient)}.card:has(.deck__swatch):before,.card--plain:before{display:none}.card__head{padding:19px 20px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.card__head h2{font-size:1rem;margin-right:auto}.card__body{padding:18px 20px}.grid{display:grid;gap:16px}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(178px,1fr))}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:17px 18px;box-shadow:var(--shadow)}.stat__label{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:500}.stat__value{font-family:var(--font-display);font-size:1.95rem;font-weight:680;letter-spacing:-.03em;margin-top:7px;line-height:1.08}.stat__hint{font-size:.82rem;color:var(--text-muted);margin-top:5px}.btn{appearance:none;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-weight:550;font-size:.88rem;padding:8px 16px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;text-decoration:none;transition:background .15s,border-color .15s,transform .08s,box-shadow .15s}.btn:hover{background:var(--surface-2);border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--gradient);border-color:transparent;color:#fff;box-shadow:0 4px 16px -6px color-mix(in srgb,var(--accent) 80%,transparent)}.btn--primary:hover{filter:brightness(1.08);border-color:transparent}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn--ghost:hover{background:var(--surface-2);color:var(--text);border-color:transparent}.btn--danger{color:var(--loss);border-color:color-mix(in srgb,var(--loss) 40%,var(--border))}.btn--danger:hover{background:var(--loss-soft);border-color:var(--loss)}.btn--sm{padding:5px 13px;font-size:.82rem}.btn[disabled]{opacity:.5;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;font-size:.76rem;font-weight:550;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap}.chip--win{background:var(--win-soft);color:var(--win);border-color:color-mix(in srgb,var(--win) 28%,transparent)}.chip--loss{background:var(--loss-soft);color:var(--loss);border-color:color-mix(in srgb,var(--loss) 28%,transparent)}.chip--tie{background:var(--tie-soft);color:var(--tie);border-color:color-mix(in srgb,var(--tie) 28%,transparent)}.chip--accent{background:var(--gradient);color:#fff;border-color:transparent;font-family:var(--mono);font-size:.73rem}.chip__dot{width:7px;height:7px;border-radius:99px;background:currentColor;flex:none}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:.78rem;font-weight:600;color:var(--text-muted);letter-spacing:.01em}.field__hint{font-size:.76rem;color:var(--text-faint)}input[type=text],input[type=date],input[type=number],input[type=password],select,textarea{font:inherit;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:10px;padding:9px 12px;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}textarea{resize:vertical;min-height:96px;font-family:var(--mono);font-size:.84rem;line-height:1.5}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-faint) 50%),linear-gradient(135deg,var(--text-faint) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.form-grid--full{grid-column:1 / -1}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:500;padding:0 12px 10px;white-space:nowrap}.table td{padding:11px 12px;border-top:1px solid var(--border);vertical-align:middle}.table tbody tr:hover{background:var(--surface-2)}.table td:first-child,.table th:first-child{padding-left:0}.table td:last-child,.table th:last-child{padding-right:0;text-align:right}.list{display:flex;flex-direction:column;gap:10px}.empty{text-align:center;padding:46px 20px;color:var(--text-muted)}.empty__icon{font-size:2rem;opacity:.55}.empty p{margin-top:8px;font-size:.9rem;max-width:30rem;margin-left:auto;margin-right:auto}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.mono{font-family:var(--mono)}.nowrap{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}dialog{border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:hidden}dialog::backdrop{background:#100c1894;backdrop-filter:blur(3px)}.dialog__head{padding:20px 22px 0;display:flex;align-items:center;gap:12px}.dialog__body{padding:18px 22px;overflow-y:auto;max-height:calc(100dvh - 210px)}.dialog__foot{padding:14px 22px 20px;display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--border);flex-wrap:wrap}.dialog__foot .btn--danger{margin-right:auto}.toasts{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:90;display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100vw - 32px))}.toast{background:var(--text);color:var(--bg);padding:11px 16px;border-radius:999px;font-size:.87rem;font-weight:500;box-shadow:var(--shadow-lg);text-align:center;animation:toast-in .22s ease-out}.toast--error{background:var(--loss);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.chart{width:100%;display:block;overflow:visible}.chart text{font-family:var(--font);fill:var(--text-muted)}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:.82rem}.legend span{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted)}.legend i{width:9px;height:9px;border-radius:3px;display:inline-block}.comparison+.comparison{margin-top:15px}.comparison__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:.86rem;font-weight:550;margin-bottom:7px}.comparison__bar{display:flex;height:9px;border-radius:999px;overflow:hidden;background:var(--surface-2)}.comparison__bar i{display:block;height:100%}body[data-state=loading] .main>*{opacity:0}body[data-state=ready] .main>*{opacity:1;transition:opacity .25s ease-out}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.3s infinite linear;border-radius:var(--radius);height:96px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:720px){.topbar__inner{height:56px;gap:8px}.nav{gap:0;margin-left:auto;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{padding:7px 10px;font-size:.85rem}.main{padding:22px 16px 68px}.table th:nth-child(n+4),.table td:nth-child(n+4){display:none}.aura{height:60vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
