:root{--c-bg: oklch(.96 .008 230);--c-surface: oklch(.93 .012 230);--c-raised: oklch(.895 .016 230);--c-line: oklch(.825 .02 235);--c-line-soft: oklch(.88 .016 235);--c-ink: oklch(.3 .05 265);--c-ink-2: oklch(.43 .05 265);--c-muted: oklch(.47 .042 265);--c-faint: oklch(.512 .042 265);--c-attack: oklch(.79 .06 80);--c-defend: oklch(.805 .055 230);--c-waste: oklch(.83 .012 230);--c-slack-atk: oklch(.74 .065 80);--c-slack-def: oklch(.74 .065 225);--c-hit: oklch(.615 .14 60);--c-blocked: oklch(.512 .042 265);--c-cover: oklch(.63 .09 225);--c-strike: oklch(.635 .13 75);--c-cap: oklch(.48 .06 265);--c-fuel: oklch(.47 .095 42);--c-hp: oklch(.56 .19 22);--c-focus: oklch(.63 .09 225);--c-disabled: oklch(.83 .012 230);--ink-co: color-mix(in oklch, var(--c-ink) 55%, transparent);--ink-co-hi: var(--c-ink);--ink-co-soft: color-mix(in oklch, var(--c-ink) 32%, transparent);--ink-w: 1.5px;--ink-w-hi: 2.2px;--ink-w-soft: 1.2px;--ink-r1: 7px 9px 6px 8px;--ink-r2: 8px 6px 9px 7px;--ink-r3: 6px 8px 7px 9px;--paper-face: linear-gradient(158deg, rgb(255 255 255 / .55), transparent 34%, rgb(120 100 160 / .07) 72%, transparent), repeating-linear-gradient(0deg, transparent 0 2px, rgb(120 100 160 / .014) 2px 3px);--f-sans: system-ui, "Microsoft YaHei", "PingFang SC", sans-serif;--f-mono: ui-monospace, "Cascadia Mono", "Consolas", monospace;--t-xs: .6875rem;--t-sm: .8125rem;--t-base: .9375rem;--t-md: 1.125rem;--t-lg: 1.375rem;--t-xl: 1.75rem;--w-normal: 400;--w-medium: 500;--w-bold: 650;--lh-tight: 1.25;--lh-base: 1.55;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--r-sm: 3px;--r-md: 6px;--r-lg: 10px;--r-pill: 999px;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-backdrop: 30;--z-modal: 40;--z-toast: 50;--z-tooltip: 60;--d-fast: .12s;--d-base: .18s;--d-slow: .24s;--d-bleed: .48s;--e-out: cubic-bezier(.22, 1, .36, 1);--e-inout: cubic-bezier(.65, 0, .35, 1);--beat-w: 100px;--row-h: 70px;--row-gap: 32px;--axis-h: 26px;--tl-pad: 48px}@media(max-width:1359px){:root{--beat-w: 88px}}:root,[data-tod=dawn]{--tod-hi: oklch(.88 .03 245 / .68);--tod-lo: oklch(.95 .022 80 / .4)}[data-tod=night]{--tod-hi: oklch(.72 .045 262 / .78);--tod-lo: oklch(.9 .025 255 / .6)}[data-tod=noon]{--tod-hi: oklch(.94 .018 95 / .62);--tod-lo: oklch(.93 .035 85 / .48)}@media(prefers-reduced-motion:reduce){:root{--d-fast: 1ms;--d-base: 1ms;--d-slow: 1ms;--d-bleed: 1ms}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--c-bg);color:var(--c-ink);font:var(--t-base)/var(--lh-base) var(--f-sans)}button{font:inherit;cursor:pointer}input,select{font:inherit}.btn{padding:var(--s-2) var(--s-4);background:var(--paper-face),var(--c-surface);border:var(--ink-w) solid var(--ink-co);color:var(--c-ink);border-radius:var(--ink-r2);font-size:var(--t-sm);transition:border-color var(--d-fast) var(--e-out),box-shadow var(--d-fast) var(--e-out)}.btn:hover:not(:disabled){border-color:var(--ink-co-hi);box-shadow:0 0 0 2px color-mix(in oklch,var(--c-cover) 12%,transparent)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--c-defend);color:var(--c-ink);border-color:var(--ink-co-hi)}.btn.danger{background:var(--c-attack);color:var(--c-ink);border-color:var(--ink-co-hi)}.panel{background:var(--paper-face),var(--c-surface);border:var(--ink-w) solid var(--ink-co);border-radius:var(--ink-r1)}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.muted{color:var(--c-muted)}