@font-face{font-family:Russo One;src:url(/fonts/russo-one-cyr.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}@font-face{font-family:Russo One;src:url(/fonts/russo-one-lat.woff2) format("woff2");unicode-range:U+0000-00FF;font-display:swap}:root{--bg: #2a1f2f;--bg-2: #231a28;--panel: #f2e9d8;--panel-2: #e7dcc8;--outline: #3a2a22;--ink: #2e211b;--text: #f2e9d8;--muted-ink: #7a6a5c;--muted: #b9a9b0;--gold: #e8b33c;--green: #6fbf4b;--green-deep: #4e9433;--purple: #9a6bd0;--purple-deep: #7a4fb0;--danger: #e05b4b;--radius: 14px;--font-display: "Russo One", -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:radial-gradient(900px 420px at 50% -80px,rgba(232,179,60,.08),transparent),linear-gradient(180deg,var(--bg),var(--bg-2));background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}#root{max-width:480px;margin:0 auto;min-height:100dvh}h1,h2,h3{margin:0 0 8px;line-height:1.2;font-family:var(--font-display);font-weight:400;letter-spacing:.4px}h1{color:var(--gold)}.card h2{color:var(--ink);font-size:17px}p{margin:6px 0}button{font:inherit;font-weight:700;color:var(--ink);background:var(--panel-2);border:2px solid var(--outline);border-bottom-width:4px;border-radius:999px;padding:9px 15px;cursor:pointer;transition:transform .05s ease,filter .15s ease,opacity .15s ease}button:active:not(:disabled){transform:translateY(2px);border-bottom-width:2px;margin-bottom:2px}button:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(180deg,var(--green),var(--green-deep));color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.25)}.btn-secondary{background:linear-gradient(180deg,var(--purple),var(--purple-deep));color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.25)}.btn-small{padding:4px 10px;font-size:13px;border-bottom-width:3px}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:#2a1f2ff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--outline)}.app-header .title{font-family:var(--font-display);font-size:16px;color:var(--gold);white-space:nowrap}.wallet{display:flex;gap:6px;font-size:13px;font-weight:700;white-space:nowrap}.wallet span{background:var(--panel);color:var(--ink);border:2px solid var(--outline);border-radius:999px;padding:2px 9px}.screen{padding:14px 14px 96px}.card{background:var(--panel);color:var(--ink);border:2px solid var(--outline);border-radius:var(--radius);padding:12px 14px;margin-bottom:12px;box-shadow:0 4px #00000047}.muted{color:var(--muted);font-size:13px}.card .muted{color:var(--muted-ink)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.error{color:var(--danger);font-weight:700}.success{color:var(--green-deep);font-weight:700}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:repeat(6,1fr);max-width:480px;margin:0 auto;background:var(--bg-2);border-top:2px solid var(--outline);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{background:none;border:none;border-radius:0;padding:9px 0 10px;margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:700;color:var(--muted);position:relative;transition:none}.tabbar button:active{transform:none;border:none;margin:0}.tabbar .icon-img{width:21px;height:21px;object-fit:contain}.tabbar button.active{color:var(--ink);background:var(--panel);border:2px solid var(--outline);border-bottom:none;border-radius:12px 12px 0 0;transform:translateY(-10px) scale(1.06);box-shadow:0 -3px 8px #0000004d;z-index:1}.tabbar button.active:active{transform:translateY(-10px) scale(1.06)}.tabbar button.active .icon-img{width:26px;height:26px}.unit-list{list-style:none;margin:0;padding:0}.unit-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 6px;border-bottom:1px solid var(--panel-2);font-size:14px}.unit-list li:last-child{border-bottom:none}.unit-list .locked{opacity:.45}.rarity-common{color:#8d949c}.rarity-rare{color:#3b74d4}.rarity-epic{color:#8f3fe0}.rarity-legendary{color:#c98a10}.shop-list{display:flex;flex-direction:column;gap:8px}.shop-list button{text-align:left;padding:12px 14px;border-radius:12px;background:var(--panel-2)}.subtabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.subtabs button{position:relative;padding:10px;border-radius:12px;color:var(--muted);background:transparent;border-color:#f2e9d840}.subtabs button.active{color:var(--ink);background:var(--panel);border-color:var(--outline)}.subtabs .dot{position:absolute;top:7px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--danger);border:1px solid var(--outline)}.banner-card h2{font-size:20px}.banner-art{border:2px solid var(--outline);border-radius:12px;background:#efece6;overflow:hidden;display:flex;justify-content:center}.banner-scene{height:210px;border:2px solid var(--outline);border-radius:12px;overflow:hidden;background:url(/ui/banner-bg.jpg) center bottom / cover no-repeat;display:flex;align-items:flex-end;justify-content:center}.banner-scene img{height:180px;object-fit:contain;display:block;margin-bottom:4px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}.pity-bar{height:12px;margin-top:10px;border-radius:8px;border:2px solid var(--outline);background:var(--panel-2);overflow:hidden}.pity-fill{height:100%;background:linear-gradient(90deg,var(--gold),#f0cb6e);transition:width .3s ease}.streak-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:8px 0}.streak-day{position:relative;min-width:0;aspect-ratio:.82;background-size:100% auto;background-repeat:no-repeat;background-position:center top;font-weight:800;color:var(--ink)}.streak-day .d{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.streak-day .r{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.streak-day .d,.streak-day .r{background:#f2e9d8f2;border:1px solid var(--outline);border-radius:6px;padding:0 3px;font-size:8px;line-height:1.5;white-space:nowrap;display:flex;align-items:center;gap:1px}.streak-day .r .cur-ic{height:9px;width:9px;vertical-align:0}.streak-day.today{transform:scale(1.08);z-index:1}.streak-day.clickable{cursor:pointer}.streak-day .claim-tip{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,var(--green),var(--green-deep));color:#fff;border:1px solid var(--outline);border-radius:6px;font-size:7px;font-weight:900;padding:1px 4px;letter-spacing:.5px;animation:bounceTip 1.2s ease infinite}@keyframes bounceTip{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.cur-ic{height:17px;width:17px;object-fit:contain;vertical-align:-2px;display:inline-block}.scroll-title{background:url(/ui/scroll.png) center / 100% 100% no-repeat;text-align:center;font-family:var(--font-display);font-size:18px;color:var(--ink);padding:16px 44px 18px;margin:-2px auto 8px;max-width:340px}.stage-plaque{background:url(/ui/plaque.png) center / 100% 100% no-repeat;text-align:center;font-family:var(--font-display);font-size:26px;color:#f8efdd;text-shadow:0 2px 0 rgba(46,33,27,.7);padding:18px 30px 20px;margin:0 auto;max-width:260px;letter-spacing:1px}.hub-badges{position:fixed;right:6px;top:152px;z-index:8;display:flex;flex-direction:column;gap:8px}.hub-badge{position:relative;width:46px;height:46px;padding:0;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center;background:var(--panel);box-shadow:0 3px #0000004d}.hub-badges-left{right:auto;left:6px}.hub-badge .dot{position:absolute;top:1px;right:1px;width:11px;height:11px;border-radius:50%;background:var(--danger);border:2px solid var(--panel)}.ref-block{background:#3a2a220f;border:1px solid rgba(58,42,34,.18);border-radius:12px;padding:10px 12px;margin-top:10px;text-align:left}.ref-claim{background:linear-gradient(180deg,var(--green),var(--green-deep));animation:refBounce 1.2s ease infinite}@keyframes refBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.ref-list{margin-top:8px;display:flex;flex-direction:column;gap:4px}.ref-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;padding:4px 8px;border-radius:8px;background:#3a2a220f}.ref-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ref-status{flex-shrink:0;font-size:11px;color:var(--muted-ink)}.ref-status.on{color:var(--green-deep);font-weight:700}.page-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:linear-gradient(180deg,var(--bg),var(--bg-2));max-width:480px;margin:0 auto;overflow-y:auto}.page-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:var(--bg);border-bottom:2px solid var(--outline)}.page-title{font-family:var(--font-display);color:var(--gold);font-size:16px}.page-body{padding:12px 14px 24px}.bp-legend{display:grid;grid-template-columns:1fr 68px 1fr;gap:8px;text-align:center;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:6px}.bp-track{position:relative;display:flex;flex-direction:column;gap:16px}.bp-track:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;background:var(--outline);border-radius:2px;opacity:.5}.bp-row{position:relative;display:grid;grid-template-columns:1fr 68px 1fr;gap:10px;align-items:center}.bp-row>.bp-reward:first-child{justify-self:end}.bp-row>.bp-reward.paid{justify-self:start}.bp-reward{min-height:96px;width:min(100%,150px);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:15px;font-weight:800;background:var(--panel)}.bp-reward .cur-ic{height:26px;width:26px}.bp-reward.paid{border-color:var(--gold);background:linear-gradient(180deg,#f9e7b8,#eccd82);box-shadow:0 0 10px #e8b33c59}.bp-reward:disabled{opacity:1;cursor:default}.pass-ticket{display:inline-block;font-family:var(--font-display);font-size:13px;letter-spacing:1px;padding:6px 10px;border-radius:8px 14px;border:2px solid var(--outline);transform:rotate(-2deg);box-shadow:0 3px #00000040}.pass-ticket.free{background:var(--panel);color:var(--muted-ink)}.pass-ticket.gold{background:linear-gradient(135deg,#f7d574,var(--gold) 60%,#d09a24);color:var(--ink);transform:rotate(2deg);text-shadow:0 1px 0 rgba(255,255,255,.35)}.bp-reward.claimed:disabled{opacity:1;background:linear-gradient(180deg,#e8f0da,#dbe8c9)}.bp-reward.paid.claimed:disabled{background:linear-gradient(180deg,#efe3c0,#e2d3a4)}.bp-reward .claim-pill{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,var(--green),var(--green-deep));color:#fff;border:1px solid var(--outline);border-radius:8px;font-size:9px;font-weight:900;letter-spacing:.5px;padding:2px 8px;animation:bounceTip 1.2s ease infinite;z-index:1}.bp-reward{position:relative}.corner-lock{position:absolute;bottom:-6px;right:-4px;font-size:13px;background:var(--panel);border:1px solid var(--outline);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.corner-check{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);font-size:11px;font-weight:900;background:var(--panel);border:1px solid var(--outline);border-radius:8px;padding:1px 10px;display:flex;align-items:center;justify-content:center}.corner-check{color:var(--green-deep);font-weight:900}.bp-legend.sticky{position:sticky;top:52px;z-index:2;background:var(--bg);padding:8px 14px 6px;margin:0 -14px 4px;border-bottom:1px solid rgba(242,233,216,.12);align-items:center}.ticket-img{height:66px;object-fit:contain;justify-self:center;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}.ticket-img.gold{height:88px}.bp-reward.locked:not(.paid){opacity:.5;filter:grayscale(.4)}.bp-medal{position:relative;z-index:1;width:68px;height:68px;background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink)}.bp-medal.medal-locked{background-image:url(/ui/medal-locked.png);color:#6b6560}.bp-medal.medal-gold{background-image:url(/ui/medal-gold.png)}.bp-medal.medal-done{background-image:url(/ui/medal-done.png)}.bp-medal .n{font-family:var(--font-display);font-size:19px;line-height:1}.bp-medal .w{font-size:8px;font-weight:800}.spin-caption{font-family:var(--font-display);font-size:18px;color:var(--gold);text-align:center}.spin-stack{display:flex;flex-direction:column;gap:4px;width:100%;max-width:460px;max-height:68dvh;align-items:stretch}.spin-wrap{position:relative;width:100%;height:116px;overflow:hidden;border:2px solid var(--outline);border-radius:12px;background:#f2e9d80f}.spin-wrap-sm{height:52px;border-radius:8px}.spin-wrap-sm .spin-row{top:4px;gap:6px}.spin-tile-sm{width:50px;height:44px;border-radius:6px;padding:2px}.spin-tile .unit-art{height:100%;width:auto;margin:0 auto}.case-frame{background:var(--panel);border:2px solid var(--outline);border-radius:16px;padding:10px;width:100%;max-width:400px;box-shadow:0 6px #0000004d}.case-window{background:linear-gradient(180deg,#3a2b40,#2c2031);border:2px solid var(--outline);border-radius:12px;padding:8px}.case-window-list{padding:0;overflow:hidden}.case-frame{display:flex;flex-direction:column;align-items:center;gap:8px}.case-frame .case-window{width:100%}.case-frame .spin-caption{color:var(--ink)}.case-hint{font-size:12px;font-weight:700;color:var(--muted-ink)}.case-frame .pull-summary{color:var(--ink)}.case-frame .pull-claim{width:80%}.spin-row{position:absolute;top:10px;left:0;display:flex;gap:8px;will-change:transform}.spin-tile{flex:none;width:84px;height:96px;background:var(--panel);border:2px solid var(--outline);border-radius:10px;padding:4px;display:flex;align-items:center}.spin-marker{position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background:var(--gold);box-shadow:0 0 8px #e8b33ce6;pointer-events:none}.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.unit-card-tile{position:relative;background:#fbf6ec;border:2px solid var(--outline);border-radius:12px;padding:5px 5px 7px;text-align:center;cursor:pointer;transition:transform .08s ease;color:var(--ink);box-shadow:0 3px #3a2a2259}.unit-card-tile:active{transform:scale(.96)}.unit-card-tile.locked{opacity:.4;filter:grayscale(.85)}.unit-tile-name{font-size:11px;font-weight:700;line-height:1.15;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-badge{position:absolute;top:5px;left:5px;z-index:1;background:var(--panel);border:1px solid var(--outline);color:var(--ink);border-radius:6px;font-size:10px;font-weight:800;padding:0 5px}.unit-badge.right{left:auto;right:5px}.unit-badge.second{top:26px}.unit-badge.right{font-size:11px}.unit-grid{row-gap:16px}.role-medal{position:absolute;top:-11px;padding:2px;left:50%;transform:translate(-50%);z-index:2;width:24px;height:24px;border-radius:50%;background:var(--panel);border:2px solid var(--outline);display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 2px #0003}.stars-row{color:var(--gold);font-size:10px;line-height:1.1;letter-spacing:1px;text-shadow:0 0 2px rgba(58,42,34,.8)}.unit-name-plate{margin:3px -5px -7px;padding:4px 6px;font-size:10px;font-weight:800;color:var(--panel);background:#574237;border-radius:0 0 9px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-name-plate.ribbon-rare{background:#4c8bf5}.unit-name-plate.ribbon-epic{background:#a855f7}.unit-name-plate.ribbon-legendary{background:#f5a623;color:#3a2a22}.role-medal.ribbon-rare{border-color:#4c8bf5}.role-medal.ribbon-epic{border-color:#a855f7}.role-medal.ribbon-legendary{border-color:#f5a623}.shop-card{display:flex;align-items:center;gap:10px;padding:10px 12px}.shop-icon{width:40px;height:40px;object-fit:contain;flex:none}.shop-info{flex:1;min-width:0}.shop-title{font-weight:800;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.shop-badge{background:var(--gold);color:var(--ink);border:1px solid var(--outline);border-radius:6px;font-size:9px;font-weight:900;padding:0 5px;letter-spacing:.4px;text-transform:uppercase}.war-score{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:4px;margin:6px 0}.war-score .pts{font-family:var(--font-display);font-size:30px;line-height:1}.war-score .side.us .pts{color:var(--green-deep)}.war-score .side.them .pts{color:var(--danger)}.war-score .who{font-size:11px;font-weight:700;color:var(--muted-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.war-score .vs{font-size:20px}.league-emblem{width:64px;height:64px;margin:0 auto;border-radius:50%;border:3px solid var(--outline);background:var(--panel-2);display:flex;align-items:center;justify-content:center;box-shadow:0 3px #0003}.opponent-card{padding:10px 12px}.picked-bar{position:sticky;top:52px;z-index:9;display:flex;gap:6px;align-items:center;justify-content:center;background:var(--panel);border:2px solid var(--outline);border-radius:12px;padding:6px;margin-bottom:10px;box-shadow:0 4px 10px #00000059}.picked-slot{position:relative;width:46px;height:46px;border-radius:10px;border:2px dashed var(--muted-ink);background:var(--panel-2)}.picked-slot.filled{border-style:solid;border-color:var(--outline);cursor:pointer}.picked-slot .x{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:var(--danger);color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;border:1px solid var(--outline)}.unit-card-tile.picked{background:linear-gradient(180deg,#f8e3ae,#f2d287);outline:3px solid var(--gold)}.unit-badge.picked-badge{background:var(--green);color:#fff}.tile-stats{font-size:9px;font-weight:800;color:var(--muted-ink);white-space:nowrap}.rarity-glow-rare{border-color:#4c8bf5;box-shadow:0 0 8px #4c8bf566}.rarity-glow-epic{border-color:#a855f7;box-shadow:0 0 10px #a855f773}.rarity-glow-legendary{border-color:#f5a623;box-shadow:0 0 14px #f5a6238c}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#18101bd9;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(360px,94vw);max-height:88dvh;overflow-y:auto;background:var(--panel);color:var(--ink);border:2px solid var(--outline);border-radius:16px;padding:14px;box-shadow:0 6px #0000004d}.modal h2{color:var(--ink)}.modal .muted{color:var(--muted-ink)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}.stat-cell{background:var(--panel-2);border:1px solid var(--outline);border-radius:10px;padding:6px 4px;text-align:center}.stat-cell .v{font-weight:800;font-size:15px}.stat-cell .k{font-size:10px;color:var(--muted-ink)}.stat-cell .gain{font-size:10px;font-weight:800;color:var(--green-deep)}.modal-hero{position:relative}.hero-side{position:absolute;top:8px;display:flex;flex-direction:column;align-items:center;gap:6px}.hero-side.left{left:2px}.hero-side.right{right:2px}.hero-stars{display:flex;flex-direction:column;color:var(--gold);font-size:16px;line-height:1.3;text-shadow:0 0 2px rgba(58,42,34,.7)}.hero-chip{background:var(--panel-2);border:2px solid var(--outline);border-radius:8px;font-size:11px;font-weight:800;padding:2px 6px;white-space:nowrap}.hero-role{background:var(--panel-2);border:2px solid var(--outline);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.unit-art{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}.unit-art-placeholder{display:flex;align-items:center;justify-content:center;font-size:34px}.pull-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#18101bf5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px}.pull-grid{display:grid;grid-template-columns:1fr;gap:10px;width:min(220px,60vw);margin:0 auto;padding:12px}.pull-grid-ten{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:380px;max-height:56dvh;overflow-y:auto;padding:12px}.pull-card{aspect-ratio:3 / 4;perspective:600px;border-radius:10px}.pull-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.pull-card-back,.pull-card-front{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.pull-card-back{background:linear-gradient(145deg,#4a3055,#33243c);border:2px solid var(--outline);font-family:var(--font-display);font-size:17px;color:var(--gold);letter-spacing:1px}.pull-card-front{transform:rotateY(180deg);background:var(--panel);color:var(--ink);border:2px solid var(--outline);padding:4px;gap:2px}.pull-card-front .unit-art{flex:1;min-height:0;width:auto;max-width:100%}.pull-card-name{font-size:11px;font-weight:800;text-align:center;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.pull-card-rarity{font-size:9px;text-align:center;font-weight:700}.rarity-border-rare{outline:2px solid #4c8bf5}.rarity-border-epic{outline:2px solid #a855f7}.rarity-border-legendary{outline:2px solid #f5a623}.pull-claim{padding:12px 40px;font-size:16px}.pull-summary{color:var(--text);font-size:13px;font-weight:700;text-align:center;min-height:20px}.new-ribbon{position:absolute;top:4px;left:-18px;z-index:2;transform:rotate(-35deg);background:var(--gold);color:var(--ink);border:1px solid var(--outline);font-size:8px;font-weight:900;letter-spacing:.5px;padding:1px 18px}.replay-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:linear-gradient(180deg,#33243c,var(--bg-2));display:flex;flex-direction:column;justify-content:center;gap:14px;padding:16px;max-width:480px;margin:0 auto}.replay-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.replay-caption{text-align:center;min-height:26px;font-family:var(--font-display);font-size:14px;color:var(--gold)}.replay-team .muted{font-size:12px;margin-bottom:4px}.replay-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.replay-unit{position:relative;min-width:0;display:flex;flex-direction:column;gap:3px;padding:4px;border-radius:10px;background:var(--panel);color:var(--ink);border:2px solid var(--outline);transition:transform .22s ease,opacity .3s ease,box-shadow .2s ease}.replay-unit.dead{opacity:.55;filter:grayscale(1);transform:translateY(4px) rotate(3deg);border-color:var(--danger);background:#e9d5cf}.replay-unit.dead:after{content:"💀";position:absolute;top:2px;right:4px;font-size:14px;filter:none}.replay-unit.fx-act{box-shadow:0 0 0 2px var(--gold),0 0 12px #e8b33c8c;z-index:2}.replay-unit.fx-damage{animation:hitShake .32s ease;box-shadow:0 0 0 2px var(--danger),0 0 12px #e05b4b99;z-index:1}@keyframes hitShake{0%,to{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(3px)}}.duel-stage{flex:1;min-height:150px;position:relative;display:flex;align-items:center;justify-content:center;background:url(/ui/battle-bg.jpg) center / cover no-repeat,radial-gradient(ellipse at center,rgba(242,233,216,.07),transparent 70%);border-radius:14px;border:2px solid var(--outline);box-shadow:inset 0 0 44px #00000073;overflow:hidden}.duel-pair{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.duel-fighter{width:clamp(96px,30vw,132px);flex-shrink:0;border-radius:14px;background:var(--panel);border:3px solid var(--outline);padding:6px;box-shadow:0 6px 14px #0006}.duel-fighter .unit-art{aspect-ratio:1}.duel-fighter.us{border-color:var(--green-deep)}.duel-fighter.them{border-color:var(--danger)}.duel-fighter.ally{border-color:var(--green-deep)}.duel-fighter.ghost{background:none;border:none;box-shadow:none}.duel-fighter.left{animation:duelInLeft .85s cubic-bezier(.22,1,.36,1) both}.duel-fighter.right{animation:duelInRight .85s cubic-bezier(.22,1,.36,1) both}.duel-fighter.right .unit-art{transform:scaleX(-1)}@keyframes duelInLeft{0%{transform:translate(-70vw) rotate(-6deg)}30%{transform:translate(0) rotate(0)}48%{transform:translate(-8px) rotate(-3deg)}56%{transform:translate(14px) rotate(2deg)}70%,to{transform:translate(0) rotate(0)}}@keyframes duelInRight{0%{transform:translate(70vw) rotate(6deg)}30%{transform:translate(0) rotate(0)}56%{transform:translate(10px)}62%{transform:translate(16px) rotate(3deg)}78%,to{transform:translate(0) rotate(0)}}.duel-pair.kind-heal .duel-fighter.left,.duel-pair.kind-heal .duel-fighter.right,.duel-pair.kind-taunt .duel-fighter.left{animation-name:duelCalm}@keyframes duelCalm{0%{transform:scale(.6);opacity:0}35%{transform:scale(1.06);opacity:1}55%,to{transform:scale(1)}}.duel-impact{position:relative;width:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.duel-boom{font-size:40px;animation:duelBoom .85s ease both}@keyframes duelBoom{0%,45%{transform:scale(0);opacity:0}56%{transform:scale(1.5);opacity:1}72%{transform:scale(1)}to{transform:scale(1);opacity:.9}}.duel-num{position:absolute;top:-26px;left:50%;font-family:var(--font-display);font-size:26px;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.5);animation:duelNum .85s ease both;pointer-events:none}.duel-num.dmg{color:#ff8a75}.duel-num.heal{color:#8fe06b}@keyframes duelNum{0%,52%{transform:translate(-50%) translateY(8px) scale(.4);opacity:0}64%{transform:translate(-50%) translateY(0) scale(1.2);opacity:1}to{transform:translate(-50%) translateY(-14px) scale(1);opacity:1}}.duel-vs{display:flex;flex-direction:column;align-items:center;gap:4px;animation:duelCalm .6s ease both}.duel-vs-name{font-family:var(--font-display);font-size:16px;max-width:80vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duel-vs-name.us{color:var(--green)}.duel-vs-name.them{color:#ff8a75}.duel-vs-mark{font-family:var(--font-display);font-size:40px;color:var(--gold);text-shadow:0 3px 0 rgba(0,0,0,.4)}.duel-death{font-size:56px;animation:duelDeath .55s ease both}@keyframes duelDeath{0%{transform:scale(.3) translateY(-14px);opacity:0}50%{transform:scale(1.25);opacity:1}to{transform:scale(1) translateY(6px);opacity:.9}}.duel-final{display:flex;flex-direction:column;align-items:center;gap:8px;animation:duelCalm .5s ease both}.duel-final-title{font-family:var(--font-display);font-size:40px;letter-spacing:2px;text-shadow:0 3px 0 rgba(0,0,0,.45)}.duel-final.won .duel-final-title{color:var(--gold)}.duel-final.lost .duel-final-title{color:#ff8a75}.duel-final-sub{font-size:13px;color:var(--muted);margin-bottom:4px}.replay-unit.fx-heal{box-shadow:0 0 10px #6fbf4bb3}.replay-unit.fx-stun{filter:saturate(.4)}.replay-unit .unit-art{aspect-ratio:1}.replay-unit-name{font-size:9px;font-weight:700;text-align:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-bar{height:5px;border-radius:3px;background:#3a2a2259;overflow:hidden}.hp-fill{height:100%;transition:width .3s ease}.float-num{position:absolute;top:-8px;right:2px;font-size:14px;font-weight:900;animation:floatUp .6s ease forwards;pointer-events:none;text-shadow:0 1px 0 rgba(0,0,0,.35);z-index:3}.float-num.dmg{color:#ff8a75}.float-num.heal{color:#8fe06b}@keyframes floatUp{0%{transform:translateY(6px);opacity:1}to{transform:translateY(-10px);opacity:0}}