:root{--bg: #14101c;--bg2: #1d1628;--panel: #2b2236;--panel-dark: #221a2c;--border: #0d0812;--edge: #4a3a5e;--text: #f0e9dc;--text-dim: #a598b8;--red: #e04848;--red-dark: #8f2222;--blue: #3a7bd5;--blue-dark: #1e4585;--orange: #e8862e;--orange-dark: #94500f;--green: #3fb950;--green-dark: #1f6f2c;--gold: #f2c14e;--purple: #a05ce0}*{margin:0;padding:0;box-sizing:border-box;image-rendering:pixelated;-webkit-user-select:none;user-select:none}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:VT323,monospace;font-size:22px;overflow:hidden}canvas{image-rendering:pixelated;image-rendering:crisp-edges}.app{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,rgba(120,80,180,.12),transparent 65%),var(--bg)}.app:before{content:"";position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;background-image:radial-gradient(rgba(255,255,255,.028) 2px,transparent 2px);background-size:28px 28px;animation:felt-drift 40s steps(28) infinite;pointer-events:none}@keyframes felt-drift{0%{transform:translate(0)}to{transform:translate(28px,28px)}}.screen{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:18px;padding:20px;overflow-y:auto}h1.title{font-family:"Press Start 2P",monospace;font-size:42px;color:var(--gold);text-shadow:4px 4px 0 var(--border),0 0 24px rgba(242,193,78,.35);letter-spacing:2px;animation:title-bob 2.4s ease-in-out infinite}@keyframes title-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}h2.heading{font-family:"Press Start 2P",monospace;font-size:18px;color:var(--text);text-shadow:3px 3px 0 var(--border)}.subtitle{color:var(--text-dim);font-size:22px}.panel{background:var(--panel);border:4px solid var(--border);box-shadow:inset 0 3px 0 var(--edge),inset 0 -4px #00000059,0 6px #00000073;padding:16px}.panel-dark{background:var(--panel-dark);border:3px solid var(--border);box-shadow:inset 0 2px #ffffff0d;padding:10px}.btn{font-family:"Press Start 2P",monospace;font-size:14px;color:#fff;background:var(--blue);border:3px solid var(--border);padding:14px 22px;cursor:pointer;text-shadow:2px 2px 0 rgba(0,0,0,.5);box-shadow:0 5px 0 var(--blue-dark),0 8px #0006;transition:transform .06s,box-shadow .06s;position:relative}.btn:hover{transform:translateY(-2px) rotate(-.5deg) scale(1.03)}.btn:active{transform:translateY(4px) scale(.97);box-shadow:0 1px 0 var(--blue-dark),0 2px #0006}.btn.red{background:var(--red);box-shadow:0 5px 0 var(--red-dark),0 8px #0006}.btn.red:active{box-shadow:0 1px 0 var(--red-dark),0 2px #0006}.btn.orange{background:var(--orange);box-shadow:0 5px 0 var(--orange-dark),0 8px #0006}.btn.orange:active{box-shadow:0 1px 0 var(--orange-dark),0 2px #0006}.btn.green{background:var(--green);box-shadow:0 5px 0 var(--green-dark),0 8px #0006}.btn.green:active{box-shadow:0 1px 0 var(--green-dark),0 2px #0006}.btn.small{font-size:10px;padding:8px 12px}.btn:disabled{filter:grayscale(.8) brightness(.6);cursor:not-allowed;transform:none}.pcard{width:132px;border:4px solid #555;background:linear-gradient(180deg,#38304a,#241d31);box-shadow:0 6px #00000080;padding:6px;cursor:pointer;position:relative;transition:transform .12s ease,box-shadow .12s ease;transform-style:preserve-3d;flex-shrink:0}.pcard:hover{transform:translateY(-10px) scale(1.06);box-shadow:0 14px #00000073,0 0 18px #ffffff1f;z-index:5}.pcard.common{border-color:#8a8f98}.pcard.rare{border-color:#4fa4ff;box-shadow:0 6px #00000080,0 0 12px #4fa4ff59}.pcard.epic{border-color:#c26bff;box-shadow:0 6px #00000080,0 0 14px #c26bff73}.pcard.legendary{border-color:var(--gold);box-shadow:0 6px #00000080,0 0 16px #f2c14e73}.pcard.legendary:after,.pcard.epic:after,.pcard.rare.foil:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 20%,rgba(255,100,255,.14) 36%,rgba(100,220,255,.2) 50%,rgba(255,255,100,.14) 64%,transparent 80%);background-size:300% 300%;animation:foil 3s linear infinite;pointer-events:none}@keyframes foil{0%{background-position:0% 0%}to{background-position:300% 300%}}.pcard.reward{width:104px;min-height:128px;cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.pcard.reward .reward-art{width:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 40%,#4c3f63,#2a2138 75%);border:2px solid var(--border);padding:12px 0}.pcard.reward .reward-value{font-family:"Press Start 2P",monospace;font-size:11px;line-height:1.3}.pcard.reward .reward-label{font-size:12px;color:var(--text-dim);line-height:1.2}.pcard.selected{outline:4px solid var(--gold);outline-offset:2px;transform:translateY(-8px)}.pcard .portrait{width:100%;display:flex;justify-content:center;background:radial-gradient(circle at 50% 35%,#4c3f63,#2a2138 75%);border:2px solid var(--border);padding:4px 0}.pcard .name{font-size:18px;line-height:1;text-align:center;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard .meta-row{display:flex;justify-content:space-between;font-size:15px;color:var(--text-dim);margin-top:2px}.pcard .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:5px;font-size:14px;line-height:1.1;text-align:center}.pcard .stats span b{color:var(--gold);font-weight:400}.pcard .ovr{position:absolute;top:-10px;right:-10px;background:var(--border);border:2px solid currentColor;padding:2px 6px;font-size:16px;z-index:2}.pcard .passive{margin-top:4px;font-size:13px;line-height:1.15;color:var(--purple);text-align:center;min-height:15px}.ucard{width:170px;height:230px;border:4px solid transparent;cursor:pointer;perspective:600px;background:transparent;position:relative;transition:transform .15s}.ucard:hover{transform:translateY(-10px) rotate(1deg) scale(1.05)}.ucard-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,1.4,.6,1)}.ucard.flipped .ucard-inner{transform:rotateY(180deg)}.ucard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;outline:3px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;text-align:center}.ucard-back{background:repeating-linear-gradient(45deg,#3a2b52 0,#3a2b52 10px,#2c2040 10px,#2c2040 20px);border:3px solid var(--edge)}.ucard-back:after{content:"★";font-size:44px;color:var(--gold);text-shadow:3px 3px 0 var(--border)}.ucard-front{transform:rotateY(180deg);background:linear-gradient(180deg,#3d3352,#241d31);border:3px solid var(--cat, var(--blue))}.pcard.legend{position:relative;border-color:var(--gold);box-shadow:0 0 12px #f2c14e80}.pcard.legend:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:2px solid var(--gold);pointer-events:none;animation:legend-pulse 1.6s ease-in-out infinite alternate}@keyframes legend-pulse{0%{opacity:.25}to{opacity:.9}}.ucard.rar-raro .ucard-front{border-color:#4fa4ff;box-shadow:0 0 10px #4fa4ff73}.ucard.rar-epico .ucard-front{border-color:#c85cff;box-shadow:0 0 14px #c85cff8c}.ucard.rar-lendario .ucard-front{border-color:var(--gold);box-shadow:0 0 16px #f2c14e99}.ucard.rar-epico .ucard-front:after,.ucard.rar-lendario .ucard-front:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:2px solid #c85cff;border-radius:inherit;pointer-events:none;animation:legend-pulse 1.6s ease-in-out infinite alternate}.ucard.rar-lendario .ucard-front:after{border-color:var(--gold)}.ucard.rar-epico:hover,.ucard.rar-lendario:hover{transform:translateY(-12px) rotate(1deg) scale(1.08)}.ucard-front .cat-tag,.shop-card .cat-tag{font-family:"Press Start 2P",monospace;font-size:9px;color:#fff;background:var(--cat, var(--blue));padding:4px 8px;text-shadow:1px 1px 0 rgba(0,0,0,.6)}.ucard-front .up-name,.shop-card .up-name{font-size:24px;line-height:1.05}.ucard-front .up-desc,.shop-card .up-desc{font-size:17px;line-height:1.15;color:var(--text-dim)}.screen.match-screen{overflow:hidden;justify-content:flex-start;gap:0;padding:clamp(4px,1.2vh,14px) clamp(4px,1vw,16px)}.match-wrap{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1.1vh,10px);width:100%;height:100%;min-height:0}.scoreboard{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.4vw,16px);font-family:"Press Start 2P",monospace;font-size:16px;width:100%;max-width:1100px;flex-shrink:0;padding:clamp(5px,1vh,10px) clamp(8px,1.6vw,22px)}.scoreboard .sb-team{display:flex;align-items:center;gap:clamp(5px,1vw,12px);flex:1 1 0;min-width:0;justify-content:flex-end}.scoreboard .sb-team.away{justify-content:flex-start}.scoreboard .sb-mid{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.scoreboard .sb-under{display:flex;align-items:center;gap:8px;min-height:26px}.scoreboard .score{font-size:clamp(18px,2.4vw,28px);color:var(--gold);text-shadow:3px 3px 0 var(--border);min-width:90px;text-align:center;white-space:nowrap}.scoreboard .team-name{max-width:min(200px,20vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,1vw,12px)}.scoreboard .you-tag{color:var(--gold);font-size:.8em}.scoreboard .team-block{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:min(200px,20vw);min-width:0}.match-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;max-width:1100px;padding:0 clamp(8px,1.6vw,22px);flex-shrink:0}.speed-ctl{display:flex;gap:4px}.speed-btn{font-size:10px;padding:5px 8px;box-shadow:0 3px 0 var(--blue-dark),0 5px #0006}.speed-btn.orange{box-shadow:0 3px 0 var(--orange-dark),0 5px #0006}.speed-btn:active{box-shadow:0 1px #0006}.gas-bar{display:block;width:min(84px,9vw);height:6px;background:var(--panel-dark);border:2px solid var(--border);overflow:hidden}.gas-bar>i{display:block;width:100%;height:100%;transform-origin:left center;background:var(--green);transition:transform .25s linear}.gas-bar.low>i{background:var(--red)}.match-stage{display:flex;align-items:stretch;gap:clamp(4px,.8vw,12px);width:100%;flex:1 1 auto;min-height:0;min-width:0}.match-field{flex:1 1 0;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.match-rail{flex:0 0 auto;width:clamp(92px,13vw,160px);display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.match-rail.right{align-items:stretch}.match-rail.off{display:none}.rail-group{display:flex;flex-direction:column;gap:5px}.rail-label{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--text-dim);letter-spacing:1px;line-height:1.4}.rail-note{font-size:clamp(13px,1.1vw,16px);line-height:1.15;color:var(--text-dim);border-left:3px solid var(--border);padding-left:6px}.rail-note.boss{color:var(--red)}.rail-note.curse{color:var(--gold)}.rail-note.hot{color:var(--red)}.rail-btn{width:100%;font-size:9px;padding:7px 6px;box-shadow:0 3px 0 var(--blue-dark),0 5px #0006}.rail-btn:active{box-shadow:0 1px 0 var(--blue-dark),0 2px #0006}.rail-chips{display:flex;flex-wrap:wrap;gap:4px}.rail-chips .btn{font-size:8px;padding:5px 6px;flex:1 1 44%;min-width:0;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 0 var(--blue-dark),0 5px #0006}.foe-special{display:flex;align-items:center;gap:6px;padding:6px 7px;background:var(--panel-dark);border:3px solid var(--border);font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.3;color:var(--text)}.foe-special.spent{opacity:.32}.foe-special>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.match-canvas-wrap{position:relative;border:5px solid var(--border);box-shadow:0 8px #00000080;line-height:0;font-size:calc(var(--ms, 2) * 8px)}.event-banner{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:"Press Start 2P",monospace;font-size:.95em;color:#fff;text-shadow:.25em .25em 0 var(--border);pointer-events:none;white-space:nowrap;animation:banner-pop 1.6s ease-out forwards;z-index:3}@keyframes banner-pop{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}12%{transform:translate(-50%,-50%) scale(1.25);opacity:1}22%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1;transform:translate(-50%,-58%) scale(1)}to{opacity:0;transform:translate(-50%,-75%) scale(1.05)}}.goal-banner{font-size:2.75em;color:var(--gold);animation-duration:2.1s}.card-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:1100px}.market-table-wrap{max-width:min(1100px,100%);overflow-x:auto;padding-bottom:4px}.market-table{border-collapse:separate;border-spacing:0 6px;font-size:17px}.market-table th{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--text-dim);padding:6px 8px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.market-table th:hover{color:var(--text)}.market-table th.active{color:var(--gold)}.market-table td{background:var(--panel-dark);border-top:3px solid var(--border);border-bottom:3px solid var(--border);box-shadow:inset 0 2px #ffffff0d;padding:4px 10px;text-align:center;white-space:nowrap}.market-table td:first-child{border-left:3px solid var(--border);border-radius:10px 0 0 10px}.market-table td:last-child{border-right:3px solid var(--border);border-radius:0 10px 10px 0}.market-table .player-cell{text-align:left}.market-table .player-cell canvas{vertical-align:middle;margin-right:8px}.market-table .player-cell .info{display:inline-flex;flex-direction:column;gap:2px;vertical-align:middle}.market-table .player-cell .name{font-family:"Press Start 2P",monospace;font-size:11px;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.market-table .meta{font-size:13px;color:var(--edge)}.rank-table th{cursor:default}.rank-table .rank-pos{font-family:"Press Start 2P",monospace;font-size:12px;min-width:52px}.rank-table .rank-value b{color:var(--gold);font-size:19px}.rank-table .rank-value .unit{font-size:12px;color:var(--text-dim)}.rank-table .club-cell{text-align:left}.rank-table .club-cell canvas{vertical-align:middle;margin-right:8px}.rank-table .club-cell .info{display:inline-flex;flex-direction:column;gap:2px;vertical-align:middle}.rank-table .club-cell .name{font-family:"Press Start 2P",monospace;font-size:11px;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.rank-table .club-cell .meta{font-size:13px;color:var(--edge)}.rank-table tr.me td{border-top-color:var(--gold);border-bottom-color:var(--gold);background:#ffc83c17}.rank-table tr.me td:first-child{border-left-color:var(--gold)}.rank-table tr.me td:last-child{border-right-color:var(--gold)}.hstack{display:flex;align-items:center;gap:12px}.vstack{display:flex;flex-direction:column;gap:12px}.coin{color:var(--gold);font-family:"Press Start 2P",monospace;font-size:14px;text-shadow:2px 2px 0 var(--border)}.map-snake{display:flex;flex-direction:column;align-items:stretch;padding:18px 24px}.map-row{display:flex;align-items:center;gap:6px;justify-content:flex-start}.map-row.rev{flex-direction:row-reverse}.map-vlink{width:4px;height:16px;background:var(--edge);margin:3px 21px}.map-vlink.right{align-self:flex-end}.map-vlink.left{align-self:flex-start}.map-node{width:46px;height:46px;border:3px solid var(--border);background:var(--panel-dark);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-dim);position:relative}.map-node.done{background:var(--green-dark);color:#fff}.map-node.current{background:var(--orange);color:#fff;animation:node-pulse 1s ease-in-out infinite;box-shadow:0 0 14px #e8862e99}.map-node.boss{border-color:var(--red);font-size:22px}@keyframes node-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.map-link{width:14px;height:4px;background:var(--edge)}.match-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;line-height:1.3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85em;padding:.5em;background:#100c1873;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:fade-in .35s ease-out}.match-overlay .subtitle{font-size:max(11px,1.35em);line-height:1.15;text-align:center}.match-overlay .btn{font-size:max(8px,.85em);padding:.8em 1.2em}.match-overlay .hstack{gap:.6em;flex-wrap:wrap;justify-content:center}.overlay-title{font-family:"Press Start 2P",monospace;font-size:2.6em;color:#fff;text-shadow:.12em .12em 0 var(--border)}.overlay-title.sm{font-size:1.5em;color:var(--gold)}.overlay-title.win{color:var(--gold);animation:title-bob 1.8s ease-in-out infinite}.overlay-title.lose{color:var(--red)}.overlay-score{font-family:"Press Start 2P",monospace;font-size:1.6em;color:#fff;text-shadow:.12em .12em 0 var(--border)}.overlay-foot{font-size:max(10px,.7em);color:var(--text-dim);line-height:1.15;text-align:center}.pen-dots{display:flex;gap:6px;min-height:16px}.pen-dot{width:14px;height:14px;border:3px solid var(--border);background:var(--panel-dark)}.pen-dot.hit{background:var(--green)}.pen-dot.miss{background:var(--red)}.pen-dot.their{transform:translateY(3px)}.pen-flash{font-family:"Press Start 2P",monospace;font-size:1.35em;text-shadow:.14em .14em 0 var(--border);animation:pen-pop .25s ease-out;min-height:2.6em;display:flex;align-items:center}.pen-flash.good{color:var(--green)}.pen-flash.bad{color:var(--red)}.so-board{position:absolute;top:.6em;left:50%;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;gap:.45em;padding:.55em .9em;max-width:96%;background:#100c18d9;border:3px solid var(--border);line-height:1;pointer-events:none}.so-row{display:flex;align-items:center;gap:8px;opacity:.55}.so-row.active{opacity:1}.so-turn{width:.75em;font-family:"Press Start 2P",monospace;font-size:.62em;color:var(--gold)}.so-row.active .so-turn{animation:so-blink .9s steps(2,jump-none) infinite}@keyframes so-blink{0%{opacity:1}to{opacity:.25}}.so-swatch{width:.62em;height:.62em;border:2px solid var(--border);flex-shrink:0}.so-name{font-family:"Press Start 2P",monospace;font-size:.56em;color:#fff;max-width:14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.so-board .pen-dots{gap:.35em;min-height:.62em}.so-board .pen-dot{width:.62em;height:.62em;border-width:2px}.pen-flash.so-flash{position:absolute;left:0;right:0;top:34%;justify-content:center;z-index:5;pointer-events:none;line-height:1.3}.match-overlay.duel{background:#100c1859;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);justify-content:flex-end;padding-bottom:1.5em;gap:.6em}.duel-vs{font-family:"Press Start 2P",monospace;font-size:max(9px,.88em);text-shadow:.13em .13em 0 var(--border);text-align:center;line-height:1.4}.duel-vs .vs-sep{color:var(--text-dim);font-size:.85em}.duel-btn{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:min(150px,9.4em)}.duel-hint{font-family:VT323,monospace;font-size:max(10px,.94em);color:#ffffffbf;text-shadow:none;line-height:1}.duel-flash{position:absolute;left:0;right:0;top:36%;display:flex;justify-content:center;font-family:"Press Start 2P",monospace;font-size:1.35em;text-shadow:.14em .14em 0 var(--border);z-index:5;pointer-events:none;line-height:1.3;animation:duel-pop 1.3s ease-out forwards}.duel-flash.good{color:var(--green)}.duel-flash.bad{color:var(--red)}@keyframes duel-pop{0%{transform:scale(.3);opacity:0}15%{transform:scale(1.15);opacity:1}25%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-14px)}}@keyframes pen-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.shield-grid{display:grid;grid-template-columns:repeat(16,22px);grid-template-rows:repeat(16,22px);border:3px solid var(--border);background:repeating-conic-gradient(#2a2138,#2a2138 25%,#332947 0%,#332947 50%) 0 0 / 44px 44px;cursor:crosshair}.shield-cell{border:1px solid rgba(0,0,0,.15)}.palette-swatch{width:34px;height:34px;border:3px solid var(--border);cursor:pointer}.palette-swatch.active{outline:3px solid #fff;transform:scale(1.1)}.opt-row{display:flex;align-items:center;gap:8px;justify-content:space-between}.opt-row .label{color:var(--text-dim);font-size:19px;width:90px}.arrow-btn{font-family:"Press Start 2P",monospace;font-size:12px;background:var(--panel-dark);color:var(--gold);border:3px solid var(--border);width:34px;height:34px;cursor:pointer}.arrow-btn:hover{background:var(--edge)}.swatch-mini{width:22px;height:22px;border:2px solid var(--border);cursor:pointer}.swatch-mini.active{outline:2px solid #fff}input.pixel-input{font-family:VT323,monospace;font-size:24px;background:var(--panel-dark);color:var(--text);border:3px solid var(--border);padding:6px 10px;outline:none}.bar{height:14px;background:var(--panel-dark);border:2px solid var(--border);overflow:hidden}.bar>div{height:100%;background:linear-gradient(90deg,var(--green),#7fe08a)}.screen-shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,4px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,3px)}80%{transform:translate(3px,-2px)}}.fade-in{animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.shop-panel{position:relative;background:linear-gradient(180deg,#33202e,#241722);border:4px solid var(--border);padding:36px 28px 26px;max-width:980px}.shop-coins{position:absolute;top:-18px;right:18px;background:var(--panel-dark);border:3px solid var(--gold);color:var(--gold);font-size:20px;padding:4px 14px}.shop-cards{display:flex;flex-wrap:wrap;gap:28px 20px;justify-content:center}.shop-card{position:relative;width:172px;min-height:244px;border:3px solid var(--gold);background:linear-gradient(180deg,#3d3352,#241d31);display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px 12px;text-align:center;cursor:pointer;transition:transform .15s}.shop-card:hover{transform:translateY(-8px) rotate(1deg) scale(1.04)}.shop-card.owned{border-color:var(--green);cursor:default;opacity:.85}.shop-card.broke{opacity:.5;cursor:default}.shop-card.owned:hover,.shop-card.broke:hover{transform:none}.shop-price{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:var(--gold);color:#241d31;font-family:"Press Start 2P",monospace;font-size:11px;padding:5px 10px;border:3px solid var(--border);white-space:nowrap}.shop-price.cant{background:#6a6478;color:#d8d2e4}.shop-charges{margin-top:auto;font-size:14px;color:var(--text-dim)}.shop-stamp{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) rotate(-14deg);border:3px solid var(--green);color:var(--green);font-family:"Press Start 2P",monospace;font-size:12px;padding:6px 10px;background:#141e16cc;white-space:nowrap}.shop-stamp.pop{animation:stamp-pop .35s cubic-bezier(.3,1.6,.6,1)}@keyframes stamp-pop{0%{transform:translate(-50%,-50%) rotate(-14deg) scale(2.2);opacity:0}to{transform:translate(-50%,-50%) rotate(-14deg) scale(1);opacity:1}}.pb-pips{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:5px}.pb-pip{width:11px;height:11px;border:2px solid var(--border);background:#00000059;border-radius:3px}.pb-pip.on{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 2px #ffffff40}.pb-pip.pop{animation:pip-pop .35s cubic-bezier(.3,1.6,.6,1)}@keyframes pip-pop{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}.special-btn{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:118px;padding:8px 10px 10px}.match-rail .special-btn{flex-direction:row;justify-content:flex-start;text-align:left;gap:6px;min-width:0;width:100%;padding:6px 7px;box-shadow:0 3px 0 var(--blue-dark),0 5px #0006}.match-rail .special-btn:active{box-shadow:0 1px 0 var(--blue-dark),0 2px #0006}.match-rail .special-btn .special-name{font-size:8px;min-width:0;overflow:hidden;text-overflow:ellipsis}.match-rail .special-btn .charge-dots{margin-left:auto;font-size:10px}.special-btn:disabled{opacity:.35;cursor:default}.special-name{font-size:10px;line-height:1.2}.charge-dots{color:var(--gold);font-size:12px}.special-btn:disabled .charge-dots{color:var(--text-dim)}.btn.blue{background:var(--blue);box-shadow:0 5px #2f6aa8,0 8px #0006}.btn.blue:active{box-shadow:0 1px #2f6aa8,0 2px #0006}.region-card{transition:transform .15s,box-shadow .15s}.region-card:hover{transform:translateY(-6px);box-shadow:0 10px #00000073,0 0 14px #7fd4ff33}.equip-chip{border:2px solid var(--edge);background:transparent;color:var(--text);font-family:VT323,monospace;font-size:17px;padding:2px 8px;cursor:pointer;opacity:.6}.equip-chip.on{border-color:var(--gold);opacity:1;box-shadow:0 0 8px #f2c14e59}.equip-chip:hover{opacity:1}.match-clock{display:inline-block;color:var(--text-dim);font-size:clamp(11px,1.1vw,14px);white-space:nowrap}.match-clock.danger{color:#ff5c5c;animation:clock-pulse .8s ease-in-out infinite}@keyframes clock-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.72}}.duel-btn.hinted{border-color:var(--gold);animation:hint-hop 1.1s ease-in-out infinite}@keyframes hint-hop{0%,55%,to{transform:translateY(0)}25%{transform:translateY(-7px)}40%{transform:translateY(-2px)}}.ucard.flipped .ucard-inner{animation:card-breathe 3s ease-in-out infinite;animation-delay:calc(.7s + var(--float-delay, 0s))}@keyframes card-breathe{0%,to{transform:rotateY(180deg) translateY(0) scale(1)}50%{transform:rotateY(180deg) translateY(-7px) scale(1.02)}}.ucard.settled .ucard-inner{transform:none;transform-style:flat;transition:none;animation-name:card-breathe-flat}.ucard.settled .ucard-back{display:none}.ucard.settled .ucard-front{transform:none}@keyframes card-breathe-flat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.02)}}.ucard-front .level-tag{position:absolute;top:-11px;right:-12px;font-family:"Press Start 2P",monospace;font-size:8px;color:#241d31;background:var(--gold);padding:3px 5px;border:2px solid var(--border);z-index:2}.up-counter{font-family:VT323,monospace;font-size:15px;color:var(--gold);margin-top:auto;padding-bottom:4px}.tactic-field{position:relative;width:480px;max-width:92vw;height:260px;background:linear-gradient(#ffffff8c,#ffffff8c) center / 2px calc(100% - 12px) no-repeat,repeating-linear-gradient(90deg,#2e7d3a 0,#2e7d3a 60px,#348544 60px,#348544 120px);border:4px solid var(--border);flex-shrink:0}.tactic-field:before{content:"";position:absolute;left:50%;top:50%;width:70px;height:70px;border:2px solid rgba(255,255,255,.55);border-radius:50%;transform:translate(-50%,-50%)}.tactic-slot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;background:#00000080;border:2px solid var(--edge);padding:3px 8px;cursor:pointer;z-index:1}.tactic-slot.active{border-color:var(--gold);box-shadow:0 0 12px #f2c14e8c;z-index:2}.tactic-slot.empty{border-style:dashed;opacity:.75}.tactic-pos{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--gold)}.tactic-name{font-family:VT323,monospace;font-size:16px;line-height:1.1;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tactic-ovr{font-family:"Press Start 2P",monospace;font-size:7px;line-height:1;color:var(--green)}.tactic-field.mini{width:320px;height:176px;align-self:center}.tactic-field.mini .tactic-slot{padding:2px 5px}.tactic-field.mini .tactic-name{font-size:13px;max-width:60px}.tactic-field.mini .tactic-pos{font-size:7px}.tactic-field.mini .tactic-ovr{font-size:6px}.tactic-field.readonly .tactic-slot{cursor:default}.tactic-slot.cursed{border-color:var(--red)}.tactic-curse{font-family:VT323,monospace;font-size:12px;line-height:1;letter-spacing:1px;color:var(--red)}.landing-pitch{position:relative;z-index:1;max-width:460px;text-align:center;color:var(--text-dim);font-size:21px;line-height:1.3}.btn.landing-play{position:relative;z-index:1;font-size:22px;padding:22px 64px;animation:title-bob 2.4s ease-in-out infinite}.hub{position:relative;z-index:1;display:flex;gap:16px;height:100%;padding:14px 16px 10px;align-items:stretch}.hub-rail{display:flex;flex-direction:column;gap:10px;width:186px;flex-shrink:0}.hub-rail-spacer{flex:1}.hub-nav-btn{position:relative;display:flex;align-items:center;gap:10px;text-align:left;background:var(--panel-dark);border:3px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);font-family:"Press Start 2P",monospace;font-size:11px;cursor:pointer;box-shadow:0 4px #0006,inset 0 2px #ffffff0a;transition:transform .08s,background .08s}.hub-nav-btn:hover{transform:translate(4px);background:var(--panel)}.hub-nav-btn:active{transform:translate(4px) translateY(2px)}.hub-nav-btn.dim{color:var(--text-dim)}.hub-nav-icon{width:20px;display:inline-flex;justify-content:center;flex-shrink:0;font-family:VT323,monospace;font-size:18px}.hub-nav-label{display:flex;flex-direction:column;gap:4px;min-width:0}.hub-nav-badge{font-family:VT323,monospace;font-size:14px;color:var(--gold);line-height:1}.hub-nav-badge.pulse{animation:clock-pulse 1s ease-in-out infinite}.hub-nav-dot{position:absolute;top:-5px;right:-5px;width:12px;height:12px;border-radius:50%;background:var(--red);border:2px solid var(--border);animation:node-pulse 1s ease-in-out infinite}.hub-center{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;overflow-y:auto;padding:2px 4px 16px}.hub-formations{flex-wrap:wrap;justify-content:center}.hub-field{margin-top:2px}.hub-roster{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding-top:6px}.hub-side{display:flex;flex-direction:column;gap:12px;width:300px;flex-shrink:0;overflow-y:auto;padding-bottom:6px}.hub-side .club-banner{flex-shrink:0}.hub-season{display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:center}.hub-season .btn{width:100%}.hub-season .btn.attention{font-size:16px;padding:15px 12px}.hub-season-title{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--gold);text-shadow:2px 2px 0 var(--border)}.hub-season-info{font-size:20px}.hub-season-warn{color:#ff8f8f;font-size:17px}.style-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.style-chip{font-family:"Press Start 2P",monospace;font-size:10px;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;cursor:pointer;color:#9aa0ad;background:#241d31;border:3px solid #4a4459;border-radius:10px;box-shadow:0 4px #00000073;text-shadow:2px 2px 0 rgba(0,0,0,.5);filter:saturate(.5);transition:transform .06s,box-shadow .06s,filter .12s,color .12s;position:relative}.style-chip:hover{color:#d7dbe4;filter:saturate(1);transform:translateY(-2px)}.style-chip:active{transform:translateY(2px);box-shadow:0 1px #00000073}.style-chip.on{color:#fff;background:var(--green-dark);border-color:var(--gold);box-shadow:0 4px #00000080,0 0 0 2px #f2c14e40,inset 0 0 12px #f2c14e33;filter:none;transform:translateY(-2px)}.style-chip.on:hover{transform:translateY(-4px)}.hub-status{display:flex;flex-direction:column;gap:8px}.hub-status-row{display:flex;align-items:center;gap:8px;font-size:20px}.hub-status-sub{color:var(--text-dim);font-size:17px;line-height:1.25}@media(max-width:900px){.hud-chip.sm-hide{display:none}.hud-club span{max-width:120px}}@media(max-width:1080px){.hub{flex-direction:column;overflow-y:auto;align-items:stretch}.hub-rail{flex-direction:row;flex-wrap:wrap;width:auto;justify-content:center}.hub-rail-spacer{display:none}.hub-nav-btn:hover{transform:translateY(-2px)}.hub-nav-badge{display:none}.hub-center{overflow-y:visible;order:1}.hub-side{width:auto;order:2;overflow-y:visible}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--edge)}.btn{border-radius:10px}.panel{border-radius:14px}.panel-dark,.pcard{border-radius:10px}.pcard .portrait{border-radius:6px}.pcard .ovr{border-radius:8px}.ucard,.ucard-face,.shop-card{border-radius:12px}.shop-panel{border-radius:16px}.shop-price,.shop-coins,.shop-stamp{border-radius:8px}.map-node{border-radius:12px}.arrow-btn,input.pixel-input,.bar,.equip-chip,.tactic-slot{border-radius:8px}.cat-tag,.ucard-front .level-tag{border-radius:6px}.pen-dot{border-radius:4px}.palette-swatch,.swatch-mini{border-radius:6px}.bg-blob{position:absolute;width:110vmax;height:110vmax;left:50%;top:50%;margin:-55vmax 0 0 -55vmax;border-radius:50%;pointer-events:none;will-change:transform;transform:translateZ(0)}.bg-blob.a{background:radial-gradient(circle at 32% 38%,rgba(96,52,160,.42),transparent 34%),radial-gradient(circle at 68% 62%,rgba(190,55,90,.26),transparent 32%),radial-gradient(circle at 55% 22%,rgba(45,85,190,.22),transparent 30%),radial-gradient(circle at 25% 70%,rgba(60,30,100,.35),transparent 36%);animation:swirl 80s linear infinite}.bg-blob.b{background:radial-gradient(circle at 62% 30%,rgba(140,70,200,.2),transparent 30%),radial-gradient(circle at 35% 65%,rgba(220,70,90,.13),transparent 28%);animation:swirl 52s linear infinite reverse}@keyframes swirl{to{transform:rotate(360deg)}}.bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 52%,rgba(6,3,12,.55) 100%)}.bg-vignette:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0px,rgba(0,0,0,.14) 1px,transparent 1px,transparent 4px);opacity:.4}.screen-shell{position:relative;z-index:1;width:100%;height:100%;animation:screen-pop .3s cubic-bezier(.3,1.3,.6,1)}.screen-shell.with-hud{padding-top:58px}@keyframes screen-pop{0%{opacity:0;transform:scale(.96) translateY(14px)}to{opacity:1;transform:none}}.hud{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:10px;padding:8px 14px;background:linear-gradient(180deg,#1e152cf7,#160f21eb);border-bottom:3px solid var(--border);box-shadow:0 5px #0006,inset 0 2px 0 var(--edge)}.hud-club{display:flex;align-items:center;gap:10px;background:var(--panel-dark);border:3px solid var(--border);border-radius:10px;padding:4px 12px 4px 6px;color:var(--text);font-family:VT323,monospace;font-size:21px;cursor:pointer;box-shadow:0 3px #0006;transition:transform .08s}.hud-club span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-club:hover{transform:translateY(-2px)}.hud-club:active{transform:translateY(1px)}.hud-club canvas{display:block}.hud-chip{display:inline-flex;align-items:center;gap:7px;background:var(--panel-dark);border:3px solid var(--border);border-radius:999px;padding:4px 14px;font-family:VT323,monospace;font-size:20px;color:var(--text-dim);box-shadow:0 3px #00000059;white-space:nowrap}.hud-chip.gold{color:var(--gold);border-color:#f2c14e8c;animation:coin-pop .35s cubic-bezier(.3,1.6,.6,1)}.hud-chip.run{color:#ffb46a;border-color:#e8862e8c}@keyframes coin-pop{0%{transform:scale(1.25)}to{transform:scale(1)}}.hud-spacer{flex:1}.hud-btn{background:var(--panel-dark);border:3px solid var(--border);border-radius:10px;color:var(--text-dim);padding:5px 10px;cursor:pointer;font-family:VT323,monospace;font-size:18px;box-shadow:0 3px #00000059}.hud-btn:hover{color:var(--text);transform:translateY(-1px)}h2.heading{background:linear-gradient(180deg,#3c2d52,#2b2236);border:3px solid var(--border);border-radius:12px;padding:12px 30px;box-shadow:0 5px #00000073,inset 0 3px 0 var(--edge);position:relative}h2.heading:before,h2.heading:after{content:"◆";color:var(--gold);font-size:12px;margin:0 10px;vertical-align:2px}.title-screen{position:relative;justify-content:center;gap:26px}.title-fan{position:absolute;top:8%;left:50%;z-index:0;pointer-events:none}.title-fan-card{position:absolute;left:0;top:0;transform-origin:50% 130%;transform:translate(calc(var(--x) - 66px)) rotate(var(--r));opacity:.55;filter:saturate(.9) brightness(.72);animation:fan-in .5s cubic-bezier(.2,.9,.3,1.25) var(--din) backwards;will-change:transform,opacity}@keyframes fan-in{0%{opacity:0;transform:translate(-66px,26px) rotate(0) scale(.86)}to{opacity:.55;transform:translate(calc(var(--x) - 66px)) rotate(var(--r)) scale(1)}}.title-fan-float{animation:fan-float 4.5s ease-in-out infinite;animation-delay:var(--d);will-change:transform}@keyframes fan-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.logo{--logo-letter: clamp(20px, 6.4vw, 64px);position:relative;z-index:1;display:flex;align-items:flex-end;gap:calc(var(--logo-letter) * .125);margin-top:90px}.logo .logo-letter{font-family:"Press Start 2P",monospace;font-size:var(--logo-letter);color:var(--gold);text-shadow:0 .094em 0 var(--border),0 .156em 0 rgba(0,0,0,.45),0 0 .47em rgba(242,193,78,.3);animation:letter-wave 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * .09s);line-height:1}.logo .logo-letter.alt{color:var(--red);text-shadow:0 .094em 0 var(--border),0 .156em 0 rgba(0,0,0,.45),0 0 .47em rgba(224,72,72,.35)}.logo .logo-gap{width:calc(var(--logo-letter) * .34)}@keyframes letter-wave{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.title-badge{position:relative;z-index:1;font-family:"Press Start 2P",monospace;font-size:11px;color:var(--text-dim);background:var(--panel-dark);border:3px solid var(--border);border-radius:999px;padding:8px 18px;box-shadow:0 3px #0006;letter-spacing:1px}.menu-stack{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;align-items:stretch;width:400px;max-width:90vw}.menu-stack .btn{font-size:16px;padding:18px 24px}.menu-stack .btn.secondary{font-size:12px;padding:13px 20px}.title-footer{position:absolute;left:18px;right:18px;bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;z-index:1;pointer-events:none}.title-footer>*{pointer-events:auto}.club-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#2b2236f2,#1e1628f2);border:3px solid var(--border);border-radius:12px;padding:8px 16px 8px 10px;box-shadow:0 4px #00000073,inset 0 2px 0 var(--edge)}.club-banner .club-name{font-size:23px;line-height:1}.club-banner .club-sub{font-size:17px;color:var(--text-dim);line-height:1.2}.title-version{font-family:VT323,monospace;font-size:16px;color:#ffffff47;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.map-node{width:54px;height:54px;font-family:"Press Start 2P",monospace;font-size:14px;box-shadow:0 4px #0006}.map-node.current:after{content:"▼";position:absolute;top:-26px;left:50%;transform:translate(-50%);color:var(--gold);font-size:16px;text-shadow:2px 2px 0 var(--border);animation:hint-hop 1.1s ease-in-out infinite}.map-link{width:18px}.run-layout{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;width:100%;max-width:1080px}.run-col{display:flex;flex-direction:column;gap:14px;align-items:stretch}.run-col-map{flex:0 1 auto;max-width:460px}.run-col-side{flex:1 1 360px;min-width:320px;max-width:480px}.next-opp{text-align:center;padding:10px 14px}.next-opp-name{font-family:"Press Start 2P",monospace;font-size:15px;color:var(--gold);text-shadow:2px 2px 0 var(--border);margin-top:6px}.next-opp-name.is-boss{color:var(--red)}.upgrade-mini{display:flex;flex-direction:column;gap:2px;border:2px solid var(--border);border-radius:8px;padding:5px 10px 6px}.upgrade-mini-name{font-size:17px;line-height:1.15;text-shadow:1px 1px 0 rgba(0,0,0,.6)}.upgrade-mini-meta{font-size:12px;letter-spacing:1px;color:var(--text-dim)}.boss-curse{margin-top:10px;padding:8px 10px;border:2px solid var(--red);background:#d43a3a1f;box-shadow:inset 0 0 12px #d43a3a2e}.boss-curse-name{color:var(--red);font-size:18px;letter-spacing:1px}.boss-curse-desc{font-size:15px;color:var(--text-dim);line-height:1.35}.pack-stage{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.pack{--pack-color: #c07a45;--pack-glow: rgba(192, 122, 69, .25);width:200px;height:300px;border:4px solid var(--pack-color);background:linear-gradient(180deg,#3d3452,#241d31 55%,#2c2340);box-shadow:0 8px #00000080,0 0 20px var(--pack-glow);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex-shrink:0;animation:pack-bob 2.4s ease-in-out infinite}.pack:hover{filter:brightness(1.18)}@keyframes pack-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pack:before,.pack:after{content:"";position:absolute;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,var(--pack-color) 0 10px,transparent 10px 20px)}.pack:before{top:0}.pack:after{bottom:0}.pack .pack-emblem{width:88px;height:88px;border:4px solid var(--pack-color);border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#4c3f63,#2a2138 75%);font-family:"Press Start 2P",monospace;font-size:34px;color:var(--text);text-shadow:3px 3px 0 var(--border)}.pack .pack-band{width:100%;background:var(--pack-color);color:var(--border);font-family:"Press Start 2P",monospace;font-size:12px;letter-spacing:1px;text-align:center;padding:7px 0}.pack .pack-hint{position:absolute;bottom:18px;font-family:"Press Start 2P",monospace;font-size:8px;color:var(--text-dim);animation:hint-hop 1.1s ease-in-out infinite}.pack .pack-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);background-size:300% 300%;animation:foil 2.6s linear infinite;pointer-events:none}.pack.tier-bronze{--pack-color: #c07a45;--pack-glow: rgba(192, 122, 69, .25)}.pack.tier-prata{--pack-color: #cfd6e2;--pack-glow: rgba(207, 214, 226, .4)}.pack.tier-ouro{--pack-color: var(--gold);--pack-glow: rgba(242, 193, 78, .45)}.pack.tier-diamante{--pack-color: #7fe8ff;--pack-glow: rgba(127, 232, 255, .5)}.pack.shaking{animation:pack-shake .55s ease-in both;cursor:default}@keyframes pack-shake{0%{transform:rotate(0)}15%{transform:rotate(-3deg)}30%{transform:rotate(3deg)}45%{transform:rotate(-5deg) scale(1.03)}60%{transform:rotate(5deg) scale(1.06)}75%{transform:rotate(-7deg) scale(1.1)}90%{transform:rotate(7deg) scale(1.14)}to{transform:rotate(0) scale(1.18)}}.pack-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(255,255,235,.95),rgba(255,214,110,.55) 35%,transparent 70%);animation:pack-flash .65s ease-out both}@keyframes pack-flash{0%{opacity:0}35%{opacity:1}to{opacity:0}}.pack-reveal{animation:pack-reveal-pop .35s ease-out;transform:scale(1.4);margin:44px 0;display:flex;align-items:center;justify-content:center;gap:12px}@keyframes pack-reveal-pop{0%{transform:scale(.3) rotate(-8deg);opacity:0}70%{transform:scale(1.5) rotate(2deg)}to{transform:scale(1.4) rotate(0);opacity:1}}[data-tip]{position:relative}.tactic-slot[data-tip]{position:absolute}[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);width:max-content;max-width:260px;padding:6px 10px;background:var(--panel-dark);border:3px solid var(--border);box-shadow:0 4px #00000073,inset 0 2px #ffffff0d;color:var(--text);font-family:VT323,monospace;font-size:17px;line-height:1.2;text-shadow:none;text-align:center;white-space:normal;opacity:0;pointer-events:none;z-index:80;transition:opacity .12s}[data-tip]:hover:after{opacity:1;transition-delay:.35s}[data-tip]:hover{z-index:60}.hud [data-tip]:after,.tip-down [data-tip]:after,[data-tip].tip-down:after{bottom:auto;top:calc(100% + 10px)}@keyframes btn-attention{0%,82%,to{transform:none}84%{transform:translateY(-3px) rotate(-2deg) scale(1.05)}87%{transform:translateY(1px) rotate(2deg) scale(1.05)}90%{transform:translateY(-2px) rotate(-1deg) scale(1.06)}93%{transform:translateY(1px) rotate(1.5deg) scale(1.04)}96%{transform:none}}.btn.attention:not(:hover):not(:active):not(:disabled){animation:btn-attention 4.5s ease-in-out infinite}.back-btn{position:fixed;top:16px;left:16px;z-index:5;display:inline-flex;align-items:center;gap:8px}.screen-shell.with-hud .back-btn{top:70px}.roster-filters{flex-wrap:wrap;justify-content:center}.facility-track{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;max-width:1100px}.facility-card{background:var(--panel-dark);border:3px solid var(--border);box-shadow:inset 0 2px #ffffff0d;padding:14px;width:250px;display:flex;flex-direction:column;gap:8px;position:relative}.facility-card.done{border-color:var(--green-dark)}.facility-card.current{border-color:var(--gold);background:var(--panel);box-shadow:0 0 0 3px #f2c14e33,inset 0 2px #ffffff14}.facility-card.locked{opacity:.8}.facility-card.locked .facility-name{color:var(--text-dim)}.facility-name{font-family:"Press Start 2P",monospace;font-size:12px;line-height:1.5;color:var(--text);display:flex;align-items:center;gap:8px}.facility-tag{position:absolute;top:-13px;right:8px;font-size:15px;line-height:1.3;padding:1px 8px;border:2px solid var(--border);background:var(--green);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.facility-card.current .facility-tag{background:var(--gold);color:var(--border);text-shadow:none}.facility-card.locked .facility-tag{background:var(--edge)}.facility-perks{display:flex;flex-direction:column;gap:3px;font-size:18px;color:var(--text-dim);flex:1}.facility-perks b{color:var(--gold);font-weight:400}.pcard-flip{position:absolute;top:4px;left:4px;z-index:3;width:18px;height:18px;padding:0;border:2px solid var(--edge);border-radius:6px;background:#0f0c16d9;color:var(--text-dim);font:inherit;font-size:12px;line-height:1;cursor:pointer}.pcard-flip:hover{color:var(--gold);border-color:var(--gold)}.pcard-back{display:flex;flex-direction:column;gap:4px;min-height:232px;padding-top:20px}.pcard-back-title{font-size:13px;text-align:center;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcard-back-sub{font-size:11px;text-align:center}.pot-list{display:flex;flex-direction:column;gap:3px;margin-top:2px}.pot-row{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-dim)}.pot-stat{width:24px;color:var(--edge)}.pot-val{width:20px;color:var(--gold);text-align:right}.pot-stars{display:flex;gap:1px;margin-left:2px}.pot-bar{flex:1;height:6px;border:1px solid var(--edge);border-radius:4px;overflow:hidden;background:#0006}.pot-bar>span{display:block;height:100%;background:var(--gold)}.pot-num{width:34px;text-align:right;font-size:10px}.pot-locked{flex:1;display:flex;align-items:center;gap:3px;font-size:10px;opacity:.6}.pcard-back-foot{margin-top:auto;font-size:10px;text-align:center;color:var(--edge);line-height:1.2}.pcard.forged{border-style:double;border-width:5px}.pcard.forged:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px dashed rgba(194,107,255,.7);border-radius:12px;pointer-events:none}.altar{position:relative;width:300px;height:285px;flex-shrink:0}.altar-point{position:absolute;width:62px;height:62px;margin:-31px 0 0 -31px;border:3px solid var(--edge);border-radius:10px;background:#0f0c16d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:var(--text-dim);text-align:center;cursor:pointer;overflow:hidden;line-height:1.1}.altar-point:hover{border-color:var(--gold)}.altar-point.filled{border-color:#c26bff;color:var(--text)}.altar-point.lit{border-color:var(--gold);box-shadow:0 0 10px #f2c14e8c;cursor:default}.altar-core{position:absolute;left:50%;top:52%;width:132px;margin:-116px 0 0 -66px}.altar-hint{font-size:15px;color:var(--edge);text-align:center;max-width:520px}.trilha-list{display:flex;flex-direction:column;gap:6px;width:100%}.trilha-row{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--text-dim)}.trilha-row.done{color:var(--text)}.trilha-row .trilha-label{flex:1}.trilha-row .trilha-reward{color:var(--gold);font-size:14px}.trilha-row .bar{width:90px}.presence-dot{width:9px;height:9px;flex-shrink:0;border:2px solid var(--border);background:var(--edge)}.presence-dot.online{background:var(--green);box-shadow:0 0 8px #3fb950b3}.presence-dot.busy{background:var(--gold)}.presence-dot.offline{background:var(--edge)}.presence-dot.unknown{background:transparent}.pvp-toast{position:fixed;right:12px;bottom:12px;z-index:30;width:216px;padding:10px;display:flex;flex-direction:column;gap:6px;background:var(--panel);border:4px solid var(--gold);box-shadow:0 0 18px #f2c14e59;animation:pvp-toast-in .22s steps(3) both}@keyframes pvp-toast-in{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.pvp-toast-head{display:flex;align-items:center;gap:5px;font-family:"Press Start 2P",monospace;font-size:8px;color:var(--gold)}.pvp-toast-clock{margin-left:auto;color:var(--text-dim)}.pvp-toast-club{font-family:VT323,monospace;font-size:20px;line-height:1.1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pvp-toast-err{font-size:14px;color:var(--red);text-align:center}.pvp-toast-acts{display:flex;gap:6px}.pvp-toast-acts .btn{flex:1;white-space:nowrap}.pvp-friend-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pvp-friend-name{display:flex;align-items:center;gap:6px;flex:1;min-width:110px}@media(max-width:520px){.pvp-toast{left:12px;right:12px;width:auto}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:16px}.scroll-y{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}.scroll-y::-webkit-scrollbar{width:10px}.scroll-y::-webkit-scrollbar-track{background:#00000040;border-radius:8px}.scroll-y::-webkit-scrollbar-thumb{background:var(--edge);border-radius:8px;border:2px solid rgba(0,0,0,.35)}.scroll-y::-webkit-scrollbar-thumb:hover{background:var(--purple)}.scroll-x{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}.scroll-x::-webkit-scrollbar{height:9px}.scroll-x::-webkit-scrollbar-track{background:#00000040;border-radius:8px}.scroll-x::-webkit-scrollbar-thumb{background:var(--edge);border-radius:8px}.market-table-wrap{max-height:min(58vh,520px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--edge) transparent;border-radius:10px}.market-table-wrap::-webkit-scrollbar{width:10px;height:10px}.market-table-wrap::-webkit-scrollbar-track{background:#00000040}.market-table-wrap::-webkit-scrollbar-thumb{background:var(--edge);border-radius:8px}.pick-screen{gap:10px}.pick-rewards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pick-reward{background:var(--panel-dark);border:3px solid var(--border);border-radius:10px;padding:5px 12px;font-size:18px;color:var(--gold)}.pick-reward b{color:var(--text-dim);font-weight:400;font-size:16px}.pick-row{display:flex;gap:24px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.pick-slot{display:flex;flex-direction:column;align-items:center;gap:10px}.slot-counter{color:var(--gold)}.reroll-count{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--gold);background:var(--panel-dark);border:3px solid var(--border);border-radius:8px;padding:8px 12px}.ucard-front .up-rarity{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--text-dim);letter-spacing:1px}.ucard-front .swap-tag{position:absolute;top:8px;right:8px;font-family:"Press Start 2P",monospace;font-size:7px;padding:3px 5px;border-radius:5px;background:var(--red);color:#fff}.swap-modal{max-width:min(680px,94vw)}.swap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;width:100%}.swap-card{display:flex;flex-direction:column;gap:3px;padding:10px;border:3px solid var(--cat, var(--edge));border-radius:10px;background:color-mix(in srgb,var(--cat, var(--edge)) 12%,var(--panel-dark));color:var(--text);font-family:inherit;font-size:18px;cursor:pointer;text-align:left;transition:transform .12s}.swap-card:hover{transform:translateY(-3px)}.swap-name{color:var(--cat, var(--text))}.swap-meta{font-size:14px;color:var(--text-dim)}.swap-drop{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--red);letter-spacing:1px}@keyframes rar-shine{0%{transform:translate(-120%) skew(-18deg)}to{transform:translate(220%) skew(-18deg)}}@keyframes rar-halo{0%{opacity:.25;transform:scale(1)}to{opacity:.75;transform:scale(1.04)}}.pcard.epic,.pcard.legendary,.pcard.forged,.rar-glow.epic,.rar-glow.legendary{position:relative;overflow:hidden}.pcard.epic:before,.pcard.legendary:before,.rar-glow.epic:before,.rar-glow.legendary:before{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);animation:rar-shine 2.8s linear infinite;pointer-events:none;z-index:2}.pcard.legendary:before,.rar-glow.legendary:before{animation-duration:2.1s}.pcard.legendary,.pcard.forged{box-shadow:0 0 18px #f2c14e73}.pcard.forged{border-color:#c26bff;box-shadow:0 0 18px #c26bff80}.pcard.forged:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid #c26bff;border-radius:inherit;pointer-events:none;animation:rar-halo 1.5s ease-in-out infinite alternate}.ucard.rar-lendario .ucard-front,.ucard.rar-epico .ucard-front{position:relative;overflow:hidden}.ucard.rar-lendario .ucard-front:before,.ucard.rar-epico .ucard-front:before{content:"";position:absolute;top:0;bottom:0;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);animation:rar-shine 2.6s linear infinite;pointer-events:none;z-index:1}.ucard-front>*{position:relative;z-index:2}.pcard.legendary:after,.pcard.epic:after,.pcard.rare.foil:after{top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit}.fx-strip{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.fx-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:3px solid var(--gold);border-radius:50%;background:#f2c14e1f;cursor:help}.fx-chip.foe{border-color:var(--red);background:#e0484824}.fx-chip.timed:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--fx) * 360deg),rgba(0,0,0,.45) 0);z-index:-1}.fx-chip.foe.timed:before{background:conic-gradient(var(--red) calc(var(--fx) * 360deg),rgba(0,0,0,.45) 0)}.fx-secs{position:absolute;bottom:-9px;font-family:"Press Start 2P",monospace;font-size:8px;color:var(--text);background:var(--border);border-radius:4px;padding:1px 3px}.match-menu-btn{padding:5px 8px}.run-screen{justify-content:flex-start;gap:12px;padding:14px;overflow:hidden}.run-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;gap:10px}.run-topbar>:first-child{justify-self:start}.run-topbar>:last-child{justify-self:end}.run-title{font-family:"Press Start 2P",monospace;font-size:15px;text-align:center;text-shadow:3px 3px 0 var(--border)}.run-title-dim{color:var(--text-dim)}.run-alert{width:100%;max-width:900px;background:#e0484829;border:3px solid var(--red);border-radius:10px;padding:8px 14px;font-size:18px;color:#ffd9d9;cursor:pointer}.run-grid{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(280px,1fr) 260px;gap:14px;width:100%;max-width:1360px;flex:1;min-height:0}.run-col{display:flex;flex-direction:column;gap:10px;min-height:0}.run-col-map,.run-col-deck{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}.run-col-map::-webkit-scrollbar,.run-col-deck::-webkit-scrollbar{width:9px}.run-col-map::-webkit-scrollbar-thumb,.run-col-deck::-webkit-scrollbar-thumb{background:var(--edge);border-radius:8px}.run-col-act{justify-content:flex-start}.run-stats{display:flex;flex-direction:column;gap:6px}.run-stat{display:flex;align-items:center;gap:8px;background:var(--panel-dark);border:3px solid var(--border);border-radius:10px;padding:7px 12px;font-size:17px}.run-stat b{font-size:22px;font-weight:400}.run-stat span{color:var(--text-dim);font-size:15px}.run-panel-title{font-family:"Press Start 2P",monospace;font-size:10px;color:var(--text-dim);letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-bottom:8px}.run-slot-count{margin-left:auto;color:var(--gold)}.run-empty{color:var(--text-dim);font-size:17px}.run-chips{display:flex;flex-wrap:wrap;gap:7px}.run-style-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.run-style-active{margin:6px 0;font-size:19px;color:var(--gold)}.run-style-note{font-size:15px;color:var(--text-dim);margin:4px 0}.run-play{font-size:15px;padding:16px 12px;display:flex;flex-direction:column;gap:6px;align-items:center;line-height:1.1}.run-warn{font-size:15px;color:var(--red);text-align:center}.run-auto{display:flex;flex-direction:column;gap:2px;line-height:1.15;padding:8px 10px}.run-auto-sub{font-size:13px;color:var(--text-dim)}.run-auto.green .run-auto-sub{color:inherit;opacity:.75}.run-milestone{text-align:center;font-size:17px;padding:8px 10px}.run-milestone.hot{border-color:var(--gold);color:var(--gold);cursor:pointer}.run-milestone-sub{display:block;font-size:14px;color:var(--text-dim)}.run-progress{display:flex;justify-content:space-around;background:var(--panel-dark);border:3px solid var(--border);border-radius:10px;padding:7px;font-size:18px}.run-infinite-note{font-size:15px;color:#ff9f6e;text-align:center}.next-opp{text-align:center}.next-opp.is-boss{border-color:var(--red)}.next-opp-label{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--text-dim);letter-spacing:1px}.next-opp-desc{font-size:17px;color:var(--text-dim);margin-top:4px}.next-opp-hint{font-size:16px;color:var(--gold);margin-top:4px}.run-menu{min-width:min(400px,92vw)}.shop-screen{justify-content:flex-start;gap:12px;padding:14px;overflow:hidden}.shop-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;width:100%;max-width:1200px;background:var(--panel);border:4px solid var(--border);border-radius:14px;padding:10px 14px;box-shadow:inset 0 3px 0 var(--edge)}.shop-balance{display:flex;align-items:center;gap:8px;font-size:20px;background:var(--panel-dark);border:3px solid var(--gold);border-radius:10px;padding:6px 14px}.shop-balance b{color:var(--gold);font-size:26px;font-weight:400}.shop-balance span{color:var(--text-dim);font-size:15px}.shop-hint{font-size:16px;color:var(--text-dim);flex:1;min-width:200px}.shop-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:1200px;flex:1;min-height:0}.shop-col{display:flex;flex-direction:column;min-height:0;background:var(--panel);border:4px solid var(--border);border-radius:14px;overflow:hidden}.shop-col-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;font-family:"Press Start 2P",monospace;font-size:11px;color:var(--gold);background:#00000047;border-bottom:3px solid var(--border)}.shop-col-head.blue{color:#7fc0ff}.shop-col-sub{font-family:VT323,monospace;font-size:16px;color:var(--text-dim);margin-left:auto}.shop-col-body{display:flex;flex-direction:column;gap:8px;padding:10px;min-height:0}.shop-row{display:flex;align-items:center;gap:10px;padding:9px 10px;background:var(--panel-dark);border:3px solid var(--border);border-radius:10px;cursor:pointer;transition:transform .12s,border-color .12s}.shop-row:hover{transform:translate(3px);border-color:var(--gold)}.shop-row.owned{border-color:var(--green);cursor:default;opacity:.85}.shop-row.owned:hover{transform:none;border-color:var(--green)}.shop-row.broke{opacity:.5;cursor:not-allowed}.shop-row.broke:hover{transform:none;border-color:var(--border)}.shop-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.shop-row-name{font-size:20px}.shop-row-desc{font-size:15px;color:var(--text-dim);line-height:1.2}.shop-row-meta{font-size:14px;color:var(--gold)}.shop-tag{flex-shrink:0;font-family:"Press Start 2P",monospace;font-size:9px;padding:6px 8px;border-radius:8px}.shop-tag.price{background:var(--gold);color:#241d31}.shop-tag.price.cant{background:var(--red-dark);color:#ffd9d9}.shop-tag.owned{background:var(--green-dark);color:#d8ffd8}.shop-tag.pop{animation:legend-pulse .4s ease-out 2 alternate}.shop-back{align-self:center}.runend-screen{gap:12px}.runend-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;width:100%;max-width:860px}.runend-card{background:var(--panel);border:4px solid var(--border);border-radius:14px;padding:14px;text-align:center;box-shadow:inset 0 3px 0 var(--edge)}.runend-card.score{border-color:#7a4fb0}.runend-card.coins{border-color:#a8862e}.runend-card-label{font-family:"Press Start 2P",monospace;font-size:10px;color:var(--text-dim);letter-spacing:1px}.runend-card-value{font-family:"Press Start 2P",monospace;font-size:26px;margin:10px 0;text-shadow:3px 3px 0 var(--border)}.runend-lines{display:flex;flex-direction:column;gap:3px;font-size:17px;color:var(--text-dim)}.runend-lines b{color:var(--text);font-weight:400}.runend-card-note{margin-top:10px;font-size:15px;color:var(--text-dim);line-height:1.25}.runend-infinite{max-width:520px;text-align:center;display:flex;flex-direction:column;gap:8px}.runend-infinite-title{color:#c85cff;font-size:20px}.runend-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.runend-collect{font-size:15px}.rank-screen{justify-content:flex-start;gap:10px;padding:14px;overflow:hidden}.rank-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%;max-width:1000px}.rank-hint{font-size:17px;color:var(--text-dim);max-width:720px;text-align:center;line-height:1.25}.rank-hint.gate{color:var(--gold)}.rank-me-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;background:var(--panel-dark);border:3px solid var(--gold);border-radius:10px;padding:7px 14px;font-size:19px}.rank-me-val{color:var(--gold)}.rank-me-strip i{font-size:15px;color:var(--text-dim);font-style:normal}.rank-list{display:flex;flex-direction:column;gap:6px;width:100%;max-width:1000px;flex:1;min-height:0;padding-right:4px}.rank-row{display:grid;grid-template-columns:46px 32px minmax(0,1fr) auto auto;align-items:center;gap:10px;background:var(--panel-dark);border:3px solid var(--border);border-radius:10px;padding:7px 12px}.rank-row.me{border-color:var(--gold);background:#f2c14e1a}.rank-row.podium{border-color:var(--edge)}.rank-row .rank-pos{font-family:"Press Start 2P",monospace;font-size:12px}.rank-club{display:flex;flex-direction:column;min-width:0}.rank-club b{font-size:20px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-club i{font-size:14px;color:var(--text-dim);font-style:normal}.rank-main{font-family:"Press Start 2P",monospace;font-size:13px;color:var(--gold);text-align:right;white-space:nowrap}.rank-main i{font-family:VT323,monospace;font-size:15px;color:var(--text-dim);font-style:normal;margin-left:4px}.rank-side{display:flex;gap:12px;font-size:16px;color:var(--text-dim);white-space:nowrap}.rank-side i{font-style:normal;font-size:14px;opacity:.75}.tactic-field.big{width:min(100%,620px);aspect-ratio:3 / 2;height:auto;min-height:300px}.tactic-field.big .tactic-slot{width:74px;padding:4px 2px 3px;gap:0;background:#14101cb8}.tactic-face{width:32px;height:48px;display:block;margin:0 auto}.tactic-empty-mark{display:block;width:32px;height:48px;line-height:48px;margin:0 auto;font-size:26px;color:var(--edge)}.tactic-field.big .tactic-name{font-size:15px}.tactic-field.big .tactic-pos{font-size:8px}.hub-field-hint{font-size:17px;color:var(--text-dim);text-align:center}.compact-row{display:flex!important;flex-wrap:nowrap!important;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}.compact-row::-webkit-scrollbar{height:9px}.compact-row::-webkit-scrollbar-thumb{background:var(--edge);border-radius:8px}.compact-row .pcard{flex-shrink:0}.roster-search{display:inline-flex;align-items:center;gap:6px;background:var(--panel-dark);border:3px solid var(--border);border-radius:8px;padding:3px 8px}.roster-search input{width:100px;background:transparent;border:none;outline:none;color:var(--text);font-family:VT323,monospace;font-size:19px}.roster-search-clear{background:none;border:none;cursor:pointer;padding:0;display:flex}.roster-carousel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;max-width:1100px;min-width:0}.carousel-track{display:grid!important;grid-template-columns:repeat(var(--per, 5),minmax(0,1fr));gap:12px;align-items:start;justify-items:center;min-width:0;padding:10px 2px;overflow:visible}.carousel-track .pcard{width:100%;max-width:150px;min-width:0;flex-shrink:1}.carousel-track .pcard .portrait canvas{max-width:100%;height:auto}.roster-carousel.compact .carousel-track{gap:8px;padding:6px 2px}.carousel-empty{grid-column:1 / -1;margin:0;padding:18px 0;text-align:center}.carousel-arrow{padding:14px 10px;align-self:center}.carousel-arrow:disabled{opacity:.25}.carousel-dots{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.carousel-dot{width:46px;height:46px;padding:0;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.carousel-dot:before{content:"";width:12px;height:12px;border:3px solid var(--border);border-radius:50%;background:var(--panel-dark)}.carousel-dot.on:before{background:var(--gold);border-color:var(--gold)}.carousel-count{font-size:16px;color:var(--text-dim);margin-left:6px}.altar-runes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.altar-circle{fill:none;stroke:#c26bff73;stroke-width:.8}.altar-circle.inner{stroke:#c26bff33;stroke-dasharray:2 3}.altar-star{fill:none;stroke:#c26bff4d;stroke-width:1;stroke-linejoin:round}.altar-star.lit{stroke:#ff4d6d;stroke-width:1.6;filter:drop-shadow(0 0 2px rgba(255,77,109,.9));stroke-dasharray:100%;stroke-dashoffset:calc(100% - var(--lit, 0%));transition:stroke-dashoffset .5s ease-out,opacity .3s}.altar-point{z-index:1}.altar-point.filled{border-color:#ff4d6d;box-shadow:0 0 12px #ff4d6d99}.altar-offerings{max-height:min(38vh,340px)}.creator-screen{justify-content:flex-start;gap:12px;padding:14px}.creator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;width:100%;max-width:900px}.creator-col{align-items:stretch}.creator-label{font-family:"Press Start 2P",monospace;font-size:10px;color:var(--text-dim);letter-spacing:1px}.creator-note{font-size:16px;color:var(--text-dim);line-height:1.25}.creator-shield-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}.creator-preview{padding:8px;display:flex}.creator-saved{font-size:16px;color:var(--green)}.swatch-row{display:flex;flex-wrap:wrap;gap:6px}.palette-swatch.eraser{background:repeating-conic-gradient(#444,#444 25%,#666 0%,#666 50%) 0 0 / 12px 12px;display:flex;align-items:center;justify-content:center}.club-stats{width:100%;max-width:1000px}.club-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.club-stat-board{background:#00000040;border:3px solid var(--border);border-radius:10px;padding:8px 10px}.club-stat-head{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--gold);letter-spacing:1px;margin-bottom:6px}.club-stat-row{display:flex;align-items:center;gap:6px;font-size:17px;color:var(--text-dim)}.club-stat-row.lead{color:var(--text);font-size:19px}.club-stat-pos{width:20px;color:var(--edge)}.club-stat-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-stat-val{color:var(--gold)}.club-stat-val i{font-style:normal;font-size:14px;color:var(--text-dim)}.club-stat-empty{font-size:16px;color:var(--edge)}.market-modal{max-width:min(700px,94vw);display:flex;flex-direction:column;gap:12px;align-items:center}.market-modal-title{font-family:"Press Start 2P",monospace;font-size:14px;color:var(--gold);text-shadow:3px 3px 0 var(--border)}.market-modal-body{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:flex-start}.market-receipt{display:flex;flex-direction:column;gap:5px;min-width:240px;background:var(--panel-dark);border:3px solid var(--border);border-radius:10px;padding:12px}.market-receipt-row{display:flex;justify-content:space-between;gap:12px;font-size:17px;color:var(--text-dim)}.market-receipt-row b{color:var(--text);font-weight:400}.market-receipt-row.big{font-size:20px}.market-receipt-row.big b{font-size:24px}.market-receipt-row.dim{font-size:15px}.market-warn{margin-top:6px;font-size:16px;color:#ff9f6e;line-height:1.2;border-top:2px solid var(--border);padding-top:6px}.market-got-card{transform:scale(1.15);transform-origin:center;margin:10px 0}.pvp-style{border-top:3px solid var(--border);padding-top:8px;margin-top:4px}.pvp-style-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}.pvp-style-head span:first-child{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--text-dim)}.pvp-style-sub{font-size:15px;color:var(--edge)}@media(hover:none){[data-tip]:active:after,[data-tip]:focus-visible:after{opacity:1}.pcard:hover,.ucard:hover,.shop-row:hover,.swap-card:hover,.hub-nav-btn:hover{transform:none}}@media(max-width:1100px){.run-grid{grid-template-columns:1fr 1fr}.run-col-act{grid-column:1 / -1;grid-row:1;flex-direction:row;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:10px}.run-col-act>*{flex:1 1 180px}.run-play{flex-direction:row;gap:8px}.run-grid{align-content:start}.shop-columns{grid-template-columns:1fr}.shop-col-body{max-height:40vh}}@media(max-width:720px){body{font-size:20px}.screen{padding:10px;gap:10px}h2.heading{font-size:14px}.run-title{font-size:12px}.run-screen,.shop-screen,.rank-screen,.creator-screen{overflow-y:auto}.run-grid{grid-template-columns:1fr}.run-col-map,.run-col-deck{overflow:visible}.map-node{width:44px;height:44px}.shield-cell{min-width:18px;min-height:18px}.match-stage{flex-direction:column}.match-rail{flex-direction:row;flex-wrap:wrap;width:100%;max-width:100%;justify-content:center;gap:6px}.match-rail .rail-group{flex-direction:row;flex-wrap:wrap;align-items:center}.match-rail .rail-label{width:100%;text-align:center}.scoreboard{flex-wrap:wrap;gap:6px}.sb-team .team-name{font-size:15px;max-width:90px}.speed-btn{min-height:36px}.match-overlay.duel .hstack{flex-direction:column;width:100%}.duel-btn{width:100%;min-height:52px}.pcard{width:132px}.ucard{width:142px;height:200px}.pick-row{gap:10px}.rank-side{display:none}.rank-row{grid-template-columns:38px 28px minmax(0,1fr) auto;gap:8px}.tactic-field.big{width:100%;min-height:250px}.tactic-field.big .tactic-slot{width:58px}.tactic-face{width:24px;height:36px}.screen-shell.with-hud .back-btn{top:62px}.screen-shell.with-hud .screen>h2.heading:first-of-type,.screen-shell.with-hud .screen>.back-btn+h2.heading{margin-top:46px}.run-topbar+*{margin-top:0}.runend-cards,.creator-grid,.club-stats-grid{grid-template-columns:1fr}.market-modal-body{flex-direction:column;align-items:center}.shop-bar{gap:8px}.shop-hint{display:none}}@media(max-width:400px){body{font-size:18px}.pcard{width:118px}.rank-club b{font-size:17px}.run-stat b{font-size:19px}.fx-chip{width:30px;height:30px}}@media(max-height:480px)and (orientation:landscape){.scoreboard{padding:4px 8px}.match-rail{gap:4px}.run-topbar{gap:6px}.shop-col-body{max-height:34vh}}html,body{height:100dvh;overscroll-behavior:none;-webkit-text-size-adjust:100%}#root,.app{height:100dvh}button,.pcard,.ucard,.map-node,.tactic-slot,.shop-row,.style-chip,.equip-chip,.altar-point{touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,textarea{user-select:text;-webkit-user-select:text}@supports (padding: env(safe-area-inset-left)){.screen,.hub{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.app:before,.bg-blob,h1.title{animation:none!important}.pcard.epic:before,.pcard.legendary:before,.ucard.rar-lendario .ucard-front:before,.ucard.rar-epico .ucard-front:before{animation:none!important;opacity:0}*{transition-duration:.01ms!important}}@media(hover:none),(pointer:coarse){.btn,.btn.small,.hud-btn,.style-chip,.equip-chip,.swap-card,.rank-tabs .btn,.roster-filters .btn,.speed-btn,.match-menu-btn,.back-btn{min-height:46px}.btn{padding:12px 16px}.btn.small{padding:10px 13px;font-size:11px}.hud-btn{padding:10px 12px}.style-chip,.equip-chip{padding:10px 12px;min-height:46px}.speed-btn,.match-menu-btn{padding:10px 12px;min-width:46px}.roster-search{min-height:46px}.roster-search input{font-size:20px}.palette-swatch,.swatch-mini{min-width:34px;min-height:34px}.shield-cell{min-width:20px;min-height:20px}.altar-point{min-width:62px;min-height:46px}}@media(max-width:900px){.hub-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));width:100%;gap:6px;overflow:visible}.hub-rail .hub-nav-btn{flex-direction:column;gap:2px;padding:7px 4px;min-width:0;text-align:center;justify-content:center;overflow:hidden}.hub-rail .hub-nav-label{font-size:11px;line-height:1.15;min-width:0;overflow-wrap:anywhere}.hub-rail .hub-nav-icon{margin:0 auto}.hub-rail-spacer{display:none}.hub-rail .hub-nav-btn.dim{order:99}.hub-side{display:contents}.hub-side>*{order:4}.hub-rail{order:0}.club-banner{order:1}.hub-season{order:2}.hub-center{order:3;overflow-y:visible}.hub-season .btn.attention{font-size:17px;padding:16px 12px}}@media(max-width:720px){.run-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.run-title{font-size:10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.run-title-dim{display:block}.run-col-act{flex-direction:column;grid-column:1 / -1;grid-row:1}.run-col-act>*{flex:0 0 auto;width:100%}.run-play{flex-direction:row;justify-content:center}.hud{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.hud::-webkit-scrollbar{display:none}.hud>*{flex-shrink:0}.map-snake{padding:8px}.map-node{width:40px;height:40px;font-size:15px}.map-link{min-width:6px}}@media(max-width:720px){.run-title-dim{display:none}.run-title{font-size:11px;white-space:nowrap}.hub-formations,.roster-filters{flex-wrap:wrap;justify-content:center;overflow:visible;flex-shrink:0;gap:6px}.hub-formations>*,.roster-filters>*{flex:0 0 auto}.hub-formations .btn.small,.roster-filters .btn.small{padding:8px 9px;font-size:10px}.roster-carousel,.carousel-dots{flex-shrink:0}.rank-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;padding-bottom:6px}.rank-tabs>*{flex:0 0 auto}}.run-topbar .back-btn{position:static;top:auto;left:auto}.match-rail.left [data-tip]:after{left:calc(100% + 10px);right:auto;bottom:auto;top:50%;transform:translateY(-50%);max-width:min(300px,46vw);text-align:left}.match-rail.right [data-tip]:after{left:auto;right:calc(100% + 10px);bottom:auto;top:50%;transform:translateY(-50%);max-width:min(300px,46vw);text-align:left}.match-rail{overflow:visible}.match-rail [data-tip]:hover{z-index:90}@media(max-width:720px){.match-rail.left [data-tip]:after,.match-rail.right [data-tip]:after{left:50%;right:auto;top:auto;bottom:calc(100% + 10px);transform:translate(-50%);max-width:min(300px,86vw);text-align:center}}.news-screen{justify-content:flex-start;gap:12px;padding:14px;overflow:hidden}.news-tabs{flex-wrap:wrap;justify-content:center}.news-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:860px;overflow-y:auto;padding:2px 4px 18px;min-height:0}.news-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;background:var(--panel-dark);border:3px solid var(--border);border-left-width:10px;border-radius:10px;padding:10px 12px;cursor:pointer;transition:transform .1s ease,border-color .1s ease}.news-card:hover{transform:translate(3px)}.news-card.tone-gold{border-left-color:var(--gold)}.news-card.tone-blue{border-left-color:var(--blue)}.news-card.tone-red{border-left-color:var(--red)}.news-card.tone-green{border-left-color:#57d97a}.news-card.tone-purple{border-left-color:#c26bff}.news-card.read{opacity:.55}.news-card.read:hover{opacity:.9}.news-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#0000004d;border-radius:8px;flex-shrink:0}.news-body{min-width:0}.news-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:2px}.news-editoria{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--text-dim);letter-spacing:1px}.news-age{font-size:15px;color:var(--text-dim)}.news-new{font-family:"Press Start 2P",monospace;font-size:8px;color:#12121a;background:var(--gold);padding:3px 5px;border-radius:4px}.news-title{font-family:"Press Start 2P",monospace;font-size:12px;line-height:1.5;margin:0 0 4px;color:var(--text)}.news-text{font-size:18px;line-height:1.25;margin:0;color:var(--text-dim)}.news-go{opacity:.6;flex-shrink:0}.news-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;max-width:520px;padding:26px 20px}.news-empty-title{font-family:"Press Start 2P",monospace;font-size:14px;color:var(--gold)}.friends-tabs{flex-wrap:wrap;justify-content:center}.referral-panel{width:100%;max-width:620px}.referral-code-row{justify-content:center;gap:10px;flex-wrap:wrap}.referral-code{font-family:"Press Start 2P",monospace;font-size:15px;color:var(--gold);background:var(--panel-dark);border:3px dashed var(--gold);border-radius:8px;padding:10px 14px;letter-spacing:1px;word-break:break-all}.referral-rule{font-size:16px;line-height:1.3;color:var(--text-dim)}.referral-count-row{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap}.referral-big{font-family:"Press Start 2P",monospace;font-size:30px;color:var(--gold);text-shadow:3px 3px 0 var(--border)}.referral-count-label{font-size:18px}.referral-pending{color:var(--text-dim)}.referral-tier{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;align-items:center;gap:8px;background:var(--panel-dark);border:3px solid var(--border);border-radius:8px;padding:8px 10px}.referral-tier.ready{border-color:#57d97a}.referral-tier.claimed{opacity:.5}.referral-tier-label{font-size:17px}.referral-tier-reward{font-size:16px;color:var(--gold)}.referral-tier-need{font-size:15px;color:var(--text-dim)}.referral-tier-done{font-size:15px;color:#57d97a}.referral-invited{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 2px;border-bottom:2px solid var(--border);font-size:17px}.referral-invited:last-child{border-bottom:none}.referral-invited-user{color:var(--text-dim);font-size:15px}.referral-valid{color:#57d97a;font-size:15px;white-space:nowrap}.referral-invited-progress{color:var(--text-dim);font-size:15px;white-space:nowrap}.division-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;width:100%;max-width:1100px;background:var(--panel-dark);border:3px solid var(--border);border-left-width:10px;border-radius:10px;padding:7px 12px;flex-shrink:0}.division-name{font-family:"Press Start 2P",monospace;font-size:11px;white-space:nowrap}.division-rule{font-size:18px;color:var(--text)}.division-hint{font-size:15px;color:var(--text-dim)}.division-prize{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--gold);border:2px solid var(--gold);border-radius:6px;padding:4px 6px;white-space:nowrap;margin-left:auto}.match-rule{display:inline-flex;align-items:center;gap:5px;font-family:"Press Start 2P",monospace;font-size:8px;color:var(--text-dim);background:var(--panel-dark);border:2px solid var(--border);border-radius:6px;padding:5px 7px;margin-right:auto;white-space:nowrap}.match-rule-need{color:var(--gold)}.hub-division{background:var(--panel-dark);border:3px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:5px;cursor:pointer;text-align:left}.hub-division-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:"Press Start 2P",monospace;font-size:10px}.hub-division-step{color:var(--text-dim);font-size:9px}.hub-division-rule{font-size:16px;color:var(--text-dim);line-height:1.2}.hub-division-track{display:flex;gap:4px;flex-wrap:wrap}.hub-division-pip{width:100%;max-width:22px;flex:1 1 0;height:8px;border:2px solid var(--border);border-radius:3px;background:transparent}.hub-division-pip.won{background:var(--gold);border-color:var(--gold)}.runend-promo{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;max-width:620px;border-width:4px;padding:12px 14px}.runend-promo-title{font-family:"Press Start 2P",monospace;font-size:14px}.runend-promo-rule{font-size:18px}.map-node-pack{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;width:19px;height:19px;border:2px solid var(--border);border-radius:50%;background:#8a6a1e;pointer-events:none}.map-node-pack.prata{background:#6f7a8c}