:root{color-scheme:dark;--bg: #17171a;--panel: #202024;--panel-2: #26262c;--line: #2e2e34;--text: #f5f5f5;--muted: #a7a7b0;--dim: #7c7c86;--accent: #ff8a00;--me: #1e3a8a;--opp: #7f1d1d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;-webkit-text-size-adjust:100%}a{color:inherit}.wrap{max-width:none;margin:0 auto;padding:16px 12px 40px}.head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.head-icon{width:44px;height:44px;border-radius:10px}.head-main{flex:1 1 220px;min-width:0}.head-title{font-size:16px;font-weight:700;margin:0;line-height:1.35}.head-meta{font-size:12px;color:var(--muted);margin:3px 0 0}.head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.btn{display:inline-block;padding:9px 14px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;white-space:nowrap}.lang{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.lang-btn{padding:9px 12px;font-size:13px;font-weight:600;border:0;background:var(--panel-2);color:var(--muted);cursor:pointer;white-space:nowrap}.lang-btn.on{background:#3a3a44;color:var(--text)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#17171a}.btn:disabled{opacity:.4;cursor:default}.replay-layout{display:block}.desktop-replay-rail{display:none}.board{position:relative;width:100%;max-width:780px;margin:0 auto;background:#1d1e23;border:1px solid var(--line);border-radius:14px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;overflow:hidden}.tint{position:absolute;left:0;right:0;height:50%;overflow:hidden;pointer-events:none;z-index:0;background-repeat:no-repeat;background-size:142% 142%,154% 154%,176% 176%,100% 100%;animation:turn-gradient-shift 14.8s linear infinite}.tint:before,.tint:after{content:"";position:absolute;width:84%;aspect-ratio:1;border-radius:42% 58% 63% 37%/46% 38% 62% 54%;opacity:.22;filter:blur(36px);mix-blend-mode:screen;background-blend-mode:screen;will-change:transform,opacity,border-radius;animation:turn-aura 7.4s linear infinite}.tint:before{left:-30%;top:-60%}.tint:after{right:-31%;bottom:-62%;border-radius:61% 39% 43% 57%/38% 58% 42% 62%;animation-name:turn-aura-secondary;animation-duration:9.1s;animation-timing-function:linear;animation-delay:-3.1s}.tint.top{top:0;background:radial-gradient(ellipse at 12% 8%,rgba(251,113,133,.2),transparent 42%),radial-gradient(ellipse at 88% 18%,rgba(251,146,60,.15),transparent 38%),linear-gradient(118deg,rgba(244,63,94,.1),transparent 36% 64%,rgba(190,24,93,.1)),linear-gradient(180deg,#dc262626,#7f1d1d12);box-shadow:inset 0 -22px 46px #ef444413}.tint.top:before{background:radial-gradient(circle at 23% 27%,#fecdd3 0%,#fb7185aa 13%,transparent 36%),radial-gradient(circle at 72% 66%,#f97316bb 0%,transparent 42%),conic-gradient(from 210deg at 52% 48%,#be123c99,#fb7185aa 24%,#f59e0b88 47%,#e11d4888 72%,#be123c99)}.tint.top:after{background:radial-gradient(ellipse at 28% 70%,#fbbf24aa 0%,transparent 34%),radial-gradient(circle at 76% 25%,#fda4afbb 0%,#e11d4888 22%,transparent 49%),linear-gradient(145deg,transparent 12%,#f9731688 44%,#be123c88 68%,transparent 88%)}.tint.bottom{bottom:0;background:radial-gradient(ellipse at 14% 90%,rgba(34,211,238,.2),transparent 42%),radial-gradient(ellipse at 88% 82%,rgba(129,140,248,.17),transparent 40%),linear-gradient(62deg,rgba(37,99,235,.11),transparent 36% 64%,rgba(124,58,237,.1)),linear-gradient(0deg,#2563eb29,#1e3a8a12);box-shadow:inset 0 22px 46px #38bdf813}.tint.bottom:before{background:radial-gradient(circle at 22% 28%,#bae6fd 0%,#38bdf8aa 13%,transparent 36%),radial-gradient(circle at 73% 68%,#818cf8bb 0%,transparent 42%),conic-gradient(from 205deg at 52% 48%,#1d4ed899,#22d3eeaa 24%,#8b5cf688,#3b82f688 72%,#1d4ed899)}.tint.bottom:after{background:radial-gradient(ellipse at 27% 72%,#67e8f9aa 0%,transparent 34%),radial-gradient(circle at 76% 24%,#c4b5fdbb 0%,#6366f188 22%,transparent 49%),linear-gradient(145deg,transparent 12%,#06b6d488 44%,#7c3aed88 68%,transparent 88%)}@keyframes turn-aura{0%{opacity:.24;border-radius:42% 58% 63% 37%/46% 38% 62% 54%;transform:translate3d(-16%,0,0) rotate(-6deg) scale(.92)}20%{opacity:.36;border-radius:55% 45% 38% 62%/58% 47% 53% 42%;transform:translate3d(-5%,-15%,0) rotate(66deg) scale(1.08)}40%{opacity:.48;border-radius:64% 36% 53% 47%/37% 62% 38% 63%;transform:translate3d(13%,-9%,0) rotate(138deg) scale(1.18)}60%{opacity:.4;border-radius:38% 62% 42% 58%/61% 39% 57% 43%;transform:translate3d(13%,9%,0) rotate(210deg) scale(1.1)}80%{opacity:.3;border-radius:52% 48% 66% 34%/43% 55% 45% 57%;transform:translate3d(-5%,15%,0) rotate(282deg) scale(.94)}to{opacity:.24;border-radius:42% 58% 63% 37%/46% 38% 62% 54%;transform:translate3d(-16%,0,0) rotate(354deg) scale(.92)}}@keyframes turn-aura-secondary{0%{opacity:.24;border-radius:61% 39% 43% 57%/38% 58% 42% 62%;transform:translate3d(16%,0,0) rotate(9deg) scale(.92)}20%{opacity:.34;border-radius:44% 56% 62% 38%/54% 41% 59% 46%;transform:translate3d(5%,15%,0) rotate(-63deg) scale(1.06)}40%{opacity:.46;border-radius:35% 65% 47% 53%/63% 48% 52% 37%;transform:translate3d(-13%,9%,0) rotate(-135deg) scale(1.16)}60%{opacity:.39;border-radius:58% 42% 36% 64%/45% 64% 36% 55%;transform:translate3d(-13%,-9%,0) rotate(-207deg) scale(1.08)}80%{opacity:.29;border-radius:67% 33% 56% 44%/52% 39% 61% 48%;transform:translate3d(5%,-15%,0) rotate(-279deg) scale(.94)}to{opacity:.24;border-radius:61% 39% 43% 57%/38% 58% 42% 62%;transform:translate3d(16%,0,0) rotate(-351deg) scale(.92)}}@keyframes turn-gradient-shift{0%{background-position:0% 20%,100% 80%,20% 50%,0 0}25%{background-position:18% 0%,88% 100%,55% 35%,0 0}50%{background-position:5% 35%,100% 58%,80% 70%,0 0}75%{background-position:28% 8%,76% 92%,35% 58%,0 0}to{background-position:0% 20%,100% 80%,20% 50%,0 0}}.area{position:relative;display:flex;flex-direction:column;gap:4px;z-index:1}.board-row{position:relative;display:flex;align-items:stretch;min-height:224px}.side-label{font-size:11px;line-height:13px;font-weight:700;color:var(--muted)}.back-me{background:var(--me);border-color:#3157c4}.back-opp{background:var(--opp);border-color:#b53535}.bench{width:100%;display:flex;gap:4px;align-self:stretch;justify-content:center;flex-wrap:nowrap;z-index:1}.bench .mon{flex:1 1 0;min-width:0;max-width:70px}.opp-bench{align-items:flex-start}.me-bench{align-items:flex-end}.prize-col{position:absolute;left:0;width:52px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 4px 3px;border-radius:6px;background:#050505d1;box-shadow:0 2px 5px #0006;z-index:3}.opp-row .prize-col{bottom:0}.me-row .prize-col{top:0}.prize-body{position:relative;width:44px;height:62px}.prize-stack-card,.prize-empty{position:absolute;display:block;width:40px;height:58px;border-radius:2px;border:1px solid}.prize-empty{width:44px;height:62px;border-style:dashed;border-color:#6b7280;background:#111827}.prize-label{width:100%;color:#fff;font-size:8px;line-height:10px;text-align:center;white-space:nowrap}.pile-col{position:absolute;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:3px;z-index:3}.opp-row .pile-col{bottom:0}.me-row .pile-col{top:0}.pile-row{display:flex;align-items:center;gap:6px}.zone-frame{width:60px;overflow:hidden;display:flex;flex-direction:column;padding:0;border:3px solid #050505;border-radius:6px;background:#050505d1;color:#fff;box-shadow:0 2px 5px #0006}button.zone-frame{cursor:pointer}button.zone-frame:disabled{opacity:1;cursor:default}.zone-body{position:relative;height:74px;display:flex;align-items:center;justify-content:center;background:#111827d6}.deck-card,.zone-card-img,.zone-empty{display:flex;width:52px;height:72px;border-radius:2px;border:1px solid;align-items:center;justify-content:center}.deck-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.zone-card-img{object-fit:cover;border:0}.zone-empty{color:#6b7280;border:1px dashed #6b7280;background:#111827;font-size:17px;font-weight:300}.zone-empty-name{position:absolute;left:2px;right:2px;top:17px;color:#fff;font-size:5px;line-height:1.15;text-align:center}.zone-footer{height:16px;display:flex;align-items:center;justify-content:center;padding:0 2px;color:#fff;background:#050505;font-size:8px;line-height:10px;font-weight:900;white-space:nowrap}.zone-badge{position:absolute;right:1px;bottom:1px;z-index:4;min-width:16px;padding:0 2px;border-radius:2px;background:#000000d9;color:#fff;font-size:9px;line-height:15px;font-weight:900;text-align:center}.prize-badge{right:0}.pile-chip{padding:1px 6px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--muted);font-size:9px;cursor:pointer}.deck-card-center{z-index:2}.deck-shuffle-card{z-index:3;opacity:0;pointer-events:none}.zone-frame.shuffling{overflow:visible;z-index:12}.zone-frame.shuffling .deck-card-center,.zone-frame.shuffling .deck-shuffle-card{animation-duration:.68s;animation-timing-function:cubic-bezier(.645,.045,.355,1)}.zone-frame.shuffling .deck-card-center{animation-name:deck-shuffle-center}.zone-frame.shuffling .deck-shuffle-left{animation-name:deck-shuffle-left}.zone-frame.shuffling .deck-shuffle-right{animation-name:deck-shuffle-right}@keyframes deck-shuffle-left{0%{opacity:0;transform:translate(-50%,-50%) translate(0) rotate(0)}8%{opacity:1}25%{transform:translate(-50%,-50%) translate(-15px,-5px) rotate(-9deg)}50%{transform:translate(-50%,-50%) translate(12px,2px) rotate(7deg)}75%{transform:translate(-50%,-50%) translate(-10px,-3px) rotate(-5deg)}88%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate(0) rotate(0)}}@keyframes deck-shuffle-right{0%{opacity:0;transform:translate(-50%,-50%) translate(0) rotate(0)}8%{opacity:1}25%{transform:translate(-50%,-50%) translate(15px,2px) rotate(8deg)}50%{transform:translate(-50%,-50%) translate(-12px,-5px) rotate(-7deg)}75%{transform:translate(-50%,-50%) translate(14px,2px) rotate(9deg)}88%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate(0) rotate(0)}}@keyframes deck-shuffle-center{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}25%{transform:translate(-50%,-50%) rotate(-2deg) scale(.97)}50%{transform:translate(-50%,-50%) rotate(2deg) scale(1.02)}75%{transform:translate(-50%,-50%) rotate(-1deg) scale(.98)}}.draw-flying-card{position:absolute;z-index:17;overflow:visible;display:block;opacity:0;border:1px solid;border-color:#fff;border-radius:2px;box-shadow:0 8px 18px #000000a8;pointer-events:none;transform-origin:center;will-change:transform,opacity}.hand-card.draw-arrival-target,.hand-back.draw-arrival-target{opacity:0;animation:hand-draw-arrival .15s cubic-bezier(.18,.88,.32,1.22) both}@keyframes hand-draw-arrival{0%{opacity:0;transform:translate(8px) scale(.82)}70%{opacity:1;transform:translate(-1px) scale(1.04)}to{opacity:1;transform:translate(0) scale(1)}}.switch-motion-layer{position:absolute;inset:0;z-index:18;overflow:hidden;pointer-events:none}.switch-motion-card{position:absolute;transform-origin:center;will-change:transform,opacity;filter:drop-shadow(0 9px 14px #00000088)}.switch-motion-card .mon{width:100%!important;height:100%;pointer-events:none}@media(prefers-reduced-motion:reduce){.tint{animation:none;background-position:center}.tint:before,.tint:after{opacity:.28;animation:none}.hand-card.draw-arrival-target,.hand-back.draw-arrival-target{opacity:1;animation:none}.switch-motion-layer{display:none}}.center{position:relative;display:flex;align-items:stretch;gap:8px;min-height:264px;padding:4px 0;z-index:1}.log-col{width:100%;background:#16161a;border:1px solid var(--line);border-radius:8px;overflow-y:auto;max-height:280px}.board-mobile-log{position:absolute;top:4px;bottom:4px;left:0;z-index:4;width:clamp(96px,26%,150px)}.board-mobile-log .log-col{display:block;height:100%;max-height:none;margin:0;border-radius:6px}.board-mobile-log .log-row{padding:3px 4px;font-size:8px}.log-row{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #232329;color:var(--muted);font-size:10px;line-height:1.35;padding:4px 5px;cursor:pointer}.log-row.current{background:#34343d;color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.actives{width:100%;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:2px 0}.actives .mon{width:70px!important}.active-slot{position:relative;width:70px;display:flex;align-items:center;justify-content:center}.played-card-preview{position:absolute;top:50%;right:calc(100% + 10px);z-index:18;width:46px;height:61px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2px;border:2px solid #f8fafc;border-radius:5px;background:#111827;box-shadow:0 8px 18px #000000b3;pointer-events:none;animation-name:played-card-preview;animation-timing-function:cubic-bezier(.2,.72,.22,1);animation-fill-mode:both}.played-card-preview img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}.played-card-fallback{padding:4px 2px;color:#fff;font-size:7px;line-height:1.2;font-weight:800;text-align:center}@keyframes played-card-preview{0%{opacity:0;transform:translateY(calc(-50% + 7px)) scale(.88)}18%{opacity:1;transform:translateY(-50%) scale(1.04)}80%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(calc(-50% - 4px)) scale(.98)}}.side-panel{position:absolute;top:50%;right:0;width:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translateY(-50%)}.stadium,.stadium-empty{width:62px;min-height:96px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px;border:3px solid #050505;border-radius:7px;background:#050505d1;color:inherit;box-shadow:0 2px 5px #0006}.stadium{cursor:pointer}.stadium img{width:48px;border-radius:3px}.stadium-name{color:#fff;font-size:8px;line-height:1.2;font-weight:800}.stadium-owner{color:#d1d5db;font-size:7px;line-height:1}.stadium-empty{min-height:88px;border-color:#050505;background:#050505d1}.stadium-empty span{width:100%;min-height:76px;display:flex;align-items:center;justify-content:center;padding:3px;border:1px dashed #6b7280;border-radius:4px;background:#111827;color:#9ca3af;font-size:8px;font-weight:800}.mon{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;padding:0;border:3px solid #050505;border-radius:7px;background:#050505;color:#fff;box-shadow:0 2px 6px #00000075;cursor:pointer}.mon-art{width:100%;overflow:hidden;background:#050505}.mon-img,.mon-fallback{width:100%;aspect-ratio:5 / 7;display:flex;align-items:center;justify-content:center;object-fit:cover;background:#1f2937}.mon-fallback{padding:2px;color:#fff;font-size:7px;line-height:1.15;text-align:center;overflow:hidden}.mon-footer{padding:1px 2px 3px;background:#050505}.mon-energy-row{min-height:11px;overflow:hidden;display:flex;align-items:center;gap:1px}.energy-item{display:inline-flex;flex:none}.energy-symbol{width:11px;height:11px;flex:none;display:block;filter:drop-shadow(0 1px 1px #00000088)}.energy-symbol svg{width:100%;height:100%;display:block}.energy-more{color:#fff;font-size:7px;line-height:8px;font-weight:900}.mon-hp-row{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:9px;line-height:10px;font-weight:900}.mon-hp-track{width:100%;height:5px;margin-top:1px;overflow:hidden;border-radius:3px;background:#374151}.mon-hp-fill{height:100%;border-radius:3px;background:#00a94f}.mon-hp-fill.mid{background:#f59e0b}.mon-hp-fill.low{background:#ef4444}.mon-placeholder{min-height:116px;border:1px dashed #6b7280;background:transparent;box-shadow:none}.mon-empty{width:100%;height:100%;min-height:114px;background:#11182755}.dmg-badge{position:absolute;top:2px;z-index:2;padding:0 3px;border-radius:4px;color:#fff;font-size:8px;line-height:13px;font-weight:800}.dmg-badge{right:2px;background:#b91c1cee}.tool-stack{position:absolute;top:3px;right:3px;z-index:4;width:57%;display:flex;flex-direction:column;align-items:stretch;gap:2px;pointer-events:none}.tool-card{position:relative;width:100%;aspect-ratio:1.52;overflow:hidden;display:block;border:1px solid #ffffffd9;border-radius:3px;background:#111827;box-shadow:0 1px 4px #000000b8}.tool-art-crop,.tool-art-fallback{position:absolute;inset:0;overflow:hidden;display:grid;place-items:center}.tool-card-img{position:absolute;width:117.65%;height:auto;aspect-ratio:5 / 7;max-width:none;left:-8.82%;top:-28.75%;object-fit:cover}.tool-art-fallback{background:linear-gradient(135deg,transparent 45%,#9ff3e8 46% 54%,transparent 55%),#134e4a}.tool-more{align-self:flex-end;padding:0 3px;border:1px solid #ffffff99;border-radius:5px;background:#0f766eee;color:#fff;font-size:7px;line-height:11px;font-weight:900}.status-row{position:absolute;left:50%;top:4px;z-index:2;display:flex;gap:2px;transform:translate(-50%)}.status-chip{padding:0 3px;border-radius:4px;background:#52525bee;color:#fff;font-size:7px;line-height:12px;white-space:nowrap}.hand-frame{position:relative;min-height:65px;overflow:hidden;padding:3px;border:3px solid #050505;border-radius:6px;background:#050505d1;box-shadow:0 2px 5px #0006}.hand-row{min-height:56px;display:flex;align-items:center;justify-content:center;gap:2px}.hand-card,.hand-back{width:40px;height:56px;flex:none;overflow:hidden;padding:0;border:1px solid #00000066;border-radius:2px;background:#303038}.hand-card{cursor:pointer}.hand-card img{width:100%;height:100%;display:block;object-fit:cover}.hand-name{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:1px;color:var(--muted);font-size:6px;line-height:1.1;text-align:center}.hand-label,.hand-count{position:absolute;bottom:2px;z-index:2;color:#fff;font-weight:900;text-shadow:0 1px 2px #000}.hand-label{left:4px;font-size:8px}.hand-count{right:4px;min-width:16px;font-size:10px;text-align:right}.hand-overflow{color:#fff;font-size:9px;font-weight:900}.mon-effect{position:absolute;inset:0;z-index:8;overflow:hidden;display:grid;place-items:center;border-radius:4px;pointer-events:none}.mon-effect-flash{position:absolute;inset:0;border:3px solid;border-radius:4px;opacity:0;animation:effect-flash 1.08s ease-out}.mon-effect.damage .mon-effect-flash{border-color:#ef4444;background:#ef444466}.mon-effect.heal .mon-effect-flash{border-color:#22c55e;background:#22c55e47;animation-duration:1.26s}.mon-effect-impact{position:relative;z-index:1;display:grid;place-items:center;width:100%;min-height:42px;color:#fff;opacity:0;transform:translateY(16px) scale(1.45);animation:effect-impact 1.08s ease-out}.mon-effect-impact strong{position:relative;z-index:1;font-size:18px;line-height:1;font-weight:950;white-space:nowrap;text-shadow:0 3px 5px #7f1d1d}.mon-effect.heal .mon-effect-impact{animation-duration:1.26s}.mon-effect.heal .mon-effect-impact strong{color:#f0fdf4;font-size:13px;text-shadow:0 2px 5px #166534}.bench .mon-effect-impact strong{font-size:14px}.bench .mon-effect.heal .mon-effect-impact strong{font-size:10px}.mon-heal-ring{position:absolute;width:82%;aspect-ratio:1;border:3px solid #86efac;border-radius:50%;background:#22c55e24;animation:mon-heal-ring 1.16s ease-out}.battle-effect{position:absolute;inset:0;z-index:18;pointer-events:none}.battle-effect .effect-flash{position:absolute;top:37%;left:15%;right:15%;height:25%;border:3px solid #f8fafc;border-radius:26px;background:#0f172a9e;opacity:0;animation:effect-flash 1.08s ease-out}.battle-effect .effect-impact{position:absolute;top:47%;left:15%;right:15%;display:flex;flex-direction:column;align-items:center;color:#fff;opacity:0;transform:translateY(24px) scale(1.6);animation:effect-impact 1.18s ease-out}.battle-effect .effect-impact strong{z-index:1;font-size:22px;line-height:27px;font-weight:950;letter-spacing:1.5px;text-shadow:0 2px 6px #000}.ko-rule{width:112px;height:3px;margin-top:3px;border-radius:2px;background:#ef4444}@keyframes effect-flash{0%{opacity:0}10%{opacity:1}to{opacity:0}}@keyframes effect-impact{0%{opacity:0;transform:translateY(24px) scale(1.6)}16%,72%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-7px) scale(.95)}}@keyframes mon-heal-ring{0%{opacity:1;transform:scale(.45)}to{opacity:0;transform:scale(1.55)}}.rail-title{margin:0;color:var(--muted);font-size:11px;line-height:14px;font-weight:800;letter-spacing:.04em}.mobile-replay-controls{width:100%;max-width:780px;margin-right:auto;margin-left:auto}.controls{display:flex;align-items:center;gap:8px;max-width:780px;margin-left:auto;margin-right:auto;margin-top:10px;flex-wrap:wrap;justify-content:center}.ctrl{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:20px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer}.ctrl-icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.ctrl-icon-fill{fill:currentColor;stroke:none}.ctrl.play{width:52px;height:52px;border-radius:26px;background:var(--accent);border-color:var(--accent);color:#17171a}.ctrl.play .ctrl-icon{width:22px;height:22px}.seek{display:block;width:100%;max-width:780px;margin:0 auto;accent-color:var(--accent)}.progress-meta{width:100%;max-width:780px;margin:6px auto 0;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:700}.step-desc{max-width:780px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:12px;color:var(--text);text-align:center;margin:6px auto 0;min-height:1.4em;line-height:1.4}.step-desc.tone-opp{background:#dc3c3c24}.step-desc.tone-me{background:#3b82f624}@media(min-width:960px){.head{width:min(100%,1800px);margin-right:auto;margin-left:auto}.replay-layout{display:grid;width:min(100%,1800px);grid-template-columns:clamp(250px,16vw,320px) minmax(0,1fr);gap:16px;align-items:start;justify-content:center;margin:0 auto}.desktop-replay-rail{min-width:0;height:min(1080px,calc(100vh - 84px));display:flex;flex-direction:column;gap:10px;position:sticky;top:12px}.desktop-log-panel{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:5px;overflow:hidden}.desktop-log-panel .log-col{min-height:0;max-height:none;flex:1 1 auto}.timeline-panel{flex:none;padding:8px;border:1px solid var(--line);border-radius:9px;background:#1b1b20}.timeline-panel .rail-title{margin-bottom:7px}.timeline.desktop .controls{flex-wrap:nowrap;gap:4px;margin:0}.timeline.desktop .ctrl{width:32px;height:32px;flex:0 0 32px;border-radius:16px}.timeline.desktop .ctrl-icon{width:15px;height:15px}.timeline.desktop .ctrl.play{width:38px;height:38px;flex-basis:38px;border-radius:19px}.timeline.desktop .ctrl.play .ctrl-icon{width:18px;height:18px}.timeline.desktop .btn.speed{min-width:35px;padding:7px 6px;font-size:11px}.timeline.desktop .progress-meta{margin-top:8px}.timeline.desktop .seek{height:22px}.timeline.desktop .step-desc{margin-top:4px;padding:6px 7px;font-size:10px;text-align:left}.mobile-replay-controls,.board-mobile-log{display:none}.board{width:100%;max-width:none;margin:0}}@media(min-width:960px)and (min-height:951px){.replay-layout{--replay-card-width: clamp(70px, min(5vw, 7.8vh), 96px)}.board{min-height:min(1080px,calc(100vh - 84px));padding:calc(var(--replay-card-width) * .114) calc(var(--replay-card-width) * .143);gap:calc(var(--replay-card-width) * .057)}.area{gap:calc(var(--replay-card-width) * .057)}.board-row{min-height:calc(var(--replay-card-width) * 3.2)}.bench{gap:calc(var(--replay-card-width) * .057)}.bench .mon,.actives .mon{width:var(--replay-card-width)!important;max-width:var(--replay-card-width)}.center{min-height:calc(var(--replay-card-width) * 3.77);gap:calc(var(--replay-card-width) * .114)}.actives{gap:calc(var(--replay-card-width) * .171)}.active-slot{width:var(--replay-card-width)}.played-card-preview{right:calc(100% + var(--replay-card-width) * .143);width:calc(var(--replay-card-width) * .657);height:calc(var(--replay-card-width) * .871)}.prize-col{width:calc(var(--replay-card-width) * .743);padding:calc(var(--replay-card-width) * .057)}.prize-body{width:calc(var(--replay-card-width) * .629);height:calc(var(--replay-card-width) * .886)}.prize-stack-card,.prize-empty{width:calc(var(--replay-card-width) * .571);height:calc(var(--replay-card-width) * .829)}.prize-empty{width:calc(var(--replay-card-width) * .629);height:calc(var(--replay-card-width) * .886)}.pile-row{gap:calc(var(--replay-card-width) * .086)}.zone-frame{width:calc(var(--replay-card-width) * .857)}.zone-body{height:calc(var(--replay-card-width) * 1.057)}.deck-card,.zone-card-img,.zone-empty{width:calc(var(--replay-card-width) * .743);height:calc(var(--replay-card-width) * 1.029)}.zone-footer{height:calc(var(--replay-card-width) * .229)}.side-panel{width:calc(var(--replay-card-width) * 1.314)}.stadium,.stadium-empty{width:calc(var(--replay-card-width) * .886);min-height:calc(var(--replay-card-width) * 1.371)}.stadium img{width:calc(var(--replay-card-width) * .686)}.stadium-empty span{min-height:calc(var(--replay-card-width) * 1.086)}.mon-placeholder,.mon-empty{min-height:calc(var(--replay-card-width) * 1.64)}.hand-frame{min-height:calc(var(--replay-card-width) * .929)}.hand-row{min-height:calc(var(--replay-card-width) * .8)}.hand-card,.hand-back{width:calc(var(--replay-card-width) * .571);height:calc(var(--replay-card-width) * .8)}}@media(min-width:960px)and (max-height:950px){.wrap{padding-top:8px}.head{gap:10px;margin-bottom:8px}.head-icon{width:36px;height:36px;border-radius:8px}.head-title{font-size:14px;line-height:1.2}.head-meta{margin-top:1px;font-size:11px;line-height:1.2}.desktop-replay-rail{height:calc(100vh - 16px);top:8px}.board-row{min-height:196px}.center{min-height:228px}.actives{gap:8px}.actives .mon,.bench .mon{width:60px!important;max-width:60px}.prize-col{width:48px}.prize-body{width:40px;height:56px}.prize-stack-card,.prize-empty{width:36px;height:52px}.prize-empty{width:40px;height:56px}.zone-frame{width:56px}.zone-body{height:68px}.deck-card,.zone-card-img,.zone-empty{width:48px;height:66px}.zone-footer{height:15px}}@media(min-width:960px)and (max-height:840px){.board-row{min-height:157px}.center{min-height:210px}.actives{gap:8px}.actives .mon,.bench .mon{width:52px!important;max-width:52px}.prize-col{width:42px;padding:3px}.prize-body{width:36px;height:50px}.prize-stack-card,.prize-empty{width:32px;height:46px}.prize-empty{width:36px;height:50px}.pile-row{gap:4px}.zone-frame{width:50px}.zone-body{height:60px}.deck-card,.zone-card-img,.zone-empty{width:42px;height:58px}.zone-footer{height:14px}.side-panel{width:76px}.stadium,.stadium-empty{width:56px;min-height:84px}.stadium img{width:43px}.stadium-empty span{min-height:72px}}@media(min-width:960px)and (max-height:760px){.wrap{padding:6px 10px 20px}.head{margin-bottom:6px}.head-icon{width:32px;height:32px}.board{padding:6px 8px;gap:3px}.area{gap:3px}.side-label{font-size:10px;line-height:12px}.board-row{min-height:138px}.center{min-height:190px;padding:2px 0}.actives .mon,.bench .mon{width:46px!important;max-width:46px}.prize-col{width:38px}.prize-body{width:32px;height:44px}.prize-stack-card,.prize-empty{width:28px;height:40px}.prize-empty{width:32px;height:44px}.zone-frame{width:44px}.zone-body{height:54px}.deck-card,.zone-card-img,.zone-empty{width:36px;height:50px}.zone-footer{height:12px;font-size:7px}.side-panel{width:66px}.stadium,.stadium-empty{width:50px;min-height:74px}.stadium img{width:38px}.stadium-empty span{min-height:62px}.hand-frame{min-height:57px}.hand-row{min-height:48px}.hand-card,.hand-back{width:34px;height:48px}}.notice{font-size:12px;color:var(--dim);text-align:center;margin-top:14px;line-height:1.7}.overlay{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.overlay-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;max-width:420px;width:100%;max-height:86vh;overflow-y:auto;text-align:center}.overlay-card img.zoom{width:220px;max-width:100%;border-radius:8px}.overlay-title{font-size:14px;font-weight:700;margin:0 0 10px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px}.card-grid button{border:0;padding:0;background:none;cursor:pointer}.card-grid img{width:100%;border-radius:4px;display:block}.card-grid .name{font-size:8px;color:var(--muted);line-height:1.2}.detail-row{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin-top:8px}.detail-row img{width:40px;border-radius:3px}.detail-label{font-size:11px;color:var(--muted);margin:10px 0 2px}@media(max-width:640px){.wrap{padding:10px 8px 28px}.head{flex-wrap:nowrap;gap:5px;margin-bottom:8px}.head-icon{width:28px;height:28px;flex:none;border-radius:7px}.head-main{flex:1 1 auto}.head-title{overflow:hidden;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.head-meta{overflow:hidden;margin-top:1px;font-size:8px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.head-actions{width:auto;flex:none;flex-wrap:nowrap;gap:3px}.head-actions .btn{flex:none;text-align:center;padding:5px 6px;border-radius:7px;font-size:9px}.lang{flex:none;border-radius:7px}.lang-btn{flex:none;padding:5px 4px;font-size:9px}.board{padding:6px;border-radius:12px;gap:4px}.board-row{min-height:112px}.board-row.crowded-bench{min-height:160px}.prize-col{width:42px;padding:3px}.prize-body{width:36px;height:50px}.prize-stack-card,.prize-empty{width:32px;height:46px}.prize-empty{width:36px;height:50px}.pile-row{gap:3px}.zone-frame{width:36px}.zone-body{height:40px}.deck-card,.zone-card-img,.zone-empty{width:28px;height:39px}.zone-footer{height:12px;font-size:6px;line-height:7px}.center{min-height:0;gap:4px;padding:2px 0}.actives .mon{width:54px!important}.bench .mon{max-width:54px}.mon-placeholder,.mon-empty{min-height:92px}.side-panel{width:66px}.stadium,.stadium-empty{width:52px;min-height:80px}.stadium img{width:40px}.stadium-empty span{min-height:68px}.hand-frame{min-height:43px}.hand-row{min-height:34px}.hand-card,.hand-back{width:24px;height:34px}.battle-effect .effect-flash,.battle-effect .effect-impact{left:8%;right:8%}.effect-impact strong{font-size:28px}.ctrl{width:44px;height:44px}.ctrl.play{width:56px;height:56px;border-radius:28px}.seek{height:28px}.progress-meta{font-size:10px}.step-desc{padding:6px 8px}.notice{font-size:11px;margin-top:10px}.board-mobile-log{width:104px}.overlay{padding:12px}}@media(prefers-reduced-motion:reduce){.zone-frame.shuffling,.mon-effect-flash,.mon-effect-impact,.mon-heal-ring,.effect-flash,.effect-impact{animation-duration:1ms}.played-card-preview{opacity:1;transform:translateY(-50%);animation:none}}