:root{color-scheme:dark;--tg-bg: #0f1b2f;--tg-text: #f7f2e8;--tg-hint: #aeb8c7;--border: rgba(231, 218, 188, .28);--border-soft: rgba(255, 255, 255, .12);--shadow: 0 24px 80px rgba(7, 16, 33, .28);--gold: #e4c27a;--gold-strong: #f0d7a2;--cream: #f7f2e8;--navy: #243753;--navy-deep: #18263d}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at 18% 14%,rgba(248,240,218,.18),transparent 20%),radial-gradient(circle at 82% 22%,rgba(173,196,223,.18),transparent 24%),radial-gradient(circle at 50% 100%,rgba(118,144,180,.16),transparent 26%),linear-gradient(180deg,#223551,#21324d 18%,#263955 42%,#1c2c43);color:var(--tg-text);font-family:Georgia,Times New Roman,serif}button,input,select{font:inherit}.loading-screen{display:grid;place-items:center;min-height:100vh;color:var(--gold-strong);letter-spacing:.08em;text-transform:uppercase}.app-shell{position:relative;overflow:hidden;min-height:100vh;padding:24px 18px 88px;display:grid;gap:20px}.app-layout{position:relative;z-index:1;display:grid;grid-template-columns:82px minmax(0,1fr);gap:18px}.app-main{display:grid;gap:28px;min-width:0}.app-layout:has(.detail-panel) .app-main{padding-right:360px}.side-nav{display:flex;flex-direction:column;align-items:center;gap:16px;padding:18px 12px;border-radius:0;border:1px solid var(--border);background:linear-gradient(180deg,#f8f4ec14,#f6f1e805),linear-gradient(180deg,#2d3f5de0,#1e2d45f5);box-shadow:var(--shadow)}.side-nav-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;color:var(--gold-strong);border:1px solid rgba(240,230,205,.22);background:linear-gradient(180deg,#fffbf41f,#ffffff0a);font-weight:800}.side-nav-items{display:grid;gap:12px;width:100%}.side-nav-item{width:52px;height:52px;border-radius:8px;border:1px solid rgba(238,227,196,.16);background:linear-gradient(180deg,#fffbf414,#ffffff08);color:#f3ead7;font-size:1.15rem;cursor:pointer;clip-path:none}.side-nav-item.active{background:linear-gradient(180deg,#fbf3e233,#ddc4901a);border-color:#f0e3bf57;color:var(--gold-strong);box-shadow:0 0 0 1px #fff1c61f,0 0 16px #f0d7a238,0 0 32px #f0d7a224}.ambient{position:fixed;width:42vw;height:42vw;border-radius:999px;filter:blur(92px);opacity:.48;pointer-events:none}.ambient-left{left:-10vw;top:8vh;background:radial-gradient(circle,rgba(244,222,177,.42),transparent 70%)}.ambient-right{right:-8vw;top:30vh;background:radial-gradient(circle,rgba(162,190,221,.4),transparent 70%)}.hero-panel,.panel{position:relative;z-index:1;border:1px solid var(--border);background:linear-gradient(180deg,#f8f4ec1a,#f6f1e80a),linear-gradient(180deg,#2b3d5bdb,#1c2b42f0);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.hero-panel:before,.panel:before,.card-modal:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(235,224,197,.12);border-radius:inherit;pointer-events:none}.hero-panel:after,.panel:after,.detail-panel:after,.card-modal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(var(--gold-strong),var(--gold-strong)) top 10px left 8px / 18px 1px no-repeat,linear-gradient(var(--gold-strong),var(--gold-strong)) top 8px left 10px / 1px 18px no-repeat,radial-gradient(circle at top left,rgba(255,247,226,.9) 0 1.5px,transparent 2px) top 8px left 8px / 18px 18px no-repeat,linear-gradient(var(--gold-strong),var(--gold-strong)) top 10px right 8px / 18px 1px no-repeat,linear-gradient(var(--gold-strong),var(--gold-strong)) top 8px right 10px / 1px 18px no-repeat,radial-gradient(circle at top right,rgba(255,247,226,.9) 0 1.5px,transparent 2px) top 8px right 8px / 18px 18px no-repeat,linear-gradient(var(--gold-strong),var(--gold-strong)) bottom 10px left 8px / 18px 1px no-repeat,linear-gradient(var(--gold-strong),var(--gold-strong)) bottom 8px left 10px / 1px 18px no-repeat,radial-gradient(circle at bottom left,rgba(255,247,226,.9) 0 1.5px,transparent 2px) bottom 8px left 8px / 18px 18px no-repeat,linear-gradient(var(--gold-strong),var(--gold-strong)) bottom 10px right 8px / 18px 1px no-repeat,linear-gradient(var(--gold-strong),var(--gold-strong)) bottom 8px right 10px / 1px 18px no-repeat,radial-gradient(circle at bottom right,rgba(255,247,226,.9) 0 1.5px,transparent 2px) bottom 8px right 8px / 18px 18px no-repeat;opacity:.82;filter:drop-shadow(0 0 4px rgba(240,215,162,.14))}.debug-banner{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:18px;background:linear-gradient(90deg,#ffd7822e,#7ec9ff24);border:1px solid rgba(255,255,255,.14);color:#fff4d0}.debug-banner span{color:#dbe9ff}.hero-panel{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;padding:18px 22px;border-radius:10px}.hero-panel-minimal{padding:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:start}.hero-panel-minimal:before,.hero-panel-minimal:after{display:none}.hero-copy h1{max-width:10ch;margin:6px 0 0;font-size:clamp(1.7rem,5vw,2.7rem);line-height:1;letter-spacing:-.02em}.hero-copy p,.panel-text{max-width:58ch;color:var(--tg-hint);line-height:1.7;font-family:Segoe UI,sans-serif}.eyebrow{display:inline-flex;color:var(--gold-strong);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.hero-profile{display:flex;flex-direction:column;gap:14px;padding:20px;position:relative;border-radius:0;background:linear-gradient(180deg,#fffbf417,#ffffff05);border:1px solid rgba(239,229,205,.16)}.hero-profile:before,.detail-panel:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;pointer-events:none;border:1px solid rgba(235,224,197,.08)}.section-heading{position:relative;display:flex;align-items:end;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:18px;padding-top:6px}.section-heading:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(231,218,188,.3) 12%,rgba(231,218,188,.55) 50%,rgba(231,218,188,.3) 88%,transparent 100%)}.section-heading:after{content:"";position:absolute;left:50%;bottom:-4px;width:12px;height:12px;border:1px solid rgba(231,218,188,.5);background:#f3e6c714;transform:translate(-50%) rotate(45deg);box-shadow:0 0 10px #f0d7a21f}.section-heading>div:first-child{position:relative;padding-left:22px;display:flex;align-items:center;gap:10px}.section-heading>div:first-child:before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;border:1px solid rgba(231,218,188,.52);transform:translateY(-50%) rotate(45deg);background:#f3e6c714}.section-heading h2{margin:0;font-size:1.5rem;color:var(--gold-strong)}.section-heading-stack{align-items:start}.profile-chip,.panel-header{display:flex;justify-content:space-between;gap:16px}.profile-chip{color:var(--tg-hint);font-family:Segoe UI,sans-serif}.profile-chip strong{color:var(--tg-text);font-size:1.1rem;font-family:Georgia,Times New Roman,serif}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-grid:before{content:"";grid-column:1 / -1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(231,218,188,.16) 14%,rgba(231,218,188,.35) 50%,rgba(231,218,188,.16) 86%,transparent 100%)}.stat-tile{padding:14px;border-radius:0;background:linear-gradient(180deg,#fffaf30d,#ffffff03);border:1px solid rgba(233,220,191,.12)}.stat-tile span{display:block;color:var(--tg-hint);font-size:.86rem;font-family:Segoe UI,sans-serif}.stat-tile strong{display:block;margin-top:8px;font-size:1.5rem}.progress-bar{height:10px;overflow:hidden;border-radius:999px;background:#f6eedf1f;border:1px solid rgba(232,221,193,.12)}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#dce8f3,#f2d694 55%,#ead0a1)}.dashboard-grid{position:relative;z-index:1;display:grid;grid-template-columns:.88fr 1.12fr;gap:20px;margin-top:8px}.panel{padding:22px;border-radius:10px}.summon-section,.showcase-section,.collection-section-minimal{position:relative;z-index:1}.collection-surface{position:relative}.panel-header{align-items:flex-start;margin-bottom:12px}.panel-header h2{margin:6px 0 0;font-size:1.5rem;color:var(--cream)}.panel-header-stack{align-items:stretch}.panel-note,.pity-strip span,.filter-chip,.card-badge,.select-input,.search-input{border-radius:0;border:1px solid rgba(235,224,197,.18);background:linear-gradient(180deg,#fffbf41f,#ffffff0a)}.panel-note,.pity-strip span{padding:10px 14px;color:var(--gold-strong);font-family:Segoe UI,sans-serif;clip-path:none}.pack-preview{display:grid;gap:18px;margin:0;justify-items:center;width:100%;max-width:360px;margin-inline:auto}.summon-strip{display:grid;grid-template-columns:minmax(220px,320px) minmax(220px,280px);align-items:center;justify-content:space-between;gap:24px;padding:18px 0 8px}.summon-text{max-width:48ch}.pack-altar-copy{display:grid;justify-items:center;justify-content:center;gap:6px;margin:0 0 24px;text-align:center}.pack-altar-copy h3{margin:0;color:var(--gold-strong);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500}.pack-altar-meta{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;color:var(--gold-strong);font-size:.8rem;letter-spacing:.06em;font-family:Segoe UI,sans-serif}.pack-altar-balance,.pack-altar-cost{opacity:.92}.pack-altar-cost{color:#f7dfaad1}.summon-actions{display:grid;gap:12px;align-self:center}.showcase-section .section-heading,.collection-section-minimal .section-heading{margin-bottom:22px}.pack-object,.pack-shape{position:relative;display:grid;place-items:center;width:min(100%,320px);aspect-ratio:9 / 16;margin:0 auto;border-radius:12px;background:linear-gradient(145deg,#fffbf538,#ffffff0a),linear-gradient(180deg,#f2dfbd,#bccfe3 54%,#6f89ad);border:1px solid rgba(255,247,231,.32);box-shadow:inset 0 0 0 1px #fff8e442,0 24px 60px #0e1a2c38}.pack-object-art{background:transparent;border:0;box-shadow:none;transform:translate(var(--hold-shift-x, 0),var(--hold-shift-y, 0)) rotate(var(--hold-rotation, 0deg)) scale(var(--hold-scale, 1));transition:transform 70ms linear,filter 90ms ease;transform-origin:center center}.pack-object-art:before{display:none}.pack-booster-image{display:block;width:min(100%,320px);height:auto;filter:drop-shadow(0 28px 42px rgba(12,20,35,.38)) drop-shadow(0 0 calc(28px * var(--hold-glow, .12)) rgba(255,239,196,.75));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pack-hold-button{border:0;background:transparent;padding:0;cursor:pointer;display:grid;place-items:center;width:100%}.pack-hold-button:disabled{cursor:not-allowed;opacity:.64}.pack-object:before,.pack-shape:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:8px;border:1px solid rgba(255,248,229,.3)}.pack-object-inner,.pack-sigil{position:relative;display:grid;place-items:center;width:92px;height:92px;border-radius:10px;background:#2839586b;border:1px solid rgba(255,245,224,.28);font-size:2rem;font-weight:800;color:var(--cream)}.pity-strip,.toolbar,.filter-row,.collection-meta{display:flex;flex-wrap:wrap;gap:10px}.pity-strip{justify-content:center}.primary-button{width:100%;padding:13px 18px;border:1px solid rgba(243,227,191,.55);border-radius:6px;color:#20314d;font-weight:600;letter-spacing:.02em;background:linear-gradient(180deg,#fff7e9,#ead4a6 65%,#d4b16c);box-shadow:0 12px 28px #101a2c29;cursor:pointer;font-family:Segoe UI,sans-serif}.secondary-button{margin-top:22px;width:100%;padding:13px 18px;border-radius:6px;border:1px solid rgba(235,224,197,.22);background:linear-gradient(180deg,#fffbf41f,#ffffff08);color:var(--cream);cursor:pointer;font-family:Segoe UI,sans-serif;font-weight:500}.primary-button:disabled{cursor:not-allowed;opacity:.6}.error-text,.card-label,.card-meta p,.collection-meta{color:var(--tg-hint)}.showcase-row,.collection-grid{display:grid;gap:16px}.showcase-row{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-top:24px}.collection-section{display:block}.collection-section-minimal .secondary-button{max-width:320px}.detail-panel{position:fixed;top:24px;right:24px;width:332px;max-height:calc(100vh - 48px);overflow:auto;z-index:12;padding:22px;border-radius:0;border:1px solid var(--border);background:linear-gradient(180deg,#f8f4ec1a,#f6f1e80a),linear-gradient(180deg,#2b3d5be0,#1c2b42f2);box-shadow:var(--shadow)}.detail-panel-animated{animation:panelSlideIn .36s cubic-bezier(.2,.8,.2,1) both}.detail-panel-empty{min-height:320px}.detail-panel-empty p,.detail-panel-copy p{color:var(--tg-hint);line-height:1.7;font-family:Segoe UI,sans-serif}.detail-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;padding-bottom:14px;margin-bottom:16px;padding-top:6px;padding-left:6px}.detail-panel-top:after,.detail-panel-copy:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(231,218,188,.2) 10%,rgba(231,218,188,.5) 50%,rgba(231,218,188,.2) 90%,transparent 100%)}.detail-open-button{padding:10px 16px;border-radius:0;border:1px solid rgba(238,227,196,.26);background:linear-gradient(180deg,#fffbf424,#ffffff0a);color:var(--cream);cursor:pointer;font-family:Segoe UI,sans-serif;font-weight:500;clip-path:none}.detail-panel-art{margin:16px 0 18px;display:flex;justify-content:center}.detail-panel-art-roomy{margin:22px 0 24px}.detail-panel-copy h3{margin:0 0 12px;font-size:1.5rem}.detail-panel-copy{position:relative;padding-top:18px;padding-bottom:10px}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.detail-tags span{padding:8px 12px;border-radius:0;border:1px solid rgba(235,224,197,.18);background:linear-gradient(180deg,#fffbf41f,#ffffff0a);font-family:Segoe UI,sans-serif;clip-path:none}.card-shell{position:relative;transform-style:preserve-3d;transition:transform .18s ease;overflow:visible;cursor:pointer}.card-static{transform-style:preserve-3d}.card-shell-large{width:min(72vw,286px)}.card-frame{position:relative;overflow:visible;border-radius:0;padding:0;background:transparent;border:0;box-shadow:none}.card-art-wrap{position:relative;aspect-ratio:9 / 16;border-radius:0;overflow:hidden;background:transparent;transform-style:preserve-3d}.card-back,.card-frame-image,.card-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.card-back,.card-frame-image{object-fit:cover}.card-art{object-fit:cover;object-position:center;transform:translate3d(calc(var(--parallax-x, 0px) * -1),calc(var(--parallax-y, 0px) * -1),24px) scale(1.11);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center;mask-position:center}.card-art-video{object-fit:cover;background:transparent}.card-back-layer{transform:translate3d(calc(var(--parallax-x, 0px) * .24),calc(var(--parallax-y, 0px) * .24),0)}.card-frame-layer{transform:translate3d(calc(var(--parallax-x, 0px) * .08),calc(var(--parallax-y, 0px) * .08),36px)}.card-frame-image{z-index:3}.card-glow,.card-sheen,.card-caption-shadow{position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center;mask-position:center}.card-glow{background:radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--rarity-color) 18%,transparent),transparent 38%),linear-gradient(180deg,transparent,rgba(255,255,255,.015));z-index:2;opacity:.45}.card-sheen{z-index:2;top:-8%;right:-35%;bottom:-8%;left:-35%;transform:rotate(18deg);background:linear-gradient(90deg,transparent 0%,transparent 35%,rgba(255,255,255,.14) 48%,rgba(255,255,255,.24) 50%,rgba(255,255,255,.14) 52%,transparent 65%,transparent 100%);mix-blend-mode:screen;opacity:.6;animation:sheen 6.5s linear infinite}.card-caption-shadow{z-index:2;background:linear-gradient(180deg,transparent 0%,transparent 58%,rgba(4,7,14,.22) 72%,rgba(4,7,14,.64) 88%,rgba(4,7,14,.82) 100%)}.card-overlay-text{position:absolute;inset:auto 0 0 0;z-index:4;display:flex;justify-content:space-between;align-items:end;gap:12px;padding:32px 28px 28px;background:none}.card-overlay-copy{min-width:0;max-width:68%}.card-overlay-copy h3{margin:0;font-size:.96rem;line-height:1.02;font-weight:800;text-shadow:0 2px 16px rgba(0,0,0,.6)}.card-overlay-copy p{margin:5px 0 0;color:#eff3fbe6;font-size:.74rem;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.5)}.card-overlay-side{display:flex;flex-direction:column;align-items:end;gap:8px;padding-bottom:2px}.card-rarity,.card-badge{min-width:58px;padding:6px 9px;text-align:center;font-size:.68rem;font-weight:600;letter-spacing:.08em;color:var(--cream);border-radius:6px;background:linear-gradient(180deg,#2c3954c2,#192438e0);border:1px solid rgba(240,230,204,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:Segoe UI,sans-serif}.collection-grid .card-overlay-copy{max-width:82%}.collection-grid .card-overlay-text{padding:24px 22px 22px}.collection-grid .card-overlay-copy h3{font-size:.9rem}.collection-grid .card-overlay-side{gap:0}.collection-grid .card-badge{min-width:0;padding:5px 8px}.showcase-row .card-overlay-copy h3{font-size:1.08rem}.showcase-row .card-overlay-copy p{font-size:.84rem}.showcase-row .card-overlay-text{padding:34px 30px 30px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;overflow-y:auto;animation:modalOverlayFade .26s ease;align-content:start}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#f4ecd814,#080f1cc7 60%),#080f1cad;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);animation:modalBackdropFade .3s ease}.card-modal{position:relative;z-index:1;width:min(1040px,100%);padding:28px;border-radius:10px;border:1px solid rgba(232,220,191,.26);background:radial-gradient(circle at 20% 10%,rgba(249,241,221,.08),transparent 22%),linear-gradient(180deg,#405576f0,#22334ef7);box-shadow:0 28px 90px #070f1d61;max-height:none;overflow:visible;animation:modalCardRise .32s cubic-bezier(.2,.82,.24,1)}.card-modal-compact{width:min(920px,100%);padding:24px}.modal-close{position:absolute;top:18px;right:18px;z-index:5;width:42px;height:42px;border:1px solid rgba(238,227,196,.3);border-radius:6px;background:linear-gradient(180deg,#fdf7ed29,#ffffff0a);color:var(--gold-strong);font-size:1.1rem;cursor:pointer;font-family:Segoe UI,sans-serif}.card-modal-grid{display:grid;grid-template-columns:minmax(250px,320px) 1fr;gap:26px;align-items:start;animation:modalContentFade .36s ease}.card-modal-grid-compact{grid-template-columns:minmax(240px,300px) 1fr;gap:22px}.card-modal-actions-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card-modal-actions-two-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.card-modal-art{display:flex;justify-content:center}.card-modal-info h2{margin:8px 0 10px;font-size:clamp(1.7rem,4vw,2.6rem);color:var(--cream)}.card-modal-art,.card-modal-info{animation:modalSectionRise .38s cubic-bezier(.2,.82,.24,1)}.card-modal-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.card-modal-meta span,.card-modal-hint,.card-modal-status{border-radius:8px}.card-modal-meta span{padding:8px 12px;background:linear-gradient(180deg,#fcf7ed1f,#ffffff0a);color:#eef3fa;border:1px solid rgba(236,224,198,.16);font-family:Segoe UI,sans-serif}.card-modal-description{margin:0 0 18px;color:#c9d2e1;line-height:1.6;font-family:Segoe UI,sans-serif}.card-modal-actions{display:grid;gap:12px}.card-modal-actions-row{grid-template-columns:repeat(3,minmax(0,1fr))}.gift-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.action-button{min-width:150px;padding:12px 18px;border:1px solid rgba(238,227,196,.26);border-radius:0;background:linear-gradient(180deg,#fffbf424,#ffffff0a);color:var(--cream);font-weight:500;cursor:pointer;font-family:Segoe UI,sans-serif;clip-path:none}.action-button-small{min-width:0;padding:10px 12px;font-size:.92rem}.action-button.danger{background:linear-gradient(180deg,#f7dfb038,#a4584c29)}.action-button:disabled{opacity:.5;cursor:not-allowed}.modal-select{width:100%}.card-modal-hint{margin:12px 0 0;padding:12px 14px;background:linear-gradient(180deg,#fcf6eb1a,#ffffff08);color:#d2d9e5;border:1px solid rgba(233,221,193,.12);font-family:Segoe UI,sans-serif}.card-modal-hint-soft{padding:0;border:0;background:none;opacity:.72;font-size:.9rem}.card-modal-status{margin:12px 0 0;padding:12px 14px;background:linear-gradient(180deg,#f4e5bc24,#c2d7ec14);color:#f7f3e9;border:1px solid rgba(233,220,191,.16);font-family:Segoe UI,sans-serif}.card-static .card-frame{box-shadow:none}.panel-header-stack,.toolbar{justify-content:space-between}.search-input,.select-input{min-height:46px;padding:0 16px;color:#fff;font-family:Segoe UI,sans-serif;border-radius:0}.search-input{min-width:min(100%,260px)}.search-input::placeholder{color:#e9eff8b8}.select-input{color-scheme:dark}.select-input option{color:#f4f7fb;background:#304563}.filter-row{margin-top:8px}.filter-chip{padding:9px 14px;color:#f3f6fb;cursor:pointer;font-family:Segoe UI,sans-serif;font-weight:500;border-radius:0;clip-path:none}.filter-chip.active{border-color:#ebdbb66b;background:linear-gradient(180deg,#f7efdd38,#e6cd931a);color:#fff2cf}.collection-meta{position:relative;margin-top:18px;padding:18px 0 0}.collection-meta:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(231,218,188,.2) 10%,rgba(231,218,188,.45) 50%,rgba(231,218,188,.2) 90%,transparent 100%)}.reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px}.reveal-overlay-modern{background:radial-gradient(circle at center,var(--reveal-glow, rgba(255, 255, 255, .08)),transparent 42%),radial-gradient(circle at center,rgba(255,255,255,.06),transparent 58%)}.reveal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#f7e8c22e,#162033f0 55%),#101927b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.reveal-white-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffdf8;opacity:0;pointer-events:none}.stage-flash .reveal-white-flash{opacity:1;animation:revealFlash .52s ease forwards}.reveal-core{position:relative;width:min(100%,780px);display:grid;gap:18px;justify-items:center}.reveal-core-modern{min-height:min(100vh,780px);align-content:center}.reveal-copy{text-align:center}.reveal-copy h2{margin:10px 0 6px;font-size:clamp(1.8rem,6vw,3.4rem)}.reveal-copy p{margin:0}.reveal-scene{position:relative;display:grid;place-items:center;min-height:56vh}.reveal-scene-modern{min-height:0;isolation:isolate}.stage-charge .pack-shape{animation:floatPack 2s ease-in-out infinite}.stage-burst .pack-shape{transform:scale(1.08);filter:brightness(1.24);box-shadow:0 0 120px #ffb4635c}.revealed-card{position:absolute;animation:riseCard .7s cubic-bezier(.18,.89,.32,1.28)}.revealed-card-modern{position:relative}.reveal-card-shell{animation:revealCardArrival .72s cubic-bezier(.16,.84,.24,1.18);filter:drop-shadow(0 0 38px var(--reveal-glow, rgba(255, 255, 255, .16)))}.reveal-aura-ring{position:absolute;border-radius:999px;border:1px solid color-mix(in srgb,var(--reveal-accent, #fff) 70%,transparent);opacity:.7;pointer-events:none}.reveal-aura-ring-outer{width:min(72vw,420px);height:min(72vw,420px);box-shadow:0 0 60px var(--reveal-glow, rgba(255, 255, 255, .18));animation:auraPulseOuter 2.4s ease-in-out infinite}.reveal-aura-ring-inner{width:min(58vw,320px);height:min(58vw,320px);animation:auraPulseInner 1.8s ease-in-out infinite}.animated-reveal-card{overflow:hidden;width:min(78vw,320px);border-radius:28px;border:1px solid rgba(239,227,199,.22);background:linear-gradient(180deg,#fcf6ec1a,#283852f0);box-shadow:0 28px 70px #080f1b52}.reveal-video{display:block;width:100%;aspect-ratio:.76;object-fit:cover;background:#08111f}.reveal-video-caption{display:flex;flex-direction:column;gap:6px;padding:14px 16px 18px}.reveal-video-caption span{color:var(--tg-hint);font-family:Segoe UI,sans-serif}.reveal-actions{width:min(100%,300px)}.reveal-copy-modern{text-align:center}.reveal-copy-modern h2{margin:0 0 8px;color:var(--reveal-accent, var(--cream))}.reveal-copy-modern p{margin:0;color:var(--tg-hint)}@keyframes sheen{0%{transform:translate(-135%) rotate(18deg)}to{transform:translate(135%) rotate(18deg)}}@keyframes floatPack{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes riseCard{0%{opacity:0;transform:translateY(60px) scale(.84)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes revealFlash{0%{opacity:1}to{opacity:0}}@keyframes auraPulseOuter{0%,to{transform:scale(.96);opacity:.45}50%{transform:scale(1.06);opacity:.82}}@keyframes auraPulseInner{0%,to{transform:scale(.94);opacity:.34}50%{transform:scale(1.03);opacity:.72}}@keyframes revealCardArrival{0%{opacity:0;transform:translateY(38px) scale(.82)}65%{opacity:1;transform:translateY(-8px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes packScreenDimIn{0%{opacity:0}to{opacity:1}}.reveal-overlay-modern.rarity-n .reveal-backdrop{background:radial-gradient(circle at center,#d7e2f224,#162033f0 55%),#101927b8}.reveal-overlay-modern.rarity-r .reveal-backdrop{background:radial-gradient(circle at center,#7ce6ff29,#102236f0 56%),#0a1725bd}.reveal-overlay-modern.rarity-sr .reveal-backdrop{background:radial-gradient(circle at center,#ff8de72e,#1f1534f0 56%),#120f21c2}.reveal-overlay-modern.rarity-ssr .reveal-backdrop{background:radial-gradient(circle at center,#ffd57d33,#36250ff0 58%),#140f08c2}.gift-sheet{display:grid;gap:14px;padding:14px 16px;border:1px solid rgba(233,220,191,.14);background:linear-gradient(180deg,#f8f4ec14,#f6f1e808)}.gift-sheet-copy strong{display:block;margin-bottom:4px}.gift-sheet-copy p{margin:0}.gift-user-list{display:grid;gap:10px}.gift-user-button{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(233,220,191,.14);background:linear-gradient(180deg,#fffbf41a,#ffffff08);color:var(--cream);cursor:pointer}.gift-user-button span,.gift-user-button em{font-family:Segoe UI,sans-serif;font-style:normal}.gift-user-button em{color:var(--tg-hint)}.gift-user-button-new{border-color:#f5dfa56b;box-shadow:0 0 18px #f5dfa51f}.notifications-layout,.settings-layout{display:grid;gap:18px}.daily-claim-card,.settings-card,.gift-inbox{position:relative;padding:24px;border:1px solid rgba(233,220,191,.16);background:linear-gradient(180deg,#f8f4ec14,#f6f1e805),linear-gradient(180deg,#2b3d5b8a,#1c2b42b8)}.daily-claim-card:before,.settings-card:before,.gift-inbox:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(235,224,197,.08);pointer-events:none}.daily-claim-card h3,.settings-card h3{margin:10px 0;font-size:1.55rem}.daily-claim-card p,.settings-card p,.gift-inbox-empty,.gift-inbox-copy p{margin:0 0 14px;color:var(--tg-hint);line-height:1.65;font-family:Segoe UI,sans-serif}.gift-inbox-list{display:grid;gap:14px}.gift-inbox-card{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:14px;border:1px solid rgba(233,220,191,.12);background:linear-gradient(180deg,#fffbf414,#ffffff05)}.gift-inbox-copy{display:grid;align-content:center;gap:8px}.gift-inbox-copy strong{font-size:1.08rem}.friends-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:24px}.friends-list-panel,.friends-profile-panel{min-width:0}.friends-list{display:grid;gap:12px}.friend-row{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:center;padding:12px;border:1px solid rgba(233,220,191,.16);background:linear-gradient(180deg,#f8f4ec14,#f6f1e805),linear-gradient(180deg,#2b3d5b8a,#1c2b42b8);color:var(--cream);cursor:pointer;text-align:left}.friend-row.active{border-color:#f0e3bf57;box-shadow:0 0 20px #f0d7a21f}.friend-row-avatar{width:86px;display:grid}.friend-row-avatar-fallback{aspect-ratio:9 / 16;display:grid;place-items:center;border:1px solid rgba(233,220,191,.16)}.friend-row-copy{display:grid;gap:6px}.friend-row-copy span{color:var(--tg-hint);font-family:Segoe UI,sans-serif;font-size:.9rem}.friend-collection-hidden{padding:22px 18px;border:1px solid rgba(233,220,191,.14);background:linear-gradient(180deg,#fffbf414,#ffffff05);color:var(--tg-hint);line-height:1.6;font-family:Segoe UI,sans-serif}.profile-set-columns-compact{grid-template-columns:minmax(0,1fr)}.settings-input{margin:8px 0 14px;width:100%}.settings-status{margin:12px 0 0;color:var(--gold-strong);font-family:Segoe UI,sans-serif}.settings-toggle{display:flex;align-items:center;gap:12px;margin-top:8px;color:var(--cream);font-family:Segoe UI,sans-serif}.settings-toggle input{width:18px;height:18px;accent-color:#f1d79a}@keyframes panelSlideIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalBackdropFade{0%{opacity:0}to{opacity:1}}@keyframes modalCardRise{0%{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalContentFade{0%{opacity:0}to{opacity:1}}@keyframes modalSectionRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 940px){.app-layout:has(.detail-panel) .app-main{padding-right:0}.app-layout,.collection-section,.hero-panel,.dashboard-grid,.showcase-row{grid-template-columns:1fr}.side-nav{grid-row:1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;position:sticky;top:0;z-index:15;padding:10px 12px}.side-nav-items{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.side-nav-item{width:100%}.friends-layout{grid-template-columns:1fr;gap:18px}.friends-list-panel{overflow-x:auto;padding-bottom:4px}.friends-list{grid-auto-flow:column;grid-auto-columns:minmax(220px,76vw);overflow-x:auto;padding-bottom:6px}.friend-row{grid-template-columns:72px 1fr;min-height:96px}.friend-row-avatar{width:72px}.friend-profile-hero{grid-template-columns:1fr}.friend-profile-hero .profile-summary{grid-template-columns:96px minmax(0,1fr);gap:14px}.friend-profile-hero .profile-avatar-card,.friend-profile-hero .profile-avatar-placeholder{width:96px}.friend-profile-hero .profile-grid{grid-template-columns:1fr}.friend-profile-hero .showcase-row-hero{grid-template-columns:repeat(3,minmax(0,1fr))}.summon-strip,.card-modal-grid,.gift-panel,.card-modal-actions-row,.card-modal-actions-two-rows,.gift-inbox-card{grid-template-columns:1fr}.card-modal{padding-top:72px;margin:auto 0}.modal-close{top:14px;right:14px}}@media (max-width: 640px){.app-shell{padding:16px 14px 80px}.hero-panel,.panel{padding:18px;border-radius:24px}.hero-panel-minimal{padding:0;border-radius:0}.hero-copy h1{max-width:none;font-size:2.6rem}.search-input,.select-input{width:100%}}.hero-panel:after,.panel:after,.detail-panel:after,.card-modal:after{background:linear-gradient(var(--gold-strong),var(--gold-strong)) top 10px left 10px / 26px 1px no-repeat,linear-gradient(var(--gold-strong),var(--gold-strong)) top 10px left 10px / 1px 26px no-repeat,linear-gradient(var(--gold-strong),var(--gold-strong)) top 10px right 10px / 26px 1px no-repeat,linear-gradient(var(--gold-strong),var(--gold-strong)) top 10px right 10px / 1px 26px no-repeat,linear-gradient(var(--gold-strong),var(--gold-strong)) bottom 10px left 10px / 26px 1px no-repeat,linear-gradient(var(--gold-strong),var(--gold-strong)) bottom 10px left 10px / 1px 26px no-repeat,linear-gradient(var(--gold-strong),var(--gold-strong)) bottom 10px right 10px / 26px 1px no-repeat,linear-gradient(var(--gold-strong),var(--gold-strong)) bottom 10px right 10px / 1px 26px no-repeat;opacity:.88;filter:drop-shadow(0 0 5px rgba(240,215,162,.14))}.hero-panel-profile{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;align-items:start}.hero-profile-main{min-height:100%}.profile-summary{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:20px;align-items:start}.profile-avatar-wrap{display:flex;align-items:stretch}.profile-avatar-card{width:min(100%,210px)}.profile-avatar-placeholder{width:210px;aspect-ratio:9 / 16;display:grid;place-items:center;color:var(--gold-strong);border:1px solid rgba(233,220,191,.16);background:linear-gradient(180deg,#fffaf314,#ffffff05)}.profile-overview{display:grid;gap:14px}.profile-nameplate{color:var(--cream);font-size:1.38rem;font-weight:700;line-height:1.1;padding-top:6px;padding-left:6px}.profile-progress-wrap{display:grid;gap:8px}.profile-set-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:14px;border-top:1px solid rgba(233,220,191,.14)}.set-progress-tile{display:grid;gap:8px;padding:12px;border:1px solid rgba(233,220,191,.12);background:linear-gradient(180deg,#fffaf30a,#ffffff03)}.set-progress-tile span,.set-progress-tile em{color:var(--tg-hint);font-family:Segoe UI,sans-serif;font-style:normal}.set-progress-tile strong{color:var(--cream);font-size:1rem;line-height:1.25}.set-progress-bar{height:7px;background:#f6eedf1a;border:1px solid rgba(232,221,193,.1);overflow:hidden}.set-progress-fill{height:100%;background:linear-gradient(90deg,#dce8f3,#f2d694 55%,#ead0a1)}.showcase-section-hero{min-height:100%}.showcase-row-hero{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.collection-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:4px}.collection-controls-left,.collection-controls-right{display:flex;align-items:center;gap:12px}.collection-controls-left{flex:1 1 auto;min-width:0}.collection-controls-right{flex:0 0 min(100%,320px)}.collection-set-select{min-width:180px}.filter-row-inline{margin-top:0;flex-wrap:wrap}.filter-row-inline .filter-chip{min-height:46px}.collection-controls .search-input,.collection-controls .select-input{min-height:46px;height:46px}.collection-controls .search-input{width:100%}.side-nav-item-rich{width:56px;min-height:56px;padding:8px 6px;display:grid;justify-items:center;align-content:center;gap:0;clip-path:none}.side-nav-glyph{font-size:1.05rem;font-weight:700;letter-spacing:.08em}.side-nav-title{display:none}.side-nav-item-rich.accent-gold{border-color:#ecce8957;background:linear-gradient(180deg,#f8eccc2e,#9b79311f);color:#f8e4b1}.side-nav-item-rich.accent-gold.active{background:linear-gradient(180deg,#fff0cc4d,#c494392e);border-color:#f7e0a285}.pack-view,.utility-view{display:grid;gap:20px}.pack-view{position:relative;isolation:isolate}.pack-hold-screen-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#070d18b8;pointer-events:none;z-index:20;animation:packScreenDimIn 1.5s ease forwards}.pack-view-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:24px;position:relative;z-index:21;align-items:stretch}.pack-side-info,.utility-row{position:relative;padding:24px;border:1px solid rgba(233,220,191,.16);background:linear-gradient(180deg,#f8f4ec14,#f6f1e805),linear-gradient(180deg,#2b3d5b8a,#1c2b42b8)}.pack-altar{position:relative;padding:24px 8px;border:0;background:none;display:grid;align-content:center;justify-items:center;justify-self:stretch}.pack-altar-hold{position:relative;overflow:hidden;min-height:100%;width:100%;display:grid;justify-items:center;align-content:center}.pack-altar-hold:after{display:none}.pack-altar-hold.holding .pack-object-art,.pack-altar-hold.opening .pack-object-art{filter:brightness(calc(1 + (var(--hold-progress, 0) * .22)))}.pack-altar-hold.holding .pack-altar-copy,.pack-altar-hold.opening .pack-altar-copy{transform:scale(calc(1 + (var(--hold-progress, 0) * .015)))}.pack-side-info:before,.utility-row:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(235,224,197,.08);pointer-events:none}.summon-strip-hold{grid-template-columns:1fr;justify-items:center;width:100%}.pack-side-info .showcase-row,.showcase-row-side{grid-template-columns:repeat(3,minmax(0,1fr))}.pack-set-progress-list{display:grid;gap:14px}.pack-set-progress-row{display:grid;gap:8px}.pack-set-progress-copy{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pack-set-progress-copy strong{color:var(--cream);font-size:1.02rem}.pack-set-progress-copy span{color:var(--tg-hint);font-family:Segoe UI,sans-serif}.summon-strip-single{grid-template-columns:minmax(220px,320px) minmax(220px,280px)}.section-heading-compact{margin-bottom:14px}.utility-feed{display:grid;gap:16px}.utility-row strong{display:block;margin-bottom:10px;color:var(--cream);font-size:1.2rem}.utility-row p{margin:0;color:var(--tg-hint);line-height:1.7;font-family:Segoe UI,sans-serif}.card-entry{animation:riseInSoft .82s cubic-bezier(.2,.8,.2,1) both}.view-enter{animation:riseInSoft .7s cubic-bezier(.2,.8,.2,1) both}.view-enter-delay-1{animation-delay:.12s}.primary-button-gold{background:linear-gradient(180deg,#fff7e9,#e8d2a0 58%,#cda05d)}@keyframes riseInSoft{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.hero-panel-profile,.pack-view-grid{grid-template-columns:1fr}.showcase-row-hero,.showcase-row-side{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 940px){.profile-summary,.collection-controls,.collection-controls-left,.collection-controls-right,.summon-strip-single{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.profile-summary{grid-template-columns:150px minmax(0,1fr);align-items:start}.profile-summary .profile-nameplate,.profile-summary .profile-progress-wrap,.profile-summary .profile-set-columns{grid-column:1 / -1}.profile-avatar-wrap{grid-column:1;grid-row:2}.profile-avatar-card,.profile-avatar-placeholder{width:min(100%,150px)}.profile-overview{display:contents}.profile-grid{grid-column:2;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"level tickets" "collection collection" "ssr ssr"}.hero-panel-profile:not(.friend-profile-hero) .profile-grid>:nth-child(1){grid-area:level}.hero-panel-profile:not(.friend-profile-hero) .profile-grid>:nth-child(2){grid-area:tickets}.hero-panel-profile:not(.friend-profile-hero) .profile-grid>:nth-child(3){grid-area:collection}.hero-panel-profile:not(.friend-profile-hero) .profile-grid>:nth-child(4){grid-area:ssr}.hero-panel-profile:not(.friend-profile-hero) .stat-tile{min-width:0;padding:12px}.hero-panel-profile:not(.friend-profile-hero) .stat-tile span{font-size:.8rem}.profile-progress-wrap{grid-row:3}.profile-set-columns{grid-row:4}.hero-panel-profile{grid-template-columns:1fr}.side-nav-item-rich{width:100%;min-height:44px;padding:8px 6px}.showcase-row-hero .card-overlay-copy{display:none}.showcase-row-hero .card-overlay-text{padding:18px 16px 16px;justify-content:flex-end}.showcase-row-hero .card-overlay-side{width:100%}}