:root{color-scheme:dark;--bg: #14161f;--bg-2: #191d2c;--bg-3: #212636;--panel: #1c2130;--panel-hi: #262c3f;--line: #333b52;--line-hi: #48527040;--ink: #e6e9f2;--ink-2: #9aa3bd;--ink-3: #6b7391;--gold: #c9a84c;--gold-hi: #e8d9a8;--gold-dim: #7d6a30;--ally: #5b9bd5;--ally-hi: #8fc4f0;--foe: #c8524a;--foe-hi: #e88a83;--heal: #63b86f;--warn: #d8a33c;--front: #6b7391;--flank: #d8a33c;--back: #d8544a;--cell: 34px;--safe-b: env(safe-area-inset-bottom, 0px);--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--app-h: 100vh}@supports (height: 100dvh){:root{--app-h: 100dvh}}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:400 15px/1.45 var(--font);overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;overflow:hidden}#app{height:100%}.screen-host{height:var(--app-h);display:flex;flex-direction:column;overflow:hidden}.screen-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.screen-in{animation:fade-in .18s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.eyebrow{font:700 10px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.title{font:800 20px/1.2 var(--font);letter-spacing:.01em}.subtitle{font:500 13px/1.4 var(--font);color:var(--ink-2)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.hud{flex:0 0 auto;z-index:40;display:flex;align-items:center;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-top,0px));padding-top:calc(10px + env(safe-area-inset-top,0px));background:linear-gradient(180deg,var(--bg-2) 0%,#191d2ce8 100%);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-lvl{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--gold-dim);border-radius:3px;background:#221f16;font:800 14px/1 var(--mono);color:var(--gold-hi)}.hud-name{flex:1;min-width:0}.hud-name b{display:block;font:700 13px/1.2 var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-xp{height:3px;margin-top:4px;background:#2c3245;border-radius:2px;overflow:hidden}.hud-xp i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold))}.hud-res{display:flex;gap:4px}.res{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--line);border-radius:3px;background:var(--panel);font:700 12px/1 var(--mono)}.res span{font-size:12px}.res.stam{color:var(--ally-hi)}.res.gold{color:var(--gold-hi)}.res.gems{color:#b98fe0}.nav{flex:0 0 auto;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:var(--safe-b);background:#12141de6;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 8px;border:0;background:none;cursor:pointer;color:var(--ink-3);font:600 10px/1 var(--font);letter-spacing:.04em}.nav button i{font-style:normal;font-size:19px;line-height:1;filter:grayscale(1) opacity(.6)}.nav button.on{color:var(--gold-hi)}.nav button.on i{filter:none}.nav button.on:before{content:"";position:absolute;top:0;width:26px;height:2px;background:var(--gold);border-radius:0 0 2px 2px}.nav button{position:relative}.hud-gear{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:3px;background:var(--panel);color:var(--ink-2);font-size:15px;line-height:1;cursor:pointer}.hud-gear:active{background:var(--panel-hi)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:3px;background:var(--panel-hi);color:var(--ink);font:700 13px/1 var(--font);letter-spacing:.02em;cursor:pointer}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.38;pointer-events:none}.btn-primary{border-color:var(--gold-dim);background:linear-gradient(180deg,#38321c,#2a2415);color:var(--gold-hi)}.btn-danger{border-color:#6a2f2b;background:#2c1b1a;color:var(--foe-hi)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-sm{min-height:30px;padding:0 10px;font-size:12px}.btn-wide{width:100%}.hq-stack{display:flex;flex-direction:column;gap:8px;padding:10px}@media (max-height: 620px){.hq-stack{gap:5px;padding:6px 8px}.hq-stack .tile-btn{padding:8px 10px;gap:10px}.hq-stack .tile-btn .ic{font-size:20px;width:24px}.hq-stack .tile-btn .tx b{font-size:13px}.hq-stack .tile-btn .tx small{font-size:11px}.hq-stack .grid2{gap:6px}}.wrap{padding:12px}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.spacer{flex:1}.card{border:1px solid var(--line);border-radius:4px;background:var(--panel);overflow:hidden}.card-pad{padding:12px}.card-hd{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--bg-3)}.tile-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer}.tile-btn:active{background:var(--panel-hi)}.tile-btn .ic{font-size:24px;line-height:1;width:30px;text-align:center}.tile-btn .tx{flex:1;min-width:0}.tile-btn .tx b{display:block;font:700 14px/1.2 var(--font)}.tile-btn .tx small{color:var(--ink-2);font-size:12px}.tile-btn .go{color:var(--ink-3);font-size:18px}.tile-btn[disabled]{opacity:.45;pointer-events:none}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.empty{padding:28px 12px;text-align:center;color:var(--ink-3);font-size:13px}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border:1px solid var(--line);border-radius:999px;background:var(--bg-3);font:600 11px/1.5 var(--font);color:var(--ink-2)}.chip-gold{border-color:var(--gold-dim);color:var(--gold-hi)}.chip-foe{border-color:#6a2f2b;color:var(--foe-hi)}.chip-ally{border-color:#2f4c6a;color:var(--ally-hi)}.stars{color:var(--gold);letter-spacing:.1em;font-size:13px}.stars .off{color:var(--ink-3)}.bar{height:5px;border-radius:3px;background:#2c3245;overflow:hidden}.bar i{display:block;height:100%;background:var(--heal);transition:width .25s ease}.bar.hp i{background:linear-gradient(90deg,#3f8f4c,var(--heal))}.bar.hp.low i{background:linear-gradient(90deg,#a33,var(--foe))}.bar.xp i{background:linear-gradient(90deg,var(--gold-dim),var(--gold))}.ucard{position:relative;display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--line);border-radius:4px;background:var(--panel);cursor:pointer;text-align:left;color:inherit}.ucard.sel{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-dim) inset}.ucard .face{display:flex;align-items:center;gap:8px}.ucard .av{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid var(--line);border-radius:3px;background:var(--bg-3);font-size:21px}.ucard .nm{flex:1;min-width:0}.ucard .nm b{display:block;font:700 13px/1.2 var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ucard .nm small{color:var(--ink-2);font-size:11px}.ucard .r5{color:var(--gold)}.ucard .r4{color:#b98fe0}.ucard .r3{color:var(--ink-2)}.ucard .badge{position:absolute;top:-6px;right:-6px;padding:1px 5px;border-radius:999px;background:var(--gold);color:#1a1710;font:800 10px/1.5 var(--mono)}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stat{padding:6px 4px;border:1px solid var(--line);border-radius:3px;background:var(--bg-3);text-align:center}.stat em{display:block;font:700 9px/1 var(--font);letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;font-style:normal}.stat b{display:block;margin-top:3px;font:700 15px/1 var(--mono)}.stat.cap b{color:var(--gold-hi)}.battle{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:var(--bg)}.bt-top{display:flex;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) 10px 8px;border-bottom:1px solid var(--line);background:var(--bg-2)}.bt-phase{padding:3px 9px;border-radius:3px;font:800 11px/1.6 var(--font);letter-spacing:.1em;text-transform:uppercase}.bt-phase.player{background:#1e3450;color:var(--ally-hi)}.bt-phase.enemy{background:#3d1f1d;color:var(--foe-hi)}.bt-obj{flex:1;min-width:0;font-size:11px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-field{flex:1;min-height:0;display:grid;place-items:center;overflow:auto;padding:8px;background:radial-gradient(90% 70% at 50% 0%,#1b2030,#14161f)}.grid-wrap{position:relative}.grid{position:relative;display:grid;gap:1px;background:var(--line-hi);border:1px solid var(--line)}.cell{position:relative;width:var(--cell);height:var(--cell);display:grid;place-items:center;font-size:calc(var(--cell) * .58);line-height:1}.t-plain{background:#232a3a}.t-road{background:#33384a}.t-forest{background:#23402c}.t-hill{background:#3a3524}.t-mountain{background:#4a4133}.t-fort{background:#2f3a55}.t-pillar{background:#33384a}.t-sand{background:#4a4430}.t-water{background:#1c3350}.t-bridge{background:#3b3527}.t-gate{background:#4a3a55}.t-throne{background:#52402a}.t-wall{background:#0e1017}.cell .terr{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:.5;font-size:calc(var(--cell) * .5)}.cell.threat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,#c8524a22 0 3px,transparent 3px 6px)}.cell.move:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#5b9bd53a;box-shadow:0 0 0 1px #5b9bd566 inset}.cell.atk:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#c8524a44;box-shadow:0 0 0 1px #c8524a88 inset}.cell.healz:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#63b86f3a;box-shadow:0 0 0 1px #63b86f77 inset}.cell.path:before{background:#5b9bd566}.cell.cursor{outline:2px solid var(--gold-hi);outline-offset:-2px;z-index:6}.cell.zone-front:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#6b739155;box-shadow:0 0 0 1px #6b7391 inset}.cell.zone-flank:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#d8a33c4d;box-shadow:0 0 0 1px #d8a33c inset}.cell.zone-back:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#d8544a5c;box-shadow:0 0 0 1px #d8544a inset}.unit{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:4}.unit .glyph{position:relative;z-index:2;display:grid;place-items:center;width:84%;height:84%;border-radius:2px;font-size:calc(var(--cell) * .56);line-height:1}.unit.ally .glyph{background:#1e3450cc;box-shadow:0 0 0 1.5px var(--ally) inset}.unit.foe .glyph{background:#3d1f1dcc;box-shadow:0 0 0 1.5px var(--foe) inset}.unit.boss .glyph{box-shadow:0 0 0 2px var(--gold) inset}.unit.done .glyph{filter:grayscale(.75) brightness(.7)}.u-facing{position:absolute;z-index:3;width:0;height:0;border-left:calc(var(--cell) * .16) solid transparent;border-right:calc(var(--cell) * .16) solid transparent}.unit.ally .u-facing{border-bottom-color:var(--ally-hi);border-top-color:var(--ally-hi)}.unit.foe .u-facing{border-bottom-color:var(--foe-hi);border-top-color:var(--foe-hi)}.u-facing.f0{top:0;left:50%;transform:translate(-50%);border-bottom:calc(var(--cell) * .2) solid currentColor}.u-facing.f2{bottom:0;left:50%;transform:translate(-50%);border-top:calc(var(--cell) * .2) solid currentColor}.u-facing.f1{right:0;top:50%;transform:translateY(-50%);border-top:calc(var(--cell) * .16) solid transparent;border-bottom:calc(var(--cell) * .16) solid transparent;border-left:calc(var(--cell) * .2) solid currentColor;border-right:0}.u-facing.f3{left:0;top:50%;transform:translateY(-50%);border-top:calc(var(--cell) * .16) solid transparent;border-bottom:calc(var(--cell) * .16) solid transparent;border-right:calc(var(--cell) * .2) solid currentColor;border-left:0}.unit.ally .u-facing{color:var(--ally-hi)}.unit.foe .u-facing{color:var(--foe-hi)}.u-hp{position:absolute;left:8%;right:8%;bottom:1px;z-index:5;height:2.5px;border-radius:2px;background:#0009;overflow:hidden}.u-hp i{display:block;height:100%;background:var(--heal)}.u-hp.low i{background:var(--foe)}.u-pair{position:absolute;top:0;right:0;z-index:5;padding:0 2px;border-radius:0 0 0 2px;background:var(--gold);color:#17140c;font:800 calc(var(--cell) * .26) / 1.4 var(--mono)}.u-guard{position:absolute;top:0;left:0;z-index:5;font:800 calc(var(--cell) * .3) / 1 var(--font);color:var(--gold-hi)}.dmg-pop{position:absolute;left:50%;top:0;z-index:20;transform:translate(-50%,-50%);font:800 calc(var(--cell) * .52) / 1 var(--mono);text-shadow:0 1px 3px #000,0 0 8px #000;pointer-events:none;animation:pop-up .75s ease-out both}.dmg-pop.hit{color:#ffd9d5}.dmg-pop.crit{color:#ffcf5a;font-size:calc(var(--cell) * .68)}.dmg-pop.heal{color:#b8f0c0}.dmg-pop.miss{color:var(--ink-2);font-size:calc(var(--cell) * .38)}.dmg-pop.block{color:var(--gold-hi);font-size:calc(var(--cell) * .34)}@keyframes pop-up{0%{opacity:0;transform:translate(-50%,10%) scale(.7)}25%{opacity:1;transform:translate(-50%,-60%) scale(1.1)}to{opacity:0;transform:translate(-50%,-140%) scale(1)}}.bt-bottom{border-top:1px solid var(--line);background:var(--bg-2);padding:8px 10px calc(8px + var(--safe-b))}.fc{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.fc-side{padding:6px 8px;border:1px solid var(--line);border-radius:3px;background:var(--panel)}.fc-side b{display:block;font:700 12px/1.3 var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-side .hp{font:700 12px/1.4 var(--mono);color:var(--ink-2)}.fc-nums{display:flex;gap:10px;margin-top:3px}.fc-nums span{font:700 11px/1.4 var(--mono);color:var(--ink-2)}.fc-nums span b{display:inline;color:var(--ink);font-size:13px}.fc-vs{text-align:center}.fc-sidetag{display:block;padding:3px 8px;border-radius:3px;font:800 11px/1.5 var(--font);letter-spacing:.06em;text-transform:uppercase}.fc-sidetag.front{background:#2a3040;color:#b4bcd4}.fc-sidetag.flank{background:#45391b;color:#ffd98a}.fc-sidetag.back{background:#4a1f1b;color:#ffb0a8}.fc-mul{display:block;margin-top:2px;font:700 10px/1.4 var(--mono);color:var(--ink-3)}.fc-tags{display:flex;gap:4px;justify-content:center;margin-top:4px;flex-wrap:wrap}.bt-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.bt-actions .btn{flex:1;min-width:76px}.facing-pick{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:4px;justify-content:center;margin:6px auto 0}.facing-pick button{border:1px solid var(--line);border-radius:3px;background:var(--panel);color:var(--ink);font-size:18px;cursor:pointer}.facing-pick button.on{border-color:var(--gold);background:#38321c;color:var(--gold-hi)}.facing-pick .f-mid{display:grid;place-items:center;font-size:20px}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .15s ease both}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:91;max-height:88vh;overflow:auto;padding:0 0 calc(12px + var(--safe-b));border-top:1px solid var(--gold-dim);border-radius:10px 10px 0 0;background:var(--bg-2);animation:sheet-up .2s cubic-bezier(.2,.8,.2,1) both}@keyframes sheet-up{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.sheet-hd{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--bg-2)}.sheet-hd .title{flex:1;font-size:16px}.sheet-body{padding:12px 14px}.sheet-grip{width:34px;height:3px;margin:7px auto 0;border-radius:2px;background:var(--line)}#toast-host{position:fixed;left:0;right:0;bottom:calc(84px + var(--safe-b));z-index:95;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{max-width:84vw;padding:8px 14px;border:1px solid var(--line);border-radius:3px;background:#0f1219f2;color:var(--ink);font:600 13px/1.3 var(--font);opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}.toast.toast-in{opacity:1;transform:none}.toast-ok{border-color:#2f5c37;color:#b8f0c0}.toast-warn{border-color:#6a2f2b;color:var(--foe-hi)}#net-banner{position:fixed;left:0;right:0;top:0;z-index:96;padding:calc(5px + env(safe-area-inset-top,0px)) 10px 5px;background:#4a1f1b;color:#ffcfc9;font:700 11px/1.4 var(--font);text-align:center;transform:translateY(-100%);transition:transform .2s ease}#net-banner.on{transform:none}#block-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;display:grid;place-items:center;padding:24px;background:#0f1219f7}.block-card{max-width:300px;text-align:center}.block-title{font:800 17px/1.3 var(--font)}.block-text{margin:8px 0 16px;color:var(--ink-2);font-size:13px}.result{padding:20px 14px;text-align:center}.result .verdict{font:800 26px/1.1 var(--font);letter-spacing:.04em;text-transform:uppercase}.result .verdict.win{color:var(--gold-hi)}.result .verdict.lose{color:var(--foe-hi)}.result .stars{margin-top:6px;font-size:22px}.reward-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);font-size:13px}.reward-row:last-child{border-bottom:0}.reward-row .ic{font-size:18px}.reward-row .amt{margin-left:auto;font:700 14px/1 var(--mono);color:var(--gold-hi)}.pull-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pull{display:grid;place-items:center;gap:2px;padding:8px 2px;border:1px solid var(--line);border-radius:3px;background:var(--panel);text-align:center;animation:pull-in .3s ease both}.pull.r5{border-color:var(--gold);background:#2b2517}.pull.r4{border-color:#6a4a8a;background:#241d2e}.pull .e{font-size:20px}.pull .n{font:600 9px/1.2 var(--font);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.pull .r{font:800 9px/1 var(--mono)}@keyframes pull-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.slot{display:flex;align-items:center;gap:8px;padding:8px;border:1px dashed var(--line);border-radius:4px;background:var(--bg-3);min-height:58px;cursor:pointer}.slot.filled{border-style:solid;background:var(--panel)}.slot.pair{border-color:var(--gold-dim)}.slot .idx{width:16px;font:700 11px/1 var(--mono);color:var(--ink-3)}.slot .who{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.slot .lead,.slot .sup{display:flex;align-items:center;gap:6px;font-size:12px}.slot .sup{color:var(--ink-2);font-size:11px}.slot .sup:before{content:"⌐";color:var(--gold)}.slot .lock{color:var(--ink-3);font-size:11px}.seg{display:flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}.seg button{flex:1;padding:8px 6px;border:0;background:var(--panel);color:var(--ink-2);font:700 12px/1 var(--font);cursor:pointer}.seg button.on{background:#38321c;color:var(--gold-hi)}.log{max-height:116px;overflow:auto;padding:6px 8px;border:1px solid var(--line);border-radius:3px;background:#12141d;font:500 11px/1.55 var(--mono);color:var(--ink-2)}.log b{color:var(--ink)}.log .l-crit{color:#ffcf5a}.log .l-miss{color:var(--ink-3)}.log .l-kill{color:var(--foe-hi)}.log .l-heal{color:#9fe0aa}.log .l-phase{color:var(--gold-dim)}.kv{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}.kv:last-child{border-bottom:0}.kv span{color:var(--ink-2)}.kv b{font-weight:700}.switch{position:relative;width:40px;height:22px;flex:0 0 40px;border:1px solid var(--line);border-radius:999px;background:var(--bg-3);cursor:pointer}.switch i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ink-3);transition:transform .15s,background .15s}.switch.on{border-color:var(--gold-dim);background:#38321c}.switch.on i{transform:translate(18px);background:var(--gold-hi)}.ftue-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;pointer-events:none}.ftue-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c14bd;pointer-events:auto;animation:ftue-fade .15s ease both}.ftue-hole{position:fixed;display:none;border:1px solid var(--gold-hi);border-radius:6px;box-shadow:0 0 16px 2px var(--gold-dim);pointer-events:none}.ftue-arrow{position:fixed;display:none;width:16px;height:16px;pointer-events:none}.ftue-arrow:before{content:"▲";display:block;font-size:16px;line-height:1;color:var(--gold-hi);text-shadow:0 0 6px #000a}.ftue-card{position:fixed;max-width:min(320px,84vw);padding:12px 14px;border:1px solid var(--gold-dim);border-radius:8px;background:var(--bg-2);box-shadow:0 8px 24px #000a;pointer-events:auto;animation:ftue-fade .18s ease both}.ftue-text{font:600 13px/1.45 var(--font);color:var(--ink);margin-bottom:10px}.ftue-actions{display:flex;justify-content:flex-end;gap:8px}@keyframes ftue-fade{0%{opacity:0}to{opacity:1}}.forge-locked{color:var(--warn);font:600 13px/1.4 var(--font);text-align:center}.forge-card{display:flex;flex-direction:column;gap:10px}.forge-diff{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.forge-stat{border:1px solid var(--line);border-radius:3px;padding:6px 8px;background:var(--bg-3);text-align:center}.forge-stat em{display:block;font:700 9px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-style:normal}.forge-stat b{display:block;margin-top:3px;font:700 13px/1.2 var(--mono);white-space:nowrap}.forge-stat .arrow{color:var(--ink-3)}.forge-stat .up{color:var(--heal)}.forge-cost-row{align-items:center;flex-wrap:wrap;gap:8px}.forge-chip{display:inline-flex;align-items:center;gap:3px;font:700 12px/1 var(--mono);color:var(--ink-2)}.forge-chip.short{color:var(--foe-hi)}.forge-smelt{margin-top:2px}.arena-screen .amt.l-miss{color:var(--foe-hi)}.def-grid{display:grid;gap:8px;margin:4px 0}.def-cell{position:relative;aspect-ratio:1;border:1px dashed var(--line);border-radius:6px;background:var(--bg-3);display:grid;place-items:center;cursor:pointer;overflow:hidden;padding:0}.def-cell.filled{border-style:solid;border-color:var(--gold-dim);background:var(--panel)}.def-cell:active{background:var(--panel-hi)}.def-terr{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:.45;font-size:22px}.def-plus{color:var(--ink-3);font-size:22px}.def-unit{position:relative;width:68%;height:68%;display:grid;place-items:center}.def-glyph{position:relative;z-index:1;width:100%;height:100%;display:grid;place-items:center;font-size:22px;border-radius:50%;background:#1e3450cc;box-shadow:0 0 0 1.5px var(--ally) inset}.def-facing{position:absolute;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;color:var(--ally-hi)}.def-facing.f0{top:-8px;left:50%;transform:translate(-50%);border-bottom:10px solid currentColor}.def-facing.f2{bottom:-8px;left:50%;transform:translate(-50%);border-top:10px solid currentColor}.def-facing.f1{right:-8px;top:50%;transform:translateY(-50%);border-left:10px solid currentColor;border-right:0;border-top:7px solid transparent;border-bottom:7px solid transparent}.def-facing.f3{left:-8px;top:50%;transform:translateY(-50%);border-right:10px solid currentColor;border-left:0;border-top:7px solid transparent;border-bottom:7px solid transparent}