:root{--ink: #0c1226;--ink-2: #101838;--panel: #16203f;--panel-2: #1b2749;--gold: #e8c47a;--gold-dim: #a8894f;--scarlet: #e5484d;--scarlet-deep: #9c2a32;--text: #eef1fb;--muted: #9aa4c7;--line: rgba(232, 196, 122, .28);--line-soft: rgba(232, 196, 122, .16);--ok: #58c99b;--bad: #e5484d;--radius: 14px;--font-body: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-display: Georgia, "Times New Roman", "Noto Serif", serif;--nav-h: 64px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ink);color:var(--text);font-family:var(--font-body);min-height:100%}body{min-height:100dvh;background:radial-gradient(1200px 600px at 80% -10%,rgba(229,72,77,.12),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(126,168,224,.1),transparent 55%),var(--ink);overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0}p{margin:.2em 0;line-height:1.55}img{max-width:100%;display:block}button{font-family:inherit;color:inherit;cursor:pointer;min-height:44px}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.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}.muted{color:var(--muted)}.small{font-size:.82rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:var(--gold)}.section-title{font-size:1rem;color:var(--gold);margin:1.2rem 0 .6rem;letter-spacing:.06em}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:calc(.6rem + env(safe-area-inset-top)) 1rem .6rem;border-bottom:1px solid var(--line-soft);background:#0c1226d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:30}.topbar-brand{display:flex;align-items:center;gap:.6rem;min-width:0}.topbar-mark{width:34px;height:34px;border-radius:9px}.topbar-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.topbar-title{font-family:var(--font-display);font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.practice-badge{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:1px 8px;width:fit-content;background:#e8c47a14}.topbar-right{display:flex;align-items:center;gap:.6rem}.currency{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--gold);border:1px solid var(--line-soft);border-radius:999px;padding:5px 12px;background:#16203fb3}.currency-tag{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.app-body{flex:1;display:flex;min-height:0}.app-main{flex:1;min-width:0;padding:1rem 1rem calc(var(--nav-h) + 1.4rem + env(safe-area-inset-bottom));max-width:1100px;margin:0 auto;width:100%}.nav-rail{display:none}.nav-bottom{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:#0a0f20eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line-soft);padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--nav-h);background:none;border:0;color:var(--muted);font-size:.68rem;letter-spacing:.04em}.nav-item.is-active{color:var(--gold)}.nav-item.is-active svg{filter:drop-shadow(0 0 6px rgba(232,196,122,.6))}@media (min-width: 860px){.nav-bottom{display:none}.nav-rail{display:flex;flex-direction:column;gap:4px;width:196px;padding:1.2rem .6rem;border-right:1px solid var(--line-soft);position:sticky;top:58px;align-self:flex-start;height:calc(100dvh - 58px)}.nav-mark{width:40px;height:40px;border-radius:10px;margin:0 auto 1rem}.nav-rail .nav-item{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:.7rem;padding:.65rem .9rem;border-radius:10px;font-size:.85rem;min-height:44px}.nav-rail .nav-item.is-active{background:#e8c47a1a;box-shadow:inset 2px 0 0 var(--gold)}.app-main{padding-bottom:2rem}}.card{background:linear-gradient(165deg,var(--panel-2),var(--panel));border:1px solid var(--line-soft);border-radius:var(--radius);padding:1rem;box-shadow:0 8px 26px #00000059}.screen-head{margin-bottom:1rem}.screen-head h1{font-size:1.6rem;color:var(--gold)}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:10px;padding:.6rem 1.1rem;font-size:.9rem;border:1px solid transparent;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.primary-btn{background:linear-gradient(160deg,#f0d08c,#d9a84e);color:#241708;font-weight:700;box-shadow:0 4px 14px #e8c47a40}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #e8c47a66}.primary-btn:disabled{background:#3a3f55;color:#8a90a8;box-shadow:none}.primary-btn.danger{background:linear-gradient(160deg,#ef7d82,#c23340);color:#fff}.ghost-btn{background:#e8c47a12;border-color:var(--line-soft);color:var(--text)}.ghost-btn:hover:not(:disabled){background:#e8c47a24}.ghost-btn.danger{color:#f0a0a4}.ghost-btn:disabled{opacity:.45}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--line-soft);background:#16203fb3}.icon-btn.sm{width:30px;height:30px;min-height:30px;border-radius:7px}.icon-btn:disabled{opacity:.35}.tabs{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.tab{padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--line-soft);background:transparent;color:var(--muted);font-size:.88rem}.tab.is-active{color:var(--ink);background:var(--gold);border-color:var(--gold);font-weight:700}.segmented{display:inline-flex;border:1px solid var(--line-soft);border-radius:10px;overflow:hidden}.segment{padding:.45rem .9rem;background:transparent;border:0;color:var(--muted);font-size:.85rem;min-height:44px}.segment.is-active{background:#e8c47a29;color:var(--gold)}.action-chip{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#00000059;border:1px solid var(--line-soft)}.action-chip[data-action=rock]{background:#e0a45829}.action-chip[data-action=paper]{background:#e8e2d224}.action-chip[data-action=scissors]{background:#7fb0e029}.combo-cost{display:inline-flex;gap:3px;margin-left:.5rem;vertical-align:middle}.combo-cost .action-chip{width:20px;height:20px}.rarity{color:var(--gold);display:inline-flex;gap:1px}.notice{margin:.6rem 0;padding:.6rem .9rem;border:1px solid rgba(229,72,77,.5);background:#e5484d24;border-radius:10px;color:#ffd6d8;font-size:.9rem}.hero{position:relative;overflow:hidden;padding:0;min-height:340px;display:flex;align-items:stretch}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0}.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.55}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0c1226eb 20%,#0c122673 65%,#0c1226bf)}.hero-copy{position:relative;padding:2rem 1.4rem;max-width:62%;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.hero-copy h1{font-size:clamp(1.5rem,3.4vw,2.4rem);line-height:1.15}.hero-copy h1 em{color:var(--scarlet);font-style:normal}.hero-sub{color:var(--muted);max-width:46ch}.hero-cta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.4rem}.hero-portrait{position:relative;align-self:flex-end;margin-left:auto;width:min(40%,300px);filter:drop-shadow(0 10px 30px rgba(0,0,0,.6))}.home-grid{display:grid;gap:.8rem;grid-template-columns:1fr;margin-top:.9rem}.banner-card{position:relative;padding:0;overflow:hidden;text-align:left;border:1px solid var(--line-soft);background:var(--panel)}.banner-card img{width:100%;height:150px;object-fit:cover}.banner-overlay{position:absolute;inset:auto 0 0 0;display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:linear-gradient(transparent,#0a0e1ee6)}.banner-kicker{font-family:var(--font-display);color:var(--gold);font-size:.95rem}.banner-cta{display:inline-flex;align-items:center;gap:4px;color:var(--text);font-size:.8rem}.quick-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-align:left;padding:1.1rem}.quick-icon{color:var(--gold)}.quick-title{font-family:var(--font-display);font-size:1.05rem}.quick-sub{color:var(--muted);font-size:.82rem}.fan-note{margin-top:1.4rem;font-size:.75rem;color:var(--muted);text-align:center}@media (min-width: 700px){.home-grid{grid-template-columns:2fr 1fr 1fr}.banner-card img{height:100%;min-height:150px}}.stage-list{display:grid;gap:.9rem}.stage-card{display:flex;gap:1rem;justify-content:space-between}.stage-subtitle{color:var(--gold);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin:0}.stage-name{font-size:1.25rem}.stage-desc{color:var(--muted);font-size:.88rem;max-width:56ch}.stage-facts{display:flex;gap:1rem;margin-top:.4rem;font-size:.8rem;color:var(--text)}.fact{display:inline-flex;align-items:center;gap:5px;color:var(--gold)}.stage-rewards{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:.5rem 0 0}.stage-rewards li,.result-rewards li{border:1px dashed var(--line);border-radius:8px;padding:3px 9px;font-size:.75rem;color:var(--muted)}.stage-rewards em,.result-rewards em{color:var(--gold);font-style:normal;margin-left:4px}.reward-note{font-size:.7rem;color:var(--muted);margin-top:.35rem}.stage-side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:.6rem}.stage-foes{display:flex}.stage-foe{width:52px;height:66px;object-fit:cover;border-radius:8px;border:1px solid var(--line-soft);margin-left:-10px;box-shadow:0 4px 10px #00000073}.stage-foe:first-child{margin-left:0}.daily-preview{margin-bottom:1rem}.daily-head{display:flex;gap:.7rem;align-items:flex-start;color:var(--gold)}.daily-head h3{font-size:1rem}.daily-days{list-style:none;display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem;padding:0;margin:.8rem 0 0}.daily-days li{border:1px solid var(--line-soft);border-radius:8px;text-align:center;padding:.45rem .1rem;font-size:.68rem;color:var(--muted);display:flex;flex-direction:column;gap:2px}.daily-days li.is-today{border-color:var(--gold);color:var(--gold);background:#e8c47a14}.day-name{font-weight:700}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem}.collection-card{display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:12px;border:1px solid var(--line-soft);background:linear-gradient(170deg,var(--panel-2),var(--panel));text-align:left;min-height:0}.collection-card:hover{border-color:var(--gold)}.collection-art{position:relative;display:block}.collection-art .char-card{border:0;border-radius:0}.collection-portrait{width:100%;aspect-ratio:3 / 4;object-fit:cover}.collection-portrait:not(img){display:flex;align-items:center;justify-content:center;font-size:2rem;font-family:var(--font-display)}.action-badge{position:absolute;top:6px;right:6px;display:flex;gap:3px;padding:3px;border-radius:999px;background:#080b18bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.collection-tag{position:absolute;left:6px;top:6px;background:#080b18cc;color:var(--gold);border:1px solid var(--line-soft);font-size:.62rem;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}.collection-meta{display:flex;flex-direction:column;gap:2px;padding:.55rem .7rem .7rem}.collection-name{font-family:var(--font-display);font-size:.95rem}.collection-stats{font-size:.72rem;color:var(--muted)}.is-dimmed{opacity:.45}.formation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:1rem}.formation-slot{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:3px;border-radius:14px;border:1px solid var(--line-soft);background:#0a0f2080}.formation-slot:hover{border-color:var(--gold)}.formation-slot.is-support{border-style:dashed}.formation-tag{position:absolute;top:8px;left:8px;padding:.15rem .5rem;border-radius:999px;background:#080b18c7;border:1px solid rgba(255,255,255,.22);color:var(--gold);font-size:.65rem;font-weight:600;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formation-empty{width:100%;aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.formation-power{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--gold);font-size:.9rem}.picker{margin-top:.6rem}.picker h2{font-size:1.05rem;margin-bottom:.7rem;color:var(--gold)}.picker-head{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:space-between;margin-bottom:.7rem}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;margin-bottom:.8rem}.friend-pick{display:flex;flex-direction:column;gap:.3rem}@media (min-width: 700px){.formation-grid{grid-template-columns:repeat(4,1fr) 1fr}.formation-power{grid-column:auto;flex-direction:column}}.summon{padding:0;overflow:hidden;display:grid;grid-template-columns:1fr}.summon-art{width:100%;height:180px;object-fit:cover}.summon-body{padding:1.1rem}.summon-body h2{color:var(--gold)}.summon-featured{margin:.8rem 0}.summon-featured-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.4rem}.featured-chip{display:flex;align-items:center;gap:.6rem;border:1px solid var(--line-soft);border-radius:12px;padding:.4rem .8rem .4rem .4rem;background:#0a0f2080}.featured-portrait{width:44px;height:56px;object-fit:cover;border-radius:8px}.featured-chip strong{display:block;font-size:.85rem}.featured-chip em{display:block;font-size:.7rem;color:var(--muted);font-style:normal}.rates{border-collapse:collapse;margin:.6rem 0;font-size:.85rem}.rates th,.rates td{border:1px solid var(--line-soft);padding:.35rem 1rem;text-align:left}.rates th{color:var(--gold);font-family:var(--font-display)}.summon-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.6rem}@media (min-width: 760px){.summon{grid-template-columns:5fr 6fr}.summon-art{height:100%}}.friends-list{display:grid;gap:.8rem;margin-bottom:1rem}.friend-card{display:flex;align-items:center;gap:.9rem}.friend-portrait{width:60px;height:76px;object-fit:cover;border-radius:10px;border:1px solid var(--line-soft)}.friend-info{flex:1;min-width:0}.friend-info h3{font-size:1.05rem;color:var(--gold)}.friend-tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);border:1px solid var(--line-soft);padding:3px 8px;border-radius:999px;white-space:nowrap}.friends-cta{display:flex;align-items:center;gap:.9rem}.friends-cta>div{flex:1}.friends-cta svg{color:var(--gold);flex-shrink:0}.friends-cta h3{font-size:1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050812b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60;padding:1rem}.modal{width:min(560px,100%);max-height:min(86dvh,720px);display:flex;flex-direction:column;background:linear-gradient(170deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px #0000008c}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.1rem .4rem}.modal-title{font-size:1.15rem;color:var(--gold)}.modal-body{padding:.4rem 1.1rem 1.1rem;overflow-y:auto}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1rem}.card-modal-grid{display:grid;grid-template-columns:1fr;gap:1rem}.card-modal-art{position:relative;width:min(220px,60%);margin:0 auto}.card-modal-portrait{width:100%;border-radius:12px;border:1px solid var(--line)}.card-title-text{color:var(--muted);font-style:italic;margin-top:0}.stat-grid{display:flex;gap:1.4rem;margin:.6rem 0}.stat-grid div{display:flex;flex-direction:column}.stat-grid dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.stat-grid dd{margin:0;font-size:1.25rem;font-family:var(--font-display);color:var(--gold)}.skill-block{border-top:1px solid var(--line-soft);padding:.6rem 0}.skill-block h3{font-size:.9rem;color:var(--text);font-family:var(--font-body);font-weight:700}.skill-block p{font-size:.82rem;color:var(--muted)}@media (min-width: 560px){.card-modal-grid{grid-template-columns:220px 1fr}.card-modal-art{width:100%;margin:0}}.settings-list{display:flex;flex-direction:column;gap:1rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-row h3{font-size:.95rem;font-family:var(--font-body)}.settings-row p{font-size:.8rem;color:var(--muted);margin:0}.switch{width:52px;height:30px;min-height:30px;border-radius:999px;border:1px solid var(--line);background:#262f52;position:relative;flex-shrink:0;transition:background .15s ease}.switch-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--muted);transition:transform .15s ease,background .15s ease}.switch.is-on{background:#e8c47a59}.switch.is-on .switch-thumb{transform:translate(22px);background:var(--gold)}.settings-note{font-size:.75rem;color:var(--muted);border-top:1px solid var(--line-soft);padding-top:.8rem}.help-body ol{padding-left:1.2rem;display:flex;flex-direction:column;gap:.45rem;font-size:.88rem;color:var(--text)}.help-note{margin-top:.8rem;font-size:.75rem;color:var(--muted)}.story-player{position:relative;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--ink)}.story-bg{position:absolute;top:0;right:0;bottom:0;left:0}.story-bg img{width:100%;height:100%;object-fit:cover}.story-bg-plain{width:100%;height:100%;background:radial-gradient(600px 300px at 50% 20%,#1a2748,var(--ink))}.story-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(12,18,38,.25),transparent 40%,rgba(12,18,38,.88) 78%)}.story-stage{position:absolute;top:0;right:0;bottom:26%;left:0;pointer-events:none}.story-sprite{position:absolute;bottom:0;transform:translate(-50%);height:88%;display:flex;align-items:flex-end;justify-content:center;transition:opacity .3s ease,filter .3s ease}.story-sprite img{height:100%;max-width:34vw;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 22px rgba(0,0,0,.55))}.story-sprite.is-dim{opacity:.75;filter:brightness(.85)}.story-sprite-fallback{width:160px;height:240px;border:2px dashed rgba(255,255,255,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff9;background:#ffffff0f}.story-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:calc(.7rem + env(safe-area-inset-top)) 1rem .5rem}.story-scene-title{font-family:var(--font-display);font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 8px rgba(0,0,0,.8)}.story-controls{display:flex;gap:.4rem}.story-controls .ghost-btn{min-height:44px;padding:.35rem .8rem;font-size:.78rem;background:#080b1899}.story-box{position:relative;z-index:2;margin-top:auto;padding:.6rem .8rem calc(.9rem + env(safe-area-inset-bottom))}.story-dialogue{display:block;width:100%;text-align:left;background:#0a0e1edb;border:1px solid var(--line);border-radius:14px;padding:.9rem 1.1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.story-speaker{display:block;font-family:var(--font-display);font-size:.85rem;letter-spacing:.08em;color:var(--gold);margin-bottom:.3rem}.story-text{display:block;font-size:1rem;line-height:1.6;min-height:3.2em}.tw-caret{display:inline-block;width:.55em;height:1em;margin-left:2px;vertical-align:-.15em;background:var(--gold);animation:caret-blink .7s steps(2) infinite}@keyframes caret-blink{50%{opacity:0}}.story-hint{display:block;text-align:right;font-size:.7rem;color:var(--muted);margin-top:.35rem}.story-choice,.story-end{background:#0a0e1edb;border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.story-prompt{font-family:var(--font-display);color:var(--gold);margin-top:0;margin-bottom:.7rem}.story-options{display:flex;flex-direction:column;gap:.5rem}.choice-btn{display:flex;align-items:center;gap:.5rem;justify-content:center;text-align:center;border:1px solid var(--line-soft);background:#e8c47a14;border-radius:10px;padding:.7rem 1rem;font-size:.92rem}.choice-btn:hover:not(:disabled){border-color:var(--gold);background:#e8c47a29}.choice-btn:disabled{opacity:.5}.choice-req{font-size:.7rem;color:var(--muted)}.story-end{text-align:center}.story-end p{font-family:var(--font-display);color:var(--gold);font-size:1.05rem;margin-bottom:.8rem}.backlog-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem;font-size:.88rem}.backlog-list strong{color:var(--gold)}.battle-root{position:relative;min-height:100dvh;display:flex;flex-direction:column;gap:.55rem;padding:calc(.6rem + env(safe-area-inset-top)) .7rem calc(.7rem + env(safe-area-inset-bottom));background:radial-gradient(700px 340px at 50% -60px,rgba(229,72,77,.16),transparent 60%),radial-gradient(900px 500px at 50% 115%,rgba(58,90,140,.18),transparent 60%),var(--ink);overflow-x:hidden}.battle-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.battle-circle{width:min(140vw,640px);opacity:.16;animation:slow-spin 90s linear infinite}@keyframes slow-spin{to{transform:rotate(360deg)}}.battle-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:.5rem;z-index:2}.battle-round{font-family:var(--font-display);font-size:1rem;color:var(--gold);letter-spacing:.06em}.battle-round .ver{font-size:.65rem;color:var(--muted);font-family:var(--font-body)}.battle-top-actions{display:flex;gap:.35rem}.battle-top-actions .ghost-btn{min-height:44px;padding:.3rem .7rem;font-size:.76rem}.battle-row{position:relative;display:flex;gap:.55rem;z-index:1}.battle-row.enemies{justify-content:center;flex-wrap:wrap}.battle-row.allies{display:grid;grid-template-columns:repeat(4,1fr)}.fighter-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.55rem .45rem .6rem;border-radius:12px;border:1px solid var(--line-soft);background:#0e142ad1;min-width:0}.enemy-card{width:min(132px,44%)}.ally-card{border-width:1.5px}.ally-card.is-caster{box-shadow:0 0 0 2px #e8c47a80,0 4px 16px #00000073}.ally-card:disabled{cursor:default}.caster-tag{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--scarlet);color:#fff;font-size:.56rem;letter-spacing:.1em;font-weight:800;padding:2px 8px;border-radius:999px;z-index:2}.enemy-card.is-target{border-color:var(--scarlet);box-shadow:0 0 0 2px #e5484d73,0 6px 18px #0006}.fighter-portrait{width:100%;max-width:110px;aspect-ratio:3 / 4;object-fit:cover;border-radius:8px;border:1px solid var(--line-soft)}.fighter-name{font-size:.72rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.target-tag{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--scarlet);color:#fff;font-size:.58rem;letter-spacing:.12em;font-weight:800;padding:2px 8px;border-radius:999px;z-index:2}.support-tag{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--gold);color:#241708;font-size:.56rem;letter-spacing:.1em;font-weight:800;padding:2px 8px;border-radius:999px;z-index:2}.dead-tag{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080a16b3;border-radius:12px;color:var(--bad);font-family:var(--font-display);letter-spacing:.3em;font-size:.9rem}.is-dead .fighter-portrait{filter:grayscale(1) brightness(.55)}.fighter-card.is-aiming{border-color:var(--accent)!important;box-shadow:0 0 0 2px #e8c47a8c,0 0 18px #e8c47a59;cursor:crosshair;animation:aim-pulse 1.1s ease-in-out infinite}@keyframes aim-pulse{0%,to{box-shadow:0 0 0 2px #e8c47a8c,0 0 14px #e8c47a4d}50%{box-shadow:0 0 0 3px #e8c47acc,0 0 24px #e8c47a80}}.spell-btn.is-armed{background:#e8c47a29;border-color:var(--accent)!important;box-shadow:0 0 12px #e8c47a73}.status-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.status-chip{display:inline-flex;align-items:center;gap:4px;font-size:.56rem;font-weight:700;letter-spacing:.04em;padding:1px 6px;border-radius:999px;background:#78a0ff2e;border:1px solid rgba(120,160,255,.4);color:#aac6ff}.status-rounds{opacity:.75;font-weight:400}.boost-tag{display:inline-flex;align-items:center;font-size:.62rem;font-weight:800;letter-spacing:.04em;padding:1px 6px;border-radius:999px;background:linear-gradient(135deg,#ffc85a47,#ff783c47);border:1px solid rgba(255,190,80,.55);color:#ffd98a}.token-card .boost-tag{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);z-index:3}.cast-cutin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.cast-cutin-ally{--dir: 1}.cast-cutin-enemy{--dir: -1}@keyframes cast-swipe{0%{transform:translate(calc(var(--dir) * -115vw)) skew(calc(var(--dir) * 18deg));opacity:0;animation-timing-function:cubic-bezier(.55,.06,.78,.4)}9%{opacity:1}22%{transform:translate(calc(var(--dir) * 4vw)) skew(calc(var(--dir) * -5deg));animation-timing-function:cubic-bezier(.3,.9,.3,1)}38%{transform:translate(calc(var(--dir) * -1.5vw)) skew(calc(var(--dir) * 2deg));animation-timing-function:cubic-bezier(.45,0,.55,.2)}58%{transform:translate(calc(var(--dir) * 6vw)) skew(calc(var(--dir) * -4deg));animation-timing-function:cubic-bezier(.5,0,.95,.55)}86%{opacity:1}to{transform:translate(calc(var(--dir) * 115vw)) skew(calc(var(--dir) * -18deg));opacity:0;animation-timing-function:cubic-bezier(.6,-.1,.9,.4)}}.cast-cutin-img{height:min(62vh,460px);max-width:80vw;object-fit:contain;filter:drop-shadow(0 18px 48px rgba(0,0,0,.65));animation:cast-swipe 1.75s cubic-bezier(.4,0,.2,1) both}.cast-cutin-initial{font-family:var(--font-display);font-size:9rem;animation:cast-swipe 1.75s cubic-bezier(.4,0,.2,1) both}@keyframes cast-flash{0%{opacity:0}30%{opacity:1}60%{opacity:1}to{opacity:0}}.cast-cutin-flash{position:absolute;top:0;right:0;bottom:0;left:0;animation:cast-flash 1.75s both}@keyframes cast-name{0%,16%{opacity:0;transform:translateY(16px) scale(.92)}26%{opacity:1;transform:none}62%{opacity:1;transform:none}80%,to{opacity:0;transform:translateY(-6px)}}.cast-cutin-name{position:absolute;bottom:18%;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:clamp(1.1rem,3.4vw,1.7rem);letter-spacing:.12em;padding:6px 22px;border:1px solid;border-radius:6px;background:#0a0c18d1;color:#fff;animation:cast-name 1.75s both}.was-hit{animation:hit-flash .45s ease}@keyframes hit-flash{0%{transform:translate(0)}25%{transform:translate(-4px);box-shadow:0 0 0 2px #e5484db3}55%{transform:translate(4px)}to{transform:translate(0)}}.hpbar{width:100%;display:flex;flex-direction:column;gap:2px}.hpbar-track{height:7px;border-radius:999px;background:#00000080;border:1px solid rgba(255,255,255,.1);overflow:hidden}.hpbar-fill{height:100%;border-radius:999px;transition:width .35s ease}.hpbar-ally .hpbar-fill{background:linear-gradient(90deg,#58c99b,#a8e0b8)}.hpbar-enemy .hpbar-fill{background:linear-gradient(90deg,#e5484d,#f09a9e)}.hpbar-text{display:flex;justify-content:space-between;align-items:center;font-size:.62rem;color:var(--muted);width:100%}.hpbar-shield{display:inline-flex;align-items:center;gap:2px;color:#9ec8f0}.battle-mid{position:relative;display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:center;z-index:1}.bank{display:flex;align-items:center;gap:.4rem;border:1px solid var(--line-soft);border-radius:999px;padding:.25rem .7rem;background:#0e142acc}.bank-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.bank-cell{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;color:var(--text)}.spell-row{display:flex;gap:.4rem;align-items:center;justify-content:center;flex-wrap:nowrap;width:100%;min-width:0}.spell-btn{display:inline-flex;flex:1 1 0;min-width:0;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--line-soft);background:#e8c47a1a;color:var(--gold);border-radius:999px;padding:.32rem .6rem;font-size:.75rem;min-height:44px;white-space:nowrap;overflow:hidden}.spell-info-btn{flex:0 0 auto}.spell-btn.is-off{opacity:.45;background:#0e142a99;color:var(--muted)}.spell-name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}.spell-btn .combo-cost{flex:0 0 auto;font-size:.68rem}.spell-info-btn{min-width:44px;min-height:44px}.battle-controls{position:relative;margin-top:auto;z-index:2;display:flex;flex-direction:column;gap:.5rem}.hand{display:flex;gap:.5rem;justify-content:center;flex-wrap:nowrap;overflow-x:auto;padding:.3rem .1rem;scrollbar-width:thin}.token-card{position:relative;flex:0 0 auto;width:76px;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .3rem .55rem;border-radius:12px;border:1.5px solid var(--line-soft);background:linear-gradient(170deg,#1c2648,#131b38);transition:transform .12s ease,box-shadow .12s ease}.token-card:hover:not(:disabled){transform:translateY(-3px)}.token-card.is-picked{transform:translateY(-6px)}.token-card:disabled{opacity:.6}.token-index{position:absolute;top:4px;left:6px;font-size:.6rem;color:var(--muted)}.token-action{font-size:.7rem;font-weight:700;letter-spacing:.04em}.token-owner{font-size:.62rem}.pick-order{position:absolute;top:-8px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#241708;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000080}.slots{display:flex;gap:.5rem;justify-content:center}.slot{position:relative;width:104px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:.3rem .45rem;border:1.5px dashed var(--line);border-radius:10px;background:#0e142a8c}.slot.is-filled{border-style:solid;border-color:var(--gold);background:#e8c47a14}.slot.is-selected{box-shadow:0 0 0 2px var(--gold)}.slot-num{position:absolute;top:-9px;left:8px;background:var(--ink);padding:0 5px;font-size:.62rem;color:var(--gold);font-weight:700}.slot-body{display:flex;align-items:center;gap:.4rem}.slot-owner{font-size:.68rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-empty{color:var(--muted);font-size:.78rem;letter-spacing:.06em}.slot-toolbar{display:flex;gap:.5rem;justify-content:center;align-items:center;min-height:44px}.commit-row{display:flex;gap:.6rem;justify-content:center}.commit-row .primary-btn{min-width:200px}.resolve-modal .primary-btn{width:100%}.matchup-list{list-style:none;padding:0;margin:0 0 .8rem;display:flex;flex-direction:column;gap:.4rem}.matchup{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line-soft);border-radius:10px;padding:.4rem .8rem;background:#0a0f2099}.matchup.outcome-ally{border-color:#58c99b80}.matchup.outcome-enemy{border-color:#e5484d80}.matchup-side{display:flex;align-items:center;gap:.5rem}.matchup-who{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.matchup-verdict{font-family:var(--font-display);font-size:.8rem;letter-spacing:.2em;color:var(--muted)}.outcome-ally .matchup-verdict{color:var(--ok)}.outcome-enemy .matchup-verdict{color:var(--bad)}.resolve-events{max-height:200px;overflow-y:auto;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:.5rem 0;margin-bottom:.9rem}.event{font-size:.8rem;color:var(--muted);margin:.15rem 0}.event.kind-attack,.event.kind-ko{color:#f0b8ba}.event.kind-heal{color:#a8e0b8}.event.kind-shield{color:#9ec8f0}.event.kind-spell,.event.kind-passive{color:var(--gold)}.event.kind-remove_combo{color:#d8a8e0}.log-list{display:flex;flex-direction:column}.result-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(700px 340px at 50% 10%,rgba(229,72,77,.14),transparent 60%),var(--ink)}.result-card{width:min(520px,100%);text-align:center;padding:2rem 1.4rem}.result-card.is-win{border-color:#58c99b80}.result-card.is-lose{border-color:#e5484d80}.result-kicker{color:var(--gold);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .4rem}.result-card h1{font-size:1.7rem;margin-bottom:.6rem}.result-rewards{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;padding:0;margin:1rem 0}.result-actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:1.2rem}@media (max-width: 560px){.battle-root{gap:.4rem}.ally-card .fighter-name,.enemy-card .fighter-name{font-size:.62rem}.fighter-card{padding:.4rem .3rem .5rem;gap:.2rem}.enemies .fighter-portrait{max-width:72px}.allies .fighter-portrait{max-width:64px}.battle-row.allies{gap:.4rem}.battle-mid{gap:.35rem}.token-card{width:62px;padding:.55rem .25rem .5rem}.hand{gap:.4rem}.slot{width:96px}.stage-card{flex-direction:column}.stage-side{flex-direction:row;align-items:center}.hero-copy{max-width:100%;padding-right:38%}.hero-portrait{position:absolute;right:0;bottom:0;width:34%}}@media (max-width: 400px){.spell-name{max-width:86px;overflow:hidden;text-overflow:ellipsis}.token-card{width:58px}}@media (min-width: 860px){.token-card{width:92px}.battle-root{padding-left:2rem;padding-right:2rem;max-width:1200px;margin:0 auto;width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.center-screen{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:1rem;position:relative}.auth-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.35}.auth-bg img{width:100%;height:100%;object-fit:cover}.auth-card{width:min(420px,100%);display:flex;flex-direction:column;gap:.7rem;text-align:center}.auth-mark{width:64px;margin:0 auto}.auth-form{display:flex;flex-direction:column;gap:.7rem;text-align:left}.form-ok{color:var(--ok, #57c785);font-size:.85rem}.form-error{color:var(--scarlet, #e5484d);font-size:.85rem}.active-battle{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;border-color:var(--gold);margin-bottom:.8rem;min-height:44px}.clear-tag{color:var(--ok, #57c785);font-size:.75rem;margin-left:.5rem;vertical-align:middle}.daily-reward-list{list-style:none;padding:0;margin:0 0 .8rem}.daily-reward-list li{padding:.35rem .2rem;border-bottom:1px solid var(--line, #33406b)}.daily-reward-list li.is-claimed{color:var(--muted)}.reveal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem}.reveal-card{background:var(--panel-2, #232d4d);border:1px solid var(--line, #33406b);border-radius:10px;padding:.6rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center}.reveal-card.rarity-5{border-color:var(--gold)}.reveal-card.rarity-4{border-color:var(--scarlet, #e5484d)}.reveal-portrait{width:64px;height:64px;border-radius:8px}.reveal-meta{font-size:.75rem;color:var(--muted)}.publish-support{border-top:1px dashed var(--line, #33406b);padding-top:.7rem}.publish-support select{background:var(--ink, #131a2b);color:inherit;border:1px solid var(--line, #33406b);border-radius:6px;min-height:44px;padding:.3rem .6rem}.practice-badge.is-account{color:var(--gold)}.char-card{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:12px;border:1px solid var(--line-soft, #2a3554);background:#141b36;container-type:inline-size;font-family:var(--font-body, inherit)}.cc-layer{line-height:1}.cc-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cc-fill-stretch{object-fit:fill}.cc-initials{display:flex;align-items:center;justify-content:center;font-family:var(--font-display, serif);font-size:20cqw;color:var(--text, #eef1fb)}.cc-combo-dot{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#080b18b8;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cc-combo-dot svg{width:78%;height:78%}.cc-text{text-shadow:0 1px 3px rgba(0,0,0,.85);white-space:nowrap}.cc-name{font-weight:700}.action-glyph-img{display:block;object-fit:contain}.currency-icon{width:15px;height:15px;object-fit:contain;display:inline-block;vertical-align:-2px}:root{--ink: #10131c;--ink-2: #1b1f2a;--panel: #24232a;--panel-2: #31303a;--gold: #e4bd78;--gold-dim: #a68a5d;--scarlet: #b9464a;--scarlet-deep: #842d38;--text: #f5eee3;--muted: #ada9aa;--line: rgba(228, 189, 120, .38);--line-soft: rgba(228, 189, 120, .19);--radius: 4px;--font-body: "Segoe UI", system-ui, sans-serif;--font-display: Georgia, "Times New Roman", serif}body{background:#13151d}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.17;background:radial-gradient(circle at 15% 8%,#ae5661,transparent 34%),radial-gradient(circle at 80% 90%,#8f826e,transparent 40%)}button,a,input,select{-webkit-tap-highlight-color:transparent}.app{position:relative}.topbar{min-height:76px;padding:.7rem clamp(1rem,2.5vw,2.5rem);border-bottom:1px solid var(--line-soft);background:#13141bf5}.topbar-mark{width:42px;height:42px;border-radius:50%;border:1px solid var(--line)}.topbar-title{color:#f7e7cf;font-size:1.12rem;letter-spacing:.02em}.topbar-title span{color:var(--gold-dim);font-style:italic}.topbar-titles{gap:3px}.practice-badge{border:0;background:none;padding:0;border-radius:0;letter-spacing:.16em;font-size:.59rem}.topbar-right{gap:.7rem}.currency{border:1px solid var(--line-soft);border-radius:3px;background:#24242c;padding:8px 12px;font-variant-numeric:tabular-nums;font-weight:650}.icon-btn{border-radius:3px;background:#f0e0c50f}.icon-btn:hover:not(:disabled),.nav-item:hover{background:#e4bd7821;color:var(--gold)}.app-body{width:100%}.app-main{max-width:1500px;padding:clamp(1rem,2.5vw,2.5rem) clamp(1rem,3vw,3rem) calc(var(--nav-h) + 2rem + env(safe-area-inset-bottom))}.nav-identity{display:flex;align-items:center;gap:12px;padding:.6rem .6rem 1.3rem;border-bottom:1px solid var(--line-soft);margin-bottom:1.5rem}.nav-identity span{font-family:var(--font-display);font-size:.75rem;line-height:1.5;letter-spacing:.15em;color:var(--gold)}.nav-rail .nav-mark{margin:0;border-radius:50%;width:44px;height:44px}.nav-caption{font-size:.63rem;color:var(--gold-dim);letter-spacing:.22em;padding:0 1rem;margin:0 0 .6rem}.nav-item{transition:background .18s ease,color .18s ease}.nav-bottom{box-shadow:0 -10px 30px #1010168a}@media (min-width: 860px){.nav-rail{width:220px;flex:0 0 220px;height:calc(100dvh - 76px);top:76px;padding:1.5rem .75rem;background:#191920;border-right-color:var(--line-soft)}.nav-rail .nav-item{border-radius:3px;padding:.85rem 1rem;font-family:var(--font-display);font-size:1rem}.nav-rail .nav-item.is-active{background:linear-gradient(90deg,rgba(169,65,70,.33),transparent);box-shadow:inset 3px 0 var(--scarlet);color:#fff0d7}.nav-rail .nav-item svg{color:var(--gold-dim)}.app-main{padding-bottom:4rem}}.card{border:1px solid var(--line-soft);border-radius:var(--radius);background:linear-gradient(145deg,#302e32,#212128);box-shadow:0 15px 40px #0b0b1380}.primary-btn,.ghost-btn{min-height:46px;border-radius:3px;font-family:var(--font-display);font-weight:700;letter-spacing:.04em}.primary-btn{color:#fff8ee;background:linear-gradient(130deg,#b74449,#822f3b);border:1px solid #d77a72;box-shadow:inset 0 1px #ffffff30,0 5px 20px #36121b66}.primary-btn:hover:not(:disabled){background:linear-gradient(130deg,#c55,#923a42);box-shadow:0 6px 20px #9c364866}.primary-btn:disabled{color:#aaa4a0;background:#4c4848;border-color:#605653}.ghost-btn{border:1px solid var(--line);background:#16161a8c}.ghost-btn:hover:not(:disabled){background:#e4bd7824}.tab{border-radius:2px;font-family:var(--font-display);background:#26262d}.tab.is-active{background:#d7b87f;color:#2b2220}.segmented,.switch,.choice-btn,.collection-card,.modal,.field input,.publish-support select{border-radius:3px}.eyebrow{font-weight:700;color:var(--gold);font-size:.65rem;letter-spacing:.21em}.screen-head{margin-bottom:1.7rem;padding-bottom:1rem;border-bottom:1px solid var(--line-soft)}.screen-head:before{content:"GENSOKYO / ARCHIVES";display:block;color:var(--gold-dim);font-size:.65rem;letter-spacing:.24em;margin-bottom:.65rem}.screen-head h1{color:#f4e6cf;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.03em}.screen-head p{margin-top:.65rem;max-width:70ch}.section-title{font-family:var(--font-display);font-size:1.4rem;color:#f3e5cc;padding-bottom:.5rem;border-bottom:1px solid var(--line-soft);margin:1.9rem 0 1rem}.hero{min-height:clamp(420px,44vw,570px);border-color:var(--line);background:#20212a}.hero-bg img{opacity:.85}.hero-bg:after{background:linear-gradient(90deg,#16171ff5,#16171fd9 33%,#16171f3a 72%,#16171f88),linear-gradient(0deg,#17171f94,transparent 50%)}.hero:before{content:"✦";position:absolute;right:25px;top:15px;z-index:2;font-size:1.7rem;color:#f3dda7;opacity:.65}.hero-copy{max-width:62%;padding:clamp(1.4rem,4vw,4rem);gap:1rem;z-index:2}.hero-copy h1{font-size:clamp(2.3rem,5vw,4.8rem);max-width:14ch;line-height:1.08;letter-spacing:-.045em;text-shadow:0 4px 25px #0008}.hero-copy h1 em{color:#eebf95;font-style:italic}.hero-sub{color:#dad0c8;max-width:41ch;font-size:1rem}.hero-cta{margin-top:1rem}.hero-cta .primary-btn,.hero-cta .ghost-btn{min-height:50px}.eyebrow-rule{display:inline-block;vertical-align:middle;width:25px;border-top:1px solid currentColor;margin:0 8px}.hero-portrait{width:min(38%,390px);max-height:95%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 32px #060711dd);margin-right:3%}.home-section-heading{display:flex;align-items:end;justify-content:space-between;margin:2rem 0 1rem;border-bottom:1px solid var(--line-soft);padding-bottom:.8rem}.home-section-heading h2{margin-top:.2rem;font-size:clamp(1.5rem,3vw,2rem)}.home-section-heading>span{color:var(--gold-dim);font-size:.68rem;letter-spacing:.17em}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:0}.home-grid button{transition:transform .2s ease,border-color .2s ease}.home-grid button:hover{transform:translateY(-3px);border-color:var(--gold)}.banner-card{min-height:240px}.banner-card img{height:100%;min-height:240px;opacity:.86}.banner-overlay{padding:2rem 1.3rem 1.1rem;background:linear-gradient(transparent,#120e19f2);gap:1rem}.banner-kicker{font-size:1.3rem;display:grid}.banner-kicker small{font-family:var(--font-body);font-size:.65rem;letter-spacing:.17em;margin-bottom:.25rem}.banner-cta{color:#f5e5c9;white-space:nowrap}.quick-card{min-height:240px;padding:1.4rem;background:linear-gradient(125deg,#3b3436,#24242c)}.quick-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);color:var(--gold);transform:rotate(-6deg);margin-bottom:auto}.quick-icon svg{transform:rotate(6deg)}.quick-title{font-size:1.45rem;color:#f7ead5}.quick-sub{line-height:1.5}.quick-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.76rem;color:var(--gold);margin-top:.6rem;text-transform:uppercase;letter-spacing:.12em}.daily-card{background:linear-gradient(125deg,#514034,#302a30 66%)}.fan-note{padding:1rem;border-top:1px solid var(--line-soft);text-align:left}@media (min-width: 1200px){.home-grid{grid-template-columns:1.5fr 1fr 1fr}.banner-card{grid-row:span 2}}.stage-card{position:relative;overflow:hidden;padding:1.5rem;min-height:230px;background:linear-gradient(100deg,#343036,#22242e 70%);border-left:3px solid var(--scarlet)}.stage-card:before{content:"✦";position:absolute;font-size:12rem;right:20%;top:-5rem;opacity:.03;pointer-events:none}.stage-name{color:#f8ebd7;font-size:1.7rem;margin:.3rem 0 .5rem}.stage-facts{flex-wrap:wrap}.stage-foe{width:68px;height:88px;border-radius:2px}.stage-rewards li,.result-rewards li{border-style:solid;border-radius:2px;background:#110f1766}.collection-grid,.picker-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem}.collection-card{border-radius:3px;background:#24232a;padding:4px;box-shadow:0 10px 24px #0005;transition:transform .18s ease,border-color .18s ease}.collection-card:hover{transform:translateY(-5px)}.collection-art .char-card,.collection-tag,.formation-tag,.friend-tag{border-radius:2px}.formation-slot{border-radius:3px;background:#17171e;transition:transform .2s ease,border-color .2s ease}.formation-slot:hover{transform:translateY(-4px)}.formation-grid{padding:1.3rem}.formation-power{font-family:var(--font-display);font-size:1rem}.formation-power strong{display:block;font-size:1.7rem}.summon{border-color:var(--line);background:linear-gradient(135deg,#393037,#22232c)}.summon-art{min-height:350px;object-position:center}.summon-body{padding:clamp(1.2rem,3vw,2.5rem)}.summon-body h2{font-size:clamp(1.8rem,3vw,2.7rem);color:#f4e6d1}.featured-chip{border-radius:3px;background:#16161ca8}.rates{width:100%}.rates th{color:#f4deab}.rates td,.rates th{padding:.6rem}.friend-card{border-left:2px solid var(--gold-dim)}.friend-info h3{color:#f7e8cf}.modal{border-radius:3px;background:linear-gradient(150deg,#383239,#23222a);box-shadow:0 30px 90px #000b}.modal-title{color:#f7e9d2;font-size:1.5rem}.modal-head{border-bottom:1px solid var(--line-soft);padding-bottom:.8rem;margin-bottom:.4rem}.daily-modal{width:min(850px,100%)}.daily-reward-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;margin:1.2rem 0}.daily-reward-list li{border:1px solid var(--line);min-height:150px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:.7rem .25rem;gap:.45rem;background:#231e21;color:#f2e5d4}.daily-reward-list li.is-claimed{background:#292a29;color:var(--gold)}.day-count,.day-status{font-size:.61rem;letter-spacing:.1em;font-weight:700}.day-gift{font-size:2.3rem;color:var(--gold);margin:auto 0;text-shadow:0 0 20px #dfae6666}.daily-reward-list strong{font-size:.7rem}.day-status{color:var(--gold-dim)}.auth-screen{overflow:hidden;min-height:100dvh}.auth-bg{z-index:0;opacity:.65}.auth-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#14141fe8,#14141fa8,#14141fe6)}.auth-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:clamp(2rem,8vw,9rem);width:min(1120px,100%);align-items:center}.auth-intro{position:relative;padding:3rem 1rem 12rem}.auth-intro h1{font-size:clamp(2.6rem,5.3vw,5rem);max-width:12ch;line-height:1.06;letter-spacing:-.04em;margin:.9rem 0;text-shadow:0 6px 26px #000b}.auth-intro h1 em{color:#eab68a}.auth-intro p:not(.eyebrow){max-width:41ch;color:#d7d0cc}.auth-intro img{position:absolute;width:160px;height:195px;object-fit:cover;object-position:top;bottom:-2rem;right:10%;border:4px solid #dac79d;transform:rotate(8deg);box-shadow:0 18px 50px #0009}.auth-card{width:100%;padding:clamp(1.4rem,3vw,2.6rem);text-align:left;border-color:var(--line);background:#24232cf2}.auth-card h2{font-size:2.1rem}.auth-mark{width:48px;margin:0 0 .5rem}.auth-card .tabs{margin:.7rem 0 .3rem}.auth-card .tab{flex:1;padding:.45rem .6rem}.auth-form input{width:100%}.auth-form .primary-btn{width:100%;margin-top:.5rem}.auth-card .linklike{align-self:center;color:var(--gold)}.story-bg:after{background:linear-gradient(180deg,#11121f75,transparent 35%,#11121ff0 94%)}.story-scene-title{background:#17171ec7;padding:.75rem 1rem;border-left:2px solid var(--gold)}.story-box{width:min(1000px,100%);margin-left:auto;margin-right:auto;padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.story-dialogue,.story-choice,.story-end{border-radius:3px;border:1px solid var(--line);background:#1c1b24eb;box-shadow:0 18px 60px #0008;padding:1.2rem 1.5rem}.story-speaker{color:#e9c98c;font-size:1.12rem}.story-text{font-family:var(--font-display);font-size:clamp(1.02rem,2vw,1.3rem)}.choice-btn{justify-content:space-between;border-radius:2px}.result-screen{background:linear-gradient(#14141ddc,#14141dec),url(/assets/bg/shrine-night.svg) center/cover}.result-card{padding:2.5rem}@media (max-width: 760px){.topbar{min-height:64px}.topbar-title{font-size:.95rem}.topbar-title span{display:none}.topbar-mark{width:36px;height:36px}.currency{padding:5px 7px;font-size:.72rem}.currency-tag,.currency-name{display:none}.hero{min-height:460px;align-items:end}.hero-bg:after{background:linear-gradient(0deg,#15151fee,#15151fbb 42%,#15151f33)}.hero-copy{max-width:100%;padding:1.4rem;padding-right:29%}.hero-copy h1{font-size:clamp(2rem,7vw,3rem)}.hero-sub{font-size:.86rem}.hero-portrait{position:absolute;right:0;bottom:0;width:32%;margin:0;max-height:70%}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-card{grid-column:1/-1}.quick-card{min-height:210px}.daily-reward-list{grid-template-columns:repeat(4,minmax(0,1fr))}.auth-layout{grid-template-columns:1fr;max-width:440px;gap:0}.auth-intro{text-align:center;padding:.7rem 0 1.5rem}.auth-intro h1{font-size:2rem;max-width:none}.auth-intro img{display:none}.auth-intro p:not(.eyebrow){display:none}}@media (max-width: 520px){.topbar{padding-left:.65rem;padding-right:.65rem;gap:.3rem}.topbar-brand{gap:.3rem}.currency{gap:3px;font-size:.69rem}.currency-icon{width:12px;height:12px}.topbar-right{gap:.25rem}.topbar-right .icon-btn{width:36px;height:36px;min-height:36px}.nav-item{font-size:.59rem}.nav-item svg{width:18px;height:18px}.hero{min-height:480px}.hero-copy{padding-right:1.2rem;padding-bottom:1.5rem}.hero-copy h1{max-width:14ch}.hero-portrait{width:38%;opacity:.5}.hero-cta{position:relative;z-index:3}.quick-card{padding:1rem}.quick-title{font-size:1.15rem}.quick-sub{font-size:.74rem}.quick-link{font-size:.6rem}.banner-kicker{font-size:1rem}.banner-cta{font-size:.7rem}.daily-reward-list{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-reward-list li{min-height:120px}.stage-card{flex-direction:column}.stage-side{flex-direction:row;align-items:center}.collection-grid,.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-card{padding:1.2rem}}.battle-root{isolation:isolate;background:#141720;gap:.55rem}.battle-bg{z-index:-1}.battle-scenery{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.48}.battle-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#15151bc9,#15151b55 32%,#15151bb3 68%,#111218ed)}.battle-circle{position:absolute;top:19%;left:50%;transform:translate(-50%);width:min(64vw,540px);opacity:.1;animation:none}.battle-top{padding:.2rem .4rem .65rem;border-bottom:1px solid var(--line)}.battle-round{display:grid;gap:.16rem;font-size:1.35rem;color:#f7e9d4}.battle-round small{font-family:var(--font-body);font-size:.58rem;color:var(--gold);letter-spacing:.17em}.battle-side-label,.battle-hand-heading{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;max-width:100%;padding:0 .4rem;font-size:.64rem;font-weight:700;color:var(--gold);letter-spacing:.16em}.battle-side-label span:last-child,.battle-hand-heading span:last-child{color:#c4bbb0}.battle-row.enemies{flex-wrap:nowrap;overflow-x:auto;padding:.5rem 0 .7rem;align-items:start}.enemy-card{flex:0 0 auto;width:clamp(100px,13vw,150px)}.fighter-card{border-radius:3px;background:#24232be8;box-shadow:0 10px 25px #0007}.fighter-portrait{border-radius:2px;max-width:none;object-position:top}.enemy-card .fighter-portrait{max-width:none;aspect-ratio:3/3}.ally-card .fighter-portrait{max-width:none;aspect-ratio:3/2.4}.fighter-name{font-family:var(--font-display);font-size:.82rem;color:#f6e8d4}.ally-card.is-caster{box-shadow:0 0 0 2px var(--gold),0 10px 30px #0009}.enemy-card.is-target{box-shadow:0 0 0 2px var(--scarlet),0 10px 30px #0009}.caster-tag,.target-tag,.support-tag{border-radius:2px}.battle-mid{margin:auto 0;background:#191a21b8;border:1px solid var(--line-soft);padding:.65rem}.bank{border-radius:2px;background:#18181de8}.spell-row{max-width:710px;margin:.2rem auto 0}.spell-btn{border-radius:3px;background:#39313b;color:#f7e5c2}.spell-btn.is-off{background:#202027}.battle-row.allies{max-width:780px;width:100%;margin:0 auto}.ally-card{width:100%}.battle-controls{border:1px solid var(--line);background:#17171eeb;padding:.9rem;box-shadow:0 -12px 45px #08080e77}.battle-hand-heading{margin-bottom:.25rem}.hand{gap:clamp(.3rem,1.2vw,.9rem);padding:.7rem .2rem .3rem}.token-card{width:clamp(68px,9vw,115px);min-height:140px;border-radius:3px;padding:.2rem .3rem .5rem;background:linear-gradient(160deg,#35303b,#1b1a24);overflow:visible;gap:.1rem}.token-card.is-picked{transform:translateY(-8px)}.token-art{width:100%;height:78px;object-fit:cover;object-position:center 30%;opacity:.82;border-radius:2px}.token-index{z-index:2;background:#17171ec9;color:#f9eacb;padding:2px 5px;font-size:.62rem}.token-symbol{position:absolute;top:49px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#12121cc9;border:1px solid var(--line);color:#f5e2bb;box-shadow:0 4px 10px #0008}.token-action{margin-top:auto;text-transform:uppercase}.token-owner{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.slots{margin-top:.3rem}.slot{border-radius:2px}.slot-toolbar{min-height:36px}.slot-toolbar .icon-btn{height:32px;min-height:32px;width:32px}.slot-toolbar .ghost-btn{min-height:32px;font-size:.73rem;padding:.25rem .5rem}.commit-row .primary-btn{width:min(100%,340px)}@media (min-width: 860px){.battle-root{max-width:1400px}.battle-row.enemies{gap:1rem}.battle-row.allies{gap:.8rem}}@media (max-width: 600px){.battle-root{padding:calc(.45rem + env(safe-area-inset-top)) .45rem calc(.4rem + env(safe-area-inset-bottom));gap:.38rem}.battle-top-actions .ghost-btn{padding:.3rem .45rem;font-size:.68rem;gap:.25rem}.battle-round{font-size:1rem}.enemy-card{width:min(26%,110px);padding:.3rem}.enemy-card .fighter-portrait{aspect-ratio:3/2.7}.battle-row.allies{gap:.3rem}.fighter-card{padding:.3rem .15rem}.ally-card .fighter-portrait{aspect-ratio:3/2.6}.fighter-name{font-size:.64rem}.fighter-card .rarity{display:none}.battle-mid{padding:.35rem}.bank{padding:.2rem .35rem;gap:.2rem}.bank-label{font-size:.52rem}.battle-controls{padding:.5rem .25rem}.token-card{width:clamp(58px,17vw,76px);min-height:112px}.token-art{height:59px}.token-symbol{top:35px;width:36px;height:36px}.token-symbol svg{width:25px;height:25px}.token-action{font-size:.62rem}.token-owner{font-size:.56rem}.slot{width:30%;max-width:104px}.battle-hand-heading{font-size:.55rem}}.field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.field-label{font-size:.73rem;color:#eddec5;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.field input,.field select,.inline-row input{background:#171820;color:var(--text);border:1px solid var(--line);border-radius:2px;min-height:45px;padding:.65rem .8rem;font:inherit}.field input:focus,.inline-row input:focus{outline:2px solid var(--gold);outline-offset:1px}.field input::placeholder{color:var(--muted)}.linklike{display:inline-flex;align-items:center;gap:.35rem;border:0;background:none;min-height:44px;color:var(--gold);text-decoration:underline;text-underline-offset:3px}.inline-row,.row-actions{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap}.active-battle{background:linear-gradient(90deg,#594136,#25232b)}.auth-card .linklike{background:none;border:0}.roster-summary{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1.2rem 1.5rem;margin-bottom:1.5rem;background:linear-gradient(100deg,#493638,#24252e)}.roster-summary>div:first-child{display:grid;gap:.15rem}.roster-summary strong{font-family:var(--font-display);font-size:2.5rem;font-weight:400;line-height:1}.roster-summary strong small{font-size:1.1rem;color:var(--muted)}.roster-summary>div:first-child>span:last-child{color:var(--muted);font-size:.8rem}.roster-filter{display:flex;gap:.35rem;flex-wrap:wrap}.roster-filter .tab{min-height:40px}.formation-slot-label{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.3rem;font-family:var(--font-display);padding:.5rem .3rem .3rem;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.formation-slot-label span{color:var(--gold);font:700 .6rem var(--font-body);letter-spacing:.08em}.card-modal{width:min(800px,100%)}.card-modal-grid{align-items:start}.card-modal-art{width:min(280px,75%)}.card-modal-info .rarity{margin-bottom:1rem}.stat-grid{padding:1rem;border:1px solid var(--line-soft);background:#14151baa}.stat-grid dd{font-size:1.7rem}.skill-block{padding:.85rem 0}.skill-block h3{color:#f2e1c7;font-family:var(--font-display);font-size:1.05rem}@media (min-width: 560px){.card-modal-grid{grid-template-columns:minmax(190px,280px) 1fr}.card-modal-art{width:100%}}@media (max-width: 520px){.roster-summary{align-items:start;flex-direction:column}.roster-filter{width:100%}.roster-filter .tab{flex:1;padding:.4rem;font-size:.75rem}.formation-slot-label{font-size:.66rem}.formation-slot-label span{font-size:.5rem}}.battle-root{width:100%;max-width:none;height:100dvh;min-height:540px;padding:0;display:block;position:relative;overflow:hidden;isolation:isolate;background:#141923}.battle-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.battle-scenery{width:100%;height:100%;object-fit:cover;opacity:1}.battle-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#111521a3,#1115212e 28%,#0e111b0b 62%,#10121bcc)}.battle-top{position:absolute;inset:0 0 auto;z-index:5;padding:1rem clamp(1rem,2vw,2rem);border:0;align-items:flex-start;background:linear-gradient(#11141b98,transparent)}.battle-brief{display:grid;gap:.3rem;min-width:180px}.battle-round{display:block;width:fit-content;padding:.24rem .6rem;background:#121720bb;border-left:2px solid #decaa7;font:1rem var(--font-display);color:#f2edec;letter-spacing:.03em}.battle-round .ver{font:inherit;color:#c5c4cb}.battle-brief-label{color:#e5e2e1;background:#121720bb;width:fit-content;padding:.18rem .6rem;font:.72rem var(--font-display);letter-spacing:.06em}.enemy-bank-inline .bank{width:fit-content;padding:.18rem .5rem;gap:.4rem;background:#121720bd;border:0}.enemy-bank-inline .bank-label{font-size:.56rem}.enemy-bank-inline .bank-cell{font-size:.64rem}.enemy-bank-inline .bank-cell svg,.enemy-bank-inline .bank-cell img{width:12px;height:12px}.battle-top-actions{gap:.45rem}.battle-top-actions .ghost-btn{width:38px;height:38px;min-height:38px;padding:0;border:1px solid #e9e4dc55;border-radius:1px;background:#1519238a;color:#f1edeb;transform:rotate(45deg) scale(.78)}.battle-top-actions .ghost-btn svg{transform:rotate(-45deg) scale(1.25)}.battle-top-actions .ghost-btn:hover{background:#434450c9}.battle-root>.notice{position:absolute;top:5.5rem;left:50%;transform:translate(-50%);z-index:10;width:max-content;max-width:min(90vw,530px);background:#191e2aed;text-align:center}.duel-arena{position:absolute;top:24%;right:1.7%;bottom:22%;left:1.7%;display:flex;align-items:end;justify-content:space-between;gap:1%;pointer-events:none}.duel-arena-mark{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font:italic clamp(1.4rem,3vw,2.8rem) var(--font-display);color:#e5d4b155;text-shadow:0 0 20px #101620}.battle-row.enemies,.battle-row.allies{position:relative;display:flex;flex:none;align-items:end;justify-content:center;flex-wrap:nowrap;overflow:visible;width:43%;max-width:none;height:100%;gap:.4rem;margin:0;padding:0;pointer-events:auto}.battle-row.enemies{justify-content:flex-start}.battle-row.allies{width:49%;justify-content:flex-end}.fighter-card,.enemy-card,.ally-card{position:relative;width:auto;min-width:0;max-width:25%;height:100%;flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;padding:0;border:0!important;border-radius:0;background:none;box-shadow:none}.fighter-card:disabled{opacity:.45}.fighter-card.is-caster,.fighter-card.is-target,.ally-card.is-caster,.enemy-card.is-target{box-shadow:none}.ally-card.depth-front{transform:translateY(5%) scale(1.05);z-index:3}.ally-card.depth-mid{transform:translateY(-2%) scale(.97);z-index:2}.ally-card.depth-back{transform:translateY(-9%) scale(.9);filter:brightness(.85);z-index:1}.fighter-card{transition:transform .25s ease,filter .25s ease}.fighter-hud{position:absolute;bottom:min(68%,380px);left:50%;transform:translate(-50%);width:min(150%,190px);min-width:0;display:grid;justify-items:center;gap:.25rem;z-index:4;text-shadow:0 1px 4px #000,0 0 10px #000;pointer-events:none}.fighter-hud .fighter-spells,.fighter-hud .fighter-spell,.fighter-hud .status-chips{pointer-events:auto}.fighter-name{display:block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font:.74rem var(--font-display);color:#fff}.fighter-hud .hpbar{width:100%;gap:2px}.fighter-hud .hpbar-track{height:6px;border-radius:1px;border:1px solid #dfd8cc80;background:#171820}.fighter-hud .hpbar-fill{border-radius:0}.fighter-hud .hpbar-enemy .hpbar-fill{background:linear-gradient(90deg,#a24642,#e49a76)}.fighter-hud .hpbar-ally .hpbar-fill{background:linear-gradient(90deg,#55866a,#9abc82)}.fighter-hud .hpbar-text{font-size:.58rem;color:#e6e4df}.fighter-spells{display:flex;align-items:center;justify-content:center;gap:3px;max-width:100%}.fighter-spell{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;min-height:25px;padding:2px;border:1px solid #dfc79b9c;border-radius:2px;background:#292a35eb;color:#ecdbb2;box-shadow:0 2px 5px #0008}.fighter-spell img{width:100%;height:100%;object-fit:contain}.fighter-spell:disabled{opacity:.42;filter:grayscale(1)}.fighter-spell:not(:disabled):hover,.fighter-spell.is-armed{border-color:#ffe4ad;box-shadow:0 0 12px #e4c878;background:#575140}.enemy-spell{border-color:#e6a28a99;color:#e9a48f}.fighter-select{position:relative;width:100%;height:min(72%,410px);min-height:120px;padding:0;background:none;border:0;display:flex;align-items:end;justify-content:center}.fighter-select:disabled{opacity:.43}.fighter-select .fighter-portrait{width:100%;height:100%;max-width:none;aspect-ratio:auto;border:0;border-radius:0;background:none;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 10px #090d18c7);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 7%,black 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 7%,black 93%,transparent 100%)}.fighter-select .fighter-portrait.is-placeholder{mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 58% 67% at 50% 57%,#000 60%,transparent 97%);mask-image:radial-gradient(ellipse 58% 67% at 50% 57%,#000 60%,transparent 97%)}.fighter-card.is-target .fighter-portrait,.fighter-card.is-caster .fighter-portrait{filter:drop-shadow(0 0 12px #f5dbac) drop-shadow(0 10px 12px #000)}.fighter-card.is-aiming{box-shadow:none;animation:none}.fighter-card.is-aiming .fighter-hud{outline:2px solid #f7d79f}.fighter-select .dead-tag{border-radius:0;background:#0d111ab3}.fighter-select .target-tag,.fighter-select .caster-tag,.fighter-select .support-tag{top:auto;bottom:0;z-index:3;border-radius:1px}.fighter-select:focus-visible{outline:2px solid #f3ddad}.fighter-hud .status-chips{position:static}.battle-mid{position:absolute;bottom:clamp(1rem,3.5vh,2rem);left:clamp(.7rem,2vw,2rem);z-index:4;display:grid;justify-items:start;gap:.45rem;margin:0;padding:.65rem .75rem;width:clamp(170px,21vw,260px);max-width:30%;border:1px solid #b4a79470;background:#111720be;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.duel-bank-heading{display:flex;width:100%;justify-content:space-between;align-items:center;gap:.3rem;font:700 .58rem var(--font-body);color:#f2ece0;letter-spacing:.12em}.spell-info-btn{display:inline-flex;align-items:center;gap:.15rem;min-height:28px;padding:0 .25rem;font-size:.65rem;background:none;border:0;color:#e0ceb0}.battle-mid .bank{display:flex;gap:.65rem;padding:0;background:none;border:0}.battle-mid .bank-label{display:none}.battle-mid .bank-cell{display:grid;justify-items:center;font-size:.85rem;color:#f5e9d9}.battle-mid .bank-cell svg,.battle-mid .bank-cell img{width:25px;height:25px}.battle-mid p{font-size:.64rem;color:#ccc4b8;line-height:1.25}.battle-controls{display:contents}.battle-hand-heading{position:absolute;z-index:5;bottom:calc(clamp(104px,21vh,155px) + 1.7rem);right:1.5%;width:min(64%,750px);padding:0 .4rem;font-size:.58rem;letter-spacing:.13em;color:#faf3e9;text-shadow:0 1px 4px #000}.hand{position:absolute;right:1.5%;bottom:clamp(.8rem,2vh,1.5rem);z-index:5;width:min(66%,820px);height:clamp(130px,26vh,195px);margin:0;padding:14px 4px 4px;justify-content:flex-end;align-items:stretch;gap:clamp(3px,.6vw,10px);overflow:visible}.token-card{flex:1 1 0;width:0;min-width:0;max-width:150px;min-height:0;height:100%;padding:0 0 .2rem;display:flex;gap:0;border:1px solid #d8d4c990;border-radius:0;overflow:hidden;background:#191b28;box-shadow:0 3px 6px #0008}.token-card[data-action=rock]{background:linear-gradient(140deg,#785a3e,#282329 48%,#201d24)}.token-card[data-action=paper]{background:linear-gradient(140deg,#708792,#222936 48%,#191d2b)}.token-card[data-action=scissors]{background:linear-gradient(140deg,#5f6a8c,#292a3f 48%,#1e202f)}.token-card:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid #e9d9b348;pointer-events:none;z-index:2}.token-card:hover:not(:disabled),.token-card.is-picked{transform:translateY(-7px);border-color:#f6e3bf}.token-card .token-index{top:4px;left:5px;padding:1px 3px;background:#151923b8;font-size:.56rem}.token-art{position:relative;display:grid;place-items:center;width:100%;height:78%;flex:1;opacity:1;border:0;background:radial-gradient(ellipse at 50% 47%,#fff7d044,transparent 42%),repeating-linear-gradient(125deg,transparent 0 23px,#ffffff0c 24px 25px)}.token-art>svg,.token-art>img{position:relative;z-index:1;width:clamp(30px,4vw,55px);height:clamp(30px,4vw,55px);filter:drop-shadow(0 3px 5px #000)}.token-ornament{position:absolute;width:75%;aspect-ratio:1;border:2px solid #e9d8aa88;border-radius:50%;box-shadow:0 0 0 4px #15192380,0 0 0 5px #e9d8aa55;transform:rotate(18deg)}.token-ornament:before,.token-ornament:after{content:"✦";position:absolute;top:50%;left:-12px;transform:translateY(-50%);color:#eee6cb;font-size:.8rem}.token-ornament:after{left:auto;right:-12px}.token-action{width:100%;margin:0;padding:.16rem 0;background:#131720e8;color:#eee7da!important;font:700 .7rem var(--font-display);text-transform:uppercase;letter-spacing:.13em}.token-art .token-owner-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:.38;filter:grayscale(.4) brightness(.66);-webkit-mask-image:linear-gradient(#000 48%,transparent 100%);mask-image:linear-gradient(#000 48%,transparent 100%)}.token-art .token-ornament{z-index:1}.token-art>svg,.token-art>.action-glyph-img{z-index:2;filter:drop-shadow(0 2px 3px #080d17)}.token-owner{display:block;width:100%;padding:.08rem .15rem;background:#131720e8;color:#e5d4b9!important;font:600 .56rem var(--font-body);letter-spacing:.04em;text-transform:uppercase}.token-card .pick-order{top:4px;right:4px;width:18px;height:18px;font-size:.65rem}.slots{position:absolute;top:clamp(92px,17vh,145px);left:50%;transform:translate(-50%);z-index:4;width:min(36%,365px);justify-content:center;gap:clamp(3px,.7vw,10px)}.slot{width:clamp(56px,8vw,95px);min-height:clamp(76px,14vh,112px);border:1px solid #dfddca88;border-radius:0;background:#111821c7;box-shadow:0 4px 12px #0008}.slot:not(.is-filled){background:linear-gradient(140deg,#111820df,#28323ddd)}.slot:not(.is-filled):after{content:"✧";font:2rem var(--font-display);color:#bdc3c46b}.slot.is-filled{border-color:#e2d0a9;background:linear-gradient(145deg,#545463,#222b38)}.slot.is-selected{box-shadow:0 0 0 2px #f3dfb9,0 5px 15px #000}.slot-num{top:3px;left:4px;background:none;font-size:.64rem;color:#eee4ce}.slot-body{display:grid;gap:.2rem;justify-items:center}.slot-body svg,.slot-body img{width:29px;height:29px}.slot-owner{font-size:.62rem;color:#f3ecda}.slot-empty{display:none}.spell-confirm{position:absolute;bottom:100%;left:50%;transform:translate(-50%);z-index:8;display:grid;justify-items:center;gap:.35rem;width:max-content;min-width:150px;margin-bottom:.4rem;padding:.55rem .7rem .6rem;background:linear-gradient(160deg,#1d2330f2,#12151fec);border:1px solid #e9d5a8;box-shadow:0 10px 26px #000c,0 0 18px #e9d5a855;animation:spell-confirm-in .16s ease-out both}.spell-confirm:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#e9d5a8}@keyframes spell-confirm-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.spell-confirm-name{font:700 .78rem var(--font-display);letter-spacing:.08em;color:#f6ecd6}.spell-confirm-actions{display:flex;gap:.45rem}.spell-confirm-yes{padding:.3rem .9rem;border:0;background:linear-gradient(150deg,#e9d5a8,#c9a86a);color:#241c0e;font:700 .68rem var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.spell-confirm-yes:disabled{opacity:.4;cursor:default}.spell-confirm-no{padding:.3rem .55rem;border:1px solid #e9d5a866;background:none;color:#e9d5a8;font-size:.68rem;cursor:pointer}.commit-row{position:absolute;top:clamp(215px,39vh,310px);bottom:auto;left:50%;transform:translate(-50%);z-index:6;width:min(20%,200px)}.commit-row .primary-btn{width:100%;min-width:0;padding:.55rem .4rem;font:700 .72rem var(--font-display)}@media (max-width: 760px){.battle-root{min-height:520px}.battle-top{padding:.55rem .6rem}.battle-brief{min-width:0}.battle-round{font-size:.82rem}.battle-brief-label{font-size:.6rem;max-width:190px}.battle-top-actions{gap:.05rem}.duel-arena{top:29%;right:1%;bottom:26%;left:1%}.duel-arena-mark{display:none}.battle-row.enemies{width:45%;gap:0}.battle-row.allies{width:53%;gap:0}.fighter-hud{width:135%;bottom:min(60%,300px)}.fighter-name{font-size:.55rem}.fighter-spell{width:18px;height:18px;min-height:18px;padding:1px}.fighter-spell svg{width:12px;height:12px}.fighter-hud .hpbar-text{font-size:.47rem}.fighter-select{height:54%;min-height:80px}.fighter-select .target-tag,.fighter-select .caster-tag,.fighter-select .support-tag{padding:1px 3px;font-size:.44rem}.battle-mid{bottom:.5rem;left:.4rem;width:27%;max-width:none;padding:.35rem}.duel-bank-heading{font-size:.49rem}.battle-mid .bank{gap:.25rem}.battle-mid .bank-cell svg,.battle-mid .bank-cell img{width:17px;height:17px}.battle-mid .bank-cell{font-size:.65rem}.battle-mid p{display:none}.spell-info-btn{font-size:.5rem}.slots{top:12%;width:55%}.slot{width:min(15vw,65px);min-height:10vh}.hand{width:68%;height:clamp(95px,18vh,135px);right:.3rem;bottom:.5rem}.battle-hand-heading{width:68%;right:.3rem;bottom:calc(clamp(95px,18vh,135px) + .6rem);font-size:.49rem}.token-art>svg,.token-art>img{width:26px;height:26px}.token-action{font-size:.52rem;letter-spacing:0}.token-ornament:before,.token-ornament:after{display:none}.commit-row{top:calc(12% + 17vh);bottom:auto;left:50%;width:42%}.commit-row .primary-btn{min-height:32px;font-size:.57rem}}@media (max-height: 610px) and (min-width: 761px){.duel-arena{top:23%;right:1.7%;bottom:24%;left:1.7%}.fighter-select{height:70%}}@media (prefers-reduced-motion: reduce){.token-card{transition:none}}