:root{--bg-night: #090b12;--bg-ember: #16111f;--bg-deep: #05070d;--panel: rgba(18, 16, 27, .78);--panel-strong: rgba(24, 20, 36, .9);--ink: #f5efe3;--ink-subtle: #d2c7de;--accent: #52b6a8;--accent-strong: #8de8dd;--accent-warm: #ddb26d;--danger: #f07f69;--border: rgba(141, 232, 221, .22);--border-strong: rgba(221, 178, 109, .28);--shadow: 0 26px 70px rgba(0, 0, 0, .42)}.social-rank-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem}.social-rank-chip{font-size:.68rem;padding:.3rem .5rem;gap:.28rem}.social-rank-icon{width:32px;height:32px}*{box-sizing:border-box}body{margin:0;min-height:100vh;height:auto;overflow-x:hidden;overflow-y:auto;color:var(--ink);font-family:Outfit,sans-serif;position:relative;background:radial-gradient(90vw 90vw at 8% -10%,rgba(110,150,255,.2),transparent 56%),radial-gradient(70vw 70vw at 96% -8%,rgba(172,120,238,.2),transparent 52%),radial-gradient(85vw 85vw at 48% 118%,rgba(74,182,146,.14),transparent 56%),linear-gradient(160deg,var(--bg-night) 0%,var(--bg-ember) 46%,var(--bg-deep) 100%);background-repeat:no-repeat;background-attachment:scroll;background-size:cover;display:flex;flex-direction:column}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{opacity:.55;background:conic-gradient(from 210deg at 18% 35%,#729eff2e,#729eff00 60%),conic-gradient(from 12deg at 78% 32%,#a96cf529,#a96cf500 62%),radial-gradient(70vw 40vw at 42% 42%,rgba(136,230,255,.11),transparent 70%);background-repeat:no-repeat;filter:blur(22px);animation:storm-sweep 28s ease-in-out infinite alternate}body:after{opacity:.5;background:radial-gradient(1100px 220px at 10% 28%,rgba(132,194,255,.14),transparent 68%),radial-gradient(900px 220px at 82% 64%,rgba(214,170,255,.12),transparent 70%),radial-gradient(700px 190px at 50% 88%,rgba(221,178,109,.08),transparent 72%);background-repeat:no-repeat;filter:blur(36px);animation:storm-glow 10s ease-in-out infinite alternate}h1,h2{margin:0;font-family:Cinzel,serif;letter-spacing:.02em}h1{font-size:clamp(2rem,3vw,3rem);color:#fbf4e4;text-shadow:0 0 18px rgba(141,232,221,.08),0 0 28px rgba(221,178,109,.12)}h2{margin:0}.auth-shell,.dashboard-shell{width:min(100%,1120px);margin:0 auto;padding:1.5rem;position:relative;z-index:1}.dashboard-shell-minimal{padding-top:4rem}.auth-page .auth-shell{min-height:100vh;display:grid;place-items:center}.auth-panel{width:min(100%,480px);background:linear-gradient(180deg,#181424eb,#0f0d17d1);border:1px solid var(--border-strong);border-radius:20px;box-shadow:var(--shadow);backdrop-filter:blur(12px);padding:2rem;animation:lift-in .45s ease both}.subtitle{color:var(--ink-subtle);margin:.8rem 0 1.2rem}.auth-form{display:grid;gap:.55rem}label{color:var(--ink-subtle);font-size:.92rem}input,select{width:100%;border:1px solid rgba(245,239,227,.2);background:#ffffff0f;color:var(--ink);border-radius:10px;padding:.72rem .8rem;margin-bottom:.7rem}select{background:#f8fafcf2;color:#0f172a}select option,select optgroup{background:#f8fafc;color:#0f172a}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #d8763047}button{border:none;border-radius:10px;padding:.8rem 1.1rem;cursor:pointer;color:#1d120b;font-weight:600;background:linear-gradient(135deg,var(--accent-strong),var(--accent));transition:transform .13s ease,filter .13s ease}button:hover{filter:brightness(1.05);transform:translateY(-1px)}.helper{margin-top:1.05rem;color:var(--ink-subtle)}.helper a{color:var(--accent-strong)}.auth-legal-consent{display:flex;align-items:flex-start;gap:.65rem;margin:.4rem 0 .95rem;line-height:1.45}.auth-legal-consent input[type=checkbox]{width:1rem;height:1rem;margin:.18rem 0 0;flex:0 0 auto}.auth-legal-consent span{color:var(--ink-subtle);font-size:.9rem}.auth-legal-consent a{color:var(--accent-strong);font-weight:600}.legal-page{min-height:100vh;background:radial-gradient(circle at top,#583a2657,#09080ef2 62%)}.legal-shell{width:min(100%,980px);margin:0 auto;padding:2rem 1.2rem 3rem}.legal-panel{background:linear-gradient(180deg,#161222eb,#0e0c17e6);border:1px solid var(--border-strong);border-radius:18px;box-shadow:var(--shadow);padding:1.5rem}.legal-header h1{margin-bottom:.5rem}.legal-updated{color:var(--ink-subtle);margin:0 0 1rem;font-size:.92rem}.legal-notice{border:1px solid rgba(247,183,91,.48);background:#f7b75b1f;border-radius:10px;padding:.75rem .9rem;margin:0 0 1rem;color:#ffe8bc}.legal-content{color:var(--ink);line-height:1.55}.legal-content h2{margin:1.2rem 0 .45rem}.legal-content h3{margin:.95rem 0 .4rem}.legal-content p,.legal-content li{color:var(--ink-subtle)}.legal-content ul{margin:.4rem 0 .9rem;padding-left:1.2rem}.legal-content .legal-commitment{margin-top:1rem;border:1px solid rgba(141,232,221,.4);background:#8de8dd14;border-radius:10px;padding:.8rem .9rem}.legal-footer-links{margin-top:1.3rem;display:flex;gap:1rem;flex-wrap:wrap}.legal-footer-links a{color:var(--accent-strong);font-weight:600}.site-footer{position:relative;z-index:1;width:100%;margin:clamp(1rem,2vw,1rem) auto 0;padding:.85rem clamp(1rem,5vw,4rem);border-top:1px solid rgba(141,232,221,.16);background:#060910b8;color:#f5efe3b8}.site-footer-inner{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1.2rem;align-items:center}.site-footer-brand{display:grid;gap:.08rem}.site-footer-brand strong{color:var(--ink);font-family:Cinzel,serif;letter-spacing:.04em}.site-footer-brand span,.site-footer-fineprint{font-size:.78rem}.site-footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem .85rem}.site-footer-links a{color:var(--accent-strong);font-size:.82rem;font-weight:600;text-decoration:none}.site-footer-links a:hover{color:var(--ink);text-decoration:underline}.site-footer-fineprint{grid-column:1 / -1;margin:0}@media(max-width:700px){.site-footer{width:100%;margin-top:2rem;padding:.8rem .9rem}.site-footer-inner{grid-template-columns:1fr;justify-items:center;text-align:center}.site-footer-links{justify-content:center}}.error{background:#f07f6933;border:1px solid rgba(240,127,105,.45);color:#ffd8d1;border-radius:10px;padding:.7rem .8rem;margin-bottom:1rem}.success{background:#63c18429;border:1px solid rgba(99,193,132,.45);color:#daf7e3;border-radius:10px;padding:.7rem .8rem;margin-bottom:1rem}.site-header{position:sticky;top:0;z-index:100;width:100%;background:#0a0a0e;border-bottom:2px solid rgba(141,232,221,.18);padding:0;display:flex;align-items:center;gap:2rem;height:5rem;box-shadow:0 4px 12px #00000080}.site-maintenance-banner{width:100%;padding:.6rem 1rem;border-bottom:1px solid rgba(255,172,120,.55);background:linear-gradient(90deg,#7e341eeb,#a24826eb);color:#ffe8d8;font-size:.82rem;font-weight:600;letter-spacing:.03em;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;text-align:center}.header-brand{display:flex;align-items:center;gap:.8rem;padding-left:1.2rem;flex-shrink:0;text-decoration:none;color:inherit}.header-logo{height:56px;width:auto}.header-title{height:32px;width:auto;opacity:.92}.site-nav{display:flex;gap:0;flex:1;align-items:center}.site-nav-shell{display:flex;align-items:center;flex:1;min-width:0}.header-menu-toggle{display:none;border:1px solid rgba(245,239,227,.16);background:#ffffff0d;color:var(--ink);padding:.55rem;min-width:44px;min-height:44px;align-items:center;justify-content:center;flex-direction:column;gap:.22rem}.menu-toggle-bar{display:block;width:18px;height:2px;border-radius:999px;background:currentColor}.header-auth-action{display:flex;align-items:center}.header-auth-link{padding:.65rem 1.1rem;background:#52b6a829;border:1px solid rgba(82,182,168,.35);color:var(--accent-strong);border-radius:6px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;font-weight:700;transition:background .14s ease,border-color .14s ease}.header-auth-link:hover{background:#52b6a842;border-color:#52b6a880}.mobile-nav-auth{display:none}.mobile-nav-auth-form{margin:0}.mobile-nav-auth-button{display:inline-flex;align-items:center;justify-content:center;width:100%;text-decoration:none;border:1px solid rgba(82,182,168,.35);background:#52b6a829;color:var(--accent-strong);font-weight:700}.mobile-nav-auth-button:hover{background:#52b6a842;border-color:#52b6a880}.site-nav a{padding:1.4rem 1.2rem;color:var(--ink-subtle);text-decoration:none;border:none;background:none;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:600;transition:color .14s ease,background-color .14s ease,border-color .14s ease;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}.site-nav a:hover{color:var(--accent-strong);background-color:#8de8dd14}.site-nav a.active{color:var(--accent-strong);border-bottom-color:var(--accent-strong);background-color:#8de8dd1f}.site-nav a.nav-link-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.header-user-menu{position:relative;padding-right:1.2rem;flex-shrink:0}.header-user-menu-trigger{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;border-radius:50%;transition:box-shadow .14s ease,opacity .14s ease}.header-user-menu-trigger:hover{opacity:.85;box-shadow:0 0 0 2px #8de8dd73}.header-user-avatar{width:2.4rem;height:2.4rem;border-radius:50%;object-fit:cover;border:2px solid rgba(141,232,221,.3);display:block}.header-user-avatar-fallback{background:#385e74b3;color:var(--accent-strong);font-size:1rem;font-weight:700;font-family:Cinzel,serif;display:flex;align-items:center;justify-content:center}.header-user-dropdown{display:none;position:absolute;top:calc(100% + .6rem);right:1.2rem;min-width:10rem;background:#0a0b12f7;border:1px solid rgba(141,232,221,.18);border-radius:10px;box-shadow:0 12px 32px #0000008c;backdrop-filter:blur(12px);z-index:200;padding:.4rem;flex-direction:column;gap:.1rem}.header-user-dropdown.is-open{display:flex}.header-user-dropdown-form{margin:0;display:contents}.header-user-dropdown-item{display:block;width:100%;padding:.6rem .8rem;border-radius:7px;border:none;background:none;color:var(--ink-subtle);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;text-decoration:none;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease;white-space:nowrap;font-family:inherit}.header-user-dropdown-item:hover{background:#8de8dd1a;color:var(--accent-strong)}.header-user-dropdown-logout{color:#ffd8d1}.header-user-dropdown-logout:hover{background:#f07f6929;color:#ffd8d1}.dashboard-shell{padding-top:2rem}.page-head{padding-top:1.5rem;margin-inline:clamp(1rem,8vw,8.4rem)}.page-subtitle{margin:.5rem 0 0}.flash{border-radius:12px;padding:.8rem .95rem;margin-bottom:1rem}.flash-success{background:#63c18429;border:1px solid rgba(99,193,132,.45);color:#daf7e3}.flash-error{background:#f07f6933;border:1px solid rgba(240,127,105,.45);color:#ffd8d1}.eyebrow{margin:0 0 .35rem;color:var(--accent-warm);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.compact-grid{margin-top:1.2rem}.menu-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.menu-card{grid-column:span 6;display:block;text-decoration:none;color:var(--ink);padding:1.2rem;border-radius:18px;background:linear-gradient(160deg,#35291cf2,#151311e6),#ffffff08;border:1px solid rgba(246,176,77,.2);box-shadow:var(--shadow);transition:transform .16s ease,border-color .16s ease}.menu-card:hover{transform:translateY(-3px);border-color:#f6b04d73}.menu-card-kicker{display:inline-block;margin-bottom:.55rem;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.menu-card h2{margin-bottom:.55rem}.menu-card p{color:var(--ink-subtle)}.menu-card strong{display:inline-block;margin-top:.45rem}.admin-card{grid-column:span 12}.card{grid-column:span 4;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1rem}.card ul{margin:.5rem 0 0;padding-left:1.1rem;color:var(--ink-subtle)}.muted{color:var(--ink-subtle)}.panel-section{margin-top:1rem}.split-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.table-shell{overflow-x:auto;background:#12110fb8;border-radius:16px;border:1px solid rgba(245,239,227,.08)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid rgba(245,239,227,.08);vertical-align:top}.data-table th{color:var(--ink-subtle);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.deck-grid,.store-grid,.profile-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.profile-section{display:grid;gap:.85rem}.profile-grid+.profile-section{margin-top:.35rem;padding-top:1.15rem;border-top:1px solid rgba(245,239,227,.1)}.profile-section+.profile-section{margin-top:.15rem;padding-top:1.15rem;border-top:1px solid rgba(245,239,227,.1)}.profile-section--danger{border-top-color:#e28a6b47}.profile-section-head{padding-top:.35rem}.profile-section-head h2{margin:0;font-size:1.2rem;letter-spacing:.02em}.profile-section--danger .profile-section-head h2{color:#e8a090}.totp-qr{display:block;margin:1rem 0;border-radius:8px;background:#fff;padding:.5rem}.totp-secret{display:block;word-break:break-all;margin:.5rem 0 1rem;padding:.6rem .8rem;background:#ffffff0f;border-radius:6px;font-size:.95rem}.totp-status-on{color:#8fd99a;font-weight:600}.inline-form-grid{display:grid;grid-template-columns:1.6fr 1fr .9fr auto auto;gap:.7rem;margin-bottom:.75rem;align-items:center}.stack-form-grid{display:grid;gap:.8rem;margin-bottom:1.1rem}.card-pool-picker{border:1px solid var(--border);border-radius:10px;padding:.7rem .9rem;margin:0}.card-pool-picker legend{color:var(--ink-subtle);padding:0 .35rem}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.35rem .9rem}.checkbox-grid label{display:flex;align-items:center;gap:.45rem;margin:0}.checkbox-grid input[type=checkbox]{width:auto;margin:0}.danger-btn{background:#f07f692e;border:1px solid rgba(240,127,105,.35);color:#ffd8d1}.danger-btn:hover{background:#f07f6947;border-color:#f07f6980}.management-search-form{grid-template-columns:minmax(240px,480px) auto;justify-content:flex-start}.card-image{width:min(100%,220px);aspect-ratio:2 / 3;object-fit:contain;border-radius:10px;margin:0 auto .6rem;background:#ffffff0a}.card-thumb{width:64px;height:96px;object-fit:contain;border-radius:8px;margin-right:.75rem;vertical-align:middle;background:#ffffff0a}.card-admin-grid{grid-template-columns:repeat(7,minmax(110px,1fr))}.card-admin-actions{grid-template-columns:auto auto;justify-content:start}textarea{width:100%;border:1px solid rgba(245,239,227,.2);background:#ffffff0f;color:var(--ink);border-radius:10px;padding:.72rem .8rem}.store-mode-tabs{display:flex;gap:.6rem}.store-mode-tabs .button-link{padding:.55rem .85rem}.active-tab{box-shadow:0 0 0 2px #8de8dd59 inset}.store-management-tools{display:grid;gap:.7rem}.set-bulk-form{grid-template-columns:minmax(180px,320px) auto;justify-content:flex-start}.listing-toggle-form{grid-template-columns:auto;margin:0}.pack-builder-grid{grid-template-columns:repeat(6,minmax(120px,1fr))}.pack-rebuild-grid{grid-template-columns:90px 110px 1fr 1fr auto;margin:0}.binder-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start;overflow:visible}.binder-page{background:#12110fb8;border:1px solid rgba(245,239,227,.08);border-radius:16px;padding:1rem;overflow:visible}.binder-page:has(.is-newly-collected){padding:1.05rem 1.1rem}body.dashboard-page:has(#binder-page) .dashboard-shell,.dashboard-shell>.panel-section:has(#binder-page){overflow:visible}.binder-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;overflow:visible;padding:.6rem;content-visibility:visible;contain:none}.binder-grid:has(.is-newly-collected){padding:.7rem}.deckbuilder-topbar{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:.6rem}.deckbuilder-admin-toggle{margin:.8rem 0 .25rem;padding:.5rem .65rem;border:1px solid rgba(221,178,109,.24);border-radius:10px;background:#ddb26d14}.deckbuilder-admin-toggle .muted{margin:.25rem 0 0;font-size:.82rem}.deckbuilder-topbar>label{font-size:.9rem;font-weight:500;color:var(--ink-subtle)}.deckbuilder-name-row{display:flex;align-items:stretch;gap:.7rem;height:42px}.deckbuilder-name-row input{flex:1;min-width:260px;max-width:420px;padding:.6rem .8rem;border:1px solid var(--border);border-radius:6px;background:#8de8dd0d;color:var(--ink);min-height:42px}.deckbuilder-card-back-row{display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem}.deckbuilder-card-back-row label{font-size:.86rem;color:var(--ink-subtle)}.deck-card-back-picker-btn{min-height:40px;min-width:240px;max-width:360px;display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .55rem;border:1px solid var(--border);border-radius:8px;background:#8de8dd14;color:var(--ink);cursor:pointer;text-align:left}.deck-card-back-picker-btn:hover{border-color:#8de8dd99;background:#8de8dd24}.deck-card-back-picker-image{width:2.2rem;height:3.3rem;object-fit:cover;border-radius:6px;border:1px solid rgba(245,239,227,.2);flex-shrink:0}.deck-card-back-picker-name{font-weight:600;line-height:1.2}.deck-card-back-modal{position:fixed;inset:0;z-index:430;display:none;align-items:center;justify-content:center;padding:1rem;background:#06070bc7;backdrop-filter:blur(6px)}.deck-card-back-modal.is-open{display:flex}.deck-card-back-modal-panel{width:min(100%,720px);max-height:min(88vh,760px);overflow:auto;background:#12110ff7;border:1px solid rgba(245,239,227,.16);border-radius:18px;box-shadow:var(--shadow);padding:1rem}.deck-card-back-modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.deck-card-back-modal-head h2{margin:0;font-size:1.2rem}.deck-card-back-modal-close{width:2rem;height:2rem;border-radius:999px;border:1px solid var(--border);background:#ffffff0f;color:var(--ink);cursor:pointer;font-size:1.2rem;line-height:1}.deck-card-back-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.65rem}.deck-card-back-option{width:100%;border:1px solid rgba(245,239,227,.14);border-radius:10px;background:#ffffff08;padding:.45rem;color:var(--ink);display:grid;gap:.45rem;justify-items:center;cursor:pointer}.deck-card-back-option.is-selected{border-color:#8de8ddb8;box-shadow:0 0 0 1px #8de8dd4d inset;background:#8de8dd1c}.deck-card-back-option-image{width:4.2rem;height:6.3rem;border-radius:8px;object-fit:cover;border:1px solid rgba(245,239,227,.22)}.deck-card-back-option-name{font-size:.84rem;text-align:center}.deckbuilder-save-top{padding:0 1.5rem;min-height:42px;border:2px solid var(--accent);border-radius:6px;background:#8de8dd1a;color:var(--ink);cursor:pointer;transition:all .22s ease;font-weight:600;white-space:nowrap;align-self:stretch}.deckbuilder-save-top:hover:not(:disabled){background:#8de8dd33;border-color:var(--accent-strong)}.deckbuilder-save-top:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border)}.binder-card{padding:.15rem;border-radius:10px;overflow:hidden;background:#ffffff08;content-visibility:auto;contain-intrinsic-size:120px 180px}.binder-card img{width:100%;aspect-ratio:2 / 3;object-fit:contain;display:block;background:#ffffff0a}.deckbuilder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:1rem;align-items:start}.deckbuilder-binder{background:#12110fb8;border:1px solid rgba(245,239,227,.08);border-radius:16px;padding:1rem;overflow:visible}.deckbuilder-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.8rem;position:sticky;top:5rem;z-index:50}.deckbuilder-filters input,.deckbuilder-filters select,.collection-filters input,.collection-filters select{width:min(100%,200px);margin-bottom:0;padding:.48rem .55rem}#deck-search,#collection-search{flex:0 1 auto;min-width:280px}#deck-text-search,#collection-text-search{flex:0 1 auto;min-width:300px}#deck-family-filter,#collection-family-filter{flex:0 1 auto;min-width:200px}#deck-faction-filter,#collection-faction-filter{width:min(100%,220px)!important}.deckbuilder-filters input[type=number],.collection-filters input[type=number]{min-width:0;width:min(100%,110px)}@media(max-width:768px){.deckbuilder-filters{flex-direction:column}.deckbuilder-filters input,.deckbuilder-filters select,.collection-filters input,.collection-filters select{width:100%}}.deckbuilder-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;overflow:visible;padding:.55rem}.deckbuilder-card{position:relative;padding:.15rem;border-radius:10px;overflow:hidden;background:#ffffff08;border:1px solid rgba(245,239,227,.08);color:var(--ink);display:block;cursor:grab;transition:border-color .14s ease,box-shadow .14s ease;content-visibility:auto;contain-intrinsic-size:120px 180px}.binder-card.is-newly-collected,.deckbuilder-card.is-newly-collected{position:relative;overflow:visible;content-visibility:visible;contain:none;z-index:1;border-color:#ddb26d6b;box-shadow:none;animation:newly-collected-card-border 4s ease-in-out infinite}.binder-card.is-newly-collected:before,.deckbuilder-card.is-newly-collected:before{content:"";position:absolute;inset:-8px;border-radius:12px;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 86% at 50% 50%,rgba(255,214,140,.58) 0%,rgba(246,176,77,.32) 38%,rgba(220,168,58,.12) 58%,transparent 72%);filter:blur(5px);opacity:.94;box-shadow:0 0 10px #dca83a85,0 0 20px #f6b04d57,0 0 30px #ffe4a029;animation:newly-collected-card-halo 4s ease-in-out infinite}.binder-card.is-newly-collected img,.deckbuilder-card.is-newly-collected img{position:relative;z-index:1;border-radius:8px;filter:drop-shadow(0 0 8px rgba(220,168,58,.48))}@keyframes newly-collected-card-border{0%,to{border-color:#ddb26d66}50%{border-color:#ffe09680}}@keyframes newly-collected-card-halo{0%,to{opacity:.94;filter:blur(5px);box-shadow:0 0 10px #dca83a85,0 0 20px #f6b04d57,0 0 30px #ffe4a029}50%{opacity:.98;filter:blur(6px);box-shadow:0 0 12px #dca83a94,0 0 22px #f6b04d61,0 0 32px #ffe4a02e}}.deckbuilder-card:active,.deckbuilder-card.dragging{cursor:grabbing}.deckbuilder-card.dragging{opacity:.45;transform:scale(.98)}.deckbuilder-card.is-deck-add-locked{cursor:default;border-color:#949eb28c;box-shadow:inset 0 0 0 1px #080c16a6,0 0 0 1px #5a627659}.deckbuilder-card.is-deck-add-locked img{filter:grayscale(.35) brightness(.82) saturate(.85)}.deckbuilder-card.is-deck-add-locked:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(-32deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 7px,transparent 7px,transparent 14px),linear-gradient(165deg,#0c101a14,#0c101a6b)}.deckbuilder-lock-panel{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .35rem .55rem;pointer-events:none;text-align:center}.deckbuilder-lock-panel[hidden]{display:none!important}.deckbuilder-lock-icon{width:min(52%,4.25rem);height:auto;aspect-ratio:1;color:#f8fafff5;filter:drop-shadow(0 3px 10px rgba(0,0,0,.55))}.deckbuilder-lock-msg{margin:0;max-width:95%;padding:0 .15rem;font-size:.62rem;font-weight:600;line-height:1.25;letter-spacing:.02em;color:#ecf2fcf5;text-shadow:0 1px 6px rgba(0,0,0,.75);opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}@media(hover:hover)and (pointer:fine){.deckbuilder-card.is-deck-add-locked:hover .deckbuilder-lock-msg{opacity:1;transform:translateY(0)}}@media(hover:none),(pointer:coarse){.deckbuilder-lock-msg{opacity:1;transform:translateY(0);font-size:.58rem}}.deckbuilder-card.is-deck-add-locked .deckbuilder-indeck-badge,.deckbuilder-card.is-deck-add-locked .deckbuilder-qty-badge{opacity:.92}@media(max-width:640px){.deckbuilder-lock-icon{width:min(58%,3.75rem)}.deckbuilder-lock-msg{font-size:.55rem}}body.is-deck-dragging,body.is-deck-dragging *{cursor:grabbing!important}.collection-filters{margin-bottom:.9rem}.collection-stats-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:.7rem}.collection-stat-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .7rem;border-radius:999px;border:1px solid rgba(141,232,221,.3);background:#0c16218c;color:var(--ink-subtle);font-size:.9rem}.collection-stat-pill strong{color:#f4fbff}.game-mode-modal{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;padding:1rem;background:#06070beb;backdrop-filter:blur(8px)}.game-mode-container{background:#12110ff5;border:1px solid rgba(245,239,227,.16);border-radius:20px;padding:3rem 2.5rem;box-shadow:var(--shadow);max-width:600px;width:100%;text-align:center}.game-mode-container h2{margin-bottom:2rem;font-size:1.8rem}.game-mode-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.game-mode-btn{padding:2rem 1rem;border:2px solid rgba(141,232,221,.3);border-radius:16px;background:#8de8dd14;color:var(--ink);cursor:pointer;transition:all .22s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.game-mode-btn:hover{border-color:#8de8ddb3;background:#8de8dd2e;transform:scale(1.05)}.game-mode-btn:active{transform:scale(.98)}.game-mode-btn.is-disabled,.game-mode-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;border-color:#f5efe333;background:#ffffff0a}.game-mode-btn.is-disabled:hover,.game-mode-btn:disabled:hover{transform:none;border-color:#f5efe333;background:#ffffff0a}.game-mode-btn{position:relative;overflow:hidden}.game-mode-btn.is-mode-locked{cursor:not-allowed}.game-mode-btn.is-mode-locked .mode-logo,.game-mode-btn.is-mode-locked .mode-label{filter:grayscale(.35) brightness(.75)}.game-mode-btn.is-mode-locked .mode-lock-overlay{border-radius:12px}.deckbuilder-card.is-guardian-hero-unavailable{opacity:.42;filter:grayscale(.55);cursor:not-allowed}.mode-logo{width:min(100%,96px);height:auto;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.mode-label{font-size:1.2rem;font-weight:600;letter-spacing:.05em}.guardian-badge{display:inline-block;margin-left:.45rem;padding:.1rem .45rem;border-radius:999px;border:1px solid rgba(221,178,109,.5);color:var(--accent-warm);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}.pack-open-overlay{position:fixed;inset:0;z-index:1705;display:flex;align-items:center;justify-content:center;padding:1rem;background:#06070bd6;backdrop-filter:blur(6px)}.pack-open-shell{width:min(1220px,100%);max-height:92vh;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;border-radius:16px}.pack-open-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 22%,rgba(82,182,168,.22),transparent 48%);opacity:0;transition:opacity .42s ease}.pack-open-shell.phase-pop:before,.pack-open-shell.phase-bulge:before,.pack-open-shell.phase-burst:before,.pack-open-shell.phase-cards:before{opacity:1}.pack-open-sequence{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;transition:opacity .26s ease,transform .38s ease}.pack-open-shell.phase-cards .pack-open-sequence{opacity:0;transform:scale(.82)}.pack-open-results{width:100%;min-width:0;max-height:92vh;overflow:hidden;background:#12110ff5;border:1px solid rgba(245,239,227,.16);border-radius:16px;box-shadow:var(--shadow);padding:1rem;position:relative;z-index:3;opacity:0;transform:translateY(24px) scale(.96);transition:opacity .32s ease,transform .42s ease;pointer-events:none}.pack-open-shell.phase-cards .pack-open-results{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.pack-open-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;position:relative;z-index:1}.pack-open-head h2{margin:0;min-width:0;overflow-wrap:anywhere}.pack-open-burst{position:absolute;width:200px;height:200px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(circle,rgba(141,232,221,.7) 0%,rgba(141,232,221,.25) 28%,rgba(141,232,221,.05) 58%,transparent 72%),radial-gradient(circle,rgba(221,178,109,.6) 0%,rgba(221,178,109,.2) 40%,transparent 78%);filter:blur(.4px);opacity:0;pointer-events:none}.pack-open-shell.phase-burst .pack-open-burst{animation:pack-burst .7s ease-out forwards}@keyframes pack-burst{0%{transform:translate(-50%,-50%) scale(.35);opacity:0}20%{opacity:.95}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.pack-open-grid-wrap{margin-top:.7rem;max-height:calc(92vh - 210px);overflow-y:auto;overflow-x:hidden;padding-right:.25rem}.pack-open-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;opacity:0;transform:translateY(16px) scale(.985);transition:opacity .32s ease,transform .42s ease}.pack-open-shell.phase-cards .pack-open-grid{opacity:1;transform:translateY(0) scale(1)}.pack-open-card{position:relative;grid-column:span 1;padding:.1rem;border-radius:10px;overflow:hidden;background:#ffffff05;opacity:0;transform:translate(var(--fly-x, 0),var(--fly-y, 28px)) scale(.82) rotate(var(--fly-r, 0deg));transform-origin:50% 20%;transition:transform .56s cubic-bezier(.22,1,.36,1),opacity .32s ease;transition-delay:calc(var(--card-index, 0) * 42ms)}.pack-open-shell.phase-cards .pack-open-card{opacity:1;transform:translate(0) scale(1) rotate(0)}.pack-open-card .card-image{width:100%;aspect-ratio:2 / 3;object-fit:contain;display:block}.pack-open-qty-badge{position:absolute;right:.45rem;bottom:.45rem;min-width:2rem;height:2rem;padding:0 .45rem;border-radius:999px;background:#080e1cf0;border:1px solid rgba(255,255,255,.26);color:#f8fafc;font-size:.9rem;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.pack-open-image-burst{position:relative;width:min(360px,72vw);aspect-ratio:2 / 3;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(82,182,168,.1),transparent);border-radius:12px;margin-bottom:0;overflow:visible;opacity:0;transform:scale(.55);transition:opacity .26s ease,transform .46s cubic-bezier(.34,1.56,.64,1)}.pack-open-shell.phase-pop .pack-open-image-burst{opacity:1;transform:scale(1)}.pack-burst-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .42s ease,opacity .28s ease,filter .28s ease;position:absolute;z-index:calc(10 - var(--pack-index, 0))}.pack-open-shell.phase-bulge .pack-burst-image{transform:scale(1.14) rotate(var(--rotation, 0deg));filter:brightness(1.06) saturate(1.15)}.pack-open-shell.phase-burst .pack-burst-image{transform:scale(1.32) rotate(var(--rotation, -6deg));opacity:0;filter:brightness(1.45) saturate(1.25)}.pack-burst-effect{position:absolute;top:50%;left:50%;width:520px;height:520px;margin-left:-260px;margin-top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(224,245,255,.98),rgba(141,232,221,.82) 38%,transparent 68%);opacity:0;transform:scale(.16);pointer-events:none}.pack-open-shell.phase-burst .pack-burst-effect{animation:burst-expand .92s ease-out forwards}.pack-open-shell.hero-burst .pack-burst-effect{background:radial-gradient(circle,rgba(255,248,210,.99),rgba(246,176,77,.9) 38%,rgba(196,132,35,.65) 62%,transparent 78%)}.pack-burst-particles{position:absolute;top:50%;left:50%;width:520px;height:520px;margin-left:-260px;margin-top:-260px;pointer-events:none}.pack-burst-particle{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;opacity:0;background:radial-gradient(circle,var(--p1, rgba(255, 239, 175, .95)),var(--p2, rgba(82, 182, 168, .7)));transform:translate(-50%,-50%) scale(.5)}.pack-open-shell.phase-burst .pack-burst-particle{animation:particle-burst var(--dur, .86s) ease-out forwards;animation-delay:var(--delay, 0ms)}.pack-open-shell.hero-burst.phase-burst .pack-burst-particle{box-shadow:0 0 10px #f6b04d8c}@keyframes particle-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx, 0px)),calc(-50% + var(--ty, 0px))) scale(1.1)}}@keyframes burst-expand{0%{transform:scale(0);opacity:1}to{transform:scale(2.8);opacity:0}}@media(max-width:1150px){.pack-open-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.pack-open-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.pack-open-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.deckbuilder-card img{width:100%;aspect-ratio:2 / 3;object-fit:contain;display:block;background:#ffffff0a;border-radius:6px}.deckbuilder-indeck-badge{position:absolute;left:50%;bottom:2.15rem;transform:translate(-50%);z-index:6;display:inline-flex;flex-direction:column;align-items:center;gap:.06rem;min-width:2.65rem;padding:.28rem .5rem .32rem;border-radius:11px;background:#101620c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(141,232,221,.28);color:#ecf6fcf5;line-height:1;pointer-events:none;box-shadow:0 2px 10px #00000047,0 0 0 1px #ffffff0f inset}.deckbuilder-indeck-num{font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.deckbuilder-indeck-caption{font-size:.58rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#bad4e0d1;line-height:1}.deckbuilder-indeck-badge[hidden]{display:none!important}@media(max-width:640px){.deckbuilder-indeck-badge{bottom:1.95rem;padding:.22rem .42rem .26rem;min-width:2.35rem;border-radius:9px}.deckbuilder-indeck-num{font-size:.92rem}.deckbuilder-indeck-caption{font-size:.52rem;letter-spacing:.12em}}.deckbuilder-qty-badge{position:absolute;right:.45rem;bottom:.45rem;z-index:7;min-width:1.9rem;height:1.9rem;padding:0 .42rem;border-radius:999px;background:#080e1cf0;border:1px solid rgba(255,255,255,.24);color:#f8fafc;font-size:.92rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.binder-card.collection-card{position:relative}.binder-card.collection-card.uncollected-card img{filter:grayscale(1) saturate(0) brightness(.86)}.collection-toggle-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.55rem;padding:.55rem 1rem;border-radius:8px;border:1px solid rgba(86,156,102,.65);background:#4a885885;color:#edf8f0;font-size:.92rem;font-weight:700;letter-spacing:.01em;line-height:1.1;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;width:min(100%,220px)}.collection-toggle-button:hover{border-color:#569c66cc;background:#4a8858ad}.collection-toggle-button.active,.collection-toggle-button[aria-pressed=true]{border-color:#af5959b8;background:#944a4a94;color:#fff0f0;box-shadow:0 0 0 1px #ffffff29 inset}.collection-toggle-button.active:hover,.collection-toggle-button[aria-pressed=true]:hover{border-color:#af5959db;background:#944a4ab8}.collection-extras-toggle{border-color:#b4883aad;background:#8d6c3085;color:#fff6e8}.collection-extras-toggle:hover{border-color:#c49642d1;background:#9a7634a8}.collection-new-toggle,.deckbuilder-new-toggle{border-color:#c49642b8;background:#8d6c3080;color:#fff6e8}.collection-new-toggle:hover,.deckbuilder-new-toggle:hover{border-color:#ddb26de0;background:#a47e38a8}.collection-new-toggle.active,.collection-new-toggle[aria-pressed=true],.deckbuilder-new-toggle.active,.deckbuilder-new-toggle[aria-pressed=true]{border-color:#ffdc8ce6;background:linear-gradient(135deg,#c49642e0,#a47e38eb);color:#fffdf5;box-shadow:0 0 0 1px #ffffff2e inset,0 0 14px #f6b04d59}.collection-trade-all-form{margin:0}.collection-trade-all-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.55rem;padding:.55rem 1rem;border-radius:8px;border:1px solid rgba(84,168,132,.7);background:linear-gradient(135deg,#35966ee0,#2a7e5ee6);color:#ecfff6;font-size:.92rem;font-weight:700;letter-spacing:.01em;line-height:1.1}.collection-trade-all-button:hover{border-color:#5eba94db;filter:brightness(1.06)}.collection-dismantle-all-form{margin:0}.collection-dismantle-all-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.2rem;padding:.45rem .9rem;border-radius:8px;border:1px solid rgba(139,92,246,.6);background:linear-gradient(135deg,#7c3aedd9,#6d28d9e6);color:#f5f3ff;font-weight:700;font-size:.9rem;cursor:pointer;line-height:1.1}.collection-dismantle-all-button:hover{border-color:#a78bfadb;filter:brightness(1.06)}.collection-essence-pill{background:#8b5cf626;border-color:#8b5cf666;color:#a78bfa}.collection-modal-trade-form{margin-top:.65rem;display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}.collection-modal-trade-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.35rem;padding:.5rem .85rem;border-radius:8px;border:1px solid rgba(84,168,132,.7);background:linear-gradient(135deg,#35966ee0,#2a7e5ee6);color:#ecfff6;font-weight:700}.collection-modal-extra-note{color:var(--ink-subtle);font-size:.88rem}.collection-modal-actions{display:flex;flex-direction:row;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.collection-modal-action-form{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}.collection-modal-action-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.35rem;padding:.5rem .85rem;border-radius:8px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .1s ease}.collection-modal-action-button:hover:not(:disabled){filter:brightness(1.1)}.collection-modal-action-button:active:not(:disabled){transform:translateY(1px)}.collection-modal-action-button:disabled{opacity:.6;cursor:not-allowed}.collection-modal-dismantle-button{background:linear-gradient(135deg,#b45309e0,#9a3412e6);border-color:#d97706b3;color:#fff7ed}.collection-modal-craft-button{background:linear-gradient(135deg,#35966ee0,#2a7e5ee6);border-color:#54a884b3;color:#ecfff6}.collection-modal-craft-button.cannot-afford{background:linear-gradient(135deg,#64748bb3,#475569cc);border-color:#94a3b880}.collection-modal-token-button{background:linear-gradient(135deg,#5b4ac2e6,#3d2f91eb);border-color:#a78bfaa6;color:#f5f3ff}.collection-modal-back-button{background:#ffffff14;border-color:#ffffff2e;color:var(--ink, #f5efe3)}.collection-modal-craft-note{color:var(--ink-subtle);font-size:.82rem;font-style:italic}@keyframes card-shake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-6px) rotate(-3deg)}20%{transform:translate(6px) rotate(3deg)}30%{transform:translate(-6px) rotate(-3deg)}40%{transform:translate(6px) rotate(3deg)}50%{transform:translate(-4px) rotate(-2deg)}60%{transform:translate(4px) rotate(2deg)}70%{transform:translate(-3px) rotate(-1deg)}80%{transform:translate(3px) rotate(1deg)}90%{transform:translate(-1px) rotate(0)}}@keyframes card-break{0%{transform:scale(1);opacity:1;filter:brightness(1)}30%{transform:scale(.98) rotate(5deg);opacity:.9;filter:brightness(1.8)}60%{transform:scale(.5) rotate(45deg);opacity:.5;filter:brightness(2.5)}to{transform:scale(0) rotate(90deg);opacity:0;filter:brightness(3)}}@keyframes spark-fly{0%{transform:translate(0) scale(1);opacity:1}50%{opacity:.8}to{transform:translate(var(--spark-x),var(--spark-y)) scale(0);opacity:0}}@keyframes spiral-coalesce{0%{transform:translate(var(--start-x),var(--start-y)) scale(.3) rotate(0);opacity:0}30%{opacity:1;transform:translate(calc(var(--start-x) * .5),calc(var(--start-y) * .5)) scale(.8) rotate(360deg)}to{transform:translate(0) scale(1) rotate(720deg);opacity:1}}@keyframes greyscale-to-color{0%{filter:grayscale(100%) brightness(.3) contrast(1.2)}30%{filter:grayscale(70%) brightness(1.5) contrast(1.3)}60%{filter:grayscale(30%) brightness(1.8) contrast(1.1)}to{filter:grayscale(0%) brightness(1) contrast(1)}}@keyframes essence-pulse{0%,to{transform:scale(1);box-shadow:0 0 #8b5cf666}50%{transform:scale(1.05);box-shadow:0 0 30px 15px #8b5cf64d}}@keyframes flash-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(30);opacity:.8}to{transform:translate(-50%,-50%) scale(50);opacity:0}}@keyframes energy-ring-expand{0%{transform:translate(-50%,-50%) scale(0);opacity:1;border-width:5px}50%{opacity:.8;border-width:3px}to{transform:translate(-50%,-50%) scale(8);opacity:0;border-width:1px}}@keyframes particle-float{0%{transform:translate(0) scale(1);opacity:.8}to{transform:translate(var(--float-x, 30px),var(--float-y, -30px)) scale(0);opacity:0}}.card-dismantle-shake{animation:card-shake .8s ease-in-out}.card-dismantle-break{animation:card-break .4s ease-out forwards}.card-craft-coalesce{animation:spiral-coalesce 1.2s ease-out forwards}.card-craft-materialize{animation:greyscale-to-color .8s ease-out forwards}.essence-spark{position:fixed;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#a78bfa 0%,#7c3aed 50%,transparent 100%);pointer-events:none;z-index:1000}.crafting-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#080e1cd9;display:flex;align-items:center;justify-content:center;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.crafting-overlay.active{opacity:1;pointer-events:auto}.crafting-animation-card{width:280px;height:400px;border-radius:12px;position:relative;overflow:hidden}.crafting-animation-card img{width:100%;height:100%;object-fit:cover}.essence-icon-inline{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:.25rem}.essence-icon-btn{width:16px;height:16px;display:inline-block;vertical-align:middle}.collection-qty-badge{position:absolute;right:.45rem;bottom:.45rem;min-width:1.9rem;height:1.9rem;padding:0 .42rem;border-radius:999px;background:#080e1ceb;border:1px solid rgba(255,255,255,.24);color:#f8fafc;font-size:.92rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.deckbuilder-dropzone{background:#12110fb8;border:1px dashed rgba(141,232,221,.34);border-radius:16px;padding:1rem;min-height:280px;position:sticky;top:6rem;max-height:calc(100vh - 8rem);overflow:hidden;display:flex;flex-direction:column}.deckbuilder-dropzone h2,.deckbuilder-dropzone p,.deckbuilder-dropzone #deck-total,.deckbuilder-dropzone #deck-stats-disclosure{position:relative;z-index:1}.deckbuilder-stats-disclosure{flex-shrink:0;margin-bottom:.45rem;border-radius:12px;border:1px solid rgba(245,239,227,.12);background:#080c1459}.deckbuilder-stats-summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.45rem .55rem;font-weight:800;color:#f5efe3e0;user-select:none}.deckbuilder-stats-summary::-webkit-details-marker{display:none}.deckbuilder-stats-summary::marker{content:""}.deckbuilder-stats-summary-title{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.deckbuilder-stats-summary-sub{font-size:.65rem;font-weight:600;letter-spacing:.03em}.deckbuilder-stats-panel{padding:0 .58rem .55rem;max-height:220px;overflow-y:auto;border-top:1px solid rgba(245,239,227,.08)}.deckbuilder-stats-block+.deckbuilder-stats-block{margin-top:.5rem;padding-top:.45rem;border-top:1px solid rgba(245,239,227,.08)}.deckbuilder-stats-subheading{font-size:.74rem;font-weight:700;color:#b6e8ffeb;margin-bottom:.18rem}.deckbuilder-stats-hint{margin:0 0 .4rem;font-size:.66rem;line-height:1.35}.deckbuilder-stats-empty{font-size:.72rem}.deckbuilder-level-curve{min-height:94px}.deckbuilder-curve-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:2px;min-height:94px;padding:0 .05rem}.deckbuilder-curve-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.12rem}.deckbuilder-curve-bar{width:100%;max-width:22px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#8de8ddeb,#486ea89e);box-shadow:0 2px 4px #00000038}.deckbuilder-curve-bar.is-zero{opacity:.32;background:#6e809661}.deckbuilder-curve-count{font-size:.6rem;font-weight:700;line-height:1;color:#f6f8fdd1;min-height:.72rem}.deckbuilder-curve-label{font-size:.58rem;font-weight:700;letter-spacing:.04em;color:#f5efe36b}.deckbuilder-essence-list{display:grid;gap:.35rem}.deckbuilder-essence-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr) auto;gap:.32rem .42rem;align-items:center;font-size:.7rem}.deckbuilder-essence-row--symbol{grid-template-columns:32px minmax(0,2.2fr) auto}.deckbuilder-essence-name{font-weight:600;color:#f6f8fde6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;justify-content:center;min-height:28px}.deckbuilder-essence-name--text{justify-content:flex-start;font-size:.66rem;font-weight:600}.deckbuilder-essence-symbol{width:28px;height:28px;object-fit:contain;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.deckbuilder-essence-track{height:7px;border-radius:999px;background:#040810a6;border:1px solid rgba(245,239,227,.08);overflow:hidden}.deckbuilder-essence-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#d4af37e0,#8de8ddb8)}.deckbuilder-essence-count{font-weight:800;font-variant-numeric:tabular-nums;color:#f6f8fde0;min-width:1.2rem;text-align:right}.deckbuilder-type-list{display:grid;gap:.35rem}.deckbuilder-type-row{display:grid;grid-template-columns:minmax(4.5rem,1fr) minmax(0,2.2fr) auto;gap:.32rem .42rem;align-items:center;font-size:.7rem}.deckbuilder-type-name{font-weight:700;color:#f6f8fde6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deckbuilder-type-track{height:7px;border-radius:999px;background:#040810a6;border:1px solid rgba(245,239,227,.08);overflow:hidden}.deckbuilder-type-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#8de8dde0,#486ea8b8)}.deckbuilder-type-row--spell .deckbuilder-type-fill{background:linear-gradient(90deg,#59a6d9e6,#2471a3b8)}.deckbuilder-type-row--weapon .deckbuilder-type-fill{background:linear-gradient(90deg,#e46e60e6,#c0392bb8)}.deckbuilder-type-row--armour .deckbuilder-type-fill{background:linear-gradient(90deg,#b66ed4e6,#8e44adb8)}.deckbuilder-type-count{font-weight:800;font-variant-numeric:tabular-nums;color:#f6f8fde0;min-width:1.2rem;text-align:right}.deckbuilder-dropzone.drag-over{border-color:#8de8ddcc;box-shadow:0 0 0 2px #8de8dd2e inset}.deck-list{display:grid;gap:.5rem;margin:.75rem 0;flex:1;min-height:0;overflow-y:auto;padding-right:.15rem}.deck-entry{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:.5rem;align-items:center;padding:.45rem;border:1px solid rgba(245,239,227,.1);border-radius:10px;background:#ffffff05}.deck-entry img{width:42px;height:63px;object-fit:contain;border-radius:5px;background:#ffffff0a}.deck-entry-main{display:grid;gap:.15rem}.deck-entry-level{font-size:.72rem;font-weight:600;color:#f5efe380;letter-spacing:.04em;margin-right:.15em}.deck-entry-stats{font-size:.72rem;color:#f5efe38c;letter-spacing:.02em}.deck-entry-controls{display:inline-flex;gap:.25rem;align-items:center}.deck-entry-controls button{min-width:30px;padding:.35rem .45rem}@media(max-width:1200px){.binder-grid,.deckbuilder-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.news-card{display:grid;gap:.7rem}.news-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.news-card-actions form{margin:0}.news-compose-modal{position:fixed;inset:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:1rem;background:#08080cb8;backdrop-filter:blur(4px)}.news-compose-card{width:min(980px,100%);max-height:92vh;overflow-y:auto;background:#12110ff2;border:1px solid rgba(245,239,227,.14);border-radius:16px;box-shadow:var(--shadow);padding:1rem}.news-compose-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.rich-editor{background:#ffffff08;border:1px solid rgba(245,239,227,.2);border-radius:10px}.rich-editor .ql-toolbar.ql-snow{border:none;border-bottom:1px solid rgba(245,239,227,.12);border-radius:10px 10px 0 0}.rich-editor .ql-container.ql-snow{border:none;font-family:Outfit,sans-serif;font-size:.98rem;color:var(--ink)}.rich-editor .ql-editor{min-height:180px;color:var(--ink)}.rich-editor-full .ql-editor{min-height:320px}a.secondary-btn,button.secondary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.8rem 1.1rem;border-radius:10px;border:1px solid var(--border);font-family:inherit;font-size:inherit;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;color:var(--ink);background:linear-gradient(135deg,#1e2c3af5,#101824fa);box-shadow:0 1px #ffffff0f inset;transition:transform .13s ease,filter .13s ease,border-color .13s ease,background .13s ease}a.secondary-btn:hover,button.secondary-btn:hover,.secondary-btn:hover{filter:brightness(1.08);transform:translateY(-1px);border-color:#8de8dd73;background:linear-gradient(135deg,#283a4afa,#162232);color:var(--ink)}a.secondary-btn:focus-visible,button.secondary-btn:focus-visible,.secondary-btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #52b6a847}button.secondary-btn:disabled,.secondary-btn[aria-disabled=true]{cursor:not-allowed;filter:grayscale(.25);opacity:.6;transform:none}.checkbox-label{display:inline-flex;align-items:center;gap:.45rem;margin:.15rem 0 .35rem}.checkbox-label input[type=checkbox]{margin:0;width:auto}.news-main-image{width:100%;max-height:360px;object-fit:cover;border-radius:10px;border:1px solid rgba(141,232,221,.22);background:#ffffff0a}.news-short,.news-full{color:var(--ink);line-height:1.55}.news-short img,.news-full img,.news-short iframe,.news-full iframe,.news-short video,.news-full video{max-width:100%;border-radius:8px}.news-article-full{display:grid;gap:.8rem}.binder-pagination{margin-top:.9rem;display:flex;align-items:center;justify-content:center;gap:.8rem}.binder-detail{background:#12110fb8;border:1px solid rgba(245,239,227,.08);border-radius:16px;padding:1rem;display:none}#detail-image{width:100%;aspect-ratio:2 / 3;border-radius:10px;object-fit:contain;margin-bottom:.8rem;background:#ffffff0a}.binder-detail-empty{color:var(--ink-subtle);text-align:center;padding:1.2rem .6rem}#detail-content p{margin:.35rem 0}.binder-modal{position:fixed;inset:0;z-index:250;display:flex;align-items:center;justify-content:center;padding:1rem;background:#08080cb8;backdrop-filter:blur(4px)}.binder-modal.hidden{display:none}.rift-confirm-modal{position:fixed;inset:0;z-index:2005;display:flex;align-items:center;justify-content:center;padding:1rem;background:#08080cb8;backdrop-filter:blur(4px)}.hidden{display:none!important}.rift-confirm-modal.hidden{display:none}.rift-confirm-card{width:min(520px,100%);background:#12110ff2;border:1px solid rgba(245,239,227,.14);border-radius:16px;box-shadow:var(--shadow);padding:1rem}.rift-confirm-head{margin-bottom:.5rem}.rift-confirm-message{color:var(--ink);margin:.35rem 0 1rem;line-height:1.45}.rift-confirm-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.binder-modal-card{width:min(980px,100%);max-height:92vh;overflow-y:auto;background:#12110ff2;border:1px solid rgba(245,239,227,.14);border-radius:16px;box-shadow:var(--shadow);padding:1rem}.binder-modal-head{display:flex;justify-content:flex-end;margin-bottom:.6rem}.binder-modal-close{min-width:44px;background:#f07f692e;border:1px solid rgba(240,127,105,.35);color:#ffd8d1}.binder-modal-content{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:1rem}.binder-modal-content #detail-image{width:100%;margin-bottom:0}.detail-image-wrap{display:flex;flex-direction:column;align-items:center}.detail-token-nav{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:.65rem}.detail-edition-nav{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;min-height:2rem}.detail-edition-arrow{min-width:2rem;padding:.2rem .5rem;font-size:1rem;line-height:1}.detail-edition-arrow:disabled{opacity:.3;cursor:default}.detail-edition-label{font-size:.82rem;color:var(--ink-muted, rgba(245, 239, 227, .55));white-space:nowrap}@media(max-width:900px){.binder-modal-content{grid-template-columns:1fr;.social-rank-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem}.social-rank-chip{font-size:.68rem;padding:.3rem .5rem;gap:.28rem}.social-rank-icon{width:32px;height:32px}}}.deck-card,.store-card,.profile-card{grid-column:span 4}.deck-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:.8rem;align-items:start}.deck-card-back-cell{width:100%}.deck-card-back-preview{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block;border-radius:8px;border:1px solid rgba(245,239,227,.2);background:#ffffff0f}.deck-card-content{min-width:0}.deck-card-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.deck-card-top-row h2{margin:0;min-width:0}.deck-card-meta{margin-top:.45rem}.deck-invalid-badge{display:inline-block;background:#dc3545;color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .4rem;border-radius:3px;margin-left:.4rem;vertical-align:middle;text-transform:uppercase;letter-spacing:.03em}.deck-card--invalid{border-color:#dc35458c;box-shadow:0 0 0 1px #dc354533}.deck-card-essence-strip{display:inline-flex;align-items:center;gap:.25rem;flex-wrap:wrap;justify-content:flex-end;max-width:170px}.deck-card-essence-icon{width:20px;height:20px;object-fit:contain;display:block;filter:drop-shadow(0 0 4px rgba(0,0,0,.4))}@media(max-width:700px){.deck-card{grid-template-columns:64px minmax(0,1fr);gap:.65rem}.deck-card-essence-icon{width:18px;height:18px}}.preconstructed-badge{display:inline-flex;align-items:center;margin-left:.5rem;padding:.12rem .55rem;border-radius:999px;border:1px solid rgba(221,178,109,.5);color:var(--accent-warm);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle}.builder-form,.stack-form,.admin-form{display:grid;gap:.65rem}.quantity-input{margin-bottom:0;max-width:96px}.play-button{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2rem;background:linear-gradient(135deg,#8de8dd4d,#8de8dd26);border:1px solid var(--border-strong);border-radius:10px;color:var(--ink);font-weight:600;cursor:pointer;transition:background .14s ease,border-color .14s ease;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;text-decoration:none}.play-button:not(:disabled):hover{background:linear-gradient(135deg,#8de8dd73,#8de8dd40);border-color:var(--accent-strong)}.play-button:disabled{opacity:.45;cursor:not-allowed}.card-tooltip{position:fixed;z-index:9999;width:260px;background:#181828;border:1px solid rgba(245,239,227,.15);border-radius:10px;padding:.75rem;pointer-events:none;opacity:0;transition:opacity .12s ease;box-shadow:0 6px 24px #0009;font-size:.82rem;line-height:1.45}.card-tooltip.visible{opacity:1}.card-tooltip-name{font-weight:700;font-size:.95rem;margin-bottom:.4rem;color:#f5efe3}.card-tooltip-stats{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.4rem}.card-tooltip-stats span{font-size:.75rem;color:#f5efe3a6;background:#ffffff0f;border-radius:4px;padding:.1rem .4rem}.card-tooltip-type{font-size:.76rem;text-transform:capitalize;color:#f5efe380;margin-bottom:.45rem;letter-spacing:.03em}.card-tooltip-desc{color:#f5efe3d9;margin-bottom:.35rem}.card-tooltip-flavour{font-style:italic;color:#f5efe373;font-size:.78rem}.return-to-top{position:fixed;left:1rem;bottom:1rem;width:44px;height:44px;border-radius:999px;border:1px solid rgba(141,232,221,.35);background:#0c0e16e6;color:var(--accent-strong);font-size:1.3rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0000005c;cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,border-color .18s ease;z-index:380}.return-to-top.show{opacity:1;transform:translateY(0);pointer-events:auto}.return-to-top:hover{border-color:#8de8ddb3}.return-to-top-icon{display:block;line-height:1;transform:translateY(-1px)}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.1rem;border-radius:10px;color:#1d120b;text-decoration:none;font-weight:600;background:linear-gradient(135deg,var(--accent-strong),var(--accent))}.gold-pill{padding:.7rem 1rem;border-radius:999px;background:#f6b04d29;border:1px solid rgba(246,176,77,.3)}.danger-button{background:linear-gradient(135deg,#e28a6b,#b84d3f);color:#fff4ef}.deck-card-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.deck-card-actions form{margin:0}.edit-deck-button{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.1rem;border-radius:10px;color:#f7f2ff;text-decoration:none;font-weight:600;background:linear-gradient(135deg,#8f7ae0,#5d4fba);transition:transform .13s ease,filter .13s ease}.edit-deck-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.danger-card{border-color:#e28a6b59}.empty-state{grid-column:span 12}.play-rank-tier{display:inline-flex;align-items:center;gap:.55rem;padding:.32rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;font-size:.88rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.play-rank-tier-image{width:40px;height:40px;object-fit:contain}.mode-rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.mode-rank-card{display:grid;justify-items:center;text-align:center;flex-wrap:wrap;gap:.35rem;padding:.75rem .55rem;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#090e1a80}.mode-rank-mode{font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-subtle)}.mode-rank-image{width:42px;height:42px;object-fit:contain}.mode-rank-name{font-weight:700;font-size:.95rem}.social-rank-list{display:flex;flex-wrap:wrap;gap:.35rem}.social-rank-chip{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;gap:.35rem;padding:.24rem .56rem;font-size:.72rem;color:var(--ink-subtle);background:#ffffff0d}.social-rank-icon{width:40px;height:40px;object-fit:contain;flex-shrink:0}.profile-card{min-height:100%}.profile-ranks-quest-points{margin-top:.95rem;padding-top:.85rem;border-top:1px solid rgba(245,239,227,.1)}.profile-ranks-quest-points h3{margin:0 0 .2rem;font-size:.95rem}.profile-ranks-quest-points .muted{margin:0 0 .55rem;font-size:.82rem}.profile-match-history-card h2{margin-bottom:.35rem}.profile-match-history-card .profile-match-lead{margin:0 0 .65rem;font-size:.82rem;line-height:1.35}.profile-match-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem}.profile-match-tab{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .55rem;font-size:.78rem;border-radius:999px;border:1px solid rgba(245,239,227,.16);background:#ffffff0a;color:#f5efe3e0;font:inherit;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.profile-match-tab:hover,.profile-match-tab:focus-visible{border-color:#8de8dd6b;background:#8de8dd14;outline:none}.profile-match-tab.is-active{border-color:#8de8dd80;background:#8de8dd24;color:#defffafa;box-shadow:0 0 0 2px #8de8dd38 inset}.profile-match-tab-count{min-width:1.2rem;padding:.05rem .3rem;border-radius:999px;background:#090e1a8c;font-size:.68rem;font-weight:800;font-variant-numeric:tabular-nums}.profile-match-panels{min-width:0}.profile-match-mode-summary{margin:0 0 .45rem;font-size:.78rem}.profile-match-list{display:grid;gap:.32rem;max-height:17.5rem;overflow-y:auto;padding-right:.15rem}.profile-match-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.45rem;padding:.4rem .45rem;border-radius:8px;background:#ffffff0b;border:1px solid rgba(255,255,255,.07)}.profile-match-main{min-width:0;display:grid;gap:.12rem}.profile-match-main strong,.profile-match-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-match-result{display:inline-flex;align-items:center;justify-content:center;min-width:3.1rem;padding:.18rem .38rem;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.profile-match-result--win{color:#dfffe3;background:#63be7b2e;border:1px solid rgba(126,218,150,.38)}.profile-match-result--loss{color:#ffe0da;background:#e26e5b2b;border:1px solid rgba(226,138,107,.38)}.profile-match-result--unknown{color:#f5efe3d6;background:#f5efe314;border:1px solid rgba(245,239,227,.16)}.profile-match-empty{margin:0;padding:.75rem;border-radius:10px;background:#ffffff09}@media(max-width:760px){.profile-match-tab{flex:1 1 calc(50% - .3rem);justify-content:center}.profile-match-list{max-height:none}.profile-match-row{grid-template-columns:1fr;gap:.38rem;align-items:stretch}.profile-match-result{width:100%}}.avatar-preview,.avatar-fallback{width:120px;height:120px;border-radius:50%;margin-bottom:1rem}.avatar-preview{object-fit:cover;border:2px solid rgba(246,176,77,.35)}.avatar-fallback{display:grid;place-items:center;font-family:Cinzel,serif;font-size:2.5rem;background:linear-gradient(135deg,#f6b04d4d,#d87630a6)}.checkbox-row{display:flex;align-items:center;gap:.55rem}.checkbox-row input{width:auto;margin:0}.admin-table td{min-width:220px}button:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.6}.play-panel{display:grid;grid-template-columns:320px 1fr;gap:1.2rem;margin-top:1rem}.matchmaking-shell{background:var(--panel-strong);border:1px solid var(--border);border-radius:16px;padding:1.2rem}.matchmaking-shell h2{margin-bottom:.6rem}.matchmaking-controls{margin-top:1rem;display:grid;gap:.8rem}