:root{--bg: #07080f;--frame: #0e1122;--panel: #161a31;--line: #2a3054;--text: #eef0ff;--muted: #8d93b8;--me: #3ee0a8;--me-dark: #0f3b33;--them: #ff5f7a;--them-dark: #45182a;--shield: #6aa8ff;--gold: #ffd166;--number-a: #3f6dff;--number-b: #1c2f8a;--operator-a: #ff9a3c;--operator-b: #8a3d0c;--constant-a: #b16cff;--constant-b: #4a1c8a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,sans-serif}body{display:grid;place-items:center;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}kbd{font:600 9px system-ui;padding:0 3px;border-radius:3px;background:#00000073;color:#ffffffb3}@media(hover:none){kbd{display:none}}#app{width:100%;height:100%;display:grid;place-items:center}.phone{position:relative;width:min(100vw,430px);height:100dvh;max-height:932px;background:var(--frame);overflow:hidden;-webkit-user-select:none;user-select:none}@media(min-width:500px)and (min-height:700px){.phone{height:min(100dvh - 32px,932px);border-radius:28px;border:1px solid var(--line);box-shadow:0 30px 80px #0009}}.diff-btn,.panel button,.booster-actions button,.pack-zone button,.search-body button,.add-friend button,.friend button{padding:13px;border-radius:14px;border:1px solid var(--line);background:var(--panel);font-weight:800;text-transform:capitalize;font-size:16px}button.primary{background:linear-gradient(180deg,#ffd166,#f4a320);color:#2a1a00;border-color:#ffe39a;box-shadow:0 4px #a86a00}button:disabled{opacity:.4;cursor:default}.muted{color:var(--muted)}.screen-top{display:flex;align-items:center;gap:10px;padding:14px 14px 6px}.screen-top h2{margin:0;font-size:20px}.back{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--panel);font-size:24px;line-height:1}.home{display:grid;grid-template-rows:auto 1fr auto auto;cursor:pointer;background:radial-gradient(circle at 50% 42%,#3a2a66 0%,#1a1636 38%,var(--frame) 70%)}.home-top{display:flex;justify-content:space-between;align-items:center;padding:14px}.player{display:flex;align-items:center;gap:8px}.player div{display:flex;flex-direction:column;line-height:1.15}.player small{font-size:12px;font-weight:700}.booster-btn{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:14px;border:1px solid var(--line);background:#00000059}.booster-btn span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.booster-btn small{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.booster-btn.ready{border-color:var(--gold);box-shadow:0 0 14px #ffd16659}.pack-mini{width:22px;height:30px;border-radius:4px;background:linear-gradient(160deg,var(--constant-a),var(--number-b));border:1px solid var(--gold)}.trophy-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.trophy{width:190px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 28px var(--glow)) drop-shadow(0 12px 18px rgba(0,0,0,.5))}.trophy svg{display:block;width:100%}.trophy-count{font:900 46px system-ui;margin-top:8px;text-shadow:0 3px 0 rgba(0,0,0,.4)}.league-name{font:800 16px system-ui;text-transform:uppercase;letter-spacing:2px}.league-bar{width:180px;height:6px;border-radius:3px;background:#00000073;overflow:hidden;margin-top:4px}.league-bar i{display:block;height:100%}.league-next{font-size:11px;color:var(--muted)}.rank-line{display:flex;gap:10px;margin-top:18px}.rank-line span{display:flex;flex-direction:column;align-items:center;min-width:82px;padding:8px 6px;border-radius:12px;background:#0000004d;border:1px solid rgba(255,255,255,.06)}.rank-line b{font-size:18px}.rank-line small{font-size:10px;color:var(--muted)}.tap{text-align:center;padding:28px 0 calc(36px + env(safe-area-inset-bottom));font:800 18px system-ui;letter-spacing:1px;animation:blink 1.4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}@keyframes blink{50%{opacity:.35}}.modes{display:flex;flex-direction:column}.mode-list{display:flex;flex-direction:column;gap:14px;padding:18px 16px}.mode{display:flex;align-items:center;gap:14px;padding:18px 16px;border-radius:18px;text-align:left;border:1px solid rgba(255,255,255,.12);box-shadow:0 5px #0006}.mode.ranked{background:linear-gradient(135deg,#7a4f00,#3d2700);border-color:#c99a2e}.mode.bot{background:linear-gradient(135deg,#1f3c8a,#121f47)}.mode.friendly{background:linear-gradient(135deg,#136b55,#0b3329)}.mode-icon{font-size:34px}.mode-text{flex:1;display:flex;flex-direction:column;gap:2px}.mode-text b{font-size:19px}.mode-text small{font-size:12px;color:#ffffffb3}.chev{font-size:28px;opacity:.6}.search{display:flex;flex-direction:column}.search-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center}.search-body h3{margin:18px 0 0}.search-body p{margin:0}.search-body small{color:var(--muted);max-width:260px}.search-body button{margin-top:16px;min-width:160px}.radar{position:relative;width:140px;height:140px;border-radius:50%;display:grid;place-items:center;font-size:44px;background:radial-gradient(circle,rgba(255,209,102,.18),transparent 70%);border:2px solid rgba(255,209,102,.4)}.radar:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:3px solid transparent;border-top-color:var(--gold);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.versus{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(180deg,var(--them-dark),var(--frame) 50%,var(--me-dark))}.vs-mode{font:800 13px system-ui;text-transform:uppercase;letter-spacing:3px;color:var(--gold)}.vs-player{display:flex;flex-direction:column;align-items:center;gap:4px;animation:slide-in .4s ease-out both}.vs-player.them{--from: -40px}.vs-player.me{--from: 40px}.vs-player b{font-size:22px}.vs-player small{color:var(--muted)}.avatar.big{font-size:60px}.vs{font:900 54px system-ui;color:var(--gold);text-shadow:0 4px 0 #8a5200}.vs-count{font:900 32px system-ui}@keyframes slide-in{0%{opacity:0;transform:translateY(var(--from))}}.friends{display:flex;flex-direction:column}.friend-list{display:flex;flex-direction:column;gap:10px;padding:12px 14px;overflow-y:auto}.friend{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.friend-text{flex:1;display:flex;flex-direction:column}.friend-text small{font-size:11px;color:var(--muted)}.friend.online .friend-text small{color:var(--me)}.friend button{padding:8px 14px;font-size:14px;background:linear-gradient(180deg,#3ee0a8,#1a9a70);color:#052a1e;border-color:#7dffd0}.add-friend{display:flex;gap:8px;padding:6px 14px}.add-friend input{flex:1;min-width:0;padding:12px;border-radius:12px;border:1px solid var(--line);background:#0a0d1c;color:var(--text);font:inherit}.form-error{margin:0 14px;color:var(--them);font-size:12px}.footnote{margin:auto 14px 18px;font-size:11px;color:var(--muted);text-align:center}.booster{display:flex;flex-direction:column}.pack-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px}.pack-zone p{margin:0}.pack-zone button{margin-top:12px;min-width:180px}.pack{width:170px;aspect-ratio:3 / 4.4;border-radius:16px;margin-bottom:14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 10px;background:linear-gradient(160deg,#b16cff,#3f6dff 55%,#1c2f8a);border:3px solid var(--gold);box-shadow:0 10px #0006,0 0 40px #b16cff73}.pack.ready{animation:float 2.4s ease-in-out infinite}.pack.empty{filter:grayscale(.8) brightness(.6)}.pack-logo{font:900 22px system-ui}.pack-logo b{color:var(--gold)}.pack-sym{font:900 80px Georgia,serif;text-shadow:0 4px 0 rgba(0,0,0,.35)}.pack-count{font:800 12px system-ui;padding:3px 10px;border-radius:8px;background:#00000059}.reveal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:18px 12px}.reveal{animation:flip-in .45s ease-out both}.reveal .card{cursor:default}.new{position:absolute;top:-8px;right:-6px;z-index:1;font:800 8px system-ui;padding:2px 5px;border-radius:6px;background:var(--gold);color:#2a1a00;text-transform:uppercase}@keyframes flip-in{0%{opacity:0;transform:rotateY(90deg) scale(.7)}}.booster-actions{display:flex;flex-direction:column;gap:10px;padding:8px 40px}.trophy-change{font:900 26px system-ui;display:flex;flex-direction:column;align-items:center}.trophy-change.up{color:var(--gold)}.trophy-change.down{color:var(--them)}.trophy-change small{font-size:11px;color:var(--muted);font-weight:600}.game{display:grid;grid-template-rows:auto 1fr auto auto;touch-action:none}#r-top,#r-me{display:flex;align-items:center;gap:10px;padding:10px 12px}#r-top{background:linear-gradient(180deg,var(--them-dark),transparent)}.who{display:flex;align-items:center;gap:6px;min-width:0}.who div{display:flex;flex-direction:column;line-height:1.1}.who small{color:var(--muted);font-size:11px;text-transform:capitalize}.avatar{font-size:22px}.clock{min-width:58px;padding:4px 10px;border-radius:10px;background:#0006;font:800 18px system-ui;font-variant-numeric:tabular-nums;text-align:center;display:flex;flex-direction:column;line-height:1}.clock small{font-size:8px;text-transform:uppercase;color:var(--them);margin-bottom:2px}.clock.low{color:var(--gold)}.clock.sudden{color:var(--them)}.hp{flex:1}.hp .bar{position:relative;height:18px;border-radius:9px;background:#00000080;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.hp .fill{position:absolute;inset:0 auto 0 0;transition:width .12s linear}.hp.me .fill{background:linear-gradient(180deg,#6ff0c2,#1fae7e)}.hp.them .fill{background:linear-gradient(180deg,#ff8fa2,#d93a58)}.hp .shield{position:absolute;left:0;bottom:0;height:4px;background:var(--shield)}.hp .bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:4px;font:800 12px system-ui;text-shadow:0 1px 2px #000}.hp .bar small{font-size:10px}.hp.invuln .bar{box-shadow:0 0 0 2px var(--gold)}.arena{position:relative;display:grid;grid-template-rows:1fr auto 1fr;padding:8px 10px;gap:8px;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(180deg,#2a1424,#171a33 48%,#171a33 52%,#10282a)}.row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;align-items:center}.river{display:flex;align-items:center;justify-content:center;min-height:34px;border-top:2px dashed rgba(255,255,255,.1);border-bottom:2px dashed rgba(255,255,255,.1);background:#5078ff0f}.log{display:flex;flex-direction:column;align-items:center;font-size:11px;line-height:1.35}.log .me{color:var(--me)}.log .them{color:var(--them)}.log span:nth-child(2){opacity:.5}.pad{position:relative;aspect-ratio:4 / 5;border-radius:14px;padding:6px 4px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;overflow:hidden;border:2px solid transparent;transition:border-color .1s,box-shadow .1s}.pad.self{background:linear-gradient(180deg,#17453b,#0d2b26);border-color:#1f5a4b}.pad.enemy{background:linear-gradient(180deg,#4a1d2c,#2c111b);border-color:#5e2638}.pad.empty{background:#ffffff08;border-style:dashed}.pad.self.empty{border-color:#3ee0a84d}.pad.enemy.empty{border-color:#ff5f7a4d}.pad.target{border:2px solid var(--gold);box-shadow:0 0 14px #ffd16659;cursor:pointer}.pad.hover{background:#ffd16638;box-shadow:0 0 22px #ffd166b3}.pad-ghost{font-size:26px;opacity:.35}.pad-name{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.pad-role{position:absolute;top:4px;left:6px;font-size:11px;opacity:.8}.pad kbd{position:absolute;top:4px;right:5px}.pad-val{font:900 30px system-ui;line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.4)}.pad.self .pad-val{color:#9dffd9}.pad.enemy .pad-val{color:#ffb3c0}.pad-eff{font:800 12px system-ui;color:var(--gold)}.pad-mods{display:flex;gap:2px;min-height:15px}.chip{font:800 10px system-ui;padding:1px 4px;border-radius:5px;display:flex;gap:2px;align-items:baseline}.chip small{font-size:8px;opacity:.75}.chip.buff{background:#3ee0a838;color:var(--me)}.chip.debuff{background:#ff5f7a40;color:var(--them)}.pad-out{font-size:10px;color:#ffffffb3;font-variant-numeric:tabular-nums}.pad-life{position:absolute;left:0;right:0;bottom:0;height:4px;background:#0006}.pad-life i{display:block;height:100%;background:var(--gold);transition:width .1s linear}.pad.expiring .pad-life i{background:var(--them)}.pad.expiring .pad-val{opacity:.65}#r-me{padding-top:6px;padding-bottom:6px;background:linear-gradient(0deg,var(--me-dark),transparent)}.who.me b{font-size:14px}.tray{background:linear-gradient(180deg,#1b1f3d,#11142a);border-top:1px solid var(--line);padding:8px 10px calc(10px + env(safe-area-inset-bottom))}.tray-info{display:flex;align-items:center;gap:10px;margin-bottom:8px;min-height:52px}.next{display:flex;flex-direction:column;align-items:center;gap:2px;width:44px;flex-shrink:0}.next small{font-size:8px;color:var(--muted);text-transform:uppercase}.draw{width:100%;height:3px;border-radius:2px;background:#00000080;overflow:hidden}.draw i{display:block;height:100%;background:var(--number-a)}.hint{flex:1;font-size:12px;color:var(--muted);line-height:1.35}.hint b{color:var(--gold)}.hint small{font-size:10px}.hand{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.card{position:relative;aspect-ratio:3 / 4.2;border-radius:10px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:2px solid #4a5280;box-shadow:0 4px #00000073,inset 0 1px #ffffff40;transition:transform .1s ease-out,box-shadow .1s;cursor:grab;touch-action:none}.card.number{background:linear-gradient(160deg,var(--number-a),var(--number-b))}.card.operator{background:linear-gradient(160deg,var(--operator-a),var(--operator-b))}.card.constant{background:linear-gradient(160deg,var(--constant-a),var(--constant-b))}.card.common{border-color:#8f98c4}.card.rare{border-color:#6fb6ff}.card.epic{border-color:#d29bff}.card.legendary{border-color:var(--gold);box-shadow:0 4px #00000073,0 0 12px #ffd16680}.card-top{width:100%;display:flex;justify-content:space-between;font:800 8px system-ui;color:#ffffffbf;text-transform:uppercase}.card-sym{font:900 30px system-ui;line-height:1;text-shadow:0 3px 0 rgba(0,0,0,.35)}.card-name{width:100%;text-align:center;font:800 9px system-ui;padding:2px 0;border-radius:4px;background:#00000059;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card>kbd{position:absolute;top:-6px;left:50%;transform:translate(-50%)}.hand .card:hover{transform:translateY(-3px)}.card.selected{transform:translateY(-12px) scale(1.04);box-shadow:0 0 0 2px var(--gold),0 0 18px #ffd16699}.hand .card.selected:hover{transform:translateY(-12px) scale(1.04)}.card.lifted{opacity:.35}.card.slot-empty{background:#ffffff08;border:2px dashed var(--line);box-shadow:none;cursor:default}.card.mini{width:36px;padding:2px;border-width:1px;border-radius:6px;cursor:default;box-shadow:none}.card.mini .card-top,.card.mini .card-name{display:none}.card.mini .card-sym{margin:auto;font-size:16px}.card.mini.empty{background:#ffffff08;border-style:dashed}.card.deco{cursor:default}.ghost{position:fixed;z-index:10;width:68px;pointer-events:none;transform:translate(-50%,-60%) scale(1.15) rotate(-4deg);filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#05060ed1;display:grid;place-items:center;padding:20px}.panel{width:100%;max-width:320px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;text-align:center;display:flex;flex-direction:column;gap:10px}.panel h2{font-size:40px;font-weight:900;margin:0}.panel h2.win{color:var(--gold)}.panel h2.lose{color:var(--them)}.panel p{margin:0;color:var(--muted);font-size:13px}.panel table{border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;margin:4px 0 6px}.panel td,.panel th{padding:4px 8px;text-align:right}.panel td:first-child{text-align:left;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#00000059;font-size:18px}.arena-label{font-size:11px;color:var(--muted)}button.league-next{background:none;border:0;padding:2px 6px;font-size:11px;color:var(--muted);text-decoration:underline dotted}.small{font-size:11px}.mode.stake{background:linear-gradient(135deg,#8a1f2c,#3a0c14);border-color:#ff7a59}.mode.locked{filter:grayscale(.85);opacity:.55;cursor:default}.leagues{display:flex;flex-direction:column}.lg-intro{margin:0 16px 6px;font-size:12px;color:var(--muted)}.lg-list{flex:1;overflow-y:auto;padding:6px 14px 20px;display:flex;flex-direction:column;gap:12px}.lg{border-radius:16px;padding:12px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--lg)}.lg.current{box-shadow:0 0 0 1px var(--lg),0 0 18px color-mix(in srgb,var(--lg) 35%,transparent)}.lg.locked{opacity:.55}.lg header{display:flex;justify-content:space-between;align-items:baseline}.lg header b{font-size:18px;color:var(--lg)}.lg header span{font-size:11px;color:var(--muted)}.lg-arena{font-size:11px;color:var(--muted);margin:2px 0 8px}.lg-legend{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;background:#ffd16612;border:1px solid rgba(255,209,102,.25);margin-bottom:8px}.lg-legend span:last-child{display:flex;flex-direction:column;font-size:13px}.lg-legend small{font-size:11px;color:var(--muted)}.lg-cards{display:flex;flex-wrap:wrap;gap:5px}.lg-card{position:relative;min-width:34px;height:44px;padding:0 4px;border-radius:7px;display:grid;place-items:center;font:900 14px system-ui;border:2px solid #8f98c4;opacity:.5}.lg-card.owned{opacity:1}.lg-card i{position:absolute;bottom:-6px;right:-5px;font:800 9px system-ui;font-style:normal;background:var(--me);color:#052a1e;border-radius:50%;width:14px;height:14px;display:grid;place-items:center}.lg-card.number{background:linear-gradient(160deg,var(--number-a),var(--number-b))}.lg-card.operator{background:linear-gradient(160deg,var(--operator-a),var(--operator-b))}.lg-card.constant{background:linear-gradient(160deg,var(--constant-a),var(--constant-b))}.lg-card.rare{border-color:#6fb6ff}.lg-card.epic{border-color:#d29bff}.lg-card.legendary{border-color:var(--gold);min-width:44px;height:56px;font-size:20px}.arena{--arena: #ffffff}.arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--arena) 16%,transparent),transparent 70%)}.arena-name{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;pointer-events:none;font:900 11px system-ui;letter-spacing:4px;text-transform:uppercase;color:var(--arena);opacity:.16}.row,.river{position:relative;z-index:1}.overlay.victory{background:radial-gradient(circle at 50% 45%,#ffd16638,#05060ee0 60%);overflow:hidden}.rays{position:absolute;left:50%;top:42%;width:900px;height:900px;margin:-450px 0 0 -450px;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,209,102,.14) 0deg 10deg,transparent 10deg 20deg);-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 60%);mask-image:radial-gradient(circle,#000 0%,transparent 60%);animation:spin 14s linear infinite}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-40px;font-style:normal;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.5);animation:fall linear both}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(var(--spin))}}.overlay.victory .panel{position:relative;animation:pop-in .5s cubic-bezier(.2,1.6,.4,1) both;box-shadow:0 0 0 2px var(--gold),0 0 50px #ffd16673}.overlay.victory h2.win{font-size:48px;text-shadow:0 0 24px rgba(255,209,102,.8)}@keyframes pop-in{0%{transform:scale(.4);opacity:0}}.hint .warn{color:var(--them);font-weight:800}.home-actions{display:flex;justify-content:center;gap:10px;padding:0 16px}.home-actions button{flex:1;max-width:160px;padding:11px;border-radius:14px;border:1px solid var(--line);background:#00000059;font-weight:800;font-size:14px}.deck{display:flex;flex-direction:column}.deck .screen-top h2{flex:1}.deck-count{font:900 18px system-ui;padding:4px 10px;border-radius:10px;background:#00000059;font-variant-numeric:tabular-nums}.deck-count.ok{color:var(--me)}.deck-count.ko{color:var(--them)}.deck-stats{display:flex;gap:12px;justify-content:center;font-size:12px;color:var(--muted);padding:2px 14px 6px}.deck-current{display:flex;flex-wrap:wrap;gap:8px 6px;align-content:flex-start;padding:10px 14px;margin:0 10px;max-height:150px;overflow-y:auto;border-radius:14px;background:#0000004d;border:1px solid var(--line)}.deck-current .lg-card{cursor:pointer;color:var(--text)}.deck-current .lg-card i{width:auto;min-width:16px;padding:0 3px;border-radius:8px;background:var(--gold);color:#2a1a00}.deck-info{min-height:34px;padding:6px 16px;font-size:12px;color:var(--muted);line-height:1.35}.deck-info b{color:var(--gold)}.deck-info.error{color:var(--them)}.deck-tabs{display:flex;gap:6px;padding:0 12px 8px}.deck-tabs button{flex:1;padding:7px 0;border-radius:10px;border:1px solid var(--line);background:var(--panel);font-size:12px;font-weight:700}.deck-tabs button.on{background:var(--constant-a);border-color:var(--constant-a);color:#14062a}.deck-collection{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:4px 12px 10px;align-content:start}.card.coll{cursor:pointer;padding:3px}.card.coll .card-sym{font-size:22px}.card.coll.locked{filter:grayscale(1) brightness(.45);cursor:default}.card.coll.maxed{opacity:.45}.deck-actions{display:flex;gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#11142a}.deck-actions button{flex:1;padding:12px 6px;border-radius:12px;border:1px solid var(--line);background:var(--panel);font-weight:800}.deck-actions button.primary{flex:1.6}.panel h3{margin:0;font-size:22px}