*{box-sizing:border-box}:root{--text: #f4f4f5;--muted: #a1a1aa;--panel: rgba(13, 13, 16, .9);--panel-solid: #0d0d10;--line: #27272a;--line-strong: #3f3f46;--control: #26262c;--control-hover: #303038;--gold: #fde68a;--accent: #f97316;--danger: #f87171;--danger-bg: #7f1d1d;--win: #4ade80;--cut: 10px}html,body,#root{margin:0;height:100%;overflow:hidden;background:#9cc7e8;font-family:Archivo,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none;color:var(--text)}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column}.hud button{pointer-events:auto;cursor:pointer;font:inherit;color:inherit}.hud button:disabled{cursor:not-allowed}.hud .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border:none;border-radius:0;background:var(--control);color:var(--text);font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));box-shadow:inset 0 1px #ffffff1f;transition:background .12s ease,transform .08s ease}.hud .btn:not(:disabled):hover{background:var(--control-hover)}.hud .btn:not(:disabled):active{transform:translateY(1px)}.hud .btn:disabled{opacity:.4}.hud .btn.primary{--cut: 14px;min-height:56px;padding:0 34px;background:var(--accent);color:#1a1a1a;font-size:19px;font-weight:900}.hud .btn.primary:not(:disabled):hover{background:#fb8a3c}.hud .btn.danger{background:var(--danger-bg);color:#fee2e2}.hud .btn.danger:not(:disabled):hover{background:#991b1b}.hud .btn.on{background:var(--text);color:var(--panel-solid)}.hud .btn.small{--cut: 7px;min-width:44px;min-height:40px;padding:0 12px}.btn-icon{flex-shrink:0}.muted{color:var(--muted);font-weight:500}.warning{color:var(--danger);font-weight:700}.row{display:flex;gap:8px;flex-wrap:wrap}.top{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;padding:12px 16px}.top-center{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:6px}.versus{display:flex;align-items:stretch;border-radius:14px;background:var(--panel);border:1px solid var(--line);pointer-events:auto}.versus-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;min-width:150px;padding:8px 18px}.versus-side.rival{align-items:flex-start}.versus-side strong{font-size:16px;font-weight:900;letter-spacing:.02em}.versus-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 18px;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#ffffff08}.versus-stage span{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.versus-stage strong{font-size:26px;font-weight:900;line-height:1}.hearts{color:#ef4444;letter-spacing:1px;font-size:15px}.hearts .lost{opacity:.25}.score{display:flex;gap:10px;align-items:baseline;font-size:28px;font-weight:900;text-shadow:0 2px 0 #0d0d10}.score .vs{font-size:16px;color:#fff}.speed{grid-column:3;justify-self:end;display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--panel);border:1px solid var(--line);pointer-events:auto}.side{position:absolute;top:124px;right:16px;width:330px;max-width:calc(100% - 32px)}.details{pointer-events:auto;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-size:14px}.details p{margin:0}.side .details{max-height:calc(100vh - 372px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(250,204,21,.55) transparent}.side .details::-webkit-scrollbar{width:6px}.side .details::-webkit-scrollbar-thumb{border-radius:3px;background:#facc158c}.details .row{flex-wrap:nowrap}.side .details .row{position:sticky;bottom:-12px;margin:0 -14px -12px;padding:10px 14px 12px;background:var(--panel-solid);border-top:1px solid var(--line)}.side .details.more .row:before{content:"";position:absolute;right:3px;bottom:calc(100% + 5px);width:18px;height:18px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / 14px no-repeat;box-shadow:0 2px 6px #0009;pointer-events:none;animation:more-bob 1.6s ease-in-out infinite}@keyframes more-bob{50%{transform:translateY(2px)}}@media (prefers-reduced-motion: reduce){.side .details.more .row:before{animation:none}}.details .btn{flex:1;padding:0 10px;font-size:12px;letter-spacing:.06em;white-space:nowrap}.synergies{position:absolute;top:96px;left:16px;width:230px;max-width:calc(50% - 32px)}.class-summary{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;pointer-events:auto}.class-summary li{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:10px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:11px}.class-summary li.active{border-color:color-mix(in srgb,var(--class) 60%,transparent);color:#d4d4d8}.syn-count{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--control);font-weight:900;font-size:13px;color:var(--muted)}.class-summary li.active .syn-count{background:var(--class);color:#0d0d10}.syn-text{display:flex;flex-direction:column;gap:1px;line-height:1.3}.syn-text strong{font-size:13px;font-weight:800;color:var(--text)}.class-summary li.active .syn-text strong{color:color-mix(in srgb,var(--class) 55%,white)}.planning{margin-top:auto;display:flex;flex-direction:column;gap:8px}.reserve{display:flex;flex-direction:column;gap:8px;align-self:stretch;justify-content:center}.reserve{padding:4px 8px;margin:-4px 0;border-radius:10px}.reserve.drop-target{outline:3px dashed #facc15;outline-offset:2px}.reserve-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.reserve-label b{margin-left:4px;color:var(--text);font-weight:900}.reserve-slots{display:grid;grid-template-columns:repeat(4,52px);gap:6px}.hud button.rtile,.rtile{position:relative;flex-shrink:0;width:52px;height:64px;padding:0;border-radius:8px;border:1px solid rgba(var(--tier-rgb),.55);background:radial-gradient(circle at 50% 100%,rgba(var(--tier-rgb),.3),#0d0d1000 75%),var(--panel-solid);overflow:hidden;touch-action:none}.rtile img{position:absolute;left:50%;top:2px;transform:translate(-50%);width:56px;height:56px;object-fit:contain;object-position:top;pointer-events:none}.rtile-tier{position:absolute;top:5px;left:5px;width:14px;height:14px;box-sizing:border-box;transform:rotate(45deg);border-radius:3px;border:1.5px solid #e5e7eb;background:var(--tier);display:grid;place-items:center}.rtile-tier span{transform:rotate(-45deg);font-weight:900;font-size:8px;line-height:1;color:var(--tier-ink)}.rtile-stars{position:absolute;top:3px;right:5px;font-size:10px;color:#facc15;text-shadow:0 1px 2px #000}.rtile-items{position:absolute;right:3px;bottom:6px;display:flex;font-size:11px;filter:drop-shadow(0 1px 1px #000)}.rtile-strip{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--class)}.rtile.empty{border:1.5px dashed #52525b;background:transparent}.rtile.selected{outline:2px solid #facc15;outline-offset:2px}.rtile.dragging{opacity:.35}.inventory{display:flex;flex-direction:column;gap:8px;margin-bottom:6px;padding:10px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line);pointer-events:auto}.inventory-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.inventory-grid{display:grid;grid-template-columns:repeat(5,36px);gap:6px}.inventory-grid .item-chip{width:36px;height:36px;font-size:18px;touch-action:none}.item-chip.dragging{opacity:.35}.item-chip.ghost{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;border:2px solid;background:var(--panel-solid);font-size:20px}.rtile.item-target{outline:2px solid #facc15;outline-offset:2px;box-shadow:0 0 14px #facc1573}.shop-cards{padding-left:18px;border-left:1px solid var(--line)}.bar{pointer-events:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.bar .label{font-weight:800;font-size:13px;padding:0 4px}.shop{pointer-events:auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;padding:14px 16px;background:var(--panel);border-top:1px solid var(--line)}.shop.locked{border-top-color:#a16207;box-shadow:inset 0 2px #a16207,0 -6px 24px #facc151f}.shop-cards{display:flex;gap:10px}.shop-actions{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:8px;width:188px}.shop-actions-row{display:flex;gap:8px}.shop-actions-row .reroll{flex:1}.hud .btn.lock{min-width:56px;min-height:56px;padding:0}.hud .btn.lock.on{background:#facc15;color:#1a1a1a}.hud .btn.reroll{flex-direction:column;align-items:stretch;gap:0;min-height:56px;padding:0}.btn.reroll .btn-label{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px}.btn.reroll .btn-cost{display:flex;align-items:center;justify-content:center;gap:4px;height:22px;background:#18181b;border-top:1px solid var(--line);color:var(--gold);font-size:13px;letter-spacing:0}.hud .btn.reroll:not(:disabled):hover .btn-cost{background:#1f1f24}.wallet-tab{position:absolute;left:50%;bottom:calc(100% + 15px);transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:5px 14px;border-radius:10px 10px 0 0;background:var(--panel);border:1px solid var(--line);border-bottom:none;font-size:18px;font-weight:900;color:var(--gold)}.wallet-tab{cursor:help;outline:none}.wallet-tab:focus-visible{box-shadow:0 0 0 2px var(--gold)}.wallet-tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);z-index:5;width:236px;padding:10px 12px;border-radius:10px;background:var(--panel-solid);border:1px solid var(--line-strong);box-shadow:0 10px 24px #00000080;font-size:13px;font-weight:600;color:#f4f4f5;cursor:default;visibility:hidden;opacity:0;transition:opacity .12s ease;pointer-events:none}.wallet-tab:hover .wallet-tip,.wallet-tab:focus-visible .wallet-tip,.wallet-tab.open .wallet-tip{visibility:visible;opacity:1}.wallet-tip-title{display:block;margin-bottom:6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.wallet-tip dl{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin:0}.wallet-tip dt{color:#d4d4d8}.wallet-tip dd{margin:0;text-align:right;font-weight:800;color:var(--gold)}.wallet-tip dt.wallet-tip-note{grid-column:1 / -1;margin:-2px 0 3px}.wallet-tip-note{margin:6px 0 0;font-size:11px;font-weight:500;line-height:1.35;color:var(--muted)}.wallet-tip-total{display:flex;align-items:baseline;gap:6px;margin-top:7px;padding-top:7px;border-top:1px solid var(--line-strong)}.wallet-tip-total b{font-size:17px;font-weight:900;color:var(--gold)}.wallet-tip-total small{margin-left:auto;font-size:11px;font-weight:600;color:var(--muted)}.arena-count{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding:10px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line);pointer-events:auto}.arena-count-left{display:flex;flex-direction:column;gap:6px}.arena-count-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.pips{display:flex;gap:4px}.pips i{width:14px;height:8px;border-radius:1px;transform:skew(-20deg);box-shadow:inset 0 0 0 1.5px #52525b}.pips i.on{background:#3b82f6;box-shadow:none}.arena-count-num{font-size:24px;font-weight:900}.arena-count-num span{color:#71717a}.arena-count.open .pips i:not(.on){animation:pip-open 1.4s ease-in-out infinite alternate}@keyframes pip-open{to{box-shadow:inset 0 0 0 1.5px #93c5fd}}.drag-ghost{position:fixed;z-index:20;pointer-events:none;transform:translate(-50%,calc(-100% - 18px)) rotate(-4deg) scale(1.05);filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}.hud button.item-chip{width:40px;height:40px;padding:0;border-radius:8px;border:2px solid;background:var(--panel-solid);font-size:20px}.item-chip.selected{outline:3px solid #facc15}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#06060a8c;pointer-events:auto;padding:16px}.panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 26px;border-radius:16px;background:var(--panel);border:1px solid var(--line);text-align:center;max-width:100%}.panel p,.panel h2{margin:0;font-weight:800}.panel h2{font-size:30px;font-weight:900;text-transform:uppercase}.panel h2.win{color:var(--win)}.panel h2.loss{color:var(--danger)}.drops{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.hud button.drop{display:flex;flex-direction:column;align-items:center;gap:6px;width:190px;min-height:210px;padding:14px 12px;border:2px solid var(--rarity);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--rarity) 22%,#0d0d10),#0d0d10 55%);color:var(--text);font-weight:600;font-size:14px;animation:drop-in .45s backwards cubic-bezier(.2,1.6,.5,1);transition:transform .12s}.hud button.drop:hover{transform:translateY(-4px) scale(1.03)}.drop .rarity{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--rarity)}.drop .drop-icon{font-size:46px;line-height:1.1}.drop strong{font-size:16px}.hud button.drop.epico{box-shadow:0 0 18px color-mix(in srgb,var(--rarity) 60%,transparent)}.hud button.drop.lendario{box-shadow:0 0 28px var(--rarity);animation:drop-in .45s backwards cubic-bezier(.2,1.6,.5,1),legendary 1.2s .5s ease-in-out infinite alternate}@keyframes drop-in{0%{transform:translateY(30px) scale(.6);opacity:0}}@keyframes legendary{to{box-shadow:0 0 44px 6px var(--rarity)}}.toast{position:absolute;top:70px;left:50%;transform:translate(-50%);padding:8px 18px;border-radius:999px;background:var(--panel-solid);border:1px solid var(--line-strong);color:var(--text);font-weight:800;animation:toast-in .25s ease-out;white-space:nowrap}@keyframes toast-in{0%{transform:translate(-50%,-12px);opacity:0}}.popup{font-weight:900;font-size:18px;color:#fff;text-shadow:0 0 3px #000,0 2px 0 #000;pointer-events:none;animation:float-up .9s ease-out forwards;white-space:nowrap}.popup.crit{font-size:24px;color:#fde047}.popup.push{font-size:21px;color:#fb923c}.popup.dodge{font-size:14px;font-style:italic;color:#e0f2fe}.popup.heal{color:#4ade80}.popup.block{font-size:15px;font-style:italic;color:#bae6fd}.popup.bind{font-size:15px;font-style:italic;color:#d6b48a}.popup.stun{font-size:15px;font-style:italic;color:#c4b5fd}.popup.absorb{font-size:15px;font-style:italic;color:#e9c98b}@keyframes float-up{0%{transform:translateY(0) scale(1.2);opacity:1}to{transform:translateY(-40px) scale(1);opacity:0}}.fps{top:66px!important;left:auto!important;right:16px!important}@media (max-width: 720px){.side{top:auto;bottom:330px;right:8px;left:8px;width:auto}.shop-actions{margin-left:0}}.ncard,.ncard-mini{position:relative;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;background:#0d0d10;border:1px solid rgba(var(--tier-rgb),.55);color:#f4f4f5;font-family:Archivo,system-ui,sans-serif;text-align:left;--class-text: color-mix(in srgb, var(--class) 55%, white)}.ncard{width:290px;min-height:352px;border-radius:12px;box-shadow:0 16px 32px #00000073}.ncard-art{position:relative;display:block;height:172px;flex-shrink:0;overflow:hidden;background:radial-gradient(circle at 50% 100%,rgba(var(--tier-rgb),.38),#0d0d1000 70%)}.ncard-ghost{position:absolute;right:-14px;top:-38px;font-weight:900;font-size:230px;line-height:1;color:var(--tier-light);opacity:.16;pointer-events:none}.ncard-art img{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:178px;height:178px;object-fit:contain;object-position:bottom}.ncard-tier{position:absolute;top:14px;left:14px;width:34px;height:34px;box-sizing:border-box;transform:rotate(45deg);border-radius:6px;border:2px solid #e5e7eb;background:var(--tier);box-shadow:0 0 14px rgba(var(--tier-rgb),.38);display:grid;place-items:center}.ncard-tier span{transform:rotate(-45deg);font-weight:900;font-size:19px;line-height:1;color:var(--tier-ink)}.ncard-cost{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:#0a0a0ed9;border:1px solid #3f3f46;font-weight:800;font-size:13px;color:#fde68a}.ncard-body{display:flex;flex-direction:column;gap:6px;padding:10px 14px 0}.ncard-name{display:flex;flex-direction:column}.ncard-surname{font-size:12px;letter-spacing:.08em;color:#a1a1aa}.ncard-name strong{display:flex;align-items:baseline;gap:6px;font-size:26px;font-weight:900;line-height:1;letter-spacing:.01em}.ncard-stars{font-size:13px;color:#facc15;letter-spacing:0}.ncard-class{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--class-text)}.ncard-class>span{width:18px;height:2px;background:var(--class)}.ncard-stats{margin:10px 10px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #27272a;border-bottom:1px solid #27272a}.ncard-stats div{display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 0 5px}.ncard-stats div+div{border-left:1px solid #27272a}.ncard-stats dd{margin:0;font-weight:800;font-size:15px}.ncard-stats dt{font-size:8.5px;font-weight:600;letter-spacing:.08em;color:#a1a1aa}.details .ncard-ability,.ncard-ability{margin:auto 14px 12px;padding-top:10px;font-size:12px;line-height:1.45;color:#d4d4d8}.ncard-ability strong{font-weight:800;color:#f4f4f5}.ncard-mini{width:128px;height:180px;border-radius:10px;box-shadow:0 10px 20px #00000059;cursor:pointer;transition:transform .12s ease}.ncard-mini:not(:disabled):hover{transform:translateY(-3px)}.ncard-mini:disabled{cursor:not-allowed;opacity:.5}.ncard-mini .ncard-art{height:100px}.ncard-mini .ncard-ghost{right:-8px;top:-22px;font-size:130px}.ncard-mini .ncard-art img{width:106px;height:106px}.ncard-mini .ncard-tier{top:9px;left:9px;width:22px;height:22px;border-radius:4px}.ncard-mini .ncard-tier span{font-size:13px}.ncard-mini .ncard-name{gap:1px;padding:6px 9px 0}.ncard-mini .ncard-surname{font-size:10px}.ncard-mini .ncard-name strong{font-size:16px}.ncard-mini .ncard-name strong.long{font-size:13.5px}.ncard-mini .ncard-class{padding:4px 9px 0;font-size:9.5px;gap:5px}.ncard-mini .ncard-class>span{width:10px}.ncard-buy{display:flex;align-items:center;justify-content:center;gap:5px;height:26px;margin-top:auto;flex-shrink:0;background:#18181b;border-top:1px solid #27272a;font-weight:800;font-size:13px;color:#fde68a;transition:background .12s ease}.ncard-mini:not(:disabled):hover .ncard-buy{background:#26262c}.ncard-mini:disabled .ncard-buy{color:#71717a}.ncard-mini.empty{background:transparent;border:2px dashed var(--line-strong);box-shadow:none}.sell-drop{position:absolute;top:-4px;right:-4px;bottom:-4px;left:14px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;border:2px dashed var(--danger);background:#7f1d1de0;color:#fef2f2;pointer-events:none;animation:sell-in .12s ease-out}.sell-drop span{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.sell-drop b{display:flex;align-items:center;gap:8px;font-size:34px;font-weight:900;color:var(--gold)}@keyframes sell-in{0%{opacity:0;transform:scale(.97)}}.hud button.ncard-mini.hint-own{border-color:#ffffffb3;animation:hint-own 1.8s ease-in-out infinite}.hud button.ncard-mini.hint-up2{border:2px solid #facc15;animation:hint-up2 1s ease-in-out infinite}.hud button.ncard-mini.hint-up3{border:2px solid #facc15;animation:hint-up3 .8s ease-in-out infinite}.hud button.ncard-mini.hint-up3:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(255,251,235,.38) 50%,transparent 65%) no-repeat;background-size:250% 100%;animation:hint-sweep 1.6s ease-in-out infinite;pointer-events:none}@keyframes hint-own{0%,to{box-shadow:0 10px 20px #00000059,0 0 #fff0}50%{box-shadow:0 10px 20px #00000059,0 0 12px #ffffff73}}@keyframes hint-up2{0%,to{box-shadow:0 10px 20px #00000059,0 0 4px #facc1559}50%{box-shadow:0 10px 20px #00000059,0 0 20px 3px #facc15d9}}@keyframes hint-up3{0%,to{border-color:#facc15;box-shadow:0 0 14px 3px #facc15bf}50%{border-color:#fffbeb;box-shadow:0 0 26px 6px #fff4c4f2}}@keyframes hint-sweep{0%{background-position:100% 0}to{background-position:-150% 0}}.ncard-hint{position:absolute;top:7px;right:7px;z-index:1;padding:2px 6px;border-radius:999px;font-size:11px;font-weight:900;line-height:1.2;letter-spacing:0;color:#1f1f1f;background:#facc15;box-shadow:0 2px 6px #00000080}.hint-up3 .ncard-hint{background:linear-gradient(90deg,#facc15,#fffbeb,#facc15)}@media (prefers-reduced-motion: reduce){.hud button.ncard-mini.hint-own,.hud button.ncard-mini.hint-up2,.hud button.ncard-mini.hint-up3{animation:none;box-shadow:0 0 14px 2px #facc15b3}.hud button.ncard-mini.hint-up3:after{display:none}}.details .ncard{align-self:stretch;flex-shrink:0;width:auto}@media (max-height: 900px){.ncard{min-height:0}.ncard .ncard-art{height:118px}.ncard .ncard-art img{width:128px;height:128px}.ncard .ncard-ghost{top:-26px;font-size:160px}}@media (max-height: 900px) and (min-width: 1000px){.fps{top:12px!important;right:182px!important}.side{top:68px;width:350px}.side .details{max-height:calc(100vh - 316px)}}@media (max-height: 820px) and (min-width: 1000px){.details .ncard .ncard-art{height:64px}.details .ncard .ncard-art img{bottom:auto;top:-34px;width:124px;height:124px;object-position:top}.details .ncard .ncard-ghost{top:-14px;font-size:100px}.details .ncard .ncard-tier{top:12px;left:12px;width:30px;height:30px}.details .ncard .ncard-tier span{font-size:17px}.details .ncard-body{padding-top:6px}.side .details .row{padding:7px 14px 9px}.details .ncard-ability{padding-top:8px}.side .details .row .btn{min-height:38px}}.hud button.ncard-mini{padding:0;border:1px solid rgba(var(--tier-rgb),.55);border-radius:10px;background:#0d0d10;color:#f4f4f5;font-family:Archivo,system-ui,sans-serif;font-weight:400}.equip{display:flex;flex-direction:column;gap:8px;padding:10px 2px 2px}.equip-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.equip-label b{margin-left:4px;color:var(--text);font-weight:900}.equip-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.equip-slot{position:relative;display:grid;place-items:center;height:58px;border-radius:10px;border:2px solid var(--rarity);background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--rarity) 35%,transparent) 0%,transparent 70%),var(--panel-solid);box-shadow:inset 0 0 0 1px #ffffff0a}.equip-slot.editable{cursor:grab;touch-action:none}.equip-slot.dragging{opacity:.35}.equip-slot.empty{border:1.5px dashed #52525b;background:transparent;box-shadow:none}.equip-icon{font-size:28px;line-height:1;pointer-events:none}.hud button.equip-remove{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:22px;height:22px;padding:0;border-radius:50%;border:1px solid var(--line-strong);background:#18181b;color:var(--muted);font-size:15px;font-weight:800;line-height:1}.hud button.equip-remove:hover{background:var(--danger-bg);border-color:#991b1b;color:#fee2e2}.equip-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;font-size:11.5px;color:#d4d4d8}.equip-list strong{font-weight:800}.inventory.drop-target{outline:2px solid #facc15;outline-offset:2px}.inventory-empty{font-size:11px}.shop-cards{position:relative}.odds-tab{position:absolute;left:calc(50% + 9px);bottom:calc(100% + 14px);transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:5px 14px;border-radius:10px 10px 0 0;background:var(--panel);border:1px solid var(--line);border-bottom:none;font-size:13px;font-weight:800;white-space:nowrap}.odds-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.odds-tier{display:inline-flex;align-items:center;gap:4px;color:var(--text)}.odds-tier b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:4px;background:var(--tier);color:#111;font-size:11px;font-weight:900}.odds-tier.off{opacity:.35}.wallet-gold{display:inline-flex;align-items:center;gap:5px}.wallet-interest{position:relative;display:inline-flex;align-items:baseline;gap:3px;margin-left:4px;padding:1px 6px 3px;border-left:1px solid var(--line-strong);font-size:14px;color:var(--muted)}.wallet-interest.on{color:var(--win)}.wallet-interest small{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.wallet-interest i{position:absolute;left:6px;bottom:0;max-width:calc(100% - 12px);height:2px;border-radius:1px;background:var(--win);opacity:.7}.battle-hint{margin:0;padding:4px 10px;border-radius:8px;background:var(--panel);font-size:12px;font-weight:700;color:var(--muted)}.details.live{gap:10px}.live-head{display:flex;align-items:center;gap:10px}.live-head img{width:44px;height:44px;border-radius:10px;border:2px solid;object-fit:cover;background:#18181b}.live-name{flex:1;display:flex;flex-direction:column;font-size:12px;font-weight:800}.live-name strong{font-size:17px;font-weight:900}.hud button.live-close{width:30px;height:30px;border:none;border-radius:8px;background:var(--control);font-size:20px;line-height:1}.hud button.live-close:hover{background:var(--control-hover)}.live-hp{position:relative;height:20px;border-radius:6px;background:#18181b;border:1px solid var(--line);overflow:hidden}.live-hp i{position:absolute;inset:0 auto 0 0;transition:width .1s linear}.live-hp span{position:relative;display:block;text-align:center;font-size:12px;font-weight:900;line-height:18px;text-shadow:0 1px 2px #000}.details .live-state{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.live-state.stun{color:#facc15}.live-state.dead{color:var(--danger)}.live-section{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);padding-top:8px}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin:0}.live-grid div{display:flex;justify-content:space-between;gap:6px}.live-grid dt{color:var(--muted);font-size:12px;font-weight:600}.live-grid dd{margin:0;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.live-fx{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}.live-fx li{padding:2px 8px;border-radius:999px;background:var(--control);font-size:11px;font-weight:700}.panel.reward,.overlay .panel{max-height:calc(100vh - 32px);overflow-y:auto}.bstats{display:flex;flex-direction:column;gap:14px;max-width:100%;overflow-x:auto}.panel .bstats-time{font-size:12px}.bstats-table{border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.bstats-table caption{padding-bottom:6px;text-align:left;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--team)}.bstats-table th,.bstats-table td{padding:5px 9px;border-bottom:1px solid var(--line)}.bstats-table thead th{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:help}.bstats-table thead th:first-child{text-align:left;cursor:default}.bstats-table tbody th{display:flex;align-items:center;gap:8px;min-width:140px;text-align:left;font-weight:800;border-left:3px solid var(--team)}.bstats-table tbody th img{width:26px;height:26px;border-radius:6px;object-fit:cover;background:#18181b}.bstats-table tr.fallen th span{opacity:.5;text-decoration:line-through}.bstats-table td{position:relative;min-width:62px;text-align:right;font-weight:700}.bstats-table td.best{color:var(--gold);font-weight:900}.bstats-share{position:absolute;left:9px;bottom:2px;height:2px;max-width:calc(100% - 18px);border-radius:1px;background:var(--team)}.bstats-table tfoot th,.bstats-table tfoot td{border-bottom:none;font-weight:900;color:var(--text)}.bstats-table tfoot th{text-align:left;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.lobby{background:#06060a59}.lobby-panel{width:min(380px,100%);gap:16px;padding:28px 28px 24px}.panel .lobby-title{margin:-8px -14px 0;font-size:34px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);line-height:0}.lobby-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}.lobby-form,.lobby-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%}.lobby-form label{font-weight:800;text-align:center}.lobby-input{min-height:48px;padding:0 14px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel-solid);color:var(--text);font:inherit;font-size:18px;font-weight:800;text-align:center;pointer-events:auto}.lobby-input:focus{outline:2px solid var(--accent);outline-offset:1px}.lobby-code-input{letter-spacing:.3em;text-transform:uppercase}.panel .lobby-hello{font-weight:600}.hud button.link{padding:0;border:none;background:none;color:var(--muted);font-size:13px;text-decoration:underline}.panel .lobby-error{color:var(--danger);text-align:center}.panel .lobby-code{font-size:44px;font-weight:900;letter-spacing:.25em;color:var(--gold);font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all}.panel .lobby-status{display:flex;align-items:center;gap:8px}.spinner{width:14px;height:14px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.waiting{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;background:var(--panel-solid);border:1px solid var(--line-strong);font-weight:800;white-space:nowrap}.loading-ninjas{position:absolute;top:118px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;background:var(--panel-solid);border:1px solid var(--line-strong);font-weight:800;white-space:nowrap;pointer-events:none}.loading-ninjas.blocking{top:50%;transform:translate(-50%,-50%);padding:14px 26px;font-size:18px}.round-timer{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:96px;padding:4px 14px 8px;border-radius:10px;background:var(--panel-solid);border:1px solid var(--line-strong);overflow:hidden}.round-timer-value{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}.round-timer i{position:absolute;left:0;bottom:0;height:3px;background:var(--accent);transition:width .25s linear}.round-timer.urgent .round-timer-value{color:var(--danger);animation:timer-pulse 1s ease-in-out infinite}.round-timer.urgent i{background:var(--danger)}.round-timer-rival{font-size:11px;font-weight:800;color:var(--win);text-transform:uppercase;letter-spacing:.06em}@keyframes timer-pulse{50%{opacity:.55}}.round-timer-caption{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}