:root{--graphite-950:#0d0e11;--graphite-900:#16171b;--graphite-850:#1f2025;--graphite-800:#26272d;--graphite-750:#303139;--graphite-600:#4a4b52;--graphite-400:#8a8b90;--graphite-200:#c9c9c4;--paper-50:#f7f7f4;--paper-100:#efeeea;--paper-200:#e2e1dc;--paper-300:#d3d2cc;--paper-400:#bdbcb5;--bone:#f2f2ee;--ink:#121317;--yellow-400:#ffd633;--yellow-500:#ffcc00;--yellow-700:#8a6a00;--indigo-300:#a57ee0;--indigo-400:#5f16a3;--indigo-500:#4B0082;--red-500:#ff4d3d;--red-700:#c42a1c;--green-500:#3ddc84;--green-700:#1a8a4c;--btn-light:#39c3e6;--btn-medium:#f4e04d;--btn-heavy:#e5484d;--bg:var(--graphite-950);--surface-1:var(--graphite-900);--surface-2:var(--graphite-850);--surface-3:var(--graphite-800);--surface-overlay:rgba(22,23,27,.72);--well:var(--graphite-950);--icon-well:var(--graphite-950);--fg-1:var(--bone);--fg-2:var(--graphite-200);--fg-muted:var(--graphite-400);--fg-disabled:var(--graphite-600);--line:var(--graphite-800);--accent:var(--indigo-500);--accent-hover:var(--indigo-400);--accent-ink:#ffffff;--accent-text:var(--indigo-300);--btn-bg:var(--graphite-800);--btn-bg-hover:var(--graphite-750);--danger:var(--red-500);--success:var(--green-500);--focus-ring:var(--indigo-300)}[data-theme=light]{--bg:var(--paper-200);--surface-1:var(--paper-50);--surface-2:var(--paper-100);--surface-3:var(--paper-200);--surface-overlay:rgba(247,247,244,.8);--well:var(--paper-100);--icon-well:var(--graphite-900);--fg-1:var(--ink);--fg-2:#3b3c41;--fg-muted:#5d5e63;--fg-disabled:var(--paper-400);--line:var(--paper-300);--accent:var(--indigo-500);--accent-hover:var(--indigo-400);--accent-ink:#ffffff;--accent-text:var(--indigo-500);--btn-bg:var(--paper-200);--btn-bg-hover:var(--paper-300);--danger:var(--red-700);--success:var(--green-700);--focus-ring:var(--ink)}:root{--font-display:"Saira Condensed","Arial Narrow",sans-serif;--font-body:"Barlow",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--size-display:30px;--size-title:20px;--size-heading:16px;--size-body:14px;--size-small:13px;--size-caption:12px;--size-micro:10px;--size-notation:16px;--tracking-display:.5px;--tracking-button:1px;--tracking-label:2px;--leading-tight:1;--leading-body:1.4}:root{--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:32px;--radius-none:0;--radius-sm:2px;--skew:-12deg;--skew-unskew:12deg;--skew-tick:-20deg;--rule-accent:3px;--rule-child:2px;--shadow-pop:0 8px 24px rgba(0,0,0,.6);--shadow-none:none;--ease-snap:cubic-bezier(.2,.8,.2,1);--dur-fast:.12s;--dur-base:.18s;--icon-numpad:34px;--icon-command:30px;--icon-move:24px;--icon-combo:42px;--portrait-slant:polygon(41% 0,100% 0,59% 100%,0 100%)}:root{color-scheme:dark}[data-theme=light]{color-scheme:light}html,body{margin:0;background:var(--bg);color:var(--fg-1);font-family:var(--font-body);font-size:var(--size-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}button{font:inherit;color:inherit;background:transparent;border:0;border-radius:0;cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.note-text__icon{display:inline-block;height:1.45em;width:auto;margin:0 1px;vertical-align:-.4em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}.app{min-height:100vh;background:var(--bg);color:var(--fg-1)}.app__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-5);padding:var(--space-6) var(--space-7);background:var(--surface-1);border-bottom:var(--rule-accent) solid var(--accent)}.app__title{margin:0;font:italic var(--weight-black) var(--size-display) / var(--leading-tight) var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-display);white-space:nowrap}.app__titleMark{color:var(--accent-text)}.app__headerActions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-4)}.app__main{display:flex;align-items:flex-start;gap:var(--space-6);padding:var(--space-6)}.panel{position:relative;min-width:0;background:var(--surface-1);padding:var(--space-6)}.panel--left{flex:0 0 560px;box-sizing:border-box}.panel--right{flex:1;overflow:hidden;padding:18px;position:sticky;top:var(--space-6);min-height:calc(100vh - 100px);box-sizing:border-box}.panel__art{position:absolute;inset:0;background-repeat:no-repeat;background-position:center top;background-size:cover}.panel__art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--surface-overlay) 0%,color-mix(in srgb,var(--surface-1) 60%,transparent) 55%,color-mix(in srgb,var(--surface-1) 35%,transparent) 100%)}.panel__content{position:relative;display:flex;flex-direction:column;gap:var(--space-8)}.block{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.panel--left .block{margin-top:var(--space-6)}.block__title{margin:0;font:italic var(--weight-black) var(--size-title) / var(--leading-tight) var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-display);color:var(--fg-1)}.btn{--btn-fill: var(--btn-bg);--btn-fill-hover: var(--btn-bg-hover);--btn-fg: var(--fg-1);--btn-fg-hover: var(--btn-fg);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;flex:none;padding:9px 16px;background:transparent;border:0;border-radius:0;color:var(--btn-fg);font:var(--weight-bold) 14px / 1 var(--font-display);letter-spacing:var(--tracking-button);text-transform:uppercase;white-space:nowrap;cursor:pointer}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--btn-fill);transform:skew(var(--skew));transition:background var(--dur-fast) var(--ease-snap)}.btn:hover:not(:disabled){color:var(--btn-fg-hover)}.btn:hover:not(:disabled):before{background:var(--btn-fill-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:focus-visible{outline:none}.btn:focus-visible:before{outline:2px solid var(--focus-ring);outline-offset:2px}.btn--primary{--btn-fill: var(--accent);--btn-fill-hover: var(--accent-hover);--btn-fg: var(--accent-ink)}.btn--ghost{--btn-fill: transparent;--btn-fill-hover: var(--btn-bg)}.btn--danger{--btn-fill-hover: var(--danger);--btn-fg-hover: #fff}.btn--sm{padding:6px 12px;font-size:12px}.gameSelector{position:relative;display:inline-flex;align-items:center;isolation:isolate}.gameSelector:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--btn-bg);transform:skew(var(--skew))}.gameSelector select{appearance:none;-webkit-appearance:none;border:0;border-radius:0;background:transparent;color:var(--fg-1);cursor:pointer;padding:8px 32px 8px 14px;font:var(--weight-bold) 14px / 1 var(--font-display);letter-spacing:var(--tracking-button);text-transform:uppercase}.gameSelector select option{background:var(--surface-1);color:var(--fg-1)}.gameSelector:after{content:"";position:absolute;right:12px;pointer-events:none;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--accent)}.actionsRow{display:flex;flex-wrap:wrap;gap:var(--space-3)}.notationBox{margin:0;padding:var(--space-5);min-height:54px;box-sizing:border-box;background:var(--well);border-left:var(--rule-accent) solid var(--accent);color:var(--fg-1);font:var(--weight-medium) var(--size-notation) / 1.4 var(--font-mono);letter-spacing:1px;white-space:pre-wrap;word-break:break-word}.character-dropdown{position:relative}.character-dropdown__toggle{display:flex;align-items:flex-end;gap:var(--space-5);padding:0;background:transparent;color:var(--fg-1);text-align:left}.character-dropdown__portrait{display:block;height:150px;width:auto}.character-dropdown__text{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-4)}.character-dropdown__label{font:var(--weight-bold) var(--size-caption) / 1 var(--font-display);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--fg-muted)}.character-dropdown__name{display:flex;align-items:center;gap:var(--space-3);font:italic var(--weight-black) 26px / 1 var(--font-display);text-transform:uppercase}.character-dropdown__caret{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--accent);transition:transform var(--dur-fast) var(--ease-snap)}.character-dropdown__caret.is-open{transform:rotate(180deg)}.character-dropdown__panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;padding:var(--space-4);background:var(--surface-1);border-top:var(--rule-accent) solid var(--accent);box-shadow:var(--shadow-pop)}.savedCombos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.savedCombos__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-width:0;padding:8px 8px 8px 14px;background:var(--surface-2)}.savedCombos__name{display:flex;flex-direction:column;gap:3px;min-width:0}.savedCombos__title{font:var(--weight-semibold) 15px / 1.2 var(--font-body);color:var(--fg-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.savedCombos__meta{font:var(--weight-medium) 11px / 1 var(--font-mono);text-transform:uppercase;color:var(--fg-muted)}.savedCombos__actions{display:flex;gap:var(--space-2);flex-shrink:0}.toast{position:fixed;bottom:20px;left:50%;z-index:100;transform:translate(-50%) skew(var(--skew));padding:10px 18px;background:var(--accent);color:var(--accent-ink);font:var(--weight-bold) 14px / 1 var(--font-display);letter-spacing:var(--tracking-button);text-transform:uppercase;box-shadow:var(--shadow-pop)}@media(max-width:1000px){.app__main{flex-direction:column;align-items:stretch}.panel--left{flex:none}.panel--right{position:relative;top:0;min-height:70vh}}@media(max-width:600px){.app__header{padding:var(--space-5) var(--space-6)}.character-dropdown__portrait{height:110px}}.character-grid-wrap{container-type:inline-size}.character-grid{--cols: 8;--gap-x: 2.2px;--gap-y: 2px;--band: .589;--portrait-w: calc((100cqw - (var(--cols) - 1) * var(--gap-x)) / ((var(--cols) - 1) * var(--band) + 1));--step: calc(var(--portrait-w) * var(--band) + var(--gap-x));display:grid;grid-template-columns:repeat(var(--cols),var(--step));row-gap:var(--gap-y)}.character-grid__empty{margin:0;color:var(--fg-muted)}.character-card{position:relative;width:var(--step);height:calc(var(--portrait-w) * 625 / 575);padding:0;background:transparent;border:0;cursor:pointer;pointer-events:none}.character-card img{position:absolute;top:0;left:0;display:block;width:var(--portrait-w);height:100%;object-fit:contain;clip-path:var(--portrait-slant);pointer-events:auto;filter:grayscale(1);opacity:.55;transition:filter var(--dur-base) var(--ease-snap),opacity var(--dur-base) var(--ease-snap)}.character-card:hover img,.character-card:focus-visible img,.character-card.active img{filter:none;opacity:1}.character-card:focus-visible{outline:none}.character-card.active:after,.character-card:focus-visible:after{content:"";position:absolute;top:0;left:0;width:var(--portrait-w);height:100%;background:var(--accent);pointer-events:none;clip-path:polygon(evenodd,41% 0,100% 0,59% 100%,0 100%,41% 0,calc(41% + 2.1px) 3px,calc(100% - 4.3px) 3px,calc(59% - 2.1px) calc(100% - 3px),calc(0% + 4.3px) calc(100% - 3px),calc(41% + 2.1px) 3px)}.character-card:focus-visible:not(.active):after{background:var(--focus-ring)}@media(max-width:600px){.character-grid{--cols: 5}}.command-palette{width:100%}.palette-title{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-3);font:var(--weight-bold) var(--size-small) / 1 var(--font-display);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--fg-muted)}.palette-title:before{content:"";flex:none;width:10px;height:10px;background:var(--accent);transform:skew(var(--skew-tick))}.palette-block{margin-top:var(--space-6)}.command-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-3)}.command-grid--compact{gap:var(--space-2)}.command-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.command-button,.numpad-button{display:inline-flex;align-items:center;justify-content:center;padding:3px;border:0;background:transparent;cursor:pointer;transition:background var(--dur-fast) var(--ease-snap)}.command-button:hover,.numpad-button:hover:not(:disabled){background:var(--surface-3);box-shadow:inset 0 -2px 0 var(--accent)}.command-button img{display:block;height:var(--icon-command);width:auto}.command-label{font:var(--weight-semibold) var(--size-micro) / 1 var(--font-mono);color:var(--fg-muted);pointer-events:none}.numpad{display:grid;grid-template-columns:repeat(3,max-content);gap:var(--space-2)}.numpad-button{width:calc(var(--icon-numpad) + 6px);height:calc(var(--icon-numpad) + 6px);padding:0}.numpad-button img{display:block;height:var(--icon-numpad);width:auto}.numpad-button:disabled{cursor:default}.top-two-col{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-7);align-items:start}.top-two-col>div{min-width:0}.move-list,.move-list__inner{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.move-list__group,.move-list__item{position:relative;min-width:0}.move-list__children{margin-left:18px;padding-left:14px;border-left:var(--rule-child) solid var(--accent)}.move-list__button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);box-sizing:border-box;width:100%;padding:5px 10px;background:var(--surface-2);color:var(--fg-1);transition:background var(--dur-fast) var(--ease-snap)}.move-list__item--child .move-list__button{background:transparent}.move-list__button:hover,.move-list__item--child .move-list__button:hover{background:var(--surface-3);box-shadow:inset 3px 0 0 var(--accent)}.move-list__main{flex:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.move-list__name{max-width:100%;font:var(--weight-semibold) var(--size-small) / 1.2 var(--font-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-list__note{font:var(--weight-medium) 11.5px / 1.4 var(--font-body);color:var(--fg-muted)}.move-list__inputs{display:flex;align-items:center;gap:var(--space-2);flex:none}.move-list__input{display:inline-flex;padding:2px 0;border:0;background:none;cursor:pointer}.move-list__input:hover{box-shadow:inset 0 -2px 0 var(--accent)}.move-list__input img{display:block;flex:none;height:var(--icon-move);width:auto}.move-list__or{font:var(--weight-bold) var(--size-micro) / 1 var(--font-display);letter-spacing:var(--tracking-button);text-transform:uppercase;color:var(--fg-muted)}.special-preview{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:20;padding:var(--space-1);background:var(--surface-1);border-top:var(--rule-accent) solid var(--accent);box-shadow:var(--shadow-pop);pointer-events:none}.special-preview video,.special-preview img{display:block;width:220px;height:auto;max-height:160px;object-fit:contain}.notationInput{display:flex;flex-direction:column;gap:var(--space-2)}.notationInput__field{width:100%;box-sizing:border-box;padding:10px 12px;border:0;border-radius:0;outline:none;background:var(--well);color:var(--fg-1);font:var(--weight-medium) var(--size-notation) / 1.2 var(--font-mono);letter-spacing:1px;box-shadow:inset 0 -1px 0 var(--line);transition:box-shadow var(--dur-fast) var(--ease-snap)}.notationInput__field::placeholder{color:var(--fg-muted)}.notationInput__field:focus,.notationInput__field:focus-visible{outline:none;box-shadow:inset 0 -2px 0 var(--accent)}.notationInput__warn{font:var(--weight-semibold) var(--size-caption) / 1.2 var(--font-body);color:var(--danger)}.combo-timeline{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;align-content:flex-start;max-width:100%}.combo-item img{height:var(--icon-combo);width:auto}.exportPreview{display:flex;flex-direction:column;gap:var(--space-5)}.exportPreview__stage{display:flex;align-items:center;min-height:76px;box-sizing:border-box;padding:14px;background:var(--well);overflow-x:auto}.exportPreview__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.exportPreview__check{display:inline-flex;align-items:center;gap:var(--space-3);font:var(--weight-medium) var(--size-small) / 1 var(--font-body);color:var(--fg-1);white-space:nowrap;cursor:pointer}.exportPreview__check input{appearance:none;-webkit-appearance:none;flex:none;width:14px;height:14px;margin:0;background:transparent;box-shadow:inset 0 0 0 2px var(--fg-muted);transform:skew(var(--skew));cursor:pointer;transition:background var(--dur-fast) var(--ease-snap)}.exportPreview__check input:checked{background:var(--accent);box-shadow:none}.exportPreview__panel{display:flex;flex-direction:column;gap:var(--space-4);max-width:440px;padding:var(--space-5);background:var(--surface-2)}.exportPreview__row{display:grid;grid-template-columns:150px 1fr 56px;align-items:center;gap:var(--space-4);font:var(--weight-medium) var(--size-small) / 1.2 var(--font-body);color:var(--fg-1)}.exportPreview__row em{font:var(--weight-semibold) var(--size-caption) / 1 var(--font-mono);font-style:normal;text-align:right;color:var(--accent-text)}.exportPreview__row input[type=range]{width:100%;accent-color:var(--accent)}.exportPreview__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-1)}.exportPreview__dims{font:var(--weight-medium) var(--size-caption) / 1 var(--font-mono);color:var(--fg-muted)}@media(max-width:600px){.exportPreview__row{grid-template-columns:1fr 48px}.exportPreview__row span{grid-column:1 / -1}}