.pocket-opening{z-index:1000;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;color:#3c4261;background:radial-gradient(at 15% 25%,#fff9df 0,#0000 48%),radial-gradient(at 85% 52%,#eddaff 0,#0000 52%),linear-gradient(160deg,#e0f5f6,#f9f7fc 60%,#dde9fa);height:100dvh;font-family:system-ui,PingFang SC,sans-serif;position:fixed;inset:0;overflow:hidden}.pocket-canvas,.pocket-canvas canvas,.pocket-vignette,.pocket-interaction{width:100%;height:100%;position:absolute;inset:0}.pocket-canvas canvas{display:block}.pocket-vignette{pointer-events:none;background:radial-gradient(#0000 30%,#fff9 100%)}.pocket-opening button,.pocket-launch{appearance:none;color:#3e4668;min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation;background:linear-gradient(#fff,#e3e8f5);border:1px solid #fff;border-radius:999px;padding:10px 22px;font-weight:700;box-shadow:0 4px #b5bfd34d,0 8px 22px #7184a51c}.pocket-opening button:active{transform:translateY(2px);box-shadow:0 1px #b5bfd3}.pocket-opening button:disabled{opacity:.5;cursor:default}.pocket-opening button:focus-visible{outline-offset:4px;outline:3px solid #7764b4}.pocket-top{top:max(16px, env(safe-area-inset-top));z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;left:20px;right:20px}.pocket-top>span{letter-spacing:3px;color:#626884;font-size:11px;font-weight:700}.pocket-top button{width:44px;padding:0;font-size:26px}.pocket-title{top:calc(env(safe-area-inset-top) + 64px);text-align:center;pointer-events:none;position:absolute;left:12px;right:12px}.pocket-title h1{letter-spacing:4px;margin:10px 0;font-size:30px}.pocket-title h2{margin:10px 0;font-size:22px}.pocket-title small{letter-spacing:2px;color:#686d85;font-size:12px}.pocket-title p{letter-spacing:2px;margin:8px 0;font-size:14px}.pocket-bottom{bottom:max(28px, env(safe-area-inset-bottom));text-align:center;position:absolute;left:20px;right:20px}.pocket-bottom p{letter-spacing:1px;color:#666c84;margin:16px 0 0;font-size:12px}.pocket-bottom strong{font-size:18px}.pocket-bottom h2{font-size:20px}.pocket-bottom small{font-size:10px}.pocket-toggle{background:#bdc5da4d;border-radius:40px;width:170px;margin:0 auto 22px;padding:4px;display:flex;box-shadow:inset 0 2px 4px #828eaa1c}.pocket-toggle button{min-height:36px;box-shadow:none;background:0 0;border:0;padding:7px 24px;font-size:14px}.pocket-toggle button[aria-pressed=true]{color:#5f4a99;background:#fff;box-shadow:0 3px 8px #7f89a331}.pocket-opening .pocket-primary{color:#605025;letter-spacing:2px;background:linear-gradient(155deg,#fff8df,#edc66b);border:1px solid #fff7da;min-width:230px;min-height:54px;font-size:17px;box-shadow:0 5px #b69b6055,0 12px 35px #b99c4f30}.pocket-primary span{margin-left:24px}.pocket-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.pocket-actions button{font-size:13px}.pocket-arrow{color:#a48a48;letter-spacing:3px!important;font-size:24px!important}.pocket-tear .pocket-title{top:20%}.pocket-price{color:#8b671c;text-shadow:0 2px #fff,0 0 20px #f4d68d;margin:10px 0;font-size:30px;font-weight:800}.pocket-stack .pocket-title{top:13%}.pocket-stack .pocket-bottom{bottom:max(38px, env(safe-area-inset-bottom))}.pocket-results{inset:11% 24px max(20px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:12px;max-width:430px;margin:auto;display:flex;position:absolute}.pocket-results h1{letter-spacing:5px;margin:0;font-size:26px}.pocket-results>p{color:#626884;margin:0;font-size:11px}.pocket-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;width:100%;max-height:46dvh;display:grid}.pocket-result-card{filter:drop-shadow(0 5px 7px #72749c30);flex-direction:column;align-items:center;min-width:0;animation:.3s ease-out both pocket-arrive;display:flex;position:relative}.pocket-result-card img{aspect-ratio:63/88;object-fit:contain;background:#f8f6ff;border-radius:6px;width:100%;height:100%;max-height:18dvh}.pocket-result-card>span{color:#805d1a;margin-top:3px;font-size:12px;font-weight:700}.pocket-new{letter-spacing:1px;color:#fff;background:#d43e8c;border-radius:3px;padding:3px 8px;font-size:10px;position:absolute;top:6px;left:-4px;transform:rotate(-8deg);box-shadow:0 2px 7px #9f246b30}.pocket-results .pack-value{background:#ffffff80;border:1px solid #fff;border-radius:20px;width:100%;max-width:360px;margin:0;padding:10px 16px;box-shadow:0 6px 24px #9c9eb91a}.pocket-results .pv-row{justify-content:space-between;font-size:12px;display:flex}.pocket-results .pv-net{text-align:center;font-size:25px}.pocket-results .profit .pv-net{color:#237c60}.pocket-results .loss .pv-net{color:#b33d62}.pocket-results .pv-rate{text-align:center;font-size:12px}.pocket-results .profit-burst{display:none}.pocket-results .pocket-primary{flex-shrink:0}.pocket-mini-dex{grid-template-columns:repeat(9,1fr);gap:4px;max-width:310px;margin:12px auto;display:grid}.pocket-mini-dex>div{aspect-ratio:63/88;background:#b8bdd52e;border:1px solid #fff9;border-radius:3px;place-items:center;display:grid;overflow:hidden}.pocket-mini-dex span{color:#747b98;font-size:7px}.pocket-mini-dex img{object-fit:contain;width:100%;height:100%}.pocket-register .pocket-title{top:12%}.pocket-error{z-index:9;text-align:center;color:#a42f57;background:#fff0f4ed;border-radius:20px;padding:12px;font-size:13px;position:absolute;bottom:22%;left:20px;right:20px}.pocket-flash{pointer-events:none;background:#fff;animation:.2s ease-out forwards pocket-flash;position:absolute;inset:0}.pocket-launch{margin:40px auto;display:block}@keyframes pocket-flash{0%{opacity:1}to{opacity:0}}@keyframes pocket-arrive{0%{opacity:0;transform:translateY(14px)scale(.94)}to{opacity:1;transform:none}}@media (width>=700px){.pocket-title{top:12%}.pocket-bottom{bottom:5%}.pocket-results{max-width:390px}.pocket-result-card img{max-height:20dvh}}@media (height<=700px){.pocket-title{top:12%}.pocket-title h1{font-size:24px}.pocket-bottom{bottom:18px}.pocket-toggle{margin-bottom:12px}.pocket-results{gap:8px;inset:10% 24px 12px}.pocket-results h1{font-size:22px}.pocket-results .pack-value{padding:6px 12px}.pocket-results .pv-net{font-size:20px}.pocket-stack .pocket-bottom{bottom:18px}.pocket-stack .pocket-title{top:11%}.pocket-price{font-size:24px}}@media (prefers-reduced-motion:reduce){.pocket-opening *{transition-duration:80ms!important;animation-duration:80ms!important}}:root{color:var(--ink);background:var(--canvas);font-synthesis:none;--canvas:oklch(100% 0 0);--tint:oklch(96% .025 45);--primary:oklch(49% .14 45);--ink:oklch(22% .01 45);--muted:oklch(44% .01 45);--line:oklch(87% 0 0);--surface:oklch(97% 0 0);--accent:oklch(90% .07 160);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{background:0 0;border:0}button:disabled,select:disabled,input:disabled{cursor:wait;opacity:.6}button,a,select{border-radius:8px}:focus-visible{outline:3px solid var(--primary);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{color:var(--muted);text-wrap:pretty}h2{letter-spacing:-.02em;font-size:21px;font-weight:600}h3{font-size:16px;font-weight:600}svg{vertical-align:middle;flex-shrink:0}.skip-link{z-index:60;color:oklch(100% 0 0);background:var(--primary);padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.sidebar{border-right:1px solid var(--line);background:var(--canvas);z-index:20;flex-direction:column;width:232px;padding:32px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.03em;align-items:center;gap:12px;padding:4px;font-size:14px;font-weight:650;display:flex}.brand small{letter-spacing:.04em;color:var(--muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.brand-mark{width:40px;height:44px;color:var(--primary);background:var(--tint);border-radius:12px;place-items:center;display:grid}.sidebar nav{flex-direction:column;gap:8px;margin-top:52px;display:flex}.sidebar nav a{min-height:48px;color:var(--muted);align-items:center;gap:16px;padding:10px 16px;font-size:15px;transition:background .16s;display:flex}.sidebar nav a:hover{background:var(--surface);color:var(--ink)}.sidebar nav a[aria-current]{background:var(--tint);color:var(--primary);font-weight:600}.nav-dot{background:currentColor;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:12px;margin-top:auto;padding:16px 10px 0;font-size:12px;display:flex}.sidebar-bottom small{font-size:11px;display:block}.workspace{margin-left:232px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;height:84px;padding:0 48px;font-size:12px;display:flex}.breadcrumb{color:var(--muted);gap:16px;display:flex}.breadcrumb>span{color:var(--line)}.preview-label{color:var(--muted);align-items:center;gap:7px;display:flex}.preview-label>span{background:var(--primary);border-radius:50%;width:6px;height:6px}main{outline:none;max-width:1216px;margin:0 auto;padding:48px 48px 0}.welcome{grid-template-columns:1fr 1.1fr;align-items:center;gap:24px;min-height:398px;display:grid}.welcome-copy{padding:8px 0 28px}.tag{color:var(--primary);background:var(--tint);border-radius:6px;align-items:center;gap:7px;padding:5px 10px;font-size:11px;font-weight:500;display:inline-flex}.tag.subtle{letter-spacing:.08em;background:0 0;padding:0;font-size:12px}.welcome h1{letter-spacing:-.035em;margin:20px 0 16px;font-size:40px;font-weight:600;line-height:1.4}.welcome p{font-size:15px;line-height:1.9}.actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;display:flex}.primary{background:var(--primary);color:oklch(100% 0 0);justify-content:center;align-items:center;gap:16px;min-height:46px;padding:10px 20px;font-size:14px;font-weight:550;transition:background .18s;display:inline-flex}.primary:hover{background:oklch(42% .13 45)}.text-button{min-height:44px;color:var(--muted);align-items:center;gap:10px;padding:8px 4px;font-size:13px;display:inline-flex}.text-button:hover{color:var(--primary)}.welcome-footnote{color:var(--muted);margin-top:22px;font-size:11px;display:block}.card-stage{isolation:isolate;background:radial-gradient(ellipse at center, var(--tint), var(--canvas) 65%);height:370px;position:relative}.stage-orbit{z-index:-1;border:1px solid oklch(89% .025 45);border-radius:50%;width:330px;height:250px;position:absolute;top:60px;left:calc(50% - 165px);transform:rotate(-20deg)}.stage-card{filter:drop-shadow(0 12px 10px oklch(22% .01 45/.1));width:164px;position:absolute;top:36px;left:calc(50% - 82px)}.stage-card .card-face{border-width:5px}.left-card{transform:translate(-94px,28px)rotate(-17deg)}.right-card{transform:translate(100px,25px)rotate(16deg)}.front-card{transform:translateY(9px)rotate(-3deg)}.stage-label{text-align:center;color:var(--muted);letter-spacing:.1em;font-size:11px;position:absolute;bottom:30px;left:0;right:0}.card-face{aspect-ratio:5/7;color:oklch(22% .03 150);background:oklch(87% .07 145);border:7px solid oklch(98% .015 65);border-radius:12px;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.card-top{z-index:1;justify-content:space-between;align-items:center;padding:9px 11px 2px;font-size:9px;font-weight:600;display:flex;position:relative}.card-face img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-bottom{z-index:1;background:oklch(100% 0 0/.88);flex-direction:column;gap:5px;margin-top:auto;padding:13px 11px 10px;display:flex;position:relative}.card-bottom strong{letter-spacing:.05em;font-size:16px;font-weight:600}.card-bottom span{letter-spacing:.12em;font-size:8px}.tide{color:oklch(25% .05 235)}.orbit{color:oklch(30% .05 310)}.foil{pointer-events:none;mix-blend-mode:screen;opacity:0;background:linear-gradient(115deg,#0000 15%,oklch(100% 0 0/.4) 36%,#0000 55%);transition:opacity .2s;position:absolute;inset:0}.card-tile:hover .foil,.flip-card:hover .foil{opacity:1}.collection-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:18px;margin:16px 0 40px;padding:24px 0;display:flex}.strip-symbol{background:var(--surface);width:58px;height:58px;color:var(--muted);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.collection-strip h2{margin-bottom:4px;font-size:16px}.collection-strip p{font-size:12px}.collection-strip .text-button{white-space:nowrap;margin-left:auto}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-heading p{margin-top:6px;font-size:13px}.section-meta{color:var(--muted);font-size:11px}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.card-tile{text-align:left;background:var(--surface);border-radius:12px;padding:0;transition:transform .2s}.card-tile>.card-face{width:min(100% - 44px,200px);margin:24px auto}.card-tile:hover{transform:translateY(-4px)}.tile-caption{background:var(--surface);border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;display:flex}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:56px;padding:28px 0;font-size:11px;display:flex}.footer .text-button{font-size:11px}.page-heading{margin:10px 0 36px}.page-heading h1{letter-spacing:-.025em;margin-bottom:10px;font-size:30px;font-weight:600}.page-heading p{font-size:14px}.pack-feature{background:var(--surface);border-radius:16px;grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-bottom:48px;padding:44px;display:grid}.pack-object{color:oklch(100% 0 0);background:oklch(40% .055 150);border-radius:3px;flex-direction:column;align-items:center;width:202px;min-height:310px;margin:0 auto;padding:24px 20px;display:flex;position:relative;transform:rotate(-5deg);box-shadow:8px 8px oklch(30% .025 150/.18)}.pack-object>span:first-child{letter-spacing:.24em;font-size:10px}.pack-object strong{letter-spacing:.14em;font-size:24px}.pack-object small{margin-top:16px;font-size:10px}.pack-emblem{width:118px;height:118px;color:var(--accent);border:1px solid oklch(90% .07 160/.5);border-radius:50%;place-items:center;margin:24px 0 12px;display:grid}.pack-seal{background:oklch(100% 0 0/.3);height:1px;position:absolute;top:9px;left:0;right:0}.pack-copy h2{margin:14px 0 10px;font-size:28px}.pack-copy p{font-size:13px}dl{margin:20px 0;font-size:12px}dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:8px 0;display:flex}dt{color:var(--muted);flex-shrink:0}dd{text-align:right;margin:0}.hint,.pack-copy .hint{margin-top:16px;font-size:11px;line-height:1.8}.empty-state{text-align:center;background:var(--surface);border-radius:16px;padding:64px 20px}.empty-state>svg{color:var(--primary);margin-bottom:20px}.empty-state h2{font-size:21px}.empty-state p{margin:14px 0 24px;font-size:13px}.quiet-row{align-items:center;gap:10px;margin:24px 0;display:flex}.quiet-row p{font-size:12px}.album{background:var(--surface);border-radius:16px;padding:32px}.album-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.album-heading h2{margin:12px 0 4px}.album-heading p,.album-heading>span{color:var(--muted);font-size:12px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.album-slot{aspect-ratio:5/7;background:var(--canvas);color:var(--muted);border:1px dashed oklch(72% 0 0);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.album-slot:hover{border-color:var(--primary);color:var(--primary)}.album-slot>span{font-size:18px}.album-slot>small{font-size:11px}.album-footer{color:var(--muted);align-items:center;gap:8px;margin-top:24px;font-size:11px;display:flex}.achievement-intro{background:var(--surface);border-radius:16px;align-items:center;gap:22px;padding:32px;display:flex}.achievement-intro>svg{color:var(--primary)}.achievement-intro h2{font-size:20px}.achievement-intro p{margin-top:8px;font-size:13px}.milestones{margin-top:24px}.milestone{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:28px 8px;display:flex}.milestone>svg{color:var(--muted)}.milestone p{margin-top:5px;font-size:13px}.milestone .tag{white-space:nowrap;margin-left:auto}.tag.neutral{background:var(--surface);color:var(--muted)}.settings-section{border-top:1px solid var(--line);padding:28px 0}.settings-section h2{margin-bottom:20px}.setting-row{justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.setting-row label strong,.setting-row label span{display:block}.setting-row label strong{font-size:14px;font-weight:550}.setting-row label span{color:var(--muted);margin-top:4px;font-size:12px}.setting-row input{width:44px;height:44px;accent-color:var(--primary);flex-shrink:0}.setting-row select{border:1px solid var(--line);min-width:100px;min-height:44px;color:var(--ink);background:var(--canvas);padding:8px 12px}.save-status{min-height:24px;color:var(--primary);font-size:12px}.about-row{align-items:flex-start;gap:18px;margin-top:24px;display:flex}.about-row>svg{color:var(--primary)}.about-row p{max-width:65ch;margin-top:6px;font-size:13px}.card-dialog{width:min(800px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:var(--canvas);border:0;border-radius:16px;padding:52px 36px 36px;overflow-y:auto}.card-dialog::backdrop{background:oklch(15% 0 0/.6)}.detail-layout{grid-template-columns:.8fr 1fr;align-items:center;gap:36px;display:grid}.icon-button{background:var(--surface);place-items:center;width:44px;height:44px;display:grid}.close{position:absolute;top:12px;right:12px}.detail-layout h2{margin:16px 0 10px;font-size:28px}.detail-layout p{font-size:13px}.flip-card{width:100%;padding:0;transition:transform .24s}.flip-card:active{transform:rotateY(12deg)}.card-back{aspect-ratio:5/7;color:oklch(100% 0 0);background:oklch(33% .04 150);border:7px solid oklch(98% .015 65);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.card-back small{font-size:10px}.network-note,.update-note{background:var(--tint);flex-wrap:wrap;gap:16px;padding:12px 32px;font-size:13px;display:flex}.update-note button{min-height:44px;text-decoration:underline}[data-quality=battery] .foil{display:none}[data-quality=balanced] .foil{mix-blend-mode:normal}[data-motion=reduced] *,[data-motion=reduced] :before,[data-motion=reduced] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}[data-motion=reduced] .card-tile:hover,[data-motion=reduced] .flip-card:active{transform:none}@media (width>=1600px){main{padding-top:64px}.welcome{min-height:450px}}@media (width<=1100px){.sidebar{width:196px;padding-inline:14px}.workspace{margin-left:196px}.brand{gap:9px;font-size:14px}.brand small{font-size:10px}main{padding:36px 28px 0}.topbar{padding-inline:28px}.welcome h1{font-size:34px}.stage-card{width:140px;top:62px;left:calc(50% - 70px)}.left-card{transform:translate(-64px,24px)rotate(-17deg)}.right-card{transform:translate(70px,24px)rotate(16deg)}.demo-grid{gap:16px}.card-tile>.card-face{width:calc(100% - 28px);margin-block:20px}.card-bottom strong{font-size:14px}.pack-feature{gap:32px;padding:32px 24px}}@media (width<=760px){.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:76px;padding:16px 20px;position:static}.brand{width:fit-content;padding:0;font-size:14px}.brand small{display:none}.brand-mark{width:36px;height:40px}.sidebar nav{background:var(--canvas);border-top:1px solid var(--line);padding:8px 8px max(8px, env(safe-area-inset-bottom));z-index:20;flex-direction:row;gap:0;margin:0;position:fixed;bottom:0;left:0;right:0}.sidebar nav a{flex-direction:column;flex:1;gap:3px;min-width:0;min-height:50px;padding:6px 2px;font-size:11px}.sidebar nav .home-link,.nav-dot,.sidebar-bottom{display:none}.workspace{margin-left:0}.topbar{border:0;height:40px;padding:0;position:absolute;top:18px;right:16px}.breadcrumb{display:none}.preview-label{font-size:10px}main{padding:24px 20px 82px}.welcome{grid-template-columns:1fr 1fr;gap:0;min-height:340px}.welcome-copy{z-index:1;padding:8px 0;position:relative}.welcome h1{margin-top:16px;font-size:30px}.welcome p{font-size:13px}.welcome .tag{letter-spacing:0;font-size:10px}.welcome .actions{gap:8px;margin-top:22px}.welcome .actions .text-button{display:none}.primary{gap:12px;padding-inline:16px}.card-stage{height:320px}.stage-card{width:113px;top:60px;left:calc(50% - 56px)}.left-card{transform:translate(-32px,15px)rotate(-15deg)}.right-card{transform:translate(30px,20px)rotate(15deg)}.front-card{transform:translateY(8px)rotate(-3deg)}.stage-orbit{width:180px;height:180px;top:60px;left:calc(50% - 90px)}.stage-card .card-top{padding:6px;font-size:6px}.stage-card .card-top svg{width:9px}.stage-card .card-bottom{padding:8px 5px}.stage-card .card-bottom strong{font-size:11px}.stage-card .card-bottom span{font-size:6px}.stage-label{display:none}.collection-strip{flex-wrap:wrap;gap:14px;margin:12px 0 32px;padding:22px 0}.strip-symbol{width:44px;height:48px}.collection-strip>div:nth-child(2){flex:1}.collection-strip h2{font-size:14px}.collection-strip p{font-size:11px}.collection-strip .text-button{min-height:30px;margin-left:58px;padding:0;font-size:12px}.section-heading{align-items:flex-start;margin-bottom:18px}.section-heading h2{font-size:20px}.section-heading p{font-size:12px}.section-meta{display:none}.demo-grid{gap:10px}.card-tile>.card-face{border-width:3px;border-radius:7px;width:calc(100% - 16px);margin:12px auto}.card-tile .card-top{padding:5px 4px;font-size:6px}.card-tile .card-top svg{width:8px}.card-tile .card-bottom{gap:3px;padding:8px 4px}.card-tile .card-bottom strong{font-size:10px}.card-tile .card-bottom span{font-size:6px}.tile-caption{justify-content:center;padding:12px 4px;font-size:10px}.tile-caption>svg{display:none}.page-heading{margin-top:8px;margin-bottom:28px}.page-heading h1{font-size:27px}.page-heading p{font-size:13px}.footer{flex-wrap:wrap;gap:8px;margin-top:36px;padding:20px 0;font-size:10px}.footer>span:nth-child(2){display:none}.pack-feature{grid-template-columns:1fr;gap:40px;padding:32px 24px}.pack-object{width:180px;min-height:285px}.pack-copy h2{font-size:26px}.pack-copy .primary{width:100%}.album{padding:24px 16px}.album-heading{align-items:flex-start}.album-heading>span{font-size:10px}.album-heading p{font-size:11px}.album-grid{gap:10px}.album-slot{border-radius:8px;gap:6px}.album-slot>svg{width:20px}.album-slot>span{font-size:14px}.album-slot>small{font-size:9px}.album-footer{font-size:10px}.achievement-intro{align-items:flex-start;gap:16px;padding:24px 20px}.achievement-intro h2{font-size:17px}.milestone{gap:14px;padding:24px 0}.milestone p{font-size:11px}.empty-state{padding-block:48px}.empty-state h2{font-size:20px}.setting-row{gap:16px}.setting-row label span{font-size:11px}.detail-layout{grid-template-columns:1fr;gap:28px}.flip-card{max-width:200px;margin:0 auto}.card-dialog{padding:60px 24px 28px}.detail-layout h2{font-size:26px}}@media (width<=360px){main,.sidebar{padding-inline:16px}.welcome h1{font-size:27px}.stage-card{width:98px;top:80px;left:calc(50% - 49px)}.left-card{transform:translate(-20px,15px)rotate(-12deg)}.right-card{transform:translate(20px,20px)rotate(12deg)}.stage-orbit{width:140px;left:calc(50% - 70px)}.welcome .primary{gap:6px;padding-inline:12px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.card-tile:hover,.flip-card:active{transform:none}}@media (width<=360px){.preview-label{display:none}}@media (width<=760px){.welcome{grid-template-columns:minmax(0,1fr);gap:8px}.welcome-copy{padding-bottom:0}.welcome h1{font-size:32px}.welcome p br{display:none}.card-stage{height:270px}.stage-card{width:148px;top:12px;left:calc(50% - 74px)}.left-card{transform:translate(-62px,28px)rotate(-17deg)}.right-card{transform:translate(62px,28px)rotate(16deg)}.front-card{transform:translateY(8px)rotate(-3deg)}.stage-orbit{width:240px;height:180px;top:28px;left:calc(50% - 120px)}.collection-strip{grid-template-columns:44px minmax(0,1fr);display:grid}.collection-strip .text-button{grid-column:2;justify-self:start;margin-left:0}}@media (width<=360px){.welcome h1{font-size:29px}.stage-card{width:132px;left:calc(50% - 66px)}.left-card{transform:translate(-48px,28px)rotate(-17deg)}.right-card{transform:translate(48px,28px)rotate(16deg)}}.segmented{background:var(--surface);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.segmented button{min-height:44px;color:var(--muted);padding:8px 16px}.segmented button[aria-pressed=true]{background:var(--canvas);color:var(--primary)}.collection-picker{margin-bottom:28px}.fixture-note{color:var(--primary);align-items:flex-start;gap:12px;padding-block:16px;display:flex}.fixture-note p{max-width:65ch;font-size:14px}.catalog-toolbar{align-items:center;gap:12px;margin-block:16px;display:flex}.catalog-search{border:1px solid var(--line);min-width:0;color:var(--muted);border-radius:8px;flex:1;align-items:center;gap:12px;padding-inline:16px;display:flex}.catalog-search:focus-within{outline:3px solid var(--primary);outline-offset:3px}.catalog-search input{width:100%;min-width:0;min-height:50px;color:var(--ink);background:0 0;border:0;outline:0}.catalog-search input::placeholder{color:var(--muted);opacity:1}.view-picker button{place-items:center;min-width:44px;padding-inline:12px;display:grid}.catalog-themes{flex-wrap:wrap;gap:8px;display:flex}.catalog-themes button,.album-toggle{border:1px solid var(--line);min-height:44px;padding:8px 16px;font-size:14px}.catalog-themes button[aria-pressed=true],.album-toggle[aria-pressed=true]{border-color:var(--primary);color:var(--primary);background:var(--tint)}.catalog-summary{justify-content:space-between;align-items:center;gap:8px;min-height:64px;margin-bottom:12px;font-size:13px;display:flex}.catalog-empty{text-align:center;background:var(--surface);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:48px 16px;display:flex}.catalog-empty p{font-size:14px}.catalog-list{flex-direction:column;gap:0;display:flex}.catalog-list .card-tile{border-bottom:1px solid var(--line);text-align:left;background:0 0;border-radius:0;align-items:center;gap:20px;padding:16px 4px;display:flex;transform:none}.catalog-list .card-tile>.card-face{width:76px;min-width:76px;margin:0}.catalog-list .card-top{padding:4px;font-size:5px}.catalog-list .card-top svg{width:7px}.catalog-list .card-bottom{padding:4px}.catalog-list .card-bottom strong{font-size:7px}.catalog-list .card-bottom>span{font-size:5px}.catalog-list .tile-caption{background:0 0;flex:1;gap:12px;padding:0}.catalog-list .tile-caption small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.album-controls{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.album-grid .album-populated{border-style:solid;padding:8px}.album-populated .card-face{width:100%}@media (width<=520px){.catalog-toolbar{flex-wrap:wrap}.catalog-search{flex-basis:100%}.view-picker{margin-left:auto}.album-heading{flex-direction:column;align-items:flex-start;gap:16px}.album-controls{flex-flow:wrap;justify-content:space-between;align-items:center;width:100%}.album-grid .album-populated{padding:3px}.catalog-list .tile-caption>svg{display:block}.album-grid:has(.album-populated){grid-template-columns:repeat(2,minmax(0,1fr))}.album-populated .card-face{border-width:3px}.album-populated .card-top{padding:6px;font-size:8px}.album-populated .card-bottom{padding:8px}.album-populated .card-bottom strong{font-size:12px}.album-populated .card-bottom>span{font-size:8px}}@media (width<=380px){.catalog-themes button{flex:calc(50% - 4px)}}.provider-state{gap:24px;max-width:680px;margin:12vh auto;padding:24px;display:grid}.asset-note{color:var(--muted);background:var(--surface);padding:4px 8px;font-size:10px;display:block}.detail-layout dd{overflow-wrap:anywhere}.test-opening{border:1px solid var(--line);border-radius:16px;gap:16px;margin-block:32px;padding:24px;display:grid}.test-opening summary{cursor:pointer;min-height:44px;padding-block:12px}.test-opening p{overflow-wrap:anywhere}.opening-actions,.opening-actions label{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.opening-actions select{max-width:100%;min-height:44px}.opening-result{gap:16px;display:grid}.opening-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.opening-position{align-content:start;gap:8px;min-width:0;display:grid}.opening-position>.card-back{aspect-ratio:5/7;width:100%;min-height:0}.opening-position>small{color:var(--muted)}.opening-history{padding-left:0;list-style:none}.opening-history button{text-align:left;min-height:44px}@media (width<=520px){.test-opening{padding:16px}.opening-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.opening-actions{flex-direction:column;align-items:stretch}}.pack-experience{background:var(--surface);border-radius:12px;justify-items:center;gap:16px;padding:24px 8px;display:grid}.interactive-pack{aspect-ratio:3/4;width:180px;color:var(--primary);border:2px solid var(--primary);border-top:12px dashed var(--primary);transform:rotate(calc(var(--tear,0) * 4deg));background:oklch(94% .04 45);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;transition:transform .15s;display:flex}.pack-experience label{text-align:center;gap:12px;display:grid}.pack-experience input{max-width:100%;min-height:44px;accent-color:var(--primary)}[data-motion=reduced] .interactive-pack{transition:none;transform:none}@media (prefers-reduced-motion:reduce){.interactive-pack{transform:none}}.test-collection{gap:20px;margin-block:32px;display:grid}.test-collection input,.test-collection select{max-width:100%;min-height:44px}.test-collection button{min-height:44px}.test-holding{gap:12px;min-width:0;display:grid}.test-holding .opening-actions{gap:4px}.test-holding .opening-actions button{border:1px solid var(--line);padding:8px}.test-album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.test-album-slot{gap:12px;min-width:0;display:grid}.test-album-slot>.card-back{aspect-ratio:5/7;width:100%;min-height:0}.test-album-slot label{gap:8px;display:grid}.collection-picker{flex-wrap:wrap}@media (width<=520px){.test-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.test-backup{gap:16px;display:grid}.test-backup input[type=file]{max-width:100%;min-height:44px}.backup-preview{background:var(--surface);border-radius:12px;gap:12px;padding:20px;display:grid}.effect-stage{align-self:start;min-width:0}.effect-surface{transform-origin:50%;touch-action:pan-y;border-radius:12px;position:relative}.effect-surface .flip-card{display:block}.effect-surface .flip-card:active{transform:none}.effect-surface .foil{display:none}.effect-light{pointer-events:none;opacity:.16;background:radial-gradient(circle at var(--light-x,40%) var(--light-y,30%), oklch(100% 0 0/.7), transparent 55%);border-radius:12px;position:absolute;inset:0}.effect-surface[data-effect=none] .effect-light,.effect-surface[data-light=off] .effect-light{display:none}.effect-surface[data-effect=rainbow] .effect-light{background:linear-gradient(125deg,oklch(80% .15 20/.7),oklch(90% .13 100/.4),oklch(80% .13 180/.5),oklch(70% .15 290/.6)) 0 0/200% 200%;background-position:var(--light-x,50%) var(--light-y,50%)}.effect-surface[data-effect=metallic] .effect-light{background:linear-gradient(115deg,#0000 10%,oklch(85% .14 85/.6) 35%,oklch(100% 0 0/.8) 45%,#0000 65%) 0 0/200% 100%;background-position:var(--light-x,50%) center}.effect-surface[data-effect=edge] .effect-light,.effect-surface[data-effect=special] .effect-light{opacity:.45;background:0 0;box-shadow:inset 0 0 0 2px oklch(90% .1 160),0 0 16px oklch(80% .1 160/.4)}.effect-sparks{pointer-events:none;color:oklch(98% .04 85);opacity:0;place-content:center;font-size:32px;animation:.7s ease-out card-spark-arrival;display:grid;position:absolute;inset:0}@keyframes card-spark-arrival{0%{opacity:0;transform:scale(.85)}35%{opacity:.65}to{opacity:0;transform:scale(1.1)}}.effect-picker{gap:8px;margin-top:16px;font-size:14px;display:grid}.effect-picker select{width:100%;min-height:44px}[data-motion=reduced] .effect-surface{transform:none!important}@media (prefers-reduced-motion:reduce){.effect-surface{transform:none!important}}.opening-theater{isolation:isolate;color:oklch(98% .015 190);text-align:center;background:radial-gradient(at 50% 42%,oklch(34% .07 205),oklch(19% .035 240) 65%,oklch(14% .02 250));border-radius:16px;min-height:600px;margin:24px 0;position:relative;overflow:hidden}.theater-eyebrow{letter-spacing:.12em;color:oklch(88% .03 190);padding:24px 16px 0;font-size:12px;position:relative}.theater-eyebrow span{letter-spacing:.18em;margin-top:8px;font-size:10px;display:block}.theater-orbit{pointer-events:none;border:1px solid oklch(85% .06 180/.17);border-radius:50%;position:absolute;inset:22% 5%;transform:rotate(-26deg);box-shadow:0 0 50px oklch(80% .08 180/.06),inset 0 0 40px oklch(80% .08 180/.08)}.theater-dust{pointer-events:none;position:absolute;inset:0;overflow:hidden}.theater-dust i{left:calc(8% + var(--i) * 7.5%);top:calc(15% + mod(var(--i) * 19, 70) * 1%);width:3px;height:3px;animation:7s ease-in-out 2 theater-drift;animation-delay:calc(var(--i) * -.6s);background:oklch(92% .06 170/.7);border-radius:50%;position:absolute;box-shadow:0 0 10px oklch(90% .1 170/.6)}@keyframes theater-drift{0%,to{opacity:.2;transform:translateY(12px)}50%{opacity:.8;transform:translateY(-18px)}}.opening-theater .pack-experience{background:0 0;border:0;margin:0;padding:24px 16px 28px;position:relative}.opening-theater .premium-pack{color:oklch(96% .04 120);background:linear-gradient(125deg,oklch(42% .09 170),oklch(25% .065 195) 35%,oklch(39% .08 160) 70%,oklch(25% .04 220));border:1px solid oklch(90% .07 150/.6);border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:min(230px,80%);min-height:340px;margin:0 auto 24px;animation:.8s cubic-bezier(.2,.7,.2,1) both pack-arrival;display:flex;position:relative;transform:perspective(1000px)rotateY(-10deg)rotate(-4deg);box-shadow:14px 20px 35px oklch(8% .03 240/.6),inset 2px 0 4px oklch(100% 0 0/.4)}@keyframes pack-arrival{0%{opacity:0;transform:perspective(1000px)translateY(30px)rotateY(-25deg)rotate(-8deg)scale(.85)}to{opacity:1;transform:perspective(1000px)rotateY(-10deg)rotate(-4deg)}}.premium-pack:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 25%,oklch(100% 0 0/.2) 42%,#0000 60%);position:absolute;inset:0}.premium-pack>span{letter-spacing:.15em;font-size:10px}.premium-pack strong{letter-spacing:.16em;font-size:28px;font-weight:500}.premium-pack small{letter-spacing:.12em;font-size:10px}.pack-emblem{color:oklch(92% .08 140);text-shadow:0 0 30px oklch(90% .1 160/.4);font-size:100px;line-height:1.2}.pack-seam{height:17px;transform:translateX(calc(var(--tear) * 70px)) rotate(calc(var(--tear) * -12deg));background:repeating-linear-gradient(90deg,oklch(80% .04 160/.4) 0 1px,#0000 1px 4px);border-bottom:1px solid oklch(90% .06 160/.4);position:absolute;inset:0 0 auto}.pack-cut{cursor:ew-resize;touch-action:pan-y;border-top:1px dashed oklch(93% .06 150/.6);place-content:center;height:44px;display:grid;position:absolute;top:-12px;left:-8px;right:-8px}.pack-cut span{letter-spacing:.15em;background:oklch(20% .04 200/.8);border-radius:4px;padding:4px 8px;font-size:10px}.tear-control{color:oklch(88% .03 180);gap:8px;max-width:240px;margin:0 auto;font-size:13px;display:grid}.tear-control input{accent-color:oklch(80% .1 160);width:100%;min-height:30px}.theater-button{color:oklch(98% .01 170);background:oklch(100% 0 0/.07);border:1px solid oklch(85% .05 170/.5);border-radius:999px;min-height:44px;margin-top:12px;padding:10px 32px}.reveal-experience{padding:30px 16px;position:relative}.hero-card-stack{-webkit-user-select:none;user-select:none;touch-action:pan-y;perspective:1000px;width:min(260px,78%);margin:0 auto;animation:.65s cubic-bezier(.18,.8,.25,1) both card-hero-arrival;position:relative}.hero-card-stack .card-face,.hero-card-stack .card-back{box-shadow:0 16px 40px oklch(5% .02 240/.5)}.hero-card-button{border:0;border-radius:12px;width:100%;padding:0;display:block}.stack-layer{background:oklch(27% .04 210);border:1px solid oklch(80% .05 190/.5);border-radius:12px;position:absolute;inset:0;transform:rotate(5deg)translate(6px,4px)}.hero-card-caption{margin-top:28px;position:relative}.hero-card-caption h3{color:oklch(97% .02 170);letter-spacing:.08em;margin:0 0 8px;font-size:24px;font-weight:500}.hero-card-caption p{color:oklch(85% .04 170);font-size:12px}.hero-card-caption span{color:oklch(80% .03 180);font-size:11px}.reveal-burst{pointer-events:none;background:radial-gradient(circle,oklch(85% .1 170/.3),#0000 65%);border-radius:50%;width:350px;height:350px;animation:.9s ease-out both reveal-light;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes reveal-light{0%{opacity:0;scale:.65}35%{opacity:1}to{opacity:.3;scale:1.25}}@keyframes card-hero-arrival{0%{opacity:0;transform:translateY(25px)rotateY(-22deg)scale(.85)}to{opacity:1;transform:none}}@media (width<=480px){.opening-theater{min-height:550px;margin-inline:-8px}.hero-card-stack{width:min(230px,86%)}.premium-pack strong{font-size:24px}}@media (prefers-reduced-motion:reduce){.opening-theater *,.opening-theater :after{transition:none!important;animation:none!important}.opening-theater .premium-pack{transform:none}}.effect-emboss{pointer-events:none;color:oklch(98% .035 90/.7);mix-blend-mode:soft-light;opacity:.65;border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.reveal-particles{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.reveal-halo{pointer-events:none;aspect-ratio:1;border:1px solid oklch(85% .06 170/.3);border-radius:50%;width:290px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.reveal-experience .hero-card-stack{animation-duration:var(--reveal-duration,.65s)}.showcase-badge{letter-spacing:.15em;border:1px solid;border-radius:999px;margin-bottom:12px;padding:5px 12px;font-size:10px;display:inline-block}[data-showcase-tier=common] .reveal-halo{display:none}[data-showcase-tier=rare] .reveal-halo{box-shadow:0 0 35px oklch(80% .14 200/.3)}[data-showcase-tier=epic] .reveal-halo,[data-showcase-tier=legendary] .reveal-halo{animation:crown-arrival var(--reveal-duration) ease-out both;border:2px solid oklch(87% .1 85/.5);box-shadow:0 0 45px oklch(80% .14 85/.25),inset 0 0 55px oklch(80% .1 85/.2)}[data-showcase-tier=legendary] .reveal-halo:after{content:"";border:1px solid oklch(90% .08 85/.35);border-radius:50%;position:absolute;inset:-28px}[data-showcase-tier=legendary] .reveal-burst{background:radial-gradient(circle,oklch(85% .14 85/.45),oklch(70% .15 300/.15) 40%,#0000 70%);width:450px;height:450px;animation-duration:1.4s}[data-showcase-tier=legendary] .showcase-badge,[data-showcase-tier=epic] .showcase-badge{color:oklch(90% .1 85)}@keyframes crown-arrival{0%{opacity:0;scale:.7}45%{opacity:1}to{opacity:.7;scale:1.05}}.custom-workshop{gap:20px;margin-block:28px;display:grid}.custom-file,.custom-editor>label,.custom-fields label{gap:8px;font-size:14px;display:grid}.custom-workshop input,.custom-workshop select,.custom-workshop textarea{width:100%;max-width:100%;min-height:44px}.custom-editor{gap:16px;display:grid}.custom-crop{background:oklch(18% .02 220);border-radius:12px;width:100%;height:420px;position:relative;overflow:hidden}.custom-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.custom-fields textarea{resize:vertical;min-height:80px}.rights-check{align-items:center;line-height:1.6;display:flex!important}.rights-check input{flex:0 0 22px;width:22px;min-height:44px}@media (width<=480px){.custom-fields{grid-template-columns:1fr}.custom-crop{height:350px}}.custom-file{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;width:fit-content;min-height:44px;padding:10px 20px;display:inline-flex;position:relative}.custom-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.custom-file:focus-within{outline:3px solid var(--primary);outline-offset:3px}.custom-packs{border-top:1px solid var(--line,#e4dfd3);min-width:0;margin-top:2rem;padding-top:1.5rem}.custom-packs details{margin-block:1rem}.custom-pool{border:1px solid #ded8ca;border-radius:16px;min-width:0;margin:1rem 0;padding:1rem}.custom-pool-row{overflow-wrap:anywhere;border-bottom:1px solid #e4dfd3;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.custom-pool-row label{align-items:center;gap:.5rem;min-width:0;min-height:44px;display:flex}.custom-pool-row input[type=checkbox]{flex-shrink:0;width:22px;height:22px}.custom-pool-row input[type=number]{width:80px;min-height:44px}.custom-pack-picker{gap:.5rem;min-width:0;display:grid}.custom-pack-picker select{width:100%;min-width:0;min-height:44px}.custom-packs .premium-pack strong{overflow-wrap:anywhere;max-height:7rem;overflow:hidden}.card-face.real-card-face{aspect-ratio:300/419;background:0 0;border:0;border-radius:0;padding:0;display:block;overflow:visible}.card-face.real-card-face>img{object-fit:contain;border-radius:0;width:100%;max-width:none;height:100%;margin:0;display:block;position:static}.card-face.real-card-face .asset-note{inset-inline:8px;background:#fff;position:absolute;bottom:8px}:root[data-room-theme=night]{--canvas:oklch(23% .035 270);--surface:oklch(28% .035 270);--ink:oklch(94% .015 270);--muted:oklch(78% .025 270);--primary:oklch(82% .1 85);--line:oklch(42% .025 270);--tint:oklch(32% .055 285);--accent:oklch(83% .08 160)}:root[data-room-theme=night] .primary,:root[data-room-theme=night] .skip-link{color:oklch(23% .025 85)}:root[data-room-theme=night] .primary:hover{background:oklch(90% .08 85)}:root[data-room-theme=night] .album-slot{background:var(--surface)}:root[data-room-theme=night] .card-face:not(.real-card-face) .card-bottom{color:oklch(22% .01 45)}.card-motion-control{text-align:center;max-width:100%;margin-top:12px}.card-motion-control button{min-height:44px;padding:8px 12px}.card-motion-control p{font-size:12px}.room-theme-heading{align-items:center;gap:16px;margin-bottom:20px;display:flex}.room-theme-heading>svg{color:var(--primary)}.room-theme-heading p{font-size:14px}.room-theme-picker{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.room-theme-picker select{min-width:0;max-width:100%;min-height:44px;color:var(--ink);background:var(--canvas);border:1px solid var(--line);padding:8px 12px}.a176-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:12px 0;display:grid}.a176-slot{font:inherit;text-align:center;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex}.a176-slot small{font-size:11px;line-height:1.3}.a176-back{aspect-ratio:63/88;color:#fff;background:linear-gradient(135deg,#ffd36e,#f08ca6);border-radius:8px;place-items:center;font-size:20px;font-weight:700;display:grid}.a176-missing{opacity:.45}.a176-img{aspect-ratio:63/88;object-fit:cover;border-radius:6px;width:100%}.a176-hud{color:#fff;background:linear-gradient(90deg,#1b2a6b,#4b2a8c);border-radius:999px;justify-content:space-between;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:flex;box-shadow:0 4px 14px #281e7859}.pack-shelf{flex-direction:column;align-items:center;gap:14px;padding:18px 0;display:flex}.shelf-pack,.tear-pack{aspect-ratio:5/8;color:#fff;background:linear-gradient(160deg,#ff9a5a 0%,#ff5f8f 35%,#7a5cff 70%,#2bc4ff 100%);border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:center;width:190px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #3c147873,inset 0 0 0 3px #ffffff59}.shelf-pack{will-change:transform;animation:3s ease-in-out infinite pack-bob}.shelf-pack b,.tear-pack b{letter-spacing:2px;text-shadow:0 2px 8px #00000059;font-size:22px}.shelf-pack small,.tear-pack small{opacity:.85}.pack-foil{will-change:transform;pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff8c 50%,#0000 60%);animation:2.6s linear infinite foil-sweep;position:absolute;inset:-40%}@keyframes pack-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}@keyframes foil-sweep{0%{transform:translate(-60%)}to{transform:translate(60%)}}.game-btn{border-radius:999px;min-width:120px;transition:transform .12s;box-shadow:0 6px #0000002e}.game-btn:active{transform:translateY(3px)scale(.98)}.opening-overlay{z-index:50;padding:24px 16px calc(24px + env(safe-area-inset-bottom));color:#fff;touch-action:none;overscroll-behavior:contain;background:radial-gradient(circle at 50% 40%,#3a2a8f 0%,#141235 65%,#07061a 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.opening-overlay .text-button{color:#fff}.tear-hint{opacity:.85;min-height:1.4em;animation:1.4s ease-in-out infinite hint-pulse}@keyframes hint-pulse{50%{opacity:.35}}.tear-pack{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:min(62vw,240px)}.tear-top{background:inherit;height:16%;transform:translateX(calc(var(--tear,0) * 22px)) rotate(calc(var(--tear,0) * -6deg));transform-origin:0 100%;will-change:transform;z-index:2;border-bottom:2px dashed #ffffffb3;position:absolute;top:0;left:0;right:0}.tear-line{width:100%;height:3px;transform:scaleX(var(--tear,0));transform-origin:0;z-index:3;background:#fff;position:absolute;top:16%;left:0;box-shadow:0 0 12px #fff}.tear-pack.torn .tear-top{animation:.5s cubic-bezier(.3,.7,.4,1) forwards tear-off}.tear-pack.torn{animation:.5s ease-in forwards pack-open}@keyframes tear-off{to{opacity:0;transform:translate(140px,-160px)rotate(-35deg)}}@keyframes pack-open{60%{transform:scale(1.06)}to{opacity:0;transform:scale(.7)translateY(80px)}}.reveal-count{letter-spacing:1px;opacity:.85;font-weight:800}.reveal-stage{aspect-ratio:63/88;perspective:900px;width:min(72vw,300px);position:relative}.g-card-back,.face-wrap{position:absolute;inset:0}.g-card-back{cursor:pointer;z-index:2;background:repeating-linear-gradient(45deg,#2a3dbb 0 12px,#3249d6 12px 24px);border:0;border-radius:14px;place-items:center;display:grid;box-shadow:inset 0 0 0 4px #e9ecff,0 14px 34px #00000080}.back-emblem{aspect-ratio:1;color:#1b1b3a;background:radial-gradient(circle,#fff 0 30%,#ffcf3f 31% 60%,#e0462f 61%);border-radius:50%;place-items:center;width:42%;font-size:28px;font-weight:900;display:grid}.fly-in{animation:.42s cubic-bezier(.2,.9,.3,1.2) both fly-in}@keyframes fly-in{0%{opacity:0;transform:translateY(70vh)rotate(18deg)scale(.6)}to{opacity:1;transform:none}}.tier-hint-rare.g-card-back,.tier-hint-epic.g-card-back,.tier-hint-legendary.g-card-back{animation:.42s cubic-bezier(.2,.9,.3,1.2) both fly-in,.5s ease-in-out .45s 2 back-shake}@keyframes back-shake{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.flip-in{z-index:3;animation:.45s cubic-bezier(.2,.8,.3,1) both flip-in}.reveal-stage .face-wrap~.g-card-back{z-index:0;filter:brightness(.8);transform:translate(14px,12px)scale(.96)}.reveal-stage .g-card-back:has(~.face-wrap){z-index:0;filter:brightness(.8);transform:translate(14px,12px)scale(.96)}.reveal-stage .face-wrap{touch-action:none;cursor:grab;will-change:transform}.face-wrap .price-badge{z-index:6}@keyframes flip-in{0%{transform:rotateY(90deg)scale(.95)}to{transform:none}}.face-wrap:before{content:"";opacity:0;pointer-events:none;z-index:-1;border-radius:50%;position:absolute;inset:-35%}.burst-rare:before{background:radial-gradient(circle,#78c8ffbf,#0000 65%);animation:1.6s ease-out forwards glow}.burst-epic:before{background:radial-gradient(circle,#ff78e6d9,#0000 65%);animation:2s ease-out forwards glow}.burst-legendary:before{filter:blur(18px);background:conic-gradient(#ffd84a,#ff6fb5,#7a7bff,#4fe3ff,#ffd84a);animation:2.4s ease-out forwards glow-spin}@keyframes glow{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1.05)}to{opacity:.55;transform:scale(1)}}@keyframes glow-spin{0%{opacity:0;transform:scale(.4)rotate(0)}30%{opacity:1}to{opacity:.7;transform:scale(1)rotate(180deg)}}.holo-card{width:100%;height:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;border-radius:14px;transition:transform .12s ease-out;position:relative;overflow:hidden;box-shadow:0 18px 40px #0000008c}.holo-card img{object-fit:cover;width:100%;height:100%;display:block}.holo-sheen{mix-blend-mode:overlay;transform:translateX(var(--sx,0%));will-change:transform;pointer-events:none;background:linear-gradient(115deg,#0000 38%,#ffffff59 46%,#8cdcff40 50%,#ff96f040 54%,#0000 62%);position:absolute;inset:-50%}.tier-common .holo-sheen{opacity:.35}.tier-epic .holo-sheen,.tier-legendary .holo-sheen{opacity:1;animation:3s ease-in-out infinite alternate sheen-idle}@keyframes sheen-idle{0%{translate:-25%}to{translate:25%}}.face-label{text-align:center;font-weight:700;position:absolute;bottom:-30px;left:0;right:0}.pop-in{animation:.35s cubic-bezier(.2,.9,.3,1.3) both pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.6)translateY(20px)}to{opacity:1;transform:none}}.summary .tier-rare img{box-shadow:0 0 0 2px #7cc8ff,0 0 12px #7cc8ff}.summary .tier-epic img{box-shadow:0 0 0 2px #ff7be6,0 0 14px #ff7be6}.summary .tier-legendary img{box-shadow:0 0 0 2px #ffd84a,0 0 18px #ffd84a}.a176-collection summary{cursor:pointer;padding:10px 0;font-weight:700}@media (width<=760px){.sidebar nav{background:linear-gradient(#24206b,#120f3a);border-top:0;border-radius:18px 18px 0 0;box-shadow:0 -6px 20px #140a3c59}.sidebar nav a{color:#cfd3ff}.sidebar nav a[aria-current]{color:#fff;background:0 0}.sidebar nav a[aria-current] svg{filter:drop-shadow(0 0 6px #ffd84a);color:#ffd84a;transform:translateY(-4px)scale(1.15)}.sidebar nav a svg{transition:transform .2s}}@media (prefers-reduced-motion:reduce){.shelf-pack,.pack-foil,.tear-hint,.holo-sheen{animation:none!important}.holo-card{transform:none!important}}.a176 .a176-slot,.a176 .a176-slot:disabled,.a176 .a176-slot img{opacity:1;filter:none}.a176 .a176-slot.a176-missing{opacity:.45}.app-version{opacity:.7;font-weight:600}.pack-value{color:#fff;background:#1d1a4a;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin:12px 0;padding:12px 16px;font-size:14px;display:flex}.pack-value.profit{background:linear-gradient(120deg,#ffb300,#ff5f8f);animation:.4s cubic-bezier(.2,.9,.3,1.3) both pop-in;box-shadow:0 0 24px #ffb4008c}.profit-burst{font-weight:900;animation:1s ease-in-out infinite hint-pulse}.price-badge{z-index:5;color:#3a2200;background:linear-gradient(#fff3b0,#ffc53d 55%,#e09a00);border-radius:999px;padding:8px 14px;font-size:20px;font-weight:900;animation:.4s cubic-bezier(.2,.9,.3,1.4) .25s both pop-in;position:absolute;top:-18px;right:-10px;box-shadow:0 4px #a86d00,0 0 18px #ffc83ccc}.price-badge.v-common{filter:saturate(.6);font-size:16px}.price-badge.v-epic{color:#fff;background:linear-gradient(#ffe0ff,#ff6fd8 55%,#b13cff);box-shadow:0 4px #7a1fa8,0 0 24px #ff6fd8}.price-badge.v-legend{background:linear-gradient(#fff,#ffd84a 40%,#ff8a00);font-size:24px;box-shadow:0 4px #a85a00,0 0 34px #ffd84a}.running-total{color:#ffd84a;text-shadow:0 0 12px #ffc83c99;font-size:22px;font-weight:900}.pack-value{flex-direction:column;align-items:stretch;max-width:340px;margin:16px auto;padding:18px 20px;font-size:16px}.pv-row{justify-content:space-between;display:flex}.pv-row b{font-size:20px}.pv-net{text-align:center;color:#ff6b6b;font-size:40px;font-weight:900;line-height:1.1}.profit .pv-net{color:#fff;text-shadow:0 0 16px #2fff8a}.pack-value.loss .pv-net{color:#ff6b6b}.pack-value.profit{background:linear-gradient(140deg,#13a85a,#2fd37a 50%,#ffc53d)}.pv-rate{text-align:center;font-size:22px;font-weight:800}html.game-mode,html.game-mode body{overscroll-behavior:none;height:100%;overflow:hidden}.g-app{color:#2a2550;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:linear-gradient(170deg,#fff6d8 0%,#ffe3ef 45%,#dcecff 100%);flex-direction:column;font-family:inherit;display:flex;position:fixed;inset:0}.g-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.g-bg-ball{opacity:.12;will-change:transform;background:linear-gradient(#ff4b4b 0 47%,#2a2550 47% 53%,#fff 53%);border-radius:50%;width:520px;height:520px;animation:40s linear infinite g-spin;position:absolute;top:-140px;right:-180px}.g-bg-ball:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:38%;box-shadow:0 0 0 18px #2a2550}.g-bg-spark{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);will-change:transform, opacity;background:#ffd84a;width:10px;height:10px;animation:3s ease-in-out infinite g-twinkle;position:absolute}.g-bg-spark.s1{top:22%;left:12%}.g-bg-spark.s2{animation-delay:1s;top:58%;left:78%}.g-bg-spark.s3{animation-delay:2s;top:80%;left:30%}@keyframes g-spin{to{transform:rotate(360deg)}}@keyframes g-twinkle{0%,to{opacity:.2;transform:scale(.4)}50%{opacity:1;transform:scale(1.4)}}.g-top{z-index:2;padding:calc(10px + env(safe-area-inset-top)) 14px 8px;align-items:center;gap:10px;display:flex;position:relative}.g-profile{background:#fff;border-radius:999px;padding:3px;display:flex;box-shadow:0 3px #2a255026}.g-profile button{color:#6a6690;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-weight:800;transition:transform .15s}.g-profile button[aria-pressed=true]{color:#3a2200;background:linear-gradient(#ffe066,#ffc400);box-shadow:0 2px #c99400}.g-player{flex-direction:column;flex:1;line-height:1.1;display:flex}.g-player small{color:#8a5cff;font-size:11px;font-weight:700}.g-coins{color:#ffe066;font-variant-numeric:tabular-nums;background:#2a2550;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 6px;font-weight:900;display:flex;box-shadow:0 3px #00000040}.g-coin-icon{background:radial-gradient(circle at 35% 30%,#fff6b0,#ffc400 55%,#c98a00);border-radius:50%;width:22px;height:22px;box-shadow:inset 0 -2px #0003}.g-main{z-index:1;-webkit-overflow-scrolling:touch;flex:1;padding:4px 14px 110px;animation:.32s cubic-bezier(.2,.8,.3,1) both g-scene-in;position:relative;overflow:hidden auto}@keyframes g-scene-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.g-scene{flex-direction:column;gap:12px;display:flex}.g-title{letter-spacing:1px;margin:4px 0 0;font-size:24px;font-weight:900}.g-sub{margin:10px 0 2px;font-size:17px;font-weight:900}.g-meta{color:#6a6690;margin:0;font-size:13px}.g-btn{color:#fff;cursor:pointer;box-shadow:0 5px 0 var(--d), 0 8px 16px #2a25502e;background:linear-gradient(180deg, var(--l), var(--c));border:0;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:900;transition:transform .1s,box-shadow .1s;position:relative;transform:translateY(0)}.g-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);border-radius:999px;height:38%;position:absolute;top:4px;left:12%;right:12%}.g-btn:active:not(:disabled){box-shadow:0 1px 0 var(--d), 0 3px 8px #2a25502e;transform:translateY(4px)}.g-btn:disabled{filter:grayscale(.7);opacity:.55}.g-red{--l:#ff7a7a;--c:#ff3b4f;--d:#b3172b}.g-yellow{--l:#ffe680;--c:#ffc400;--d:#c28a00;color:#3a2200}.g-blue{--l:#7ab8ff;--c:#3a7bff;--d:#1f4cb3}.g-green{--l:#7ff0a8;--c:#1fc46a;--d:#0e8a45}.g-tabs{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:30;background:linear-gradient(#fffffff5,#f0ecfff5);border-radius:26px;padding:6px;display:flex;position:fixed;box-shadow:0 10px 30px #2a255040,inset 0 1px #fff}.g-tabs button{color:#8a87ad;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:11px;font-weight:800;display:flex}.g-tab-icon{border-radius:14px;place-items:center;width:38px;height:32px;transition:transform .2s cubic-bezier(.2,.9,.3,1.4);display:grid}.g-tabs button[aria-current]{color:#ff3b4f}.g-tabs button[aria-current] .g-tab-icon{color:#fff;background:linear-gradient(#ff7a7a,#ff3b4f);transform:translateY(-6px)scale(1.12);box-shadow:0 4px #b3172b}.g-version{right:12px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:31;color:#8a87ad;opacity:.8;font-size:10px;font-weight:800;position:fixed}.g-toast{left:50%;top:calc(64px + env(safe-area-inset-top));z-index:80;color:#fff;background:#2a2550;border-radius:16px;max-width:88vw;padding:10px 16px;font-weight:800;animation:.3s cubic-bezier(.2,.9,.3,1.4) both g-toast;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}@keyframes g-toast{0%{opacity:0;transform:translate(-50%,-14px)scale(.9)}to{opacity:1;transform:translate(-50%)}}.g-banner{background:linear-gradient(130deg,#fff,#fff0c2);border-radius:24px;align-items:center;gap:14px;padding:14px;display:flex;box-shadow:0 8px 24px #2a25501f}.g-banner-art{filter:drop-shadow(0 8px 10px #00000040);flex:none;width:96px;transform:rotate(-6deg)}.g-banner-copy{flex-direction:column;flex:1;gap:4px;display:flex}.g-banner-copy small{color:#ff3b4f;font-weight:800}.g-banner-copy b{font-size:18px}.g-progress{background:#ece8ff;border-radius:999px;height:10px;overflow:hidden}.g-progress i{transform-origin:0;background:linear-gradient(90deg,#ffc400,#ff3b4f);border-radius:999px;height:100%;transition:transform .6s cubic-bezier(.2,.8,.3,1);display:block}.g-gift-card{background:linear-gradient(120deg,#ffe3ef,#fff6d8);border-radius:20px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 6px 18px #ff5a8c33}.g-gift-card>div{flex-direction:column;flex:1;display:flex}.g-gift-card.locked{filter:saturate(.5)}.g-gift-icon{color:#fff;background:#ff3b4f;border-radius:14px;place-items:center;width:46px;height:46px;animation:2s ease-in-out infinite g-bob;display:grid}@keyframes g-bob{50%{transform:translateY(-4px)rotate(-4deg)}}.g-quick{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.g-report{background:#ffffffd9;border-radius:18px;flex-direction:column;gap:6px;margin-bottom:8px;padding:12px;display:flex}.g-report-cards{gap:8px;display:flex}.g-mini{background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;width:62px;padding:0;font-size:11px;font-weight:800;display:flex}.g-mini.sel{border-radius:8px;outline:3px solid #ffc400}.g-binder{perspective:1200px;touch-action:pan-y;background:linear-gradient(160deg,#3a3570,#2a2550);border-radius:22px;padding:12px;box-shadow:inset 0 0 0 3px #ffffff14,0 12px 30px #2a25504d}.g-page{transform-origin:0;will-change:transform;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.turn-next{animation:.38s cubic-bezier(.2,.8,.3,1) both g-turn-next}.turn-prev{animation:.38s cubic-bezier(.2,.8,.3,1) both g-turn-prev}@keyframes g-turn-next{0%{opacity:.2;transform:rotateY(-70deg)}to{opacity:1;transform:none}}@keyframes g-turn-prev{0%{opacity:.2;transform:rotateY(70deg)}to{opacity:1;transform:none}}.g-pocket{aspect-ratio:63/88;background:#ffffff1f;border:0;border-radius:8px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.g-pocket.has{box-shadow:0 4px 10px #00000059}.g-pocket.has:after{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff40,#0000 40%);position:absolute;inset:0}.g-pocket.tier-epic.has,.g-pocket.tier-legendary.has{box-shadow:0 0 0 2px #ffd84a,0 0 14px #ffd84ab3}.g-pocket .a176-img{border-radius:8px;width:100%;height:100%}.g-silhouette{color:#ffffff8c;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;font-size:13px;font-weight:900;display:flex}.g-ball-mini{background:linear-gradient(#ffffff59 0 45%,#fff9 45% 55%,#fff3 55%);border-radius:50%;width:22px;height:22px}.g-qty{color:#fff;background:#ff3b4f;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:900;position:absolute;bottom:4px;right:4px}.g-pager{justify-content:center;align-items:center;gap:18px;font-weight:900;display:flex}.g-shop{grid-template-columns:1fr 1fr;gap:12px;display:grid}.g-product{text-align:center;background:#fff;border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex;box-shadow:0 8px 22px #2a25501f}.g-product small{color:#6a6690;font-size:11px}.g-price{color:#ff3b4f;font-size:20px;font-weight:900}.shelf-pack.small{width:86px;padding:8px;animation:none}.shelf-pack.small b{font-size:14px}.shelf-box{color:#fff;background:linear-gradient(160deg,#ff9a5a,#ff5f8f 40%,#7a5cff);border-radius:12px;place-items:center;width:110px;height:76px;margin:20px 0 10px;font-weight:900;display:grid;position:relative;overflow:hidden;transform:perspective(400px)rotateX(18deg)rotate(-4deg);box-shadow:0 14px #4a2a8c,0 22px 28px #3c147866}.g-recycle{flex-direction:column;gap:8px;display:flex}.g-recycle-row{background:#ffffffd9;border-radius:16px;align-items:center;gap:10px;padding:8px;display:flex}.g-recycle-row span{flex:1}.g-cap{background:#fff;border-radius:18px;flex-direction:column;gap:6px;padding:12px 14px;font-weight:900;display:flex}.g-task{background:#ffffffe6;border-radius:18px;align-items:center;gap:10px;margin:6px 0;padding:10px 12px;display:flex;box-shadow:0 3px #2a255014}.g-task.done{opacity:.6}.g-task-title{flex:1;font-weight:800}.g-task-reward{color:#c28a00;font-weight:900}.g-task .g-btn{padding:8px 12px;font-size:13px}.g-segment{background:#fff;border-radius:999px;gap:4px;padding:4px;display:flex;overflow-x:auto}.g-segment button{white-space:nowrap;color:#6a6690;background:0 0;border:0;border-radius:999px;flex:1;padding:8px 10px;font-weight:800}.g-segment button[aria-pressed=true]{color:#fff;background:#2a2550}.g-ach-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.g-ach{color:#a5a2c4;text-align:center;background:#fff9;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.g-ach.got{color:#3a2200;background:linear-gradient(160deg,#fff6c2,#ffd84a);box-shadow:0 6px 18px #ffc40059}.g-ach span{font-weight:900}.g-ledger-row{border-bottom:1px solid #2a255014;justify-content:space-between;padding:8px 4px;display:flex}.g-ledger-row .plus{color:#0e8a45}.g-ledger-row .minus{color:#ff3b4f}.g-trade-list{gap:8px;padding:4px 0 8px;display:flex;overflow-x:auto}.g-trade-sum{background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.g-admin-lock,.g-admin,.g-admin-gift{flex-direction:column;gap:8px;display:flex}.g-admin input,.g-admin select,.g-admin-lock input{font:inherit;-webkit-user-select:text;user-select:text;border:2px solid #e3defa;border-radius:12px;padding:10px 12px}.g-admin-row{align-items:center;gap:8px;display:flex}.g-admin-row input:first-child{flex:1}.g-admin-row input[type=number]{width:84px}.g-inspect{z-index:70;-webkit-backdrop-filter:blur(10px);background:#141032b8;flex-direction:column;justify-content:center;align-items:center;gap:24px;animation:.3s both g-scene-in;display:flex;position:fixed;inset:0}.g-inspect-card{aspect-ratio:63/88;perspective:900px;width:min(76vw,320px);animation:.35s cubic-bezier(.2,.9,.3,1.3) both pop-in}.g-inspect-info{color:#fff;flex-direction:column;align-items:center;gap:6px;font-weight:800;display:flex}.price-badge.static{animation:none;position:static}.game-mode .opening-overlay{z-index:60}.game-mode .a176{flex-direction:column;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){.g-bg-ball,.g-bg-spark,.g-gift-icon{animation:none!important}}.a176-img[data-orientation=landscape],.holo-card img[data-orientation=landscape]{object-fit:contain;background:#1d1b2c}.g-app,.opening-overlay{--ink:#2b2f3a;--ink-dim:#7c8394;--gold:#8a7bd8;--gold-hi:#2b2f3a;--glass:#ffffff8c;--glass-line:#ffffffe6;--line-soft:#7882a02e;--iri:linear-gradient(115deg, #ffd6e8, #d9e4ff 25%, #d6fff4 50%, #fff4c9 75%, #f0d9ff);color:var(--ink);letter-spacing:.03em;font-family:SF Pro Display,PingFang SC,Noto Sans SC,system-ui,sans-serif;font-weight:400}.g-app{background:radial-gradient(60% 30% at 15% 20%,#ffc8e673,#0000 70%),radial-gradient(60% 30% at 90% 45%,#bedcff80,#0000 70%),radial-gradient(70% 30% at 30% 85%,#c8ffeb66,#0000 70%),linear-gradient(#f7f8fb 0%,#eceef3 100%)!important}.g-bg-ball{filter:grayscale();opacity:.05!important}.g-bg-spark{opacity:.8;background:radial-gradient(circle,#fff,#0000 70%)!important}.g-bg:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(120deg,#0000 0 140px,#ffbedc2e 170px,#bed7ff33 200px,#c8ffe62e 230px,#0000 260px 420px);animation:22s ease-in-out infinite alternate g-sweep;position:absolute;inset:-40%}@keyframes g-sweep{to{transform:translate(-12%,6%)}}.g-title,.g-app h1,.g-app h2,.g-app h3{letter-spacing:.12em;-webkit-text-fill-color:currentColor;color:var(--ink)!important;text-shadow:none!important;background:0 0!important;font-weight:300!important}.g-meta,.g-sub,.g-app small{color:var(--ink-dim)!important}.g-top{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--line-soft)!important;background:#ffffff73!important}.g-banner,.g-gift-card,.g-report,.g-product,.g-task,.g-ach,.g-binder,.g-trade-sum,.g-recycle-row,.g-ledger-row,.g-cap,.pack-value,.g-segment,.g-toast{-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);border-radius:18px;background:linear-gradient(160deg, #ffffffc7, var(--glass))!important;border:1px solid var(--glass-line)!important;box-shadow:inset 0 1px 0 #fff, 0 1px 0 var(--line-soft), 0 12px 32px #3c466e1f!important;color:var(--ink)!important}.g-ach:not(.got){opacity:.5;filter:grayscale()}.g-ach.got{background:var(--iri)!important}.g-btn,.g-btn.g-red,.g-btn.g-yellow,.g-btn.g-green,.game-btn{background-blend-mode:soft-light;text-shadow:none;letter-spacing:.12em;font-weight:500;color:var(--ink)!important;background:linear-gradient(180deg, #fffffff2, #ebeef5e6), var(--iri)!important;border:1px solid #fff!important;border-radius:999px!important;box-shadow:inset 0 1px #fff,inset 0 -1px #7882a033,0 6px 18px #3c466e29!important}.g-btn.g-yellow,.game-btn.primary{background:var(--iri)!important}.g-btn.g-blue,.opening-overlay .text-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink)!important;border:1px solid var(--glass-line)!important;background:#fff9!important;border-radius:999px!important;box-shadow:0 4px 14px #3c466e1f!important}.g-btn:before{display:none!important}.g-tabs{-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);box-shadow:0 -8px 30px #3c466e14;border-top:1px solid var(--line-soft)!important;background:#fff9!important}.g-tabs button{letter-spacing:.08em;font-weight:400;color:var(--ink-dim)!important}.g-tabs button .g-tab-icon{box-shadow:none!important;background:0 0!important}.g-tabs button .g-tab-icon svg{stroke-width:1.4px}.g-tabs button[aria-current]{font-weight:600;color:var(--ink)!important}.g-tabs button[aria-current]:after{content:"";background:var(--ink);border-radius:2px;width:18px;height:2px;margin:2px auto 0;display:block}.g-coins{font-weight:500;box-shadow:0 4px 14px #3c466e1f;color:var(--ink)!important;background:#ffffffb3!important;border:1px solid #fff!important}.g-coin-icon{box-shadow:inset 0 0 0 1px #ffffffe6,0 0 0 1px #7882a04d;background:var(--iri)!important}.g-segment{flex-wrap:wrap;gap:4px;max-width:100%;overflow:hidden;padding:4px!important;display:flex!important}.g-segment button{white-space:nowrap;border-radius:999px;flex:auto;min-width:0;font-size:13px;color:var(--ink-dim)!important;background:0 0!important;border:0!important;padding:7px 8px!important}.g-segment button[aria-pressed=true]{box-shadow:0 2px 10px #3c466e24;color:var(--ink)!important;background:#fff!important}.g-pocket{box-shadow:inset 0 1px 6px #3c466e14;background:#ffffff80!important;border:1px solid #ffffffe6!important}.opening-overlay{color:var(--ink);background:radial-gradient(60% 40% at 50% 45%,#fff,#0000 70%),radial-gradient(50% 30% at 10% 20%,#ffc8e680,#0000 70%),radial-gradient(50% 30% at 90% 80%,#bedcff8c,#0000 70%),linear-gradient(#f3f4f8,#e3e6ee)!important}.running-total,.reveal-count{letter-spacing:.08em;color:var(--ink)!important;font-weight:300!important}.price-badge{color:#4a3400!important}.back-emblem{box-shadow:inset 0 1px 2px #fff,0 0 0 1px #96a0be99,0 6px 16px #3c466e40;color:#5a6175!important;background:radial-gradient(circle at 35% 30%,#fff,#e6e9f2 45%,#aab1c4 100%)!important;width:32%!important;font-weight:300!important}:root[data-room-theme=night] .g-app,:root[data-room-theme=night] .opening-overlay{--ink:#eef0f5;--ink-dim:#9aa0ae;--glass:#282a328c;--glass-line:#ffffff24;--line-soft:#ffffff14;background:radial-gradient(60% 30% at 15% 20%,#ff96c81f,#0000 70%),radial-gradient(60% 30% at 90%,#8cb4ff24,#0000 70%),linear-gradient(#24262d,#15161a)!important}:root[data-room-theme=night] .g-top,:root[data-room-theme=night] .g-tabs,:root[data-room-theme=night] .g-coins,:root[data-room-theme=night] .g-btn.g-blue,:root[data-room-theme=night] .opening-overlay .text-button{background:#282a32b3!important}:root[data-room-theme=night] .g-banner,:root[data-room-theme=night] .g-gift-card,:root[data-room-theme=night] .g-report,:root[data-room-theme=night] .g-product,:root[data-room-theme=night] .g-task,:root[data-room-theme=night] .g-ach,:root[data-room-theme=night] .g-binder,:root[data-room-theme=night] .pack-value,:root[data-room-theme=night] .g-segment,:root[data-room-theme=night] .g-toast{background:linear-gradient(160deg, #3c3e4899, var(--glass))!important}:root[data-room-theme=night] .g-segment button[aria-pressed=true]{background:#ffffff24!important}.g-avatar-btn{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.g-avatar{color:#5a6175;background:radial-gradient(circle at 35% 30%,#fff,#e6e9f2 45%,#aab1c4);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid;box-shadow:0 0 0 1.5px #0b1330,0 0 0 2.5px #e8c672cc}.g-avatar.av-xiaomi{background:radial-gradient(circle at 35% 30%,#fff,#ffd6e8 45%,#c9a0c0)}.g-top .g-profile{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-line);background:#ffffffeb;border-radius:12px;gap:6px;padding:6px;display:flex;position:absolute;top:100%;left:10px;box-shadow:0 12px 30px #3c466e2e}.g-top{position:relative}.g-trade{max-width:100%;overflow-x:hidden}.g-trade .g-meta{overflow-wrap:anywhere;white-space:normal!important}.g-trade-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:46vh;padding:4px;overflow:hidden auto;flex-wrap:initial!important;display:grid!important}.g-trade-list .g-mini{color:var(--ink);border-radius:10px;flex-direction:column;align-items:stretch;gap:4px;display:flex;background:#ffffff0a!important;border:1px solid #ffffff14!important;width:auto!important;height:auto!important;padding:4px!important}.g-trade-list .g-mini img{aspect-ratio:63/88;object-fit:contain;border-radius:6px;width:100%!important;height:auto!important}.g-trade-list .g-mini b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.g-trade-list .g-mini.sel{box-shadow:0 0 0 2px var(--gold), 0 0 18px #e8c67280;border-color:var(--gold)!important}.g-trade-empty{text-align:center;color:var(--ink-dim);border:1px dashed var(--glass-line);border-radius:12px;padding:18px}.face-wrap .price-badge{width:max-content;margin:0 auto;inset:auto 0 -20px!important}.face-wrap .face-label{margin-top:30px}.g-version{opacity:.8;font-size:12px!important}.g-pocket{font-size:13px!important}.g-prod-photo{object-fit:contain;filter:drop-shadow(0 14px 18px #3c466e47);max-width:100%;height:150px;margin:6px auto 8px;animation:4s ease-in-out infinite prod-float;display:block}@keyframes prod-float{50%{transform:translateY(-4px)rotate(-1deg)}}.shelf-pack,.tear-pack{filter:drop-shadow(0 22px 26px #3c466e4d);animation:none;box-shadow:none!important;background:url(/products/pack-30th-zhs.webp) 50%/contain no-repeat!important;border:0!important}.shelf-pack>*,.tear-pack>b,.tear-pack>small,.tear-pack>.pack-foil{visibility:hidden}.g-card-back{background:url(/products/card-back.webp) 50%/100% 100% no-repeat!important;box-shadow:0 18px 40px #3c466e4d!important}.g-card-back .back-emblem{display:none!important}button,[role=button],.g-mini,.g-pocket,.a176-slot,.g-product,.g-task,.g-ach{-webkit-tap-highlight-color:transparent;transition:transform .32s cubic-bezier(.34,1.8,.5,1),box-shadow .2s,filter .2s;position:relative}.g-btn,.game-btn,.primary{overflow:hidden}.fx-pressed{filter:brightness(1.06)saturate(1.1);transition-duration:60ms!important;transition-timing-function:ease-out!important;transform:translateY(2px)scale(.94)!important;box-shadow:inset 0 0 14px #ffffffe6,0 2px 6px #3c466e2e!important}.fx-ripple{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#ffffffe6 0 8%,#ffc8e68c 20%,#bed7ff73 35%,#c8ffeb4d 50%,#0000 65%);border-radius:50%;animation:.6s ease-out forwards fx-ripple;position:absolute;transform:scale(0)}@keyframes fx-ripple{to{opacity:0;transform:scale(1)}}#fx-layer{pointer-events:none;z-index:9999;position:fixed;inset:0}.fx-spark{background:hsl(var(--h) 100% 85%);width:8px;height:8px;box-shadow:0 0 10px 2px hsl(var(--h) 100% 80% / .8);border-radius:50%;margin:-4px;animation:.8s cubic-bezier(.2,.7,.3,1) forwards fx-spark;position:absolute}.fx-spark.fx-rare,.fx-spark.fx-legend{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);border-radius:0;width:10px;height:10px}@keyframes fx-spark{to{transform:translate(var(--dx), var(--dy)) scale(.2) rotate(180deg);opacity:0}}.fx-fly{border-radius:50%;width:18px;height:18px;position:absolute}.fx-coin{background:conic-gradient(#fff,#ffd6e8,#d9e4ff,#d6fff4,#fff4c9,#fff);box-shadow:inset 0 0 0 1.5px #ffffffe6,0 0 0 1px #7882a066,0 4px 10px #3c466e4d}.fx-item{background:linear-gradient(135deg,#f2f3f7,#ffd9ea,#dce6ff,#d8fff2);border-radius:4px;width:22px;height:30px;box-shadow:0 4px 10px #3c466e4d}.face-wrap.burst-rare .holo-card:after,.face-wrap.burst-epic .holo-card:after,.face-wrap.burst-legendary .holo-card:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(110deg,#0000 35%,#ffffffd9 48%,#ffd2f080 52%,#0000 65%) 0 0/250% 100%;animation:1.1s ease-out .3s both fx-sweep;position:absolute;inset:0}.face-wrap.burst-legendary .holo-card:after{animation:1.1s ease-out .3s both fx-sweep,2.4s ease-in-out 1.6s infinite fx-sweep}@keyframes fx-sweep{0%{background-position:130% 0}to{background-position:-30% 0}}.g-toast{animation:.42s cubic-bezier(.34,1.6,.5,1) both fx-toast}@keyframes fx-toast{0%{opacity:0;transform:translate(-50%,-16px)scale(.9)}}@font-face{font-family:MK Sans;src:url(/fonts/NotoSansSC-Regular.subset.woff2)format("woff2");font-weight:100 500;font-display:swap}@font-face{font-family:MK Sans;src:url(/fonts/NotoSansSC-Bold.subset.woff2)format("woff2");font-weight:600 900;font-display:swap}@font-face{font-family:MK Num;src:url(/fonts/Inter-var.subset.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+20-7E,U+A5,U+D7,U+2212}:root{--font-ui:"MK Num", "MK Sans", -apple-system, "PingFang SC", sans-serif}html.game-mode body,.g-app,.opening-overlay,.pocket-opening,.g-app button,.pocket-opening button{font-feature-settings:"tnum" 1, "kern" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:var(--font-ui)!important}.g-app{font-size:15px;line-height:1.5}.g-title,.g-app h1,.pocket-title h1{letter-spacing:.14em!important;font-size:26px!important;font-weight:300!important}.g-app h2,.pocket-title h2{letter-spacing:.1em!important;font-size:21px!important;font-weight:400!important}.g-app h3{letter-spacing:.06em;font-size:17px!important;font-weight:500!important}.g-app small,.g-meta,.pocket-title small,.pocket-title p{letter-spacing:.04em;color:#5d6478!important;font-size:13px!important}.g-btn,.game-btn,.pocket-opening button{letter-spacing:.06em;white-space:nowrap;font-size:15px!important;font-weight:500!important}.g-coins,.g-price,.price-badge,.running-total{font-variant-numeric:tabular-nums;letter-spacing:.01em;font-family:MK Num,MK Sans,sans-serif!important;font-weight:600!important}.g-tabs button{font-size:12px!important}