:root{--bg: #f6f5ef;--surface: #ffffff;--surface-2: #fbf1eb;--line: #e7ded6;--title: #735056;--muted: #a99089;--pill-fg: #8a5a5a;--accent: #9179d1;--accent-hover: #8168c8;--accent-ink: #ffffff;--good: #22c55e;--warn: #d9453c;--count-total: #71717a;--count-slash: #a1a1aa;--cell-radius: 8px;--card-radius: 16px;--sheet-radius: 22px;--gap: 6px;--pad: 16px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-lg: 0 18px 50px rgb(115 80 86 / .16);--ease: cubic-bezier(.4, 0, .2, 1);--hit: 44px;--icon-btn: 36px;--tool-btn: 60px;--status-h: 30px;--font: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--title);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 16px calc(20px + env(safe-area-inset-bottom))}.play{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.header{width:100%;max-width:560px;display:flex;flex-direction:column;gap:4px}.header-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:var(--hit)}.header-left{justify-self:start;display:flex;align-items:center;gap:6px}.header-actions{justify-self:end;display:flex;align-items:center;gap:6px}.title{margin:0;font-size:20px;font-weight:600;color:var(--title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.status-bar{min-height:var(--status-h);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px}.stat{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-xs);font-size:13px;font-weight:600;line-height:1.4;color:var(--pill-fg);white-space:nowrap}.stat-label{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--muted)}.stat-num{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--title)}.stat-now{color:var(--good)}.stat-slash{color:var(--count-slash)}.stat-total{color:var(--count-total)}.icon-btn{position:relative;width:var(--icon-btn);height:var(--icon-btn);flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-xs);color:var(--title);cursor:pointer;transition:transform .15s var(--ease),opacity .15s var(--ease)}.icon-btn:after{content:"";position:absolute;top:50%;left:50%;width:var(--hit);height:var(--hit);transform:translate(-50%,-50%)}.icon-btn svg{width:22px;height:22px;display:block}.icon-btn:active{transform:scale(.9)}.icon-btn:disabled{opacity:.4;cursor:default}.footer{display:flex;gap:24px}.tool{width:var(--tool-btn);height:var(--tool-btn);display:grid;place-items:center;padding:10px;border:0;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-xs);color:var(--accent);cursor:pointer;transition:transform .15s var(--ease),opacity .15s var(--ease)}.tool svg{width:32px;height:32px;display:block}.tool:active:not(:disabled){transform:scale(.9)}.tool:disabled{opacity:.35;cursor:default}.app-home{position:relative;justify-content:center;gap:0}.home-top{position:absolute;top:16px;right:16px;display:flex;gap:6px}.home{display:flex;flex-direction:column;align-items:center;text-align:center;width:min(100%,320px)}.home-art{position:relative;width:132px;height:132px;display:grid;place-items:center}.home-title{margin:6px 0 0;font-size:36px;font-weight:700;letter-spacing:.06em;color:var(--title)}.home-sub{margin:6px 0 28px;font-size:14px;color:var(--muted)}.home-buttons{display:grid;gap:12px;width:100%}.home-btn{border:0;border-radius:999px;padding:15px 24px;font:inherit;font-size:16px;font-weight:700;color:var(--title);background:var(--surface);box-shadow:var(--shadow-xs);cursor:pointer;transition:transform .15s var(--ease),background-color .15s var(--ease)}.home-btn:active{transform:scale(.96)}.home-btn.primary{color:var(--accent-ink);background:var(--accent);padding:14px 24px}.home-btn.primary:hover{background:var(--accent-hover)}.home-btn-sub{display:block;margin-top:2px;font-size:12px;font-weight:600;opacity:.85}.home-progress{margin:20px 0 0;font-size:13px;font-weight:600;color:var(--muted)}.dev-pill{position:absolute;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border:0;border-radius:999px;padding:4px 12px;font:inherit;font-size:10px;font-weight:700;color:var(--muted);background:#73505614;cursor:pointer;opacity:.8}.dev-pill:active{opacity:.5}.dev-note{margin:0;font-size:12px;line-height:1.6;color:var(--muted);text-align:center}.dev-status{margin:0;font-size:12px;font-weight:700;color:var(--good);text-align:center;min-height:16px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#f6f5efa8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10}.sheet{background:var(--surface);border-radius:var(--sheet-radius);padding:26px 26px 22px;box-shadow:var(--shadow-lg);width:min(92vw,420px);max-height:min(80dvh,620px);display:flex;flex-direction:column;gap:12px}.sheet-title{margin:0;font-size:20px;font-weight:700;color:var(--title);text-align:center}.sheet-subtitle{margin:6px 0 0;font-size:14px;font-weight:700;color:var(--pill-fg)}.help-list{margin:0;padding-left:1.15em;display:grid;gap:8px;font-size:14px;line-height:1.65;color:var(--pill-fg)}.help-list li::marker{color:#c9b0a8}.sheet-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 16px;border:0;border-radius:12px;background:var(--surface-2);color:var(--pill-fg);font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer;transition:transform .14s var(--ease),background-color .14s var(--ease)}.sheet-row:hover{background:#f6e6dd}.sheet-row:active{transform:scale(.98)}.sheet-row.static{cursor:default}.sheet-row.static:active{transform:none}.sheet-row.danger{color:var(--warn)}.switch{position:relative;width:46px;height:27px;flex:none;border:0;border-radius:999px;padding:0;background:#ded2cb;cursor:pointer;transition:background-color .18s var(--ease)}.switch[aria-checked=true]{background:var(--accent)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:999px;background:#fff;box-shadow:var(--shadow-xs);transition:transform .18s var(--ease)}.switch[aria-checked=true]:after{transform:translate(19px)}.sheet-list{overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:2px;margin:0 -2px;overscroll-behavior:contain}.sheet-btn{border:0;border-radius:999px;padding:11px 30px;font:inherit;font-size:15px;font-weight:700;color:var(--accent-ink);background:var(--accent);cursor:pointer;transition:transform .15s var(--ease),background-color .15s var(--ease)}.sheet-btn:hover{background:var(--accent-hover)}.sheet-btn:active{transform:scale(.94)}.sheet-btn.quiet{color:var(--pill-fg);background:var(--surface-2)}.sheet-btn.quiet:hover{background:#f6e6dd}.sheet-link{margin-top:2px;border:0;background:none;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;padding:4px 12px}@media(max-width:640px){.sheet{padding:22px 20px 18px}.tool{width:54px;height:54px}.tool svg{width:28px;height:28px}.footer{gap:18px}}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}:root{--ink: #0b1520;--coin: #f5b81c;--coin-deep: #c98a00;--atk: #e5484d;--hp: #2fa84f;--danger: #e5484d;--attack-cost: #8f6ad8;--arena-w: 420px}body{overscroll-behavior:none;user-select:none;-webkit-user-select:none}.icon-btn svg{width:20px;height:20px}.icon-q{font-size:18px;font-weight:700}.home-fan{position:relative;width:220px;height:140px}.fan-card{position:absolute;top:10px;left:50%;width:88px;aspect-ratio:68 / 84;margin-left:-44px}.fan-l{transform:translate(-62px) rotate(-12deg)}.fan-r{transform:translate(62px) rotate(12deg)}.fan-c{top:0;z-index:1}.app-battle{height:100dvh;display:flex;justify-content:center;background-size:cover;background-position:center;overflow:hidden}.battle{position:relative;width:100%;max-width:var(--arena-w);height:100%;display:flex;flex-direction:column;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 10px 0;transition:box-shadow .15s var(--ease)}.battle.is-casting .arena{box-shadow:inset 0 0 0 3px #b48cff,inset 0 0 40px #b48cff8c;border-radius:var(--card-radius)}.arena-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.arena-top .hero-coins{justify-self:end}.clock{justify-self:start;display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;border:2px solid var(--ink);background:#ffffffeb;color:var(--ink);font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.clock.is-urgent{color:var(--danger)}.clock-double{padding:0 5px;border-radius:6px;background:var(--coin);font-size:12px}.stat.is-urgent .stat-num{color:var(--warn)}.stat-double{background:var(--coin);color:var(--ink)}.arena{width:100%;display:grid;flex:1;min-height:0;max-height:520px;grid-template-rows:auto auto minmax(10px,1fr) auto auto;align-content:stretch;gap:10px}.field{display:grid;width:82%;justify-self:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.slot{position:relative;min-width:0;min-height:0;aspect-ratio:68 / 84;border-radius:9px;background:#ffffff38;box-shadow:inset 0 0 0 1.5px #ffffff73;transition:box-shadow .12s var(--ease),background-color .12s var(--ease)}.field-foe .slot{background:#0b152029;box-shadow:inset 0 0 0 1.5px #0b15202e}.slot.is-drop{background:#ffd84a73;box-shadow:inset 0 0 0 2px #ffd84a,0 0 14px #ffd84acc}.midline{align-self:center;height:2px;border-radius:2px;background:#ffffff8c}.unit-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.unit{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;border-radius:9px;transition:filter .15s var(--ease),box-shadow .15s var(--ease)}.field-me .unit{cursor:grab}.unit.is-ready{box-shadow:0 0 0 2px #ffd84a,0 0 12px 2px #ffd84abf}.unit.is-aiming{box-shadow:0 0 0 3px #fff,0 0 16px 4px #fffc}.unit.is-target,.hero.is-target{box-shadow:0 0 0 2px var(--danger),0 0 12px 2px #e5484d99}.unit.is-over,.hero.is-over{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--danger),0 0 18px 6px #e5484db3}.unit.is-off,.hero.is-off{filter:brightness(.55) saturate(.6)}.unit-cd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;background:conic-gradient(rgb(11 21 32 / .55) var(--cd),transparent 0);pointer-events:none}.hero{justify-self:center;display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:999px;transition:filter .15s var(--ease),box-shadow .15s var(--ease)}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 14px;border-radius:999px;border:2px solid var(--ink);background:var(--surface);box-shadow:0 3px #00000059}.hero-foe .hero-badge{background:#ffe9e6}.hero-label{font-size:12px;font-weight:700;color:var(--muted)}.hero-hp{display:inline-flex;align-items:center;gap:4px;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink);min-width:2.6em}.hero-hp svg{width:22px;height:22px}.hero-badge.is-low .hero-hp b{color:var(--danger)}.hero-coins{display:inline-flex;align-items:center;gap:3px;padding:2px 8px 2px 3px;border-radius:999px;background:#0b152099;color:#fff;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;min-width:3.4em}.hero-coins img{width:18px;height:18px}.tray{margin:auto -10px 0;padding:10px 10px calc(10px + env(safe-area-inset-bottom));display:grid;gap:8px;background:linear-gradient(#0b152000,#0b152047 30%,#0b15206b)}.coin-gauge{width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.coin-count{position:relative;width:40px;height:40px;display:grid;place-items:center}.coin-count img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.coin-count b{position:relative;font-size:18px;font-weight:800;color:#fff;text-shadow:0 0 3px var(--ink),0 1px 0 var(--ink),0 -1px 0 var(--ink),1px 0 0 var(--ink),-1px 0 0 var(--ink)}.coin-cells{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;height:16px;padding:3px;border-radius:999px;background:var(--ink)}.coin-cell{position:relative;overflow:hidden;border-radius:3px;background:#ffffff24}.coin-cell:first-child{border-radius:999px 3px 3px 999px}.coin-cell:last-child{border-radius:3px 999px 999px 3px}.coin-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:linear-gradient(var(--coin),var(--coin-deep))}.hand-row{width:100%;display:grid;grid-template-columns:46px 1fr;align-items:end;gap:8px}.next-card{display:grid;justify-items:center;gap:2px}.next-label{font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .6)}.next-slot{position:relative;width:46px;aspect-ratio:68 / 84;opacity:.85}.hand{display:grid;grid-template-columns:repeat(4,minmax(0,76px));justify-content:center;gap:6px}.hand-slot{position:relative;min-width:0;min-height:0;aspect-ratio:68 / 84}.hand-card{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:grab}.hand-card.is-lifted{opacity:.3}.hand-wait{position:absolute;left:0;right:0;top:0;border-radius:9px 9px 0 0;background:#0b152080;pointer-events:none}.hand-card.is-affordable .face{box-shadow:inset 0 0 0 1px #ffffff47,0 3px #00000073,0 0 0 2px #ffd84acc}.hint{position:absolute;left:50%;bottom:168px;translate:-50% 0;padding:6px 14px;border-radius:999px;background:#0b1520d9;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:5}.face{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--ink);border-radius:9px;background:#3a4a5c;box-shadow:inset 0 0 0 1px #ffffff47,0 3px #00000073;container-type:inline-size}.face.is-blocker{border-color:#1b4f8f}.face-body{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:7px}.face-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.face-name{position:absolute;left:0;right:0;bottom:0;padding:10% 2px 3%;background:linear-gradient(transparent,#0b1520d9 45%);color:#fff;font-size:max(9px,15cqw);font-weight:700;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden}.pip{position:absolute;width:34cqw;height:34cqw;min-width:15px;min-height:15px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:999px;color:#fff;font-size:max(10px,22cqw);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgb(0 0 0 / .55);z-index:1}.pip-summon{top:-6%;left:-8%;background:radial-gradient(circle at 35% 30%,#ffe28a,var(--coin) 55%,var(--coin-deep));color:var(--ink);text-shadow:none}.pip-atk{bottom:-6%;left:-8%;border-radius:6px;background:var(--atk)}.pip-atk,.pip-hp{width:30cqw;height:30cqw}.pip-hp{bottom:-6%;right:-8%;background:var(--hp)}.pip-hp.is-hurt{background:#fff;color:var(--danger);text-shadow:none}.face.is-token{border-color:#6b5a3a}.pip-atk.is-up{box-shadow:0 0 0 2px #ffd84a,0 0 8px #ffd84a}.face.is-small .face-name{display:none}.drag-ghost{position:fixed;width:76px;aspect-ratio:68 / 84;translate:-50% -60%;rotate:-4deg;scale:1.08;pointer-events:none;z-index:20;filter:drop-shadow(0 10px 14px rgb(0 0 0 / .35))}.aim{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;pointer-events:none;z-index:20}.aim-line{stroke:var(--danger);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 3px rgb(255 255 255 / .9))}.aim-dot{fill:var(--danger);stroke:#fff;stroke-width:3}.aim-line.is-blocked{stroke:#8a8f98}.aim-dot.is-blocked{fill:#8a8f98}.popups{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}.popup{position:absolute;translate:-50% -50%;font-size:24px;font-weight:900;color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink)}.popup-face{font-size:32px;color:#ffd84a}.result{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#0b152073;z-index:40}.result-card{width:min(100%,340px);display:grid;justify-items:center;gap:10px;padding:24px 20px 20px;border-radius:var(--sheet-radius);background:var(--surface);box-shadow:var(--shadow-lg)}.result-title{margin:0;font-size:36px;font-weight:900}.result-title.is-win{color:var(--coin-deep)}.result-title.is-lose{color:var(--muted)}.result-sub{margin:0;font-size:13px;color:var(--muted)}.result-buttons{width:100%;display:grid;gap:8px;margin-top:6px}.result-buttons .home-btn{width:100%}.sheet-buttons{display:grid;gap:8px}.card-detail{display:grid;grid-template-columns:96px 1fr;gap:8px 16px;align-items:center}.card-detail-face{position:relative;width:96px;aspect-ratio:68 / 84}.card-detail-stats{margin:0;display:grid;grid-template-columns:auto auto;gap:4px 12px;font-size:14px}.card-detail-stats dt{color:var(--muted)}.card-detail-stats dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.card-detail-text{grid-column:1 / -1;margin:0;font-size:13px;line-height:1.6;color:var(--pill-fg)}.hero-wall{padding:1px 7px;border-radius:6px;border:1.5px solid var(--ink);background:repeating-linear-gradient(0deg,#b9a58a 0,#b9a58a 5px,#8f7b62 5px,#8f7b62 6px);color:#fff;font-size:12px;font-weight:800;text-shadow:0 1px 0 rgb(0 0 0 / .6)}.drag-ghost.is-aiming{scale:.8;filter:drop-shadow(0 0 10px rgb(229 72 77 / .9))}.hint-info{max-width:calc(100% - 20px);white-space:normal;text-align:center;background:#fffffff2;color:var(--ink);font-weight:600;box-shadow:var(--shadow-lg)}.popup-heal{color:#6be39a}.popup-guard{color:#8cdcff;font-size:18px}.popup-stun{color:#c9ced6;font-size:18px}.face.is-building{border-color:#5b5146;background:#8a7e70;box-shadow:inset 0 0 0 2px #c9bba6,0 3px #00000073}.face.is-spell{border-color:#3d2475;box-shadow:inset 0 0 0 2px #b48cff,0 3px #00000073}.face.is-spell .face-name{background:linear-gradient(transparent,#3d2475eb 45%)}.face.is-building .face-name{background:linear-gradient(transparent,#3c3228e6 45%)}.app-deck{gap:10px}.deck-main{width:100%;max-width:var(--arena-w);display:grid;gap:14px;padding-bottom:24px}.deck-box{position:relative;display:grid;gap:10px;padding:12px 10px;border-radius:var(--card-radius);background:#3b4a5e;box-shadow:inset 0 0 0 2px #0b152066,var(--shadow-lg);transition:box-shadow .15s var(--ease)}.deck-box.is-swapping{box-shadow:inset 0 0 0 3px #ffd84a,0 0 18px #ffd84a99}.deck-grid,.collection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 8px}.deck-card{position:relative;min-width:0;aspect-ratio:68 / 84;padding:0;border:0;background:none;cursor:pointer}.deck-card.is-picked{outline:3px solid #ffd84a;border-radius:9px}.deck-swap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:700}.deck-swap-card{position:relative;width:34px;aspect-ratio:68 / 84}.deck-swap-cancel{border:0;border-radius:999px;padding:6px 14px;font:inherit;font-size:13px;font-weight:700;background:#ffffffe6;color:var(--ink);cursor:pointer}.collection{display:grid;gap:8px}.collection-title{margin:0;font-size:14px;font-weight:700;color:var(--muted)}.card-detail-note{grid-column:1 / -1;margin:0;font-size:12px;color:var(--muted)}.pip-cd{top:-6%;right:-8%;width:30cqw;height:30cqw;font-size:max(9px,19cqw);background:radial-gradient(circle at 35% 30%,#a9c4e0,#5b7a9c 60%,#34506e)}.face-states{position:absolute;top:-9%;left:50%;translate:-50% 0;display:flex;gap:2px;z-index:2}.state{width:26cqw;height:26cqw;min-width:14px;min-height:14px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:999px}.state svg{width:72%;height:72%}.state-blocker{background:#3d8ef0}.state-barrier{background:#29b6d9}.state-stealth{background:#6b4fb8}.state-stun{background:#6f7680}.unit.is-stealth .face-body{opacity:.55}.unit-cd{display:grid;place-items:center}.unit-cd-num{font-size:22px;font-weight:900;color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-variant-numeric:tabular-nums}.unit.is-just-ready:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:13px;border:3px solid #ffd84a;box-shadow:0 0 18px 4px #ffd84ae6;pointer-events:none;animation:ready-burst .7s ease-out forwards;z-index:3}@keyframes ready-burst{0%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(1.25)}}.unit.is-winding{transform:translateY(-8px) scale(1.06);box-shadow:0 0 0 3px #ffd84a,0 10px 18px #00000059;transition:transform .25s var(--ease);z-index:4}.unit.is-winding.is-foe{transform:translateY(8px) scale(1.06);box-shadow:0 0 0 3px var(--danger),0 10px 18px #00000059}.pending-line{stroke:var(--danger);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 3px rgb(255 255 255 / .9))}.pending.is-mine .pending-line{stroke:#ffb020}.pending-ring{fill:none;stroke:var(--danger);stroke-width:3;filter:drop-shadow(0 0 4px rgb(255 255 255 / .9))}.pending.is-mine .pending-ring{stroke:#ffb020}.pending-dot{fill:#fff}@keyframes pending-march{to{stroke-dashoffset:-13}}.pending-area{position:fixed;border-radius:14px;border:3px solid var(--danger);background:#e5484d2e;box-shadow:0 0 22px #e5484d99;pointer-events:none;z-index:15}.pending-area.is-mine{border-color:#b48cff;background:#b48cff2e;box-shadow:0 0 22px #b48cff99}.aim-line.is-reserve{stroke:#4fa3ff}.aim-dot.is-reserve{fill:#4fa3ff}.reserve-line{stroke:#4fa3ff;stroke-width:3;stroke-linecap:round;opacity:.85;filter:drop-shadow(0 0 2px rgb(255 255 255 / .9))}.slot.is-drop.is-replace{background:#e5484d59;box-shadow:inset 0 0 0 3px var(--danger),0 0 14px #e5484dcc}.slot.is-replace .unit{filter:grayscale(.7) brightness(.7)}.hero-atk{min-width:24px;height:24px;display:grid;place-items:center;padding:0 4px;border:1.5px solid var(--ink);border-radius:6px;background:var(--atk);color:#fff;font-size:15px;font-weight:800;text-shadow:0 1px 0 rgb(0 0 0 / .55)}:root{--navy-1: #3a2d6b;--navy-2: #1c1540;--navy-3: #120d2c;--gold-1: #fff0b8;--gold-2: #f6c548;--gold-3: #b9780f;--gold-4: #5a3a06;--blue-1: #4a86e8;--blue-2: #1b3a7d;--red-1: #e2585f;--red-2: #7a1f2c}.app-battle{position:relative}.app-battle:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(120% 75% at 50% 46%,transparent 58%,rgb(12 6 32 / .5) 100%),#22164214}.battle{z-index:1}.slot{border-radius:11px;background:linear-gradient(#160e2c6b,#160e2c33);box-shadow:inset 0 3px 8px #00000080,inset 0 0 0 2px #ffd67899,0 1px #ffffff47}.field-foe .slot{background:linear-gradient(#460c1c75,#460c1c38);box-shadow:inset 0 3px 8px #00000080,inset 0 0 0 2px #ff8080a6,0 1px #ffffff38}.field-me .slot{background:linear-gradient(#10245c75,#10245c38);box-shadow:inset 0 3px 8px #00000080,inset 0 0 0 2px #8cc0ffb3,0 1px #ffffff40}.field-me .slot.is-drop{background:#ffd84a73;box-shadow:inset 0 0 0 3px #ffd84a,0 0 16px #ffd84ae6}.field-me .slot.is-drop.is-replace{background:#e5484d66;box-shadow:inset 0 0 0 3px var(--danger),0 0 16px #e5484de6}.midline{position:relative;height:4px;background:linear-gradient(90deg,transparent,#ffd978 18%,#fff6cf 50%,#ffd978 82%,transparent);box-shadow:0 0 12px #ffc85abf,0 1px #00000059}.midline:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;translate:-50% -50%;rotate:45deg;border:2px solid var(--gold-4);border-radius:3px;background:linear-gradient(135deg,var(--gold-1),var(--gold-2) 55%,var(--gold-3));box-shadow:0 0 8px #ffc85ae6}.hero-badge{position:relative;gap:8px;padding:5px 16px 13px;border:2px solid var(--gold-2);background:linear-gradient(var(--navy-1),var(--navy-2));box-shadow:0 0 0 2px var(--navy-3),0 4px #00000073,inset 0 1px #ffffff4d}.hero-foe .hero-badge{background:linear-gradient(var(--red-1),var(--red-2) 85%);border-color:#ffd0c0}.hero-me .hero-badge{background:linear-gradient(var(--blue-1),var(--blue-2) 85%);border-color:#cfe4ff}.hero-label{color:var(--gold-1);text-shadow:0 1px 0 rgb(0 0 0 / .6)}.hero-hp{color:#fff;font-size:24px;-webkit-text-stroke:3px rgb(18 8 30 / .9);paint-order:stroke fill}.hero-badge.is-low .hero-hp b{color:#ff8f94}.hero-badge.is-low{animation:hero-low .9s ease-in-out infinite}@keyframes hero-low{50%{box-shadow:0 0 0 2px var(--navy-3),0 4px #00000073,0 0 16px 4px #ff505acc}}.hero-bar{position:absolute;left:54px;right:16px;bottom:4px;height:6px;overflow:hidden;border-radius:999px;background:#0009;box-shadow:inset 0 0 0 1px #0006}.hero-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(#a8f5b8,#2fb04f 60%,#1d8a3a);transition:width .4s var(--ease)}.hero-badge.is-low .hero-bar i{background:linear-gradient(#ffb0b0,#e5484d 60%,#b02a30)}.clock{border:2px solid var(--gold-2);background:linear-gradient(var(--navy-1),var(--navy-2));color:#fff;box-shadow:0 0 0 2px var(--navy-3),0 3px #0006;-webkit-text-stroke:2px rgb(18 8 30 / .85);paint-order:stroke fill}.clock.is-urgent{color:#ff9ea2;animation:clock-urgent 1s ease-in-out infinite}@keyframes clock-urgent{50%{scale:1.08}}.arena-top .hero-coins{border:2px solid var(--gold-2);background:linear-gradient(var(--navy-1),var(--navy-2));box-shadow:0 0 0 2px var(--navy-3)}.tray{position:relative;padding:12px 10px calc(10px + env(safe-area-inset-bottom));background:repeating-linear-gradient(135deg,rgb(255 255 255 / .035) 0 6px,transparent 6px 12px),linear-gradient(#34296a,#1a1338 55%,#120d2c);border-top:3px solid var(--gold-2);box-shadow:0 -8px 20px #00000080,inset 0 2px #fff0be73}.coin-cells{position:relative;height:20px;padding:3px;background:var(--navy-3);border:2px solid var(--gold-3);box-shadow:inset 0 2px 4px #0009}.coin-cell{background:#ffffff1a}.coin-fill{background:linear-gradient(#fff3b8,#f9c933 40%,#d79a06)}.coin-cells:after{content:"";position:absolute;left:6px;right:6px;top:4px;height:4px;border-radius:999px;background:#ffffff4d;pointer-events:none}.coin-count{width:46px;height:46px;filter:drop-shadow(0 2px 0 rgb(0 0 0 / .5))}.coin-count b{font-size:22px;-webkit-text-stroke:3px rgb(40 22 0 / .9);paint-order:stroke fill;text-shadow:none}.coin-gauge.is-full .coin-fill{animation:coin-full .9s ease-in-out infinite}.coin-gauge.is-full .coin-count{animation:coin-pop .9s ease-in-out infinite}@keyframes coin-full{50%{filter:brightness(1.45)}}@keyframes coin-pop{50%{scale:1.12}}.next-label{color:var(--gold-1);letter-spacing:.06em;-webkit-text-stroke:2px rgb(18 8 30 / .9);paint-order:stroke fill}.next-slot{opacity:1;filter:brightness(.82) saturate(.85)}.face{border:3px solid transparent;border-radius:10px;background:linear-gradient(155deg,var(--gold-1),var(--gold-2) 45%,var(--gold-3)) border-box;box-shadow:0 0 0 1.5px var(--gold-4),0 4px #00000080,0 7px 10px #00000052}.face-body{border-radius:7px;background:#2a2440;box-shadow:inset 0 0 0 1px #00000080}.face-body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(125deg,rgb(255 255 255 / .32) 0%,rgb(255 255 255 / .06) 34%,transparent 36%),radial-gradient(100% 80% at 50% 40%,transparent 55%,rgb(0 0 0 / .32) 100%)}.face.is-blocker{background:linear-gradient(155deg,#d6ebff,#5ea3f5 45%,#1b4f8f) border-box}.face.is-building{background:linear-gradient(155deg,#efe4d2,#b5a58c 45%,#6a5d4b) border-box;box-shadow:0 0 0 1.5px #3b3328,0 4px #00000080,0 7px 10px #00000052}.face.is-spell{background:linear-gradient(155deg,#efe0ff,#a77bf0 45%,#4a2a94) border-box;box-shadow:0 0 0 1.5px #2a1658,0 4px #00000080,0 0 12px #a77bf08c}.face.is-token{background:linear-gradient(155deg,#e6d3a6,#a88848 45%,#5e4a22) border-box}.face-name{padding:14% 2px 3%;background:linear-gradient(transparent,#0c081ef0 42%);text-shadow:0 1px 2px #000,0 0 4px rgb(0 0 0 / .8);letter-spacing:.02em}.face.is-spell .face-name{background:linear-gradient(transparent,#32186ef2 42%)}.face.is-building .face-name{background:linear-gradient(transparent,#2e261cf2 42%)}.pip{border:2px solid var(--gold-4);-webkit-text-stroke:2.5px rgb(30 14 4 / .9);paint-order:stroke fill;text-shadow:none;box-shadow:0 2px #00000073}.pip-summon{background:radial-gradient(circle at 35% 28%,#fff1b0,var(--gold-2) 52%,var(--gold-3));color:#fff}.pip-atk{background:radial-gradient(circle at 35% 28%,#ff9a9d,var(--atk) 55%,#a3232a)}.pip-hp{background:radial-gradient(circle at 35% 28%,#86f0a0,var(--hp) 55%,#1a7a35)}.pip-hp.is-hurt{background:radial-gradient(circle at 35% 28%,#fff,#ffe3e3 70%);color:var(--danger);-webkit-text-stroke:0}.pip-cd{background:radial-gradient(circle at 35% 28%,#c4d8ee,#5f7f9f 58%,#34506e)}.hand-card.is-affordable .face{box-shadow:0 0 0 1.5px var(--gold-4),0 4px #00000080,0 0 14px 3px #ffd84ab3;animation:afford 1.5s ease-in-out infinite}@keyframes afford{50%{box-shadow:0 0 0 1.5px var(--gold-4),0 4px #00000080,0 0 22px 7px #ffd84af2}}.hand-card:not(.is-affordable) .face-body{filter:saturate(.75)}.hand-wait{border-radius:8px 8px 0 0;background:#0e082494;border-bottom:2px solid rgb(255 216 74 / .85)}.unit{border-radius:11px}.unit.is-ready{box-shadow:0 0 0 2px #fff3b0,0 0 14px 3px #ffd84ad9;animation:ready-pulse 1.2s ease-in-out infinite}@keyframes ready-pulse{50%{box-shadow:0 0 0 2px #fff3b0,0 0 22px 7px #ffd84a}}.bursts{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:25;mix-blend-mode:screen}.burst{position:absolute;width:96px;height:96px;translate:-50% -50%;background:center / contain no-repeat;mix-blend-mode:screen;--r: 0deg;animation:burst-hit .45s ease-out forwards}.burst-hit{width:120px;height:120px;background-image:url(/riale-cardbatlle/assets/slash-D2wUsIwA.webp)}.burst-face,.burst-blast{background-image:url(/riale-cardbatlle/assets/blast-DwpwdV1e.webp)}.burst-face{width:150px;height:150px;animation-duration:.55s}.burst-blast{width:120px;height:120px;animation-duration:.5s}@keyframes burst-hit{0%{opacity:1;scale:.3;rotate:var(--r)}55%{opacity:1}to{opacity:0;scale:1.25;rotate:calc(var(--r) + 14deg)}}.burst-ice{width:130px;height:130px;background-image:url(/riale-cardbatlle/assets/ice-CrRo5YIX.webp);animation:burst-circle .9s ease-out forwards}.burst-summon{width:150px;height:150px;background-image:url(/riale-cardbatlle/assets/circle-L0EHkM1f.webp);animation:burst-circle .7s ease-out forwards}@keyframes burst-circle{0%{opacity:0;scale:.4 .28;rotate:-40deg}25%{opacity:1}to{opacity:0;scale:1.15 .8;rotate:50deg}}@keyframes burst-ring{0%{opacity:1;scale:.3}to{opacity:0;scale:1.9}}.burst-puff{width:90px;height:90px;background:radial-gradient(circle at 30% 40%,rgb(235 232 245 / .95) 0 22%,transparent 24%),radial-gradient(circle at 70% 35%,rgb(220 216 235 / .9) 0 20%,transparent 22%),radial-gradient(circle at 50% 70%,rgb(240 238 250 / .95) 0 24%,transparent 26%);animation:burst-puff .7s ease-out forwards}@keyframes burst-puff{0%{opacity:1;scale:.4}to{opacity:0;scale:1.8;translate:-50% -90%}}.popup{font-size:30px;-webkit-text-stroke:5px #7a0d12;paint-order:stroke fill;text-shadow:0 3px 0 rgb(0 0 0 / .55)}.popup-face{font-size:42px;color:#fff3b0;-webkit-text-stroke:6px #8a1018}.popup-heal{-webkit-text-stroke:5px #0f5a2c}.popup-guard{-webkit-text-stroke:4px #1a4a7a}.popup-stun{-webkit-text-stroke:4px #2a2f38}.intro{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:35}.intro-band{width:100%;padding:16px 0;display:grid;place-items:center;background:linear-gradient(90deg,transparent,rgb(26 16 60 / .92) 14%,rgb(26 16 60 / .92) 86%,transparent);border-block:3px solid var(--gold-2);box-shadow:0 0 24px #00000080}.intro-text{font-size:38px;font-weight:900;letter-spacing:.08em;background:linear-gradient(#fff6cf,var(--gold-2) 55%,#e08a10);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #4a2a00) drop-shadow(0 0 10px rgb(255 190 60 / .8))}.hint{border:2px solid var(--gold-2);background:linear-gradient(var(--navy-1),var(--navy-2));box-shadow:0 0 0 2px var(--navy-3),0 4px 10px #0006}.hint-info{color:#fff;background:linear-gradient(var(--navy-1),var(--navy-2))}.result{background:radial-gradient(circle at 50% 45%,#1a103c8c,#080416cc);overflow:hidden}.result.is-win:before{content:"";position:absolute;left:50%;top:44%;width:150vmax;height:150vmax;translate:-50% -50%;background:repeating-conic-gradient(rgb(255 224 120 / .22) 0 8deg,transparent 8deg 24deg);mask:radial-gradient(circle,#000 0,transparent 55%);-webkit-mask:radial-gradient(circle,#000 0,transparent 55%);animation:rays 14s linear infinite;pointer-events:none}@keyframes rays{to{rotate:360deg}}.result-card{position:relative;border:3px solid var(--gold-2);background:linear-gradient(#3a2d6b,#1a1338);box-shadow:0 0 0 3px var(--navy-3),0 12px 30px #0000008c,inset 0 2px #fff0be66;color:#fff}.result-title{font-size:48px;letter-spacing:.06em;background:linear-gradient(#fff,#cfd6e6 60%,#8d97ad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #111)}.result-title.is-win{background:linear-gradient(#fff6cf,var(--gold-2) 55%,#e08a10);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #4a2a00) drop-shadow(0 0 12px rgb(255 190 60 / .9))}.result-title.is-lose{background:linear-gradient(#c9d2e6,#7b87a3 60%,#4b556d);-webkit-background-clip:text;background-clip:text;color:transparent}.result-sub{color:#d8d2f0}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-16px;width:9px;height:14px;border-radius:2px;background:var(--c);animation:confetti-fall linear infinite}@keyframes confetti-fall{0%{translate:0 0;rotate:0deg}to{translate:26px 110vh;rotate:720deg}}.shots{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:24;overflow:hidden}.comet{position:absolute;left:0;top:0;width:0;height:0;--c1: #ffe27a;--c2: rgb(255 170 40 / .85)}.comet:before{content:"";position:absolute;left:-12px;top:-12px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#fff 0 30%,var(--c1) 56%,transparent 74%);box-shadow:0 0 14px 6px var(--c2)}.comet:after{content:"";position:absolute;right:0;top:-7px;width:110px;height:14px;background:linear-gradient(270deg,var(--c1),transparent);clip-path:polygon(0 50%,100% 0,100% 100%);opacity:.9}.comet-magic{--c1: #c9a8ff;--c2: rgb(150 100 255 / .85)}.comet-rock:before{left:-20px;top:-20px;width:40px;height:40px;border-radius:38% 62% 45% 55%/55% 40% 60% 45%;background:radial-gradient(circle at 35% 30%,#e2d7c1,#8b7d68 55%,#4d4336);box-shadow:0 12px 14px #00000059;animation:rock-spin .4s linear infinite}.comet-rock:after{right:auto;left:-7px;top:-120px;width:14px;height:110px;background:linear-gradient(0deg,rgb(214 198 168 / .75),transparent);clip-path:polygon(50% 0,0 100%,100% 100%)}@keyframes rock-spin{to{rotate:360deg}}.zones{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:22}.zone{position:absolute;border-radius:14px;overflow:hidden}@keyframes zone-fade{0%{opacity:0}14%{opacity:1}to{opacity:0}}.zone-quake{background:radial-gradient(ellipse at 50% 100%,rgb(255 170 70 / .55),transparent 72%);animation:zone-fade 1.2s ease-out forwards}.zone-quake svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.zone-quake path{fill:none;stroke:#2a1a10;stroke-width:3;stroke-linecap:round;stroke-linejoin:miter;vector-effect:non-scaling-stroke;stroke-dasharray:400;stroke-dashoffset:400;animation:crack .4s .04s ease-out forwards}@keyframes crack{to{stroke-dashoffset:0}}.debris{position:absolute;bottom:14%;width:10px;height:10px;border-radius:2px;background:linear-gradient(135deg,#a8977f,#5e5040);--dx: 10px;animation:debris .9s ease-out forwards}.debris:nth-child(odd){--dx: -14px}@keyframes debris{0%{translate:0 0;opacity:1}to{translate:var(--dx) -90px;rotate:260deg;opacity:0}}.zone-block{animation:zone-fade 1.2s ease-out forwards}.barricade{position:absolute;left:4%;right:4%;top:38%;height:24%;border:3px solid #2a2440;border-radius:6px;background:repeating-linear-gradient(135deg,#f6c548 0,#f6c548 14px,#2a2440 14px,#2a2440 28px);box-shadow:0 6px #0006,0 0 16px #ffc83ca6;animation:barricade 1.2s cubic-bezier(.3,.8,.4,1) forwards}@keyframes barricade{0%{translate:0 -320%}28%{translate:0 0}34%{translate:0 -12%}40%,to{translate:0 0}}.burst-wave{border-radius:50%;width:70px;height:70px;border:5px solid rgb(255 255 255 / .9);background:none;box-shadow:0 0 12px #ffdc8ce6,inset 0 0 10px #ffdc8cb3;animation:burst-ring .38s ease-out forwards}.burst-wave:before{display:none}.deck-box{border:3px solid var(--gold-2);background:repeating-linear-gradient(135deg,rgb(255 255 255 / .035) 0 6px,transparent 6px 12px),linear-gradient(#34296a,#1a1338);box-shadow:0 0 0 2px var(--navy-3),0 6px 16px #0000004d,inset 0 2px #fff0be66}.deck-box.is-swapping{box-shadow:0 0 0 2px var(--navy-3),0 0 20px #ffd84acc,inset 0 0 0 2px #ffd84a}.hero-badge{padding-left:54px}.hero-portrait{position:absolute;left:-16px;top:50%;width:62px;height:62px;translate:0 -50%;overflow:hidden;border-radius:50%;border:3px solid var(--gold-2);background:var(--navy-3);box-shadow:0 0 0 2px var(--gold-4),0 4px #00000073,inset 0 0 6px #00000080}.hero-portrait img{width:100%;height:100%;object-fit:cover;scale:1.1;pointer-events:none}.hero-badge.is-low .hero-portrait{border-color:#ff8a8a}.unit.is-winding:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:16px;border:3px solid #ffd84a;box-shadow:0 0 18px 4px #ffd84acc,inset 0 0 12px #ffd84a8c;pointer-events:none;animation:charge .4s ease-in-out infinite alternate}.unit.is-winding.is-foe:after{border-color:#ff6a6a;box-shadow:0 0 18px 4px #ff5a5acc,inset 0 0 12px #ff5a5a8c}@keyframes charge{0%{opacity:.45;scale:.96}to{opacity:1;scale:1.06}}.result-card{width:min(100%,340px);gap:8px;padding:0 20px 20px;overflow:visible}.result-ribbon{width:calc(100% + 44px);margin:-30px -22px 0;padding:12px 0 15px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);background:linear-gradient(rgb(255 255 255 / .35),transparent 45%),linear-gradient(#5aa6ff,#2a5fd0 70%,#1c43a0)}.result-ribbon.is-lose{background:linear-gradient(rgb(255 255 255 / .3),transparent 45%),linear-gradient(#a9aec2,#666c86 70%,#454a62)}.result-ribbon.is-draw{background:linear-gradient(rgb(255 255 255 / .35),transparent 45%),linear-gradient(#7fdc9a,#2f9d5a 70%,#1f7440)}.result-ribbon .result-title{margin:0;font-size:46px;filter:drop-shadow(0 3px 0 rgb(10 20 60 / .8))}.result-ribbon.is-lose .result-title{background:linear-gradient(#fff,#e1e5f2 60%,#b8bdd2);-webkit-background-clip:text;background-clip:text}.result-ribbon.is-win .result-title{background:linear-gradient(#fffbe0,#ffe27a 55%,#ffc21c);-webkit-background-clip:text;background-clip:text}.result-stars{display:flex;align-items:flex-end;justify-content:center;gap:4px;margin-top:2px}.result-star{width:40px;height:40px;fill:#3a3358;stroke:#1a1338;stroke-width:1.6;stroke-linejoin:round}.result-star.is-lit{fill:#ffd84a;stroke:#7a4a00;filter:drop-shadow(0 0 8px rgb(255 200 60 / .9))}.result-star:nth-child(2){width:52px;height:52px;translate:0 -8px}.result-duel{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:2px 0 4px}.result-side{display:grid;justify-items:center;gap:4px}.result-medal{width:64px;height:64px;overflow:hidden;border-radius:50%;border:3px solid var(--gold-2);background:var(--navy-3);box-shadow:0 0 0 2px var(--gold-4),0 4px #00000073}.result-side.is-me .result-medal{border-color:#8cc0ff}.result-side.is-foe .result-medal{border-color:#ff9a9a}.result-medal img{width:100%;height:100%;object-fit:cover;scale:1.1}.result-side b{font-size:22px;font-weight:900;-webkit-text-stroke:4px rgb(18 8 30 / .9);paint-order:stroke fill}.result-vs{padding:3px 10px;border-radius:999px;border:2px solid var(--gold-2);background:linear-gradient(var(--navy-1),var(--navy-2));font-size:12px;font-weight:900;letter-spacing:.06em;color:var(--gold-1)}.result-buttons{gap:10px;margin-top:4px}.res-btn{width:100%;height:52px;border:3px solid var(--gold-2);border-radius:14px;background:linear-gradient(var(--navy-1),var(--navy-2));box-shadow:0 4px #00000073,inset 0 2px #fff3;color:#fff;font:inherit;font-size:17px;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.res-btn.is-gold{height:60px;border:4px solid #6b3f00;background:linear-gradient(#fff08a,#ffc928 45%,#f09a00);box-shadow:0 6px #a85d00,0 10px 14px #00000073,inset 0 3px #ffffffb3;font-size:22px;color:#fff;-webkit-text-stroke:5px #6b3f00;paint-order:stroke fill}.res-btn:active{transform:translateY(4px);box-shadow:0 1px #00000073}.res-btn.is-gold:active{box-shadow:0 2px #a85d00}.intro{background:radial-gradient(circle at 50% 50%,#1e12488c,#080416db);grid-auto-flow:row;align-content:center;gap:18px}.intro-duel{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;padding:0 14px}.intro-side{display:grid;justify-items:center;gap:8px}.intro-side b{padding:3px 14px;border-radius:8px;font-size:15px;font-weight:900;letter-spacing:.08em;color:#fff;border:2px solid rgb(255 255 255 / .55)}.intro-side.is-me b{background:linear-gradient(var(--blue-1),var(--blue-2))}.intro-side.is-foe b{background:linear-gradient(var(--red-1),var(--red-2))}.intro-medal{width:104px;height:104px;overflow:hidden;border-radius:50%;border:4px solid var(--gold-2);background:var(--navy-3);box-shadow:0 0 0 3px var(--gold-4),0 8px 18px #0000008c}.intro-side.is-me .intro-medal{border-color:#8cc0ff}.intro-side.is-foe .intro-medal{border-color:#ff9a9a}.intro-medal img{width:100%;height:100%;object-fit:cover;scale:1.1}.intro-vs{font-size:44px;font-weight:900;font-style:italic;background:linear-gradient(#fffbe0,#ffd84a 55%,#f09a00);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #4a2a00) drop-shadow(0 0 12px rgb(255 190 60 / .8))}.arena{position:relative;max-height:700px}.hand-card .face{transition:transform .12s var(--ease),box-shadow .12s var(--ease)}.hand-card:active .face{transform:translateY(3px) scale(.95)}.hand-card.is-lifted .face{transform:translateY(-6px) scale(1.04)}.menu-btn{position:absolute;left:2px;bottom:10px;width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--gold-2);border-radius:50%;background:linear-gradient(var(--navy-1),var(--navy-2));box-shadow:0 0 0 2px var(--navy-3),0 3px #00000073;cursor:pointer;z-index:3;transition:transform .1s ease}.menu-btn svg{width:20px;height:20px;fill:var(--gold-1)}.menu-btn:active{transform:scale(.9)}.circles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:16;mix-blend-mode:screen}.circle-spin{position:absolute;translate:-50% -50%;background:url(/riale-cardbatlle/assets/circle-L0EHkM1f.webp) center / contain no-repeat;mix-blend-mode:screen;animation:circle-turn 3.2s linear infinite}.circle-spin.is-mine{filter:hue-rotate(250deg) saturate(1.2)}@keyframes circle-turn{to{rotate:360deg}}.banner-over{position:fixed;left:0;right:0;top:34%;z-index:34;display:grid;place-items:center;padding:12px 0;pointer-events:none;background:linear-gradient(90deg,transparent,rgb(120 40 190 / .95) 12%,rgb(120 40 190 / .95) 88%,transparent);border-block:3px solid #ffd84a;box-shadow:0 0 22px #b45affb3}.banner-over span{font-size:32px;font-weight:900;letter-spacing:.08em;background:linear-gradient(#fff6cf,#ffd84a 55%,#f09a00);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #3a1a60) drop-shadow(0 0 10px rgb(255 190 60 / .8))}.screen-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:36;pointer-events:none;background:radial-gradient(circle at 50% 40%,#fff,#ffecb4e6)}.card-epithet{grid-column:1 / -1;margin:-6px 0 2px;text-align:center;font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--gold-1)}.face-name{font-size:max(8px,12.5cqw);letter-spacing:0;padding-inline:1px}.card-flavor{grid-column:1 / -1;margin:4px 0 0;padding-top:8px;border-top:1px solid rgb(246 197 72 / .35);text-align:center;font-size:13px;font-style:italic;line-height:1.6;color:var(--gold-1)}.deck-box.is-swapping .deck-card{animation:choose-glow 1.6s ease-in-out infinite}@keyframes choose-glow{0%,to{filter:drop-shadow(0 0 0 rgb(255 216 74 / 0))}50%{filter:drop-shadow(0 0 7px rgb(255 216 74 / .85))}}.pick-bar{position:absolute;left:50%;top:44%;translate:-50% 0;z-index:6;display:flex;align-items:center;gap:10px;padding:7px 8px 7px 16px;border:2px solid var(--gold-2);border-radius:999px;background:linear-gradient(var(--navy-1),var(--navy-2));box-shadow:0 0 0 2px var(--navy-3),0 4px 12px #00000080;font-size:14px;font-weight:800;color:#fff;white-space:nowrap}.pick-cancel{border:2px solid #ff9a9a;border-radius:999px;padding:4px 12px;background:#781e28d9;color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.unit.is-pick{cursor:pointer;animation:pick-pulse .9s ease-in-out infinite}@keyframes pick-pulse{50%{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--danger),0 0 20px 6px #e5484dd9}}.slot-preview{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;pointer-events:none;filter:saturate(.8)}.deck-card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.deck-card.is-lifted{opacity:.3}.deck-card.is-over{z-index:2;scale:1.1;filter:drop-shadow(0 0 10px rgb(255 216 74 / .95));transition:scale .1s var(--ease)}.deck-ghost{position:fixed;width:78px;aspect-ratio:68 / 84;translate:-50% -62%;rotate:-4deg;scale:1.12;pointer-events:none;z-index:50;filter:drop-shadow(0 12px 14px rgb(0 0 0 / .5))}.deck-lift-hint{margin:0 0 6px;text-align:center;font-size:13px;font-weight:800;letter-spacing:.05em;color:var(--gold-1)}.state-seal{background:#8a4bd6}.state-poison{background:#4aa83f}.state-disarm{background:#b34a4a}.pip-hp.is-up{box-shadow:0 0 0 2px #7ce38c,0 0 8px #7ce38c}.popup-poison{color:#d9a8ff;font-size:22px;-webkit-text-stroke:4px #3a1a60}.popup-buff{color:#fff3b0;font-size:20px;-webkit-text-stroke:4px #6b3f00}.unit.is-pick-ally{cursor:pointer;animation:pick-pulse-ally .9s ease-in-out infinite}@keyframes pick-pulse-ally{50%{box-shadow:0 0 0 3px #fff,0 0 0 6px #4fd17a,0 0 20px 6px #4fd17ad9}}.kit-pick{display:flex;gap:6px}.kit-btn{width:36px;height:36px;border-radius:10px;border:2px solid #5b4a2a;background:#2a2216;color:#e9d8a6;font-weight:800}.kit-btn.is-on{background:#f2c14e;color:#3a2a08;border-color:#fff3b0}.pip{border:0;background:none!important;box-shadow:none;-webkit-text-stroke:0;filter:drop-shadow(0 1.5px 1px rgb(0 0 0 / .55))}.pip .pip-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pip>i{position:relative;font-style:normal;-webkit-text-stroke:3px rgb(30 14 4 / .92);paint-order:stroke fill;color:#fff}.pip-summon>i{color:#fff;-webkit-text-stroke:3.5px #7a4308}.pip-hp>i{margin-top:6%}.pip-hp.is-hurt{background:none!important}.pip-hp.is-hurt .pip-bg{filter:grayscale(1) brightness(1.7)}.pip-hp.is-hurt>i{color:var(--danger);-webkit-text-stroke:3px #fff}.pip-atk.is-up,.pip-hp.is-up{box-shadow:none;filter:drop-shadow(0 0 4px #ffd84a) drop-shadow(0 1.5px 1px rgb(0 0 0 / .55))}.pip-summon{width:38cqw;height:38cqw}.pip-summon>i{font-size:max(11px,25cqw)}.burst-poison,.burst-heal,.burst-buff,.burst-seal,.burst-drain,.burst-pierce,.burst-cross,.burst-coin,.burst-guard{width:120px;height:120px;animation-duration:.7s}.burst-poison{background-image:url(/riale-cardbatlle/assets/poison-BCcK2-1g.webp);animation-name:burst-rise}.burst-heal{background-image:url(/riale-cardbatlle/assets/heal-XnlXvrD3.webp);animation-name:burst-rise}.burst-buff{background-image:url(/riale-cardbatlle/assets/buff-BzWRIc4V.webp);animation-name:burst-rise}.burst-seal{background-image:url(/riale-cardbatlle/assets/seal-BHBLC7Xw.webp);animation-name:burst-circle}.burst-drain{background-image:url(/riale-cardbatlle/assets/drain-Cc8uTEsP.webp);animation-name:burst-rise}.burst-pierce{background-image:url(/riale-cardbatlle/assets/pierce-DVrf7P5g.webp);animation-name:burst-hit;animation-duration:.45s}.burst-cross{background-image:url(/riale-cardbatlle/assets/cross-CCPcncwY.webp);animation-name:burst-hit;animation-duration:.5s;--r: 0deg !important}.burst-coin{background-image:url(/riale-cardbatlle/assets/coin-De28S0uu.webp);animation-name:burst-hit;width:140px;height:140px}.burst-guard{background-image:url(/riale-cardbatlle/assets/guard-BCCYDr-9.webp);animation-name:burst-hit;animation-duration:.45s}@keyframes burst-rise{0%{opacity:0;scale:.5}25%{opacity:1}to{opacity:0;scale:1.2;translate:-50% -85%}}.confetti i{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 0 46%,rgb(168 104 15 / .9) 48% 54%,transparent 56%),radial-gradient(circle at 35% 28%,#fff6c4,#ffd84a 50%,#d9941a);border:2px solid #8a560a;box-shadow:0 0 8px #ffd84acc;animation-name:coin-fall}@keyframes coin-fall{0%{translate:0 0;transform:rotateY(0)}to{translate:26px 110vh;transform:rotateY(1080deg)}}.band-chips{flex:none;min-height:38px;display:flex;gap:6px;margin:4px 0 10px;overflow-x:auto;scrollbar-width:none}.band-chip{flex:none;display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;border:2px solid #5b4a2a;background:#251d3f;color:#e9d8a6;font-size:13px;font-weight:800}.band-chip.is-on{background:linear-gradient(#ffe28a,#f2b52a);border-color:#fff3b0;color:#3a2a08}.band-coin{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff6c4,#ffd84a 50%,#d9941a);border:1.5px solid #8a560a}.band-chips{min-height:0;overflow:visible;justify-content:center}.band-chip{height:32px;min-height:0;padding:0 10px;font-size:12px}.pip-summon{top:-17cqw;left:-17cqw;width:38cqw;height:38cqw}.pip-cd{top:-14cqw;right:-14cqw;width:30cqw;height:30cqw}.pip-atk{bottom:-14cqw;left:-14cqw;width:32cqw;height:32cqw}.pip-hp{bottom:-14cqw;right:-14cqw;width:32cqw;height:32cqw}.dk .deck-main{padding-inline:16px}.deck-grid,.collection-grid{gap:14px 10px}.pip-summon{top:-21cqw;left:-21cqw;width:44cqw;height:44cqw}.pip-cd{top:-17cqw;right:-17cqw;width:36cqw;height:36cqw}.pip-atk{bottom:-18cqw;left:-18cqw;width:38cqw;height:38cqw}.pip-hp{bottom:-18cqw;right:-18cqw;width:38cqw;height:38cqw}.pip>i{-webkit-text-stroke-width:2.5px}.pip-summon{top:-19cqw;left:-19cqw;width:40cqw;height:40cqw}.pip-cd{top:-15cqw;right:-15cqw;width:32cqw;height:32cqw}.field{width:90%;gap:24px}.field .pip-cd{right:-11cqw}.hand{grid-template-columns:repeat(4,minmax(0,70px));gap:22px}.hand .pip-cd{right:-11cqw}.ts-deck-grid{gap:12px 12px;padding:6px 8px 4px}.overlay{z-index:60}.sheet-btn.quiet{color:#fff;-webkit-text-stroke:0}.field-me{margin-bottom:8px}.field-foe{margin-top:8px}.pip-cd .pip-bg{filter:brightness(1.45) saturate(1.25)}.pip-cd>i{-webkit-text-stroke-color:#12304f}.tutorial{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:45}.tut-card{position:absolute;left:50%;top:30%;translate:-50% 0;width:min(340px,90vw);padding:12px 16px 14px;border:3px solid var(--gold-2, #f2c14e);border-radius:16px;background:linear-gradient(#3a2f78,#1f1747);color:#fff;text-align:center;box-shadow:0 6px #00000073,0 0 24px #ffd84a59;pointer-events:auto}.tut-card b{display:block;margin-bottom:4px;font-size:17px;color:#ffe28a}.tut-card p{margin:0;font-size:13px;line-height:1.5}.tut-ok{margin-top:10px;min-width:120px;height:42px;border:3px solid #6b3f00;border-radius:12px;background:linear-gradient(#fff08a,#ffc928 45%,#f09a00);box-shadow:0 3px #a85d00;color:#fff;font-size:16px;font-weight:800;-webkit-text-stroke:3px #6b3f00;paint-order:stroke fill}.tut-finger{position:absolute;width:34px;height:34px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#fff 0 35%,rgb(255 255 255 / .45) 38% 62%,transparent 65%);box-shadow:0 0 0 3px #ffd84ae6,0 0 18px 6px #ffffffb3}.result-reward{display:grid;justify-items:center;gap:8px;margin-top:6px}.reward-meter{display:flex;align-items:center;gap:6px;color:#ffe28a;font-size:12px;font-weight:800}.reward-meter i{width:16px;height:16px;border-radius:50%;border:2px solid #8a560a;background:#2a2216}.reward-meter i.is-on{background:radial-gradient(circle at 35% 28%,#fff6c4,#ffd84a 50%,#d9941a)}.reward-card{display:grid;justify-items:center;gap:4px;padding:8px 14px 10px;border:2px solid #ffd84a;border-radius:14px;background:radial-gradient(circle at 50% 30%,#ffd84a59,#140c32e6);box-shadow:0 0 22px #ffd84a99;color:#fff;font-size:12px;font-weight:800}.reward-card b{color:#ffe28a}.reward-face{position:relative;width:74px;aspect-ratio:68 / 84;container-type:inline-size}.deck-card.is-locked .face{filter:grayscale(1) brightness(.45)}.lock-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.lock-mark svg{width:38%;filter:drop-shadow(0 2px 3px #000)}.locked-note{margin:0 0 8px;color:#cdbfa0;font-size:12px}.chest{position:relative;display:grid;justify-items:center;min-height:150px}.chest-img{width:120px;filter:drop-shadow(0 6px 8px rgb(0 0 0 / .5))}.chest-glow{position:absolute;top:10px;width:200px;height:140px;border-radius:50%;background:radial-gradient(circle,rgb(255 236 140 / .9),rgb(255 200 60 / .35) 45%,transparent 70%);mix-blend-mode:screen;pointer-events:none;animation:chest-glow 1.2s ease-out forwards}@keyframes chest-glow{0%{opacity:1;scale:.4}to{opacity:0;scale:1.6}}.chest-card{position:absolute;top:-6px;display:grid;justify-items:center;gap:4px;padding:8px 14px 10px;border:2px solid #ffd84a;border-radius:14px;background:radial-gradient(circle at 50% 30%,#ffd84a66,#140c32f5);box-shadow:0 0 22px #ffd84ab3;color:#fff;font-size:12px;font-weight:800}.chest-card b{color:#ffe28a}.chest{min-height:190px;margin-top:6px}.chest-card{top:6px}.chest-img{margin-top:30px}.intro-deck{color:#ffe28a;font-size:12px;font-weight:800;text-shadow:0 1px 3px #000}.callouts{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}.callout{position:absolute;translate:-50% -50%;padding:2px 14px;font-size:28px;font-weight:900;letter-spacing:.06em;white-space:nowrap;color:#fff;-webkit-text-stroke:6px #3a2208;paint-order:stroke fill;text-shadow:0 0 14px rgb(255 216 74 / .9)}.callout-block{color:#fff3b0;-webkit-text-stroke-color:#5a3a00}.callout-parry{color:#d6f1ff;-webkit-text-stroke-color:#12406e;text-shadow:0 0 16px rgb(110 200 255 / .95);font-size:32px}.callout-overwrite{color:#fff;-webkit-text-stroke-color:#4a3a8a}.callout-sacrifice{color:#ffd2c2;-webkit-text-stroke-color:#6e0f0f;text-shadow:0 0 16px rgb(255 90 60 / .95)}.callout-dodge{color:#cfe8ff;-webkit-text-stroke-color:#1c3c66;font-size:24px}.ghost{position:absolute;translate:-50% -50%;aspect-ratio:68 / 84;container-type:inline-size;filter:drop-shadow(0 0 12px rgb(255 216 74 / .9)) brightness(1.4)}.popup-coin{color:#fff3b0;font-size:20px;-webkit-text-stroke:4px #6b3f00}.popup-dodge{color:#cfe8ff;-webkit-text-stroke:4px #1c3c66}.pending-warn circle{fill:#e5484d;stroke:#fff;stroke-width:2.5;animation:warn-pulse .5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.pending-warn text{fill:#fff;font-size:17px;font-weight:900}@keyframes warn-pulse{to{scale:1.25}}.burst-clash,.burst-dodge,.burst-sacrifice,.burst-overwrite,.burst-parry,.burst-snap{width:150px;height:150px;animation-name:burst-hit;animation-duration:.6s;--r: 0deg !important}.burst-clash{background-image:url(/riale-cardbatlle/assets/clash-Bx7Gyk6s.webp);width:190px;height:190px}.burst-dodge{background-image:url(/riale-cardbatlle/assets/dodge-DBmVGWSs.webp)}.burst-sacrifice{background-image:url(/riale-cardbatlle/assets/sacrifice-Ba3DNDm_.webp);animation-name:burst-rise;animation-duration:.9s}.burst-overwrite{background-image:url(/riale-cardbatlle/assets/overwrite-Cw8vvxTp.webp);animation-name:burst-circle;animation-duration:.8s}.burst-parry{background-image:url(/riale-cardbatlle/assets/parry-CvXFkFr7.webp);width:190px;height:190px}.burst-snap{background-image:url(/riale-cardbatlle/assets/snap-BP2kwTvQ.webp);width:130px;height:130px}.locked-toggle{display:block;width:100%;text-align:left;cursor:pointer}.collection-grid[hidden]{display:none}.kit-again{height:36px;padding:0 12px;font-size:13px}.battle.is-danger:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12;box-shadow:inset 0 0 70px 18px #e528328c;animation:danger-pulse 1.1s ease-in-out infinite alternate}@keyframes danger-pulse{0%{opacity:.25}to{opacity:1}}.hand{margin-bottom:10px}.callout-sacrifice{margin-top:40px}.dk .deck-main{padding:4px 18px 26px;gap:18px}.dk .deck-box{padding:22px 18px 20px}.dk .deck-grid,.dk .collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}.dk .pip-summon{top:-9cqw;left:-9cqw;width:38cqw;height:38cqw}.dk .pip-cd{top:-7cqw;right:-7cqw;width:30cqw;height:30cqw}.dk .pip-atk{bottom:-9cqw;left:-9cqw;width:34cqw;height:34cqw}.dk .pip-hp{bottom:-9cqw;right:-9cqw;width:34cqw;height:34cqw}.dk .band-chips{margin:2px 0 6px;position:relative;z-index:3}.dk .collection{display:grid;gap:22px}.dk .collection-title{position:relative;z-index:3;margin-bottom:4px}.dk .deck-swap{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;font-weight:700}.dk .deck-swap-card{position:relative;width:56px;aspect-ratio:68 / 84;container-type:inline-size}.dk .deck-swap-cancel{padding:6px 12px;border:2px solid var(--gold-2);border-radius:999px;background:linear-gradient(var(--navy-1),var(--navy-2));color:#fff;font-weight:800}.dk .band-chips{margin:4px 0 14px;flex-wrap:wrap}.card-detail-text .kw{color:#ffd84a;font-weight:800}.end-banner{position:fixed;left:0;right:0;top:38%;z-index:55;text-align:center;pointer-events:none;font-size:64px;font-weight:900;letter-spacing:.08em;color:#fff3b0;-webkit-text-stroke:10px #5a3a00;paint-order:stroke fill;text-shadow:0 0 30px rgb(255 216 74 / .9)}.end-banner.is-lose{color:#c9c3e6;-webkit-text-stroke-color:#1c1840;text-shadow:0 0 24px rgb(120 110 200 / .8)}.end-banner.is-draw{color:#e8e8f4;-webkit-text-stroke-color:#2a2a48}.slot-arriving{position:absolute;top:0;right:0;bottom:0;left:0;container-type:inline-size;pointer-events:none;filter:saturate(.8) drop-shadow(0 0 10px rgb(255 216 74 / .8))}.arrive-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid rgb(255 236 150 / .9);border-radius:12px;animation:arrive-pulse .5s ease-in-out infinite alternate}@keyframes arrive-pulse{to{opacity:.35}}.pip-atk,.pip-hp{width:50cqw;height:50cqw;min-width:22px;min-height:22px}.pip-atk{bottom:-22cqw;left:-20cqw}.pip-hp{bottom:-22cqw;right:-20cqw}.pip-atk>i,.pip-hp>i{font-size:max(15px,33cqw);-webkit-text-stroke-width:3.4px}.dk .pip-atk,.dk .pip-hp{width:46cqw;height:46cqw;bottom:-14cqw}.dk .pip-atk{left:-13cqw}.dk .pip-hp{right:-13cqw}.face.is-blocker{box-shadow:0 0 0 3px #b9d3f5,0 0 0 6px #2a64bd,0 0 14px 4px #5aa0ffa6;border-radius:10px}.face.is-blocker .face-body{box-shadow:inset 0 0 0 3px #96c8ffe6;border-radius:8px}.blocker-badge{position:absolute;top:-17cqw;left:50%;translate:-50% 0;width:38cqw;z-index:4;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .6)) drop-shadow(0 0 6px rgb(110 180 255 / .9));pointer-events:none}.blocker-badge svg{display:block;width:100%}.slot-chips{display:flex;align-items:center;gap:8px;position:relative;z-index:3}.slot-chip{width:40px;height:40px;border-radius:12px;border:2px solid #5b4a2a;background:#251d3f;color:#e9d8a6;font-size:18px;font-weight:900}.slot-chip.is-on{background:linear-gradient(#ffe28a,#f2b52a);border-color:#fff3b0;color:#3a2a08;box-shadow:0 3px #a85d00}.preset-btn{margin-left:auto;height:40px;padding:0 12px;border-radius:12px;border:2px solid var(--gold-2);background:linear-gradient(var(--navy-1),var(--navy-2));color:#fff;font-size:13px;font-weight:800}.deck-note{margin:0;color:#ffe28a;font-size:12px;font-weight:700}.preset-list{display:grid;gap:10px;max-height:58vh;overflow-y:auto;margin-bottom:10px}.preset-row{display:grid;gap:6px;padding:8px 10px 10px;border:2px solid var(--gold-2);border-radius:12px;background:#ffffff0f;text-align:left;color:#fff}.preset-head{display:flex;align-items:baseline;justify-content:space-between}.preset-head small{color:#cdbfa0;font-size:11px}.preset-faces{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.preset-face{position:relative;aspect-ratio:68 / 84;container-type:inline-size}.preset-face.is-locked{filter:grayscale(1) brightness(.55)}.preset-face .pip{display:none}.preset-btn{white-space:nowrap;font-size:12px;padding:0 10px}.slot-chips{gap:6px}.slot-chip{width:36px}.face.is-flip .pip-atk{top:-22cqw;bottom:auto;left:-20cqw}.face.is-flip .pip-hp{top:-22cqw;bottom:auto;right:-20cqw}.face.is-flip .pip-summon{top:auto;bottom:-19cqw;left:-19cqw}.face.is-flip .pip-cd{top:auto;bottom:-15cqw;right:-15cqw}.face.is-foe .blocker-badge{top:auto;bottom:-17cqw}.face.is-foe .face-states{top:auto;bottom:-11%}.hand-row{padding-left:8px;box-sizing:border-box}.face:not(.is-flip):not(.is-foe) .pip-summon{top:-12cqw;left:-12cqw;width:40cqw;height:40cqw}.face:not(.is-flip):not(.is-foe) .pip-cd,.face:not(.is-flip):not(.is-foe) .pip-atk,.face:not(.is-flip):not(.is-foe) .pip-hp{width:34cqw;height:34cqw;min-width:0;min-height:0}.face:not(.is-flip):not(.is-foe) .pip-cd{top:-9cqw;right:-9cqw}.face:not(.is-flip):not(.is-foe) .pip-atk{bottom:-9cqw;left:-9cqw}.face:not(.is-flip):not(.is-foe) .pip-hp{bottom:-9cqw;right:-9cqw}.face:not(.is-flip):not(.is-foe) .pip-cd>i,.face:not(.is-flip):not(.is-foe) .pip-atk>i,.face:not(.is-flip):not(.is-foe) .pip-hp>i{font-size:max(11px,22cqw);-webkit-text-stroke-width:2.6px}.face:not(.is-flip):not(.is-foe) .pip-summon>i{font-size:max(12px,25cqw)}.dk .deck-main{padding-inline:10px}.dk .deck-grid,.dk .collection-grid{gap:22px 12px}.face:not(.is-flip) .face-name{padding-bottom:17cqw}.overlay .sheet{width:min(100%,420px);box-sizing:border-box}.result-trophy{display:grid;justify-items:center;gap:2px;margin-top:6px}.trophy-delta{font-size:20px;font-weight:800;color:#fff;-webkit-text-stroke:3.5px rgb(18 8 30 / .9);paint-order:stroke fill}.trophy-delta.is-up{color:#ffd84a}.trophy-delta.is-down{color:#ff9ea2}.result-trophy small{color:#d9cfff;font-size:12px}.arena-up{margin-top:4px;padding:4px 14px;border-radius:999px;background:linear-gradient(#ffe27a,#f0a81e);color:#4a2a00;font-size:14px;animation:coin-pop .9s ease-in-out infinite}.popup-dmgBig{font-size:42px;color:#ffe27a;-webkit-text-stroke:6px #8a1018}.popup-dmgHuge{font-size:58px;color:#fff;-webkit-text-stroke:7px #c4161e;filter:drop-shadow(0 0 10px rgb(255 120 60 / .9))}.app-battle,.ts{isolation:isolate}.arena-floor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:cover;background-position:center;pointer-events:none}.result-missions{display:grid;gap:4px;margin-top:6px;justify-items:center}.result-missions span{padding:3px 12px;border-radius:999px;background:linear-gradient(#7f5cff,#4b2bbd);color:#fff;font-size:12px;font-weight:700}.result-hints{display:grid;gap:4px;margin-top:8px;padding:8px 12px;border-radius:12px;background:#ffffff12;border:1px solid rgb(246 197 72 / .35);text-align:left}.result-hints b{color:var(--gold-1);font-size:13px}.result-hints p{margin:0;color:#fff;font-size:12px;line-height:1.5}.result-hints.is-good{border-color:#7be49580}.result{overflow-y:auto;place-items:safe center;padding-block:28px}.face-name{font-size:max(10px,14cqw)}@media(max-height:720px){.result-ribbon{padding:8px 0 10px}.result-stars{margin:0}.result-star{width:30px;height:30px}.result-star:nth-child(2){width:38px;height:38px}.result-medal{width:44px;height:44px}.result-duel{margin:0}.result-trophy{margin-top:2px}.trophy-delta{font-size:17px}.result-hints{margin-top:4px;padding:6px 10px}.result-missions{margin-top:4px}.chest{min-height:150px}.chest-img{width:96px;margin-top:16px}.result-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.res-btn,.res-btn.is-gold{height:46px}.result-duel{display:none}.result-missions{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.result-missions span{font-size:11px;padding:2px 8px}.result-hints p:nth-of-type(2){display:none}}.lock-arena{position:absolute;left:50%;bottom:30%;translate:-50% 0;padding:1px 6px;border-radius:999px;background:#12081ed9;border:1px solid var(--gold-3);color:var(--gold-1);font-size:10px;font-weight:700;white-space:nowrap;pointer-events:none}.card-hero{grid-column:1 / -1;position:relative;height:132px;margin:-6px -4px 2px;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 2px #f6c5488c}.card-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}.card-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 55%,#1a1238e6);pointer-events:none}@media(max-height:700px){.card-hero{height:96px}}.result-ribbon,.result-ribbon.is-lose,.result-ribbon.is-draw{clip-path:none;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;min-height:96px;padding:6px 0 22px}.result-ribbon.is-draw{filter:hue-rotate(-75deg) saturate(.9)}.result-ribbon.is-draw .result-title{filter:hue-rotate(75deg) drop-shadow(0 3px 0 rgb(10 20 60 / .8))}.result-ribbon .result-title{font-size:40px}img.result-star{width:44px;height:44px;fill:none;stroke:none;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .5))}img.result-star:nth-child(2){width:56px;height:56px}img.result-star.is-lit{filter:drop-shadow(0 0 8px rgb(255 216 74 / .8)) drop-shadow(0 2px 2px rgb(0 0 0 / .5))}@media(max-height:720px){.result-ribbon,.result-ribbon.is-lose,.result-ribbon.is-draw{min-height:76px}img.result-star{width:32px;height:32px}img.result-star:nth-child(2){width:40px;height:40px}}.reward-chest-icon{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .5))}.reward-coin{width:20px;height:20px;filter:grayscale(1) brightness(.45)}.reward-coin.is-on{filter:drop-shadow(0 0 4px rgb(255 216 74 / .8))}.menu-btn:has(img){border:0;background:none;box-shadow:none;padding:0}.menu-btn img{width:44px;height:44px;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .5))}.state:has(img){background:none;border:0}.state img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .6))}.blocker-badge img{display:block;width:100%;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .6))}.hero-hp .heart-mark{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .6))}.dk-curve{display:inline-flex;align-items:flex-end;gap:2px;height:18px;margin-right:6px;vertical-align:middle}.dk-curve i{width:5px;max-height:100%;border-radius:2px 2px 0 0;background:linear-gradient(#fff3b8,#f9c933 50%,#d79a06)}.deck-hint{margin:8px 0 0;padding:6px 10px;border-radius:10px;background:#e5484d33;border:1px solid rgb(255 143 148 / .6);color:#ffd6d8;font-size:12px;font-weight:700}@media(prefers-reduced-motion:reduce){.battle.is-danger,.battle.is-danger:after,.confetti i,.hero-badge.is-low{animation:none!important}}.deck-code{display:grid;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgb(246 197 72 / .35)}.deck-code b{color:var(--gold-1);font-size:13px}.deck-code small{color:#d9cfff;font-size:11px}.deck-code-row{display:grid;grid-template-columns:1fr auto;gap:6px}.deck-code-row input{min-width:0;padding:6px 8px;border-radius:8px;border:1px solid rgb(246 197 72 / .5);background:#00000059;color:#fff;font-size:12px}.deck-code-btn{padding:0 12px;border-radius:8px;border:2px solid var(--gold-2);background:linear-gradient(#5b3fc4,#34217f);color:#fff;font-size:12px;font-weight:700}.hint{z-index:45}.preset-head{align-items:center;gap:8px}.preset-head b{margin-right:auto}.preset-portrait{width:30px;height:30px;border-radius:50%;border:2px solid var(--gold-2);object-fit:cover}.tip-banner{position:absolute;z-index:40;left:50%;top:40%;translate:-50% -50%;width:min(330px,88vw);display:grid;gap:2px;padding:7px 12px 8px;border:2px solid var(--gold-2, #f2c14e);border-radius:12px;background:#1f1747eb;color:#fff;font:inherit;text-align:center;box-shadow:0 4px #0006,0 0 16px #ffd84a4d;cursor:pointer}.tip-banner b{font-size:14px;color:#ffe28a}.tip-banner span{font-size:11.5px;line-height:1.45}.hint{top:47%;bottom:auto;translate:-50% -50%}.dk .band-chips{flex-wrap:nowrap;min-height:32px;gap:4px}.dk .band-chip{padding:0 7px}.card-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;align-content:center;gap:14px;overflow:hidden;background:radial-gradient(circle at 50% 46%,#503296eb,#0a061cf7 70%);cursor:pointer}.card-reveal-rays{position:absolute;left:50%;top:46%;width:180vmax;height:180vmax;translate:-50% -50%;background:repeating-conic-gradient(rgb(255 226 138 / .22) 0deg 9deg,transparent 9deg 24deg);mask:radial-gradient(circle,#000 8%,transparent 45%);animation:card-reveal-spin 14s linear infinite;pointer-events:none}@keyframes card-reveal-spin{to{rotate:360deg}}.card-reveal-title{position:relative;color:#ffe28a;font-size:30px;font-weight:900;-webkit-text-stroke:4px rgb(30 14 50 / .95);paint-order:stroke fill}.card-reveal-cards{position:relative;display:flex;gap:16px;justify-content:center;perspective:800px}.card-reveal-card{display:grid;justify-items:center;gap:4px}.card-reveal-face{position:relative;width:min(46vw,190px);aspect-ratio:68 / 84;container-type:inline-size;filter:drop-shadow(0 0 22px rgb(255 216 74 / .75))}.card-reveal-cards:has(.card-reveal-card+.card-reveal-card) .card-reveal-face{width:min(38vw,150px)}.card-reveal-card b{color:#fff;font-size:20px;font-weight:900;-webkit-text-stroke:3px rgb(30 14 50 / .95);paint-order:stroke fill}.card-reveal-card small{color:#e9e1ff;font-size:12px;font-weight:700}.card-reveal-tap{position:relative;margin-top:6px;color:#ffffffbf;font-size:12px;font-weight:700}@media(prefers-reduced-motion:reduce){.card-reveal-rays{animation:none}}.collect-progress{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:24px;color:#e9e1ff;font-size:12px;font-weight:800;-webkit-text-stroke:3px rgb(18 8 30 / .85);paint-order:stroke fill}.collect-progress b{color:var(--gold-1);font-size:13px}.result-missions span.is-streak{background:linear-gradient(#ffb03a,#e0521c);color:#fff;text-shadow:0 1px 1px rgb(80 20 0 / .6)}.settings-dev{justify-self:center;margin-top:2px;padding:4px 10px;border:0;background:none;color:#e9e1ff73;font:inherit;font-size:11px;text-decoration:underline}.name-input{width:9.5em;min-width:0;height:34px;padding:0 10px;border:2px solid var(--gold-2, #f2c14e);border-radius:10px;background:#0a061eb3;color:#fff;font:inherit;font-size:16px;font-weight:800;text-align:right}.name-input::placeholder{color:#e9e1ff66}.result-name{margin-top:2px;color:#e9e1ff;font-size:11px;font-weight:800;line-height:1}.foe-cast{position:absolute;z-index:44;right:4px;top:2px;display:grid;justify-items:center;gap:2px;padding:4px 4px 3px;border:2px solid #c86bff;border-radius:10px;background:#1e0c32e0;box-shadow:0 0 14px #c86bff99;pointer-events:none}.foe-cast-face{position:relative;width:44px;aspect-ratio:68 / 84;container-type:inline-size}.foe-cast b{color:#fff;font-size:10px;font-weight:800}.reset-row small{color:#e9e1ff8c;font-size:10px}.reset-row.is-armed{background:linear-gradient(#e5484d,#9c2a30);color:#fff}.result-missions span.is-challenge{background:linear-gradient(#ffe28a,#d79a06);color:#3a2508}.hero-label{max-width:5.6em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(max-width:359px){.dk .deck-main>*{min-width:0}.slot-chips{gap:4px}.slot-chip{width:30px;height:34px;font-size:15px}.preset-btn{height:34px;padding:0 8px;font-size:11px}.dk .band-chips{gap:3px}.dk .band-chip{padding:0 5px;font-size:11px}.dk .band-chip .band-coin{width:10px;height:10px}}.sheet>.card-detail{min-height:0;overflow-y:auto}.install-row{display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:#ffd84a1a;box-shadow:inset 0 0 0 1.5px #f6c54873;color:#e9e1ff;font-size:12px;font-weight:700;text-align:center}.install-row small{color:var(--gold-1);font-size:12px}.result-foe-open{justify-self:center;margin:2px 0 6px;padding:4px 10px;border:0;background:none;color:#ffe28a;font:inherit;font-size:12px;font-weight:800;text-decoration:underline}.result-foe-deck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:min(100%,250px);justify-self:center;margin:2px auto 8px}.result-foe-card{position:relative;aspect-ratio:68 / 84;container-type:inline-size}.result-foe-title{justify-self:center;color:#ffe28a;font-size:12px;font-weight:800}.result-missions span.is-avatar{background:linear-gradient(#5ad1ff,#2276c9);color:#fff}@media(max-width:359px){.preset-head{flex-wrap:wrap;row-gap:0}.preset-head b{white-space:nowrap}.preset-head small{flex-basis:100%;padding-left:38px}}.sheet>.help-list{min-height:0;overflow-y:auto}.result-buttons{position:sticky;bottom:0;z-index:2;margin-inline:-12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#1c123c00,#1c123cf2 30%)}.deck-card[hidden],.collection[hidden]{display:none!important}.collection .deck-card{content-visibility:auto;contain-intrinsic-size:auto 120px}html.in-battle,html.in-battle body{overflow:hidden;overscroll-behavior:none;height:100%}html.in-battle body{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}html.in-battle .sheet,html.in-battle .sheet-list,html.in-battle .help-list,html.in-battle .card-detail,html.in-battle .result{touch-action:pan-y;overscroll-behavior:contain}body{background:#120d2c}.ts{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;color:#fff;background-size:cover;background-position:center;overflow-x:hidden}.ts:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(110% 70% at 50% 38%,transparent 40%,rgb(12 6 32 / .55) 100%),linear-gradient(180deg,#281a644d,#3622781f 34%,#160e38c7 74%,#120d2c)}.ts>:not(.overlay){position:relative}.ts-top{width:min(100%,480px);padding:calc(14px + env(safe-area-inset-top)) 16px 0;display:flex;align-items:center}.ts-player{display:flex;align-items:center;gap:10px}.ts-medal{width:58px;height:58px;overflow:hidden;border-radius:50%;border:3px solid var(--gold-2);background:var(--navy-3);box-shadow:0 0 0 2px var(--gold-4),0 4px #00000073}.ts-medal img{width:100%;height:100%;object-fit:cover;scale:1.1}.ts-name{display:grid;gap:1px;padding:4px 14px 4px 10px;border-radius:10px;background:linear-gradient(#140e34d9,#140e3499);border:2px solid rgb(246 197 72 / .7)}.ts-name b{font-size:16px;font-weight:800;-webkit-text-stroke:3px rgb(18 8 30 / .9);paint-order:stroke fill}.ts-name small{font-size:12px;font-weight:700;color:var(--gold-1)}.ts-main{flex:1;width:min(100%,480px);padding:8px 16px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.ts-fan{position:relative;width:300px;height:178px;margin-bottom:2px}.ts-fan:before{content:"";position:absolute;left:50%;top:46%;width:280px;height:280px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgb(255 214 110 / .5),rgb(255 160 60 / .12) 55%,transparent 72%);animation:ts-glow 3.2s ease-in-out infinite}@keyframes ts-glow{50%{scale:1.12;opacity:.75}}.ts-card{position:absolute;top:18px;left:50%;width:104px;margin-left:-52px;aspect-ratio:68 / 84;filter:drop-shadow(0 8px 8px rgb(0 0 0 / .45))}.ts-card-l{transform:translate(-74px) rotate(-13deg)}.ts-card-r{transform:translate(74px) rotate(13deg)}.ts-card-c{top:2px;width:124px;margin-left:-62px;z-index:1;animation:ts-float 3.2s ease-in-out infinite}@keyframes ts-float{50%{translate:0 -7px}}.ts-logo{margin:0;font-size:38px;font-weight:900;letter-spacing:.06em;line-height:1.15;background:linear-gradient(#fff6cf,var(--gold-2) 55%,#e08a10);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #4a2a00) drop-shadow(0 0 1px #4a2a00) drop-shadow(0 0 12px rgb(255 190 60 / .55))}.ts-sub{margin:0 0 6px;font-size:12.5px;white-space:nowrap;font-weight:600;color:#e8e0ff;text-shadow:0 1px 3px rgb(0 0 0 / .8)}.ts-deck{width:100%;padding:8px 10px 10px;border:3px solid var(--gold-2);border-radius:16px;background:repeating-linear-gradient(135deg,rgb(255 255 255 / .035) 0 6px,transparent 6px 12px),linear-gradient(#34296af0,#1a1338f0);box-shadow:0 0 0 2px var(--navy-3),0 6px 14px #0006,inset 0 2px #fff0be66;color:#fff;font:inherit;cursor:pointer;transition:transform .15s var(--ease)}.ts-deck:active{transform:scale(.98)}.ts-deck-title{display:block;margin-bottom:6px;text-align:left;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--gold-1)}.ts-deck-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px 6px}.ts-deck-card{position:relative;display:block;aspect-ratio:68 / 84}.ts-bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.ts-levels{width:min(calc(100% - 32px),360px);display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border:2px solid rgb(246 197 72 / .6);border-radius:999px;background:#0a061eb8}.ts-level{padding:8px 0;border:0;border-radius:999px;background:transparent;color:#d8d0f4;font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background-color .15s var(--ease),color .15s var(--ease)}.ts-level.is-on{background:linear-gradient(#ffe98a,var(--gold-2) 60%,#d89410);color:#3a2300;box-shadow:inset 0 1px #ffffffb3,0 2px #00000059}.ts-battle{position:relative;width:min(calc(100% - 32px),360px);height:76px;overflow:hidden;border:4px solid #6b3f00;border-radius:18px;background:linear-gradient(#fff08a,#ffc928 45%,#f09a00);box-shadow:0 7px #a85d00,0 12px 18px #00000080,inset 0 3px #ffffffb3;cursor:pointer;font:inherit;transition:transform .08s ease,box-shadow .08s ease}.ts-battle span{position:relative;font-size:32px;font-weight:900;letter-spacing:.12em;color:#fff;-webkit-text-stroke:6px #6b3f00;paint-order:stroke fill;text-shadow:0 3px 0 rgb(107 63 0 / .6)}.ts-battle:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:28%;background:linear-gradient(105deg,transparent,rgb(255 255 255 / .55),transparent);animation:ts-shine 3.2s ease-in-out infinite;pointer-events:none}@keyframes ts-shine{0%,55%{left:-40%}to{left:130%}}.ts-battle:active{transform:translateY(5px);box-shadow:0 2px #a85d00,0 4px 8px #00000080,inset 0 3px #ffffffb3}.tabbar{width:min(100%,480px);position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#2a2058,#140e30);border-top:3px solid var(--gold-2);box-shadow:0 -6px 16px #00000080,inset 0 2px #fff0be59}.ts>.tabbar{position:sticky}.tab{display:grid;justify-items:center;align-content:end;gap:2px;height:66px;padding:0 0 7px;border:0;background:transparent;color:#b9b0e0;font:inherit;cursor:pointer;transition:background-color .15s var(--ease)}.tab-icon{width:30px;height:30px;display:grid;place-items:center;transition:transform .2s var(--ease)}.tab-icon svg{width:100%;height:100%;filter:drop-shadow(0 2px 0 rgb(0 0 0 / .4))}.tab-label{font-size:12px;font-weight:800;letter-spacing:.04em}.tab.is-active{background:linear-gradient(#5b46bb,#34296a);color:var(--gold-1);box-shadow:inset 0 2px #ffffff40}.tab.is-active .tab-icon{transform:translateY(-5px) scale(1.25)}.tab:active .tab-icon{transform:scale(.9)}.dk-top{width:min(100%,480px);padding:calc(16px + env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;justify-content:space-between}.dk-title{margin:0;font-size:30px;font-weight:900;letter-spacing:.08em;background:linear-gradient(#fff6cf,var(--gold-2) 55%,#e08a10);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #4a2a00) drop-shadow(0 0 1px #4a2a00)}.dk-avg{padding:5px 14px;border:2px solid var(--gold-2);border-radius:999px;background:linear-gradient(var(--navy-1),var(--navy-2));font-size:13px;font-weight:700;color:var(--gold-1)}.dk-avg b{margin-left:4px;font-size:17px;color:#fff}.dk .deck-main{flex:1;width:min(100%,480px);max-width:none;padding:0 14px 22px}.dk .collection-title{color:var(--gold-1);letter-spacing:.08em;-webkit-text-stroke:3px rgb(18 8 30 / .9);paint-order:stroke fill}.dk .deck-swap{color:#fff}.dk{height:100dvh;min-height:0;overflow:hidden}.dk .deck-main{min-height:0;overflow-y:auto;overscroll-behavior:contain}.dk .tabbar{position:relative}.overlay{background:#080416b3}.sheet{border:3px solid var(--gold-2);background:repeating-linear-gradient(135deg,rgb(255 255 255 / .03) 0 6px,transparent 6px 12px),linear-gradient(#34296a,#1a1338);box-shadow:0 0 0 2px var(--navy-3),0 14px 34px #0000008c,inset 0 2px #fff0be59;color:#fff}.sheet-title{color:var(--gold-1);letter-spacing:.08em;-webkit-text-stroke:4px rgb(18 8 30 / .9);paint-order:stroke fill}.sheet-subtitle,.help-list,.card-detail-text,.card-detail-note{color:#e8e0ff}.card-detail-stats dt{color:#b9b0e0}.card-detail-stats dd{color:#fff}.sheet-row{background:#ffffff14;color:#fff}.sheet-row:hover,.sheet-row:active{background:#ffffff24}.switch[aria-checked=false]{background:#4a4170}.switch[aria-checked=true]{background:#f0b323}.sheet-btn{height:50px;border:3px solid #6b3f00;border-radius:14px;background:linear-gradient(#fff08a,#ffc928 45%,#f09a00);box-shadow:0 4px #a85d00,inset 0 2px #ffffffb3;color:#fff;font-size:17px;font-weight:800;letter-spacing:.06em;-webkit-text-stroke:4px #6b3f00;paint-order:stroke fill}.sheet-btn:hover{background:linear-gradient(#fff39c,#ffd23c 45%,#f5a300)}.sheet-btn:active{transform:translateY(3px);box-shadow:0 1px #a85d00}.sheet-btn.quiet{border:3px solid var(--gold-2);background:linear-gradient(var(--navy-1),var(--navy-2));box-shadow:0 4px #00000073,inset 0 2px #fff3;-webkit-text-stroke:0}.sheet-btn.quiet:hover{background:linear-gradient(#4a3d88,#241a52)}@media(max-height:760px){.ts-fan{height:150px;scale:.82;margin-block:-14px}.ts-sub{display:none}.ts-deck-grid{gap:4px}}@media(max-height:999px){.ts-deck{display:none}}@media(max-height:740px){.ts-battle{height:66px}}@media(max-height:620px){.ts-fan{display:none}}.lab{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 16px 32px;display:grid;align-content:start;gap:16px;max-width:480px;margin:0 auto;color:#fff}.lab-title{margin:0;font-size:26px;font-weight:900;letter-spacing:.06em;color:var(--gold-1)}.lab-sub{margin:0;font-size:13px;line-height:1.6;color:#cfc7ee}.lab-group h2{margin:0 0 8px;font-size:14px;letter-spacing:.1em;color:var(--gold-2)}.lab-row,.lab-list{display:grid;gap:8px}.lab-row{grid-template-columns:repeat(2,1fr)}.lab-btn,.lab-item{border:2px solid var(--gold-2);border-radius:12px;padding:12px 14px;background:linear-gradient(var(--navy-1),var(--navy-2));color:#fff;font:inherit;font-size:15px;font-weight:800;text-align:left;cursor:pointer;box-shadow:0 3px #0006}.lab-btn:active,.lab-item:active{transform:translateY(2px);box-shadow:0 1px #0006}.lab-btn.is-on{background:linear-gradient(#ffe98a,var(--gold-2) 60%,#d89410);color:#3a2300}.lab-btn.is-stop{border-color:#ff9a9a}.lab-item{display:grid;gap:2px}.lab-item small{font-size:12px;font-weight:600;color:#b9b0e0}.dk:before{background:radial-gradient(110% 70% at 50% 45%,transparent 55%,rgb(12 6 32 / .5) 100%),linear-gradient(180deg,#120a289e,#120a282e 22%,#120a281a 70%,#120a288c)}.dk .deck-box{background:repeating-linear-gradient(135deg,rgb(255 255 255 / .03) 0 6px,transparent 6px 12px),linear-gradient(#34296ae6,#1a1338eb)}.dk .collection-title{display:inline-block;justify-self:start;padding:2px 12px;border:2px solid var(--gold-2);border-radius:999px;background:linear-gradient(var(--navy-1),var(--navy-2));-webkit-text-stroke:0;font-size:13px}.lab-back{color:var(--gold-1);font-size:13px;font-weight:800;text-decoration:none}.lab-item-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.lab-cands{display:flex;flex-wrap:wrap;gap:6px}.lab-cand{min-width:44px;padding:8px 12px;border:2px solid rgb(246 197 72 / .6);border-radius:10px;background:#0a061eb3;color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.lab-cand.is-on{background:linear-gradient(#ffe98a,var(--gold-2) 60%,#d89410);color:#3a2300;border-color:#6b3f00}.lab-auto{margin-left:auto}.ts-dev{position:absolute;right:10px;top:calc(14px + env(safe-area-inset-top));z-index:3;padding:5px 12px;border:1.5px solid rgb(255 255 255 / .35);border-radius:999px;background:#0a061e8c;color:#ffffffbf;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.ts-top{justify-content:space-between}.ts-arena{display:grid;justify-items:end;gap:4px;min-width:108px}.ts-arena-name{font-size:12px;font-weight:700;color:var(--gold-1);-webkit-text-stroke:2px rgb(18 8 30 / .9);paint-order:stroke fill;letter-spacing:.04em}.ts-trophy{display:inline-flex;align-items:center;gap:4px;padding:2px 12px 2px 6px;border:2px solid var(--gold-2);border-radius:999px;background:linear-gradient(var(--navy-1),var(--navy-2));box-shadow:0 0 0 2px var(--navy-3),0 3px #0006}.ts-trophy svg{width:20px;height:20px;fill:#ffd84a;filter:drop-shadow(0 1px 0 #7a4308)}.ts-trophy b{font-size:18px;color:#fff;-webkit-text-stroke:3px rgb(18 8 30 / .9);paint-order:stroke fill}.ts-arena-bar{width:100%;height:6px;border-radius:999px;background:#0000008c;box-shadow:inset 0 0 0 1px #0006;overflow:hidden}.ts-arena-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(#fff3b8,#f9c933 50%,#d79a06)}.ts-daily{margin-top:2px;padding:3px 10px;border:2px solid var(--gold-2);border-radius:999px;background:linear-gradient(#5b3fc4,#34217f);color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px #00000073}.ts-daily.is-done{background:linear-gradient(#ffe27a,#f0a81e);color:#4a2a00}.mission-row{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 10px;padding:10px 12px;border-radius:12px;background:#ffffff0f}.mission-text{font-weight:700}.mission-count{grid-row:1 / span 2;grid-column:2;align-self:center;color:var(--gold-1)}.mission-bar{height:8px;border-radius:999px;background:#00000080;overflow:hidden}.mission-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(#fff3b8,#f9c933 50%,#d79a06)}.mission-row.is-done{background:#ffd84a24}.stat-head{margin-top:6px;color:var(--gold-1);font-size:12px;font-weight:700}.stat-row{display:grid;grid-template-columns:5.5em 1fr 3em 4em;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:#ffffff0f;font-size:13px}.stat-row b{text-align:right}.stat-row small{color:#d9cfff;font-size:11px;text-align:right}.stat-row.is-total{grid-template-columns:auto auto 1fr}.stat-row.is-total b{font-size:22px;color:var(--gold-1)}.stat-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.stat-card{display:grid;justify-items:center;gap:2px;font-size:10px;text-align:center}.stat-face{position:relative;width:100%;aspect-ratio:68 / 84;container-type:inline-size}.stat-card .pip,.stat-card .blocker-badge{display:none}.ts-suggest{margin:0 auto 6px;padding:4px 14px;border:2px solid var(--gold-2);border-radius:999px;background:linear-gradient(#5b3fc4,#34217f);color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px #00000073}.ts-card-l{animation:ts-float 3.6s ease-in-out -1.2s infinite}.ts-card-r{animation:ts-float 3.4s ease-in-out -2.1s infinite}.ts-battle{animation:ts-breathe 2.4s ease-in-out infinite}@keyframes ts-breathe{50%{scale:1.025}}.ts-battle:active{animation:none}@media(prefers-reduced-motion:reduce){.ts-card,.ts-battle,.ts-battle:after{animation:none}}.ts-trophy img{width:24px;height:24px;margin:-4px 0 -4px -4px;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .5))}.ts-arena-name{display:inline-flex;align-items:center;gap:3px}.ts-arena-name img{width:18px;height:18px;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .5))}.ts-daily{display:inline-flex;align-items:center;gap:4px}.ts-daily img{width:18px;height:18px;margin:-3px 0 -3px -4px;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .5))}.tab-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 0 rgb(0 0 0 / .4))}.ts-arena-next{margin-top:-2px;color:#e9e1ff;font-size:10px;font-weight:700;-webkit-text-stroke:2px rgb(18 8 30 / .85);paint-order:stroke fill;white-space:nowrap}.stat-recent{display:flex;gap:4px;flex-wrap:wrap}.recent-mark{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;font-size:12px;font-weight:800;color:#fff;background:#555c74}.recent-mark.is-win{background:linear-gradient(#ffd84a,#d79a06);color:#4a2a00}.recent-mark.is-lose{background:linear-gradient(#e5484d,#9c2a30)}.arena-up-card{display:grid;justify-items:center;gap:8px;text-align:center}.arena-up-floor{width:100%;height:150px;object-fit:cover;object-position:50% 30%;border-radius:14px;box-shadow:inset 0 0 0 2px #f6c54899,0 0 18px #ffd84a80}.arena-up-name{display:inline-flex;align-items:center;gap:6px;color:var(--gold-1);font-size:22px;-webkit-text-stroke:3px rgb(18 8 30 / .9);paint-order:stroke fill}.arena-up-name img{width:32px;height:32px}.arena-up-card p{margin:0;font-size:13px;color:#e9e1ff}button.ts-arena-name{border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer}.road{display:grid;gap:8px;min-height:0;overflow-y:auto}.road-row{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:center;padding:6px;border-radius:12px;background:#ffffff0f}.road-row.is-now{background:#ffd84a24;box-shadow:inset 0 0 0 2px #f6c548cc}.road-row.is-locked .road-floor{filter:grayscale(.85) brightness(.6)}.road-floor{width:84px;height:56px;object-fit:cover;object-position:50% 30%;border-radius:8px}.road-body{display:grid;gap:3px;min-width:0}.road-name{display:flex;align-items:center;gap:6px;font-size:15px;color:var(--gold-1)}.road-row.is-locked .road-name{color:#c9c1e0}.road-now{padding:1px 6px;border-radius:999px;background:linear-gradient(#ffd84a,#d79a06);color:#4a2a00;font-size:10px}.road-need{display:flex;align-items:center;gap:3px;font-size:11px;color:#e9e1ff}.road-need img{width:14px;height:14px}.road-foes{display:flex;gap:3px;flex-wrap:wrap}.road-foes img{width:26px;height:26px;border-radius:50%;box-shadow:0 0 0 1.5px #f6c548cc}.road-row.is-locked .road-foes img{filter:grayscale(.6)}.arena-up-foes{justify-content:center}.arena-up-foes img{width:40px;height:40px}.ts-chest{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:2px 12px;border-radius:999px;background:#120a28b3;box-shadow:inset 0 0 0 1.5px #f6c5488c;color:#ffe9b0;font-size:12px;font-weight:800}.ts-chest-icon{width:30px;height:30px;margin:-6px 0 -4px;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .5))}.new-badge{position:absolute;z-index:4;top:-6px;left:50%;translate:-50% 0;padding:1px 6px;border-radius:6px;background:linear-gradient(#ff6b6b,#d62828);box-shadow:0 0 0 1.5px #fff,0 2px 4px #00000080;color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em;pointer-events:none}.tab{position:relative}.tab-dot{position:absolute;top:8px;right:calc(50% - 26px);width:12px;height:12px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 0 2px #fff}.ts-chal img{border-radius:50%;box-shadow:0 0 0 1.5px #f6c548e6}.chal-card{display:grid;justify-items:center;gap:4px;text-align:center}.chal-face{width:104px;height:104px;border-radius:50%;box-shadow:0 0 0 3px var(--gold-2, #f2c14e),0 0 18px #ffd84a73}.chal-name{margin-top:4px;color:var(--gold-1);font-size:20px}.chal-card small{color:#e9e1ff;font-size:12px;font-weight:700}.chal-card p{margin:6px 0 0;color:#e9e1ff;font-size:13px}.rotate-hint{display:none}@media(orientation:landscape)and (max-height:500px){.rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-content:center;justify-items:center;gap:16px;background:radial-gradient(circle at 50% 40%,#3a2f78,#120a28 75%);color:#ffe28a;font-size:18px;text-align:center}.rotate-phone{width:44px;height:76px;border:4px solid #ffe28a;border-radius:10px;animation:rotate-phone 2.2s ease-in-out infinite}}@keyframes rotate-phone{0%,30%{rotate:-90deg}60%,to{rotate:0deg}}.sheet>.chal-card{min-height:0;overflow-y:auto}.chal-deck{margin-top:6px}@media(max-height:700px){.chal-face{width:72px;height:72px}}button.ts-medal{padding:0;border:0;cursor:pointer}.sheet>.avatar-grid{min-height:0;overflow-y:auto}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.avatar-pick{display:grid;justify-items:center;gap:2px;padding:4px 0;border:0;border-radius:10px;background:none;color:#e9e1ff;font:inherit;cursor:pointer}.avatar-pick img{width:52px;height:52px;border-radius:50%;box-shadow:0 0 0 2px #f6c54880}.avatar-pick small{font-size:10px;font-weight:800}.avatar-pick.is-on{background:#ffd84a29}.avatar-pick.is-on img{box-shadow:0 0 0 3px #ffd84a,0 0 12px #ffd84a99}.avatar-pick.is-locked img{filter:grayscale(1) brightness(.35)}button.ts-chest{border:0;font:inherit;cursor:pointer;color:#ffe9b0}button.ts-chest:disabled{cursor:default;opacity:.75}.ts-chest b{font-size:14px;color:var(--gold-1)}.ts-chest b small{font-size:10px;color:#cdbfa0}.ts-chest.is-ready{background:linear-gradient(#5a3d10,#2a1a06);box-shadow:inset 0 0 0 2px #ffd84a,0 0 14px #ffd84a8c;animation:chest-ready 1.6s ease-in-out infinite}@keyframes chest-ready{50%{box-shadow:inset 0 0 0 2px #ffd84a,0 0 22px #ffd84ad9}}@media(prefers-reduced-motion:reduce){.ts-chest.is-ready{animation:none}}.gacha{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-content:center;justify-items:center;gap:18px;padding:16px;background:radial-gradient(circle at 50% 42%,#503296f2,#0a061cf7 70%)}.gacha .chest-img{width:150px}.gacha-buttons{display:grid;gap:8px;width:min(280px,80vw)}.rule-pick{display:flex;gap:6px}.rule-note{margin:-2px 4px 4px;color:var(--gold-1);font-size:12px;font-weight:800}a.sheet-row{color:inherit;text-decoration:none}