: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)}.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}