:root{color-scheme:light;--ink: oklch(23% .025 245);--ink-soft: oklch(38% .026 245);--paper: oklch(94% .018 84);--paper-strong: oklch(98% .01 86);--panel: oklch(91% .018 86);--line: oklch(78% .024 82);--mint: oklch(68% .13 165);--ember: oklch(67% .18 38);--violet: oklch(62% .15 300);--cyan: oklch(65% .12 220);--amber: oklch(79% .15 92);--danger: oklch(58% .2 28);--shadow: 0 18px 50px oklch(26% .025 245 / .12);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{min-height:100%;background:linear-gradient(90deg,oklch(23% .025 245 / .05) 1px,transparent 1px),linear-gradient(0deg,oklch(23% .025 245 / .04) 1px,transparent 1px),var(--paper);background-size:32px 32px}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.app-shell.is-combat-shell{grid-template-columns:1fr;width:100vw;min-width:0;height:100vh;overflow:hidden;background:#071211}.app-shell.is-combat-shell .side-nav{display:none}.app-shell.is-combat-shell .route-stage{width:100%;min-height:100vh;padding:0}.side-nav{position:sticky;top:0;display:flex;flex-direction:column;gap:24px;height:100vh;padding:20px;border-right:1px solid var(--line);background:#e2dacb}.brand-mark,.nav-item,.button,.icon-button,.swatch{transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1)}.brand-mark{display:flex;align-items:center;gap:12px;min-height:56px;text-decoration:none}.brand-mark strong,.brand-mark small{display:block}.brand-mark strong{font-size:1.15rem}.brand-mark small{color:var(--ink-soft)}.brand-pixel{width:38px;height:38px;border:1px solid oklch(21% .025 245);background:linear-gradient(90deg,var(--ember) 0 50%,var(--mint) 50% 100%) top left / 100% 50% no-repeat,linear-gradient(90deg,var(--violet) 0 50%,var(--cyan) 50% 100%) bottom left / 100% 50% no-repeat;image-rendering:pixelated;box-shadow:4px 4px #15212a}.side-nav nav{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:8px;color:var(--ink-soft);text-decoration:none}.nav-item svg,.button svg,.icon-button svg{width:18px;height:18px;flex:0 0 auto}.nav-item:hover,.nav-item.is-active{border-color:#1a252f;background:var(--paper-strong);color:var(--ink);transform:translateY(-1px)}.route-stage{width:min(1180px,calc(100vw - 248px));padding:28px;outline:none}.route-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:220px;margin-bottom:26px;padding:28px;border:1px solid oklch(24% .025 245);border-radius:8px;background:linear-gradient(135deg,#f5f1e9,#d8dac0),var(--paper-strong);box-shadow:7px 7px #15212a}.compact-hero{min-height:190px}.profile-hero{justify-content:flex-start}.eyebrow{margin:0 0 8px;color:oklch(45% .1 165);font-size:.78rem;font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:18ch;margin-bottom:12px;font-size:3rem;line-height:1.02}h2{margin-bottom:10px;font-size:1.35rem;line-height:1.15}h3{margin-bottom:8px;font-size:1.05rem}.lede{max-width:62ch;margin-bottom:0;color:var(--ink-soft);font-size:1.05rem;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-self:flex-end}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid oklch(24% .025 245);border-radius:8px;background:var(--paper-strong);color:var(--ink);text-decoration:none;cursor:pointer}.button:hover{transform:translateY(-1px);box-shadow:3px 3px #15212a}.button.primary{background:var(--ember);color:#1c0906;font-weight:800}.button.subtle{background:#cde9db}.dashboard-grid,.split-layout,.trade-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:20px;margin-bottom:26px}.maker-layout,.map-layout{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:22px}.panel{padding:20px;border:1px solid var(--line);border-radius:8px;background:#f5f1e9;box-shadow:var(--shadow)}.profile-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.avatar,.pixel-art{image-rendering:pixelated;border:1px solid oklch(24% .025 245);background:var(--paper)}.avatar{width:74px;height:74px;box-shadow:4px 4px #15212a}.avatar.large{width:128px;height:128px}.metric-row,.stat-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.metric-row.compact{max-width:420px}.metric-row div,.stat-line div{padding:12px;border:1px solid var(--line);border-radius:8px;background:#ece7de}dt{color:var(--ink-soft);font-size:.76rem;font-weight:800;text-transform:uppercase}dd{margin:4px 0 0;font-weight:800}.section-heading{margin-bottom:14px}.section-heading h2{margin-bottom:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.game-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;min-height:150px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--paper-strong)}.game-card__kicker,.power-chip span,.power-chip small{color:var(--ink-soft);font-size:.78rem;font-weight:800;text-transform:uppercase}.game-card p{color:var(--ink-soft);line-height:1.45}.game-card .stat-line{grid-template-columns:1fr;gap:6px}.game-card .stat-line div{padding:8px}.game-card .stat-line dd{font-size:.88rem;line-height:1.25}.element-fire{--element: var(--ember)}.element-earth{--element: var(--mint)}.element-water,.element-electric{--element: var(--cyan)}.element-air,.element-light{--element: var(--amber)}.element-corrosion{--element: var(--violet)}.game-card,.power-chip{box-shadow:inset 0 3px 0 var(--element, var(--amber))}.power-list{display:grid;gap:10px}.power-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--paper-strong)}.mode-panel{margin-bottom:28px}.mode-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mode-list article{padding:14px;border:1px solid var(--line);border-radius:8px;background:#e9e4da}.mode-list p,.check-list{color:var(--ink-soft);line-height:1.5}.stack-form{display:grid;gap:14px;align-content:start}label{display:grid;gap:7px;color:var(--ink-soft);font-size:.9rem;font-weight:800}input,textarea,select{width:100%;min-height:42px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper-strong);color:var(--ink)}textarea{min-height:88px;resize:vertical}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid oklch(74% .15 92 / .6);outline-offset:2px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pixel-editor{display:grid;gap:12px}.pixel-toolbar,.palette{display:flex;flex-wrap:wrap;gap:8px}.icon-button,.swatch{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--paper-strong);color:var(--ink);cursor:pointer}.icon-button.is-active,.swatch.is-active{border-color:#15212a;box-shadow:3px 3px #15212a}.swatch{background:var(--swatch)}.pixel-workbench{display:grid;grid-template-columns:minmax(220px,1fr) 150px;gap:14px;align-items:start}.pixel-grid{display:grid;grid-template-columns:repeat(32,minmax(0,1fr));width:min(100%,512px);aspect-ratio:1;border:1px solid oklch(24% .025 245);background:#15212a}.pixel-cell{width:100%;aspect-ratio:1;padding:0;border:0;border-radius:0;background:var(--cell);cursor:crosshair}.pixel-preview{margin:0;text-align:center}.pixel-preview img{width:128px;height:128px;image-rendering:pixelated;border:1px solid oklch(24% .025 245);background:var(--paper-strong)}.pixel-preview figcaption{margin-top:8px;color:var(--ink-soft);font-size:.82rem}.tactical-map{display:grid;grid-template-columns:repeat(12,minmax(22px,1fr));gap:4px;padding:14px;border:1px solid oklch(24% .025 245);border-radius:8px;background:#16312c;box-shadow:7px 7px #15212a}.map-cell{aspect-ratio:1;border:1px solid oklch(88% .018 86 / .32);background:#5c947c;padding:0;border-radius:0}.map-cell.is-blocked{background:#404530}.map-cell.is-occupied{background:var(--ember);box-shadow:inset 0 0 0 4px #15212a}.map-cell.is-hero{background:var(--cyan);box-shadow:inset 0 0 0 4px #15212a}.map-cell.is-enemy{background:var(--ember);box-shadow:inset 0 0 0 4px #15212a}.battle-header{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;padding:24px;border:1px solid oklch(24% .025 245);border-radius:8px;background:#f3eee3;box-shadow:7px 7px #15212a}.battle-layout{display:grid;grid-template-columns:minmax(460px,1fr) minmax(320px,390px);gap:22px}.battle-board-wrap{display:grid;gap:14px}.battle-hud{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:stretch}.fighter,.resource-strip{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper-strong)}.fighter{display:grid;gap:7px}.fighter strong,.fighter span{display:block}.fighter span{color:var(--ink-soft);font-size:.86rem;font-weight:800}.hp-bar{height:10px;overflow:hidden;border:1px solid oklch(24% .025 245);border-radius:999px;background:#ddd7ca}.hp-bar i{display:block;height:100%;background:var(--mint)}.fighter.enemy .hp-bar i{background:var(--ember)}.resource-strip{display:grid;grid-template-columns:repeat(2,minmax(64px,1fr));gap:8px;min-width:190px}.resource-strip span{display:grid;place-items:center;min-height:30px;border:1px solid var(--line);border-radius:6px;background:#e7e1d4;font-weight:900}.battle-map{min-height:520px}.battle-side{display:grid;gap:14px;align-content:start}.battle-hand{display:grid;gap:10px;margin-bottom:12px}.battle-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:5px 10px;width:100%;min-height:82px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper-strong);color:var(--ink);text-align:left;cursor:pointer;box-shadow:inset 0 3px 0 var(--element, var(--amber))}.battle-card:hover:not(:disabled){border-color:#15212a;transform:translateY(-1px)}.battle-card:disabled{cursor:not-allowed;opacity:.55}.battle-card img{grid-row:span 4;width:58px;height:58px;border:1px solid oklch(24% .025 245);image-rendering:pixelated}.battle-card span,.battle-card small,.battle-card em{color:var(--ink-soft);font-size:.76rem;font-weight:800;text-transform:uppercase}.battle-card strong{font-size:.98rem}.battle-log ol{display:grid;gap:9px;margin:0;padding-left:20px;color:var(--ink-soft);line-height:1.45}.route-stage.is-battle-route{width:100vw;max-width:none;height:100vh;min-height:100vh;overflow:hidden;padding:0}.legacy-battle{position:relative;width:100vw;height:100vh;min-height:100vh;overflow:hidden;background:#071211;color:#f4efe0}.legacy-battle-scene{position:absolute;inset:0}.legacy-battle-scene canvas{display:block;width:100%;height:100%}.legacy-battle-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgb(7 18 17 / .72),transparent 32%,rgb(7 18 17 / .9)),linear-gradient(90deg,rgb(7 18 17 / .82),transparent 24%,transparent 72%,rgb(7 18 17 / .78))}.legacy-battle-ui{position:absolute;inset:0;pointer-events:none}.legacy-battle-ui a,.legacy-battle-ui button{pointer-events:auto}.legacy-battle-topbar,.legacy-combat-strip,.legacy-turn-rail,.legacy-target-panel,.legacy-card-dock,.legacy-map-chat,.legacy-result-overlay>div{border:1px solid rgb(244 239 224 / .16);background:#0d1c1ad1;box-shadow:0 18px 48px #00000047;backdrop-filter:blur(16px)}.legacy-battle-topbar{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;padding:12px 14px;border-radius:8px}.legacy-battle-topbar strong,.legacy-turn-core strong,.legacy-target-panel h2{display:block;margin:0;color:#fff8de}.legacy-battle-topbar span,.legacy-turn-core small,.legacy-actor-card span,.legacy-actor-card small,.legacy-target-panel p,.legacy-target-panel small{color:#f4efe0b8}.legacy-kicker{margin:0 0 3px;color:#73e6a5;font-size:.72rem;font-weight:900;text-transform:uppercase}.legacy-battle-actions{display:flex;gap:8px}.legacy-icon-button,.legacy-command{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid rgb(244 239 224 / .18);border-radius:8px;background:#f4efe014;color:#fff8de;text-decoration:none;cursor:pointer}.legacy-icon-button{width:42px}.legacy-icon-button svg{width:18px;height:18px}.legacy-command{gap:8px;padding:0 14px;font-weight:900}.legacy-command.primary{border-color:#e99045;background:#e99045;color:#21140c}.legacy-command:disabled{cursor:not-allowed;opacity:.48}.legacy-skill-card:disabled{cursor:not-allowed;opacity:.82}.legacy-combat-strip{position:absolute;top:102px;left:18px;right:18px;display:grid;grid-template-columns:minmax(220px,300px) minmax(130px,180px) minmax(260px,1fr);gap:10px;padding:10px;border-radius:8px}.legacy-enemy-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.legacy-actor-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;min-height:70px;padding:9px;border:1px solid rgb(244 239 224 / .12);border-radius:8px;background:#f4efe012}.legacy-actor-card.is-active{border-color:#73e6a5;box-shadow:inset 0 0 0 1px #73e6a559}.legacy-actor-card.is-down{opacity:.42}.legacy-portrait{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgb(244 239 224 / .22);background:var(--element, #73e6a5);color:#071211;font-weight:950;image-rendering:pixelated}.legacy-actor-card.enemy .legacy-portrait{background:#e99045}.legacy-actor-card strong,.legacy-actor-card span,.legacy-actor-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legacy-actor-card strong{color:#fff8de}.legacy-actor-card span,.legacy-actor-card small{font-size:.76rem;font-weight:800}.legacy-hp{display:block;height:7px;margin:5px 0;overflow:hidden;border:1px solid rgb(244 239 224 / .18);border-radius:999px;background:#00000052}.legacy-hp b{display:block;height:100%;background:#73e6a5}.legacy-actor-card.enemy .legacy-hp b{background:#e99045}.legacy-turn-core{display:grid;place-items:center;min-height:70px;padding:8px;border:1px solid rgb(244 239 224 / .12);border-radius:8px;background:#0000002e;text-align:center}.legacy-turn-core span{color:#73e6a5;font-size:.72rem;font-weight:900;text-transform:uppercase}.legacy-target-panel{position:absolute;top:204px;right:18px;width:min(330px,calc(100vw - 40px));padding:14px;border-radius:8px}.legacy-target-panel h2{margin-bottom:8px;font-size:1.25rem}.legacy-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}.legacy-stat-grid span{display:flex;justify-content:space-between;gap:8px;min-width:0;padding:8px;border:1px solid rgb(244 239 224 / .12);border-radius:6px;background:#f4efe012;color:#f4efe0c2;font-size:.78rem;font-weight:800}.legacy-card-dock{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;border-radius:8px}.legacy-card-row{display:grid;grid-auto-flow:column;grid-auto-columns:100px;gap:10px;min-width:0;overflow-x:auto;overflow-y:hidden;padding:7px 4px 6px;scroll-snap-type:x proximity}.legacy-card-row::-webkit-scrollbar{height:8px}.legacy-card-row::-webkit-scrollbar:vertical{width:0}.legacy-card-row::-webkit-scrollbar-track{background:#0512118c;border-radius:999px}.legacy-card-row::-webkit-scrollbar-thumb{background:#837cd4bf;border-radius:999px}.legacy-skill-card{--card-edge: var(--element, oklch(72% .13 92));--card-dark: oklch(16% .025 278);--card-mid: oklch(22% .028 278);--card-ink: oklch(96% .012 84);position:relative;display:grid;grid-template-rows:18px 48px 12px 31px 17px;gap:3px;width:100px;min-height:150px;padding:5px;border:2px solid var(--card-edge);border-radius:5px;background:linear-gradient(180deg,#25273adb,#04050df5),var(--card-dark);color:var(--card-ink);text-align:center;cursor:pointer;scroll-snap-align:start;box-shadow:0 10px 16px #00000275,inset 0 0 0 2px #000103eb,inset 0 0 20px color-mix(in oklch,var(--card-edge),transparent 76%)}.legacy-skill-card:before,.legacy-skill-card:after{position:absolute;pointer-events:none;content:""}.legacy-skill-card:before{inset:3px;border:1px solid color-mix(in oklch,var(--card-edge),oklch(96% .012 84) 28%);border-radius:3px}.legacy-skill-card:after{right:9px;bottom:-4px;left:9px;height:7px;border:1px solid color-mix(in oklch,var(--card-edge),oklch(14% .03 278) 35%);border-top:0;background:linear-gradient(90deg,transparent 0 12%,var(--card-edge) 12% 22%,transparent 22% 78%,var(--card-edge) 78% 88%,transparent 88%),#050613}.legacy-skill-card:hover:not(:disabled),.legacy-skill-card.is-selected{transform:translateY(-5px);box-shadow:0 16px 26px #00000194,inset 0 0 0 2px #010104,0 0 0 1px color-mix(in oklch,var(--card-edge),oklch(96% .012 84) 30%)}.legacy-skill-card.is-selected{outline:2px solid oklch(83% .12 92);outline-offset:3px}.legacy-skill-card.is-turn-locked{opacity:.7}.legacy-skill-card.is-unaffordable,.legacy-skill-card.is-spent{filter:saturate(.7);opacity:.62}.legacy-card-cost{position:absolute;z-index:2;top:-7px;left:-7px;display:grid;place-items:center;width:24px;height:24px;clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%);background:radial-gradient(circle at 42% 34%,color-mix(in oklch,var(--card-edge),oklch(96% .012 84) 30%),transparent 34%),linear-gradient(145deg,var(--card-edge),color-mix(in oklch,var(--card-edge),oklch(10% .02 278) 58%));color:#f4f4fc;font-size:.72rem;font-weight:950;text-shadow:0 2px 0 oklch(13% .045 286);box-shadow:0 0 0 2px #070418,0 0 0 3px color-mix(in oklch,var(--card-edge),oklch(13% .045 286) 25%),0 6px 10px #00000285}.legacy-card-art{position:relative;display:block;justify-self:stretch;width:100%;height:48px;overflow:hidden;border:1px solid oklch(8% .018 278);border-radius:3px;background:var(--skill-art),linear-gradient(90deg,oklch(96% .012 84 / .06) 1px,transparent 1px),linear-gradient(0deg,oklch(96% .012 84 / .05) 1px,transparent 1px),radial-gradient(circle at 48% 55%,color-mix(in oklch,var(--card-edge),oklch(96% .012 84) 26%),transparent 18%),linear-gradient(135deg,#01060e,#16182f);background-size:cover,8px 8px,8px 8px,auto,auto;image-rendering:pixelated}.legacy-card-art:before,.legacy-card-art:after{position:absolute;inset:0;content:""}.legacy-card-art:before{background:linear-gradient(135deg,oklch(96% .012 84 / .12),transparent 42%)}.legacy-card-art:after{background:linear-gradient(90deg,oklch(4% .015 245 / .16) 50%,transparent 50%) 0 0 / 6px 6px,linear-gradient(0deg,oklch(4% .015 245 / .18) 50%,transparent 50%) 0 0 / 6px 6px;mix-blend-mode:multiply}.legacy-card-title{display:grid;place-items:center;min-width:0;padding:0 17px 0 5px;border:1px solid oklch(8% .018 278);border-radius:3px;background:color-mix(in oklch,var(--card-edge),oklch(12% .02 278) 82%);color:#f6f1e9;font-size:.54rem;font-weight:900;line-height:1.05}.legacy-card-description,.legacy-card-action,.legacy-card-footer{position:relative;z-index:1}.legacy-card-description{overflow:hidden;color:#d1cabbd1;font-size:.41rem;font-weight:720;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.legacy-card-action{display:-webkit-box;min-width:0;padding:2px 4px;overflow:hidden;border:1px solid oklch(8% .018 278);border-radius:3px;background:#151724eb;color:#e5ddce;font-size:.48rem;font-weight:760;line-height:1.16;text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:2}.legacy-card-footer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px;align-items:center;min-width:0}.legacy-card-footer b,.legacy-card-footer em{overflow:hidden;font-style:normal;font-weight:900;line-height:1;white-space:nowrap}.legacy-card-footer b{color:color-mix(in oklch,var(--card-edge),oklch(96% .012 84) 8%);font-size:.45rem;text-align:left;text-overflow:ellipsis;text-transform:uppercase}.legacy-card-footer em{min-width:18px;color:#e4ddcfc7;font-size:.43rem;text-align:right}.legacy-card-range{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;width:18px;aspect-ratio:1;padding:1px;border:1px solid color-mix(in oklch,var(--card-edge),oklch(96% .012 84) 18%);border-radius:3px;background:#020207}.legacy-card-range i{display:block;min-width:0;border-radius:1px;background:#333540}.legacy-card-range i.is-active{background:color-mix(in oklch,var(--card-edge),oklch(96% .012 84) 18%)}.legacy-card-range i.is-origin{background:#f6f1e9}.legacy-card-uses{display:block;overflow:hidden;color:color-mix(in oklch,var(--card-edge),oklch(96% .012 84) 12%);font-size:.45rem;font-weight:850;line-height:1;text-align:center;white-space:nowrap}.legacy-card-cooldown{position:absolute;top:26px;right:5px;z-index:3;display:grid;min-width:25px;min-height:24px;place-items:center;padding:2px 3px;border-radius:3px;border:1px solid color-mix(in oklch,var(--card-edge),oklch(96% .012 84) 20%);background:#010105db;color:#f6f1e9;font-style:normal;font-weight:950;line-height:1;text-transform:uppercase}.legacy-card-cooldown b{display:block;font-size:.66rem}.legacy-card-cooldown span{display:block;font-size:.34rem}.legacy-skill-card.element-earth{--card-edge: oklch(68% .13 165)}.legacy-skill-card.element-water{--card-edge: oklch(71% .13 220)}.legacy-skill-card.element-electric{--card-edge: oklch(70% .15 250)}.legacy-skill-card.element-air,.legacy-skill-card.element-light{--card-edge: oklch(80% .14 92)}.legacy-skill-card.element-fire{--card-edge: oklch(69% .18 38)}.legacy-skill-card.element-corrosion{--card-edge: oklch(66% .17 300)}.legacy-cast-cursor{--card-edge: oklch(78% .13 92);--skill-icon: none;position:fixed;z-index:40;display:none;width:32px;height:24px;pointer-events:none;background:var(--skill-icon) center / 32px 24px no-repeat;image-rendering:pixelated;filter:drop-shadow(0 1px 0 oklch(8% .02 245 / .95)) drop-shadow(0 5px 7px oklch(5% .02 245 / .52)) drop-shadow(0 0 5px color-mix(in oklch,var(--card-edge),transparent 28%));transform:translateZ(0)}.legacy-cast-cursor.is-visible{display:block}.legacy-cast-cursor.is-invalid{opacity:.5;filter:saturate(.42) grayscale(.28) drop-shadow(0 1px 0 oklch(8% .02 245 / .95)) drop-shadow(0 4px 6px oklch(5% .02 245 / .42))}.legacy-cast-cursor.element-earth{--card-edge: oklch(68% .13 165)}.legacy-cast-cursor.element-water{--card-edge: oklch(71% .13 220)}.legacy-cast-cursor.element-electric{--card-edge: oklch(70% .15 250)}.legacy-cast-cursor.element-air,.legacy-cast-cursor.element-light{--card-edge: oklch(80% .14 92)}.legacy-cast-cursor.element-fire{--card-edge: oklch(69% .18 38)}.legacy-cast-cursor.element-corrosion{--card-edge: oklch(66% .17 300)}.legacy-battle-actions{position:absolute;top:10px;right:10px}.legacy-turn-rail{position:absolute;top:12px;left:10px;display:grid;gap:5px;justify-items:start;width:178px;padding:4px;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.legacy-turn-token{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;width:42px;height:42px;padding:0;border:1px solid rgb(244 239 224 / .2);border-radius:5px;background:#0d1c1ac7;color:#fff8de;cursor:pointer;box-shadow:0 10px 20px #0000003d;overflow:hidden;transition:width .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.legacy-turn-token:before{position:absolute;top:4px;bottom:4px;left:-5px;width:4px;border-radius:999px;background:#73e6a5;content:""}.legacy-turn-token.enemy:before{background:#e99045}.legacy-turn-token.is-active{width:168px;padding-right:10px;border-color:#fff8de;background:#0d1c1ae6;box-shadow:0 0 0 2px #73e6a5,0 10px 22px #00000057}.legacy-turn-token.is-down{opacity:.45}.legacy-turn-order{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;width:15px;height:15px;border-radius:999px;background:#071211eb;color:#f4efe0cc;font-size:.54rem;font-weight:950}.legacy-turn-portrait{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:3px;background:#f4efe01f;color:#fff8de;font-size:.72rem;font-weight:950}.legacy-turn-identity{display:grid;min-width:0;opacity:0;transform:translate(-4px);transition:opacity .14s ease,transform .14s ease}.legacy-turn-token.is-active .legacy-turn-identity{opacity:1;transform:translate(0)}.legacy-turn-identity b,.legacy-turn-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legacy-turn-identity b{color:#fff8de;font-size:.74rem;line-height:1.05}.legacy-turn-identity small{color:#f4efe0a3;font-size:.58rem;font-weight:800}.legacy-turn-hp{position:absolute;top:5px;bottom:5px;left:4px;width:3px;overflow:hidden;border-radius:999px;background:#00000057}.legacy-turn-hp b{position:absolute;right:0;bottom:0;left:0;border-radius:inherit;background:#73e6a5}.legacy-turn-token.enemy .legacy-turn-hp b{background:#e99045}.legacy-combat-strip{top:20px;right:clamp(190px,14vw,250px);left:clamp(258px,18vw,318px);grid-template-columns:repeat(4,minmax(144px,1fr));padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.legacy-actor-card{position:relative;grid-template-columns:42px minmax(0,1fr);min-height:62px;padding:8px 10px;background:#0d1c1ac2;backdrop-filter:blur(14px)}.legacy-actor-card.is-active:after{position:absolute;right:50%;bottom:-11px;width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #aaffd6;content:"";transform:translate(50%)}.legacy-portrait{width:42px;height:42px;border-radius:6px;font-size:.9rem}.legacy-target-panel{top:130px;right:auto;left:64px;z-index:5;width:232px;padding:11px}.legacy-target-heading{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;margin-bottom:9px}.legacy-target-heading h2,.legacy-target-heading p{margin:0}.legacy-target-portrait{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgb(244 239 224 / .16);border-radius:6px;background:#e99045;color:#071211;font-weight:950}.legacy-side-panels{position:absolute;top:116px;right:14px;display:grid;gap:9px;width:176px;pointer-events:none}.legacy-deck-panel{display:grid;gap:8px;min-height:98px;padding:10px;border:1px solid rgb(244 239 224 / .16);border-radius:8px;background:#0d1c1ac2;box-shadow:0 18px 48px #00000047;backdrop-filter:blur(16px)}.legacy-deck-display{display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px;align-items:center}.legacy-deck-display strong{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#f4efe01a;color:#fff8de;font-size:.98rem}.legacy-deck-display small{grid-column:2;color:#f4efe0b3}.legacy-deck-stack,.legacy-discard-stack{position:relative;display:block;width:54px;height:72px}.legacy-deck-stack i,.legacy-discard-stack i{position:absolute;inset:0;border:2px solid oklch(68% .13 165);border-radius:6px;background:linear-gradient(90deg,oklch(76% .08 92 / .18) 1px,transparent 1px),linear-gradient(0deg,oklch(76% .08 92 / .12) 1px,transparent 1px),radial-gradient(circle at 50% 50%,oklch(66% .13 165 / .45),transparent 28%),oklch(17% .035 188);background-size:12px 12px,12px 12px,auto,auto;box-shadow:0 10px 20px #00000057}.legacy-deck-stack i:nth-child(1){transform:translate(-10px) rotate(-6deg)}.legacy-deck-stack i:nth-child(2){transform:translate(-5px) rotate(-3deg)}.legacy-discard-stack i{border-color:#e66f62;background:radial-gradient(circle at 50% 50%,oklch(68% .15 28 / .42),transparent 28%),#1f0b09}.legacy-used-list{display:grid;gap:3px;margin:0;padding-left:18px;color:#f4efe0b8;font-size:.68rem}.legacy-used-list li.element-electric,.legacy-used-list li.element-water{color:#1ebde3}.legacy-used-list li.element-fire{color:oklch(76% .15 38)}.legacy-used-list li.element-earth{color:#47c496}.legacy-used-list li.element-corrosion{color:#ba93fb}.legacy-card-dock{right:auto;left:50%;bottom:10px;display:grid;grid-template-columns:1fr;width:min(850px,calc(100vw - 76px));gap:0;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;transform:translate(-50%)}.legacy-hand-layout{display:grid;grid-template-columns:106px minmax(0,1fr) 92px;gap:7px;align-items:end;width:100%;padding:6px;border:1px solid rgb(244 239 224 / .16);border-radius:8px;background:#0d1c1ac7;box-shadow:0 18px 48px #00000047;backdrop-filter:blur(16px)}.legacy-card-row{grid-auto-columns:100px;justify-content:center;gap:7px;padding:6px 0}.legacy-skill-card{grid-template-rows:18px 48px 12px 31px 17px;gap:3px;width:100px;min-height:150px;padding:5px}.legacy-dock-actions{display:grid;grid-template-columns:1fr;gap:6px;align-items:center;width:92px;min-width:0;margin:0}.legacy-menu-command{display:inline-grid;place-items:center;min-width:0;min-height:32px;border:1px solid rgb(244 239 224 / .18);border-radius:8px;background:#0d1c1ae0;color:#fff8de;font-weight:900;cursor:pointer}.legacy-menu-command:disabled{cursor:not-allowed;opacity:.48}.legacy-menu-command,.legacy-dock-actions .legacy-command{font-size:.68rem}.legacy-dock-actions .legacy-command{min-height:32px;padding:0 8px}.legacy-resource-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-items:center;width:106px;min-height:92px;padding:6px 8px;border:1px solid oklch(58% .13 220 / .45);border-radius:8px;background:#0d1c1ae6;box-shadow:inset 0 0 22px oklch(58% .13 220 / .16)}.legacy-resource-bar>strong{grid-column:1 / -1;overflow:hidden;color:#fff8de;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.legacy-resource-chip{display:grid;grid-template-columns:auto auto;gap:5px;align-items:center;padding:5px 7px;border-radius:999px;background:#f4efe014;color:#f4efe0d1;font-size:.68rem;font-weight:900}.legacy-resource-chip.hp{grid-column:1 / -1;justify-content:center;min-height:28px;font-size:.78rem}.legacy-resource-chip.hp{color:#56d1a3}.legacy-resource-chip.ap{color:#12cbf5}.legacy-resource-chip.mp{color:#deba42}.legacy-resource-chip.sp{color:oklch(76% .15 300)}.legacy-map-chat{position:absolute;left:62px;bottom:176px;display:grid;gap:8px;width:min(310px,calc(100vw - 84px));max-height:154px;margin:0;padding:10px;overflow:hidden;border-radius:8px;color:#f4efe0bf;font-size:.72rem;line-height:1.35}.legacy-map-chat header{display:flex;align-items:center;gap:6px}.legacy-map-chat header strong{margin-right:auto;color:#fff8de;font-size:.72rem;text-transform:uppercase}.legacy-map-chat header span{border:1px solid rgb(244 239 224 / .13);border-radius:999px;padding:2px 7px;color:#f4efe08f;font-size:.58rem;font-weight:950;text-transform:uppercase}.legacy-map-chat header span.is-active{border-color:#73e6a56b;background:#73e6a51f;color:#b9ffd0}.legacy-map-chat ol{display:grid;gap:6px;max-height:74px;margin:0;padding:0;overflow:hidden;list-style:none}.legacy-map-chat li{display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:baseline}.legacy-map-chat li>span{color:#73e6a5;font-size:.56rem;font-weight:950;text-transform:uppercase}.legacy-map-chat p{min-width:0;margin:0}.legacy-map-chat .tone-good p{color:#b9ffd0}.legacy-map-chat .tone-bad p{color:#ffb093}.legacy-chat-input{border:1px solid rgb(244 239 224 / .1);border-radius:7px;padding:7px 9px;background:#07121157;color:#f4efe06b;font-size:.68rem}.legacy-result-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:18px;pointer-events:auto;background:#07121194}.legacy-result-overlay>div{display:grid;gap:12px;width:min(420px,100%);padding:20px;border-radius:8px;text-align:center}.legacy-result-overlay h2{margin:0;color:#fff8de;font-size:1.8rem}.check-list{display:grid;gap:10px;padding-left:20px}.table-panel{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--ink-soft);font-size:.78rem;text-transform:uppercase}.notice{padding:10px 12px;border:1px solid oklch(52% .12 165);border-radius:8px;background:#c7e7d7}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.side-nav{position:static;height:auto;padding:12px;border-right:0;border-bottom:1px solid var(--line)}.side-nav nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding-bottom:4px}.route-stage{width:100%;padding:18px}.route-stage.is-battle-route{padding:0}.legacy-battle{min-height:100vh}.legacy-battle-actions{top:12px;right:12px}.legacy-turn-rail{top:12px;left:10px}.legacy-target-panel{top:116px;left:62px;width:220px}.legacy-side-panels{display:none}.legacy-card-dock{right:auto;left:50%;bottom:8px;width:min(780px,calc(100vw - 78px))}.legacy-hand-layout{grid-template-columns:104px minmax(0,1fr) 86px}.legacy-card-row{grid-auto-columns:96px;justify-content:start}.legacy-skill-card{grid-template-rows:17px 46px 12px 31px 17px;width:96px;min-height:148px}.legacy-card-art{width:100%;height:46px}.legacy-dock-actions{grid-template-columns:1fr;width:86px}.legacy-resource-bar{width:104px}.route-hero,.battle-header,.dashboard-grid,.split-layout,.trade-board,.maker-layout,.map-layout,.battle-layout,.battle-hud{grid-template-columns:1fr}.route-hero,.battle-header{display:grid}h1{max-width:16ch;font-size:2.35rem}.mode-list{grid-template-columns:1fr}}@media(max-width:620px){.profile-strip,.game-card,.pixel-workbench,.form-grid,.metric-row,.stat-line,.resource-strip{grid-template-columns:1fr}.hero-actions,.profile-strip .button,.button{width:100%}.legacy-card-dock{right:10px}.legacy-battle-actions{top:12px;right:10px}.legacy-turn-rail{top:10px;left:8px}.legacy-actor-card,.legacy-turn-core{min-height:64px}.legacy-target-panel,.legacy-side-panels{display:none}.legacy-card-dock{left:8px;right:8px;width:auto;bottom:8px;transform:none}.legacy-hand-layout{grid-template-columns:88px minmax(0,1fr);width:100%}.legacy-card-row{grid-template-columns:none;grid-auto-columns:96px;justify-content:start;overflow-x:auto}.legacy-skill-card{grid-template-rows:17px 46px 12px 31px 17px;width:96px;min-height:148px;padding:5px;gap:3px}.legacy-card-art{width:100%;height:46px}.legacy-card-cost{width:22px;height:22px;font-size:.68rem}.legacy-card-title{padding-right:15px;font-size:.52rem}.legacy-card-range{width:18px}.legacy-dock-actions{grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:8px;width:100%}.legacy-resource-bar{width:88px;grid-template-columns:repeat(4,minmax(0,1fr))}.legacy-resource-bar>strong{grid-column:1 / -1;text-align:center}.legacy-resource-chip{justify-content:center;padding:6px 5px}.legacy-map-chat,.nav-item span{display:none}.side-nav nav{justify-content:space-between}}
