:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111416;--panel:#1a1f22;--line:#334047;--text:#f4f0e7;--muted:#aab1ad;--gold:#f3bd4f;--mint:#57d6aa;--shadow:0 24px 70px #0000005c;--panel-gap:10px;--panel-padding:16px;--app-block-padding:56px;--topbar-space:122px;--stage-chrome:204px;--desktop-stage-height:clamp(360px, calc(100dvh - var(--app-block-padding) - var(--topbar-space)), 958px);--wheel-size:clamp(240px, calc(var(--desktop-stage-height) - var(--stage-chrome)), 800px);font-family:Pretendard,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 18% 16%,#57d6aa29,#0000 28rem),radial-gradient(circle at 88% 8%,#f3bd4f24,#0000 24rem),linear-gradient(145deg,#101315 0%,#151a1d 45%,#221d1b 100%);margin:0}body.reveal-open{overflow:hidden}button{cursor:pointer;font:inherit;border:0}.app{width:min(1320px,100% - 32px);margin:0 auto;padding:20px 0 36px}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex;position:relative}.topbar>div:first-child{max-width:760px}.eyebrow{color:var(--mint);letter-spacing:0;margin:0 0 8px;font-size:.86rem;font-weight:800}h1{letter-spacing:0;margin:0;font-size:clamp(1.9rem,4vw,4.1rem);line-height:.96}.summary{max-width:52rem;color:var(--muted);word-break:keep-all;margin:10px 0 0;line-height:1.5}.currency-badge,.secondary-currency-badge{z-index:8;background:#151a1deb;border:1px solid #f3bd4f70;border-radius:999px;outline:none;align-items:center;gap:7px;min-height:44px;padding:8px 12px 8px 10px;font-weight:900;display:inline-flex;position:relative;box-shadow:0 14px 34px #0000004d,inset 0 1px #ffffff17}.secondary-currency-badge{border-color:#57d6aa6b}.currency-badge:focus-visible,.secondary-currency-badge:focus-visible{box-shadow:0 0 0 3px #f3bd4f47,0 14px 34px #0000004d}.currency-actions{z-index:8;flex:none;align-items:center;gap:8px;display:flex;position:relative}.exchange-button,.refill-button{color:#101617;background:linear-gradient(135deg,#f6df9a,#57d6aa);border-radius:8px;min-height:40px;padding:0 12px;font-weight:900;box-shadow:0 12px 28px #57d6aa2e}.exchange-button{color:var(--text);box-shadow:none;background:#20282c;border:1px solid #57d6aa42}.exchange-button:disabled,.refill-button:disabled{cursor:default;filter:grayscale(.45);opacity:.62}.currency-icon{background:radial-gradient(circle at 34% 24%,#fff5e7f2 0 12%,#0000 13%),radial-gradient(circle at 34% 28%,#ff9d93 0 22%,#d83d47 48%,#7b132d 100%);border-radius:50%;flex:none;width:24px;height:24px;display:inline-block;position:relative;box-shadow:inset -4px -5px 7px #43071a75,inset 2px 2px 5px #ffe2db6b,0 0 16px #d83d4747}.currency-icon:after{content:"";border:1px solid #ffd7cc7a;border-bottom-color:#5a08236b;border-radius:50%;position:absolute;inset:4px;transform:rotate(-18deg)}.secondary-currency-icon{filter:drop-shadow(0 0 8px #93deff57);background:linear-gradient(#0000 46%,#e8fbfff2 47% 53%,#0000 54%),linear-gradient(60deg,#0000 46%,#b8ebffe6 47% 53%,#0000 54%),linear-gradient(120deg,#0000 46%,#b8ebffe6 47% 53%,#0000 54%),radial-gradient(circle,#fff 0 13%,#9fe7ff 14% 34%,#0000 35%);border-radius:50%;flex:none;width:24px;height:24px;display:inline-block;position:relative}.secondary-currency-icon:after{content:"";clip-path:polygon(50% 0,61% 34%,97% 20%,72% 49%,97% 80%,61% 66%,50% 100%,39% 66%,3% 80%,28% 49%,3% 20%,39% 34%);background:linear-gradient(30deg,#0000 0 42%,#ffffffb8 43% 49%,#0000 50%),linear-gradient(150deg,#0000 0 42%,#ffffffb8 43% 49%,#0000 50%);border-radius:50%;position:absolute;inset:2px}.currency-badge strong,.secondary-currency-badge strong{font-size:1rem;line-height:1}.currency-max{color:var(--muted);font-size:.82rem;font-weight:800}.currency-tooltip{width:max-content;max-width:min(300px,100vw - 32px);color:var(--text);opacity:0;pointer-events:none;background:#101416;border:1px solid #ffffff1f;border-radius:8px;padding:9px 11px;font-size:.82rem;font-weight:800;line-height:1.45;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-4px);box-shadow:0 16px 34px #0000006b}.currency-tooltip:before{content:"";background:#101416;border-top:1px solid #ffffff1f;border-left:1px solid #ffffff1f;width:10px;height:10px;position:absolute;top:-6px;right:22px;transform:rotate(45deg)}.currency-badge:hover .currency-tooltip,.secondary-currency-badge:hover .currency-tooltip,.currency-badge:focus-visible .currency-tooltip,.secondary-currency-badge:focus-visible .currency-tooltip{opacity:1;transform:translateY(0)}.currency-tooltip strong{color:var(--gold);margin-bottom:3px;font-size:.88rem;display:block}.bank{gap:var(--panel-gap);grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.bank-stat,.stage,.controls,.history,.utility-panel{box-shadow:var(--shadow);background:#1a1f22e6;border:1px solid #ffffff14;border-radius:8px}.bank-stat{min-width:0;min-height:72px;box-shadow:none;padding:12px 14px}.bank-stat span{color:var(--muted);font-size:.75rem;font-weight:700;display:block}.bank-stat strong{margin-top:4px;font-size:1.25rem;display:block}.layout{grid-template-columns:minmax(0,1fr) clamp(190px,16vw,220px);align-items:start;gap:18px;display:grid}.stage{min-height:var(--desktop-stage-height);padding:14px;overflow:hidden;container-type:inline-size}.notice{color:#ffd7d6;background:#5a1e1e73;border:1px solid #ef6f6c73;border-radius:8px;margin-bottom:16px;padding:12px 14px}.animation-tabs{background:#0c0f118c;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;padding:5px;display:grid}.animation-tab{min-height:36px;color:var(--muted);background:0 0;border-radius:6px;font-weight:900}.animation-tab[aria-selected=true]{color:#111617;background:linear-gradient(135deg,#f5d784,#63d6b3);box-shadow:0 10px 26px #57d6aa2e}.animation-tab:focus-visible{outline-offset:2px;outline:3px solid #f3bd4f57}.wheel-wrap{--rendered-wheel-size:min(var(--wheel-size), 100cqi);min-height:max(280px, calc(var(--rendered-wheel-size) + 44px));background-color:#151a1d;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff0f;border-radius:8px;place-items:center;display:grid;position:relative;container-type:inline-size}.pointer{top:calc((100% - var(--rendered-wheel-size)) / 2 + clamp(6px, 1.4cqi, 12px));z-index:6;border-left:clamp(12px,3.5cqi,18px) solid #0000;border-right:clamp(12px,3.5cqi,18px) solid #0000;border-top:clamp(24px, 7cqi, 36px) solid var(--gold);filter:drop-shadow(0 1.2cqi 2.4cqi #00000080);width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.wheel{width:var(--rendered-wheel-size);aspect-ratio:1;transform:rotate(var(--rotation,0deg));background:conic-gradient(#3f5962 0deg 36deg,#755f42 36deg 72deg,#405449 72deg 108deg,#613f55 108deg 144deg,#435a78 144deg 180deg,#766442 180deg 216deg,#3f5962 216deg 252deg,#405449 252deg 288deg,#613f55 288deg 324deg,#755f42 324deg 360deg);border:clamp(10px,2.5cqi,20px) solid #242b2f;border-radius:50%;position:relative;box-shadow:inset 0 0 0 max(1px,.25cqi) #ffffff24,inset 0 0 4.75cqi #0000006b,0 3.5cqi 7.5cqi #00000061;container-type:inline-size}.wheel:before,.wheel:after{content:"";background:#171c1f;border-radius:50%;position:absolute;inset:16%;box-shadow:inset 0 0 0 max(1px,.25cqi) #ffffff1a}.wheel:after{z-index:2;background:linear-gradient(145deg,#f7d372,#b87831);inset:40%;box-shadow:0 0 0 2cqi #22282c,0 1.5cqi 3.75cqi #0006}.segment-label{top:calc(50% + var(--label-y));left:calc(50% + var(--label-x));z-index:3;width:14cqi;height:10cqi;transform:translate(-50%, -50%) rotate(var(--label-rotation));color:#0000;-webkit-text-stroke:max(1px, .3cqi) #fffffff5;text-shadow:0 .25cqi .875cqi #00000073;pointer-events:none;place-items:center;font-family:Comic Sans MS,Segoe Print,Pretendard,cursive;font-size:7cqi;font-weight:900;line-height:1;display:inline-grid;position:absolute}.card-pack-wrap{--pack-size:min(var(--wheel-size), 100cqi);min-height:max(280px, calc(var(--pack-size) + 44px));background:radial-gradient(circle at 50% 34%,#ffffff1f,#0000 13rem),radial-gradient(circle at 50% 62%,#00000085,#0000 18rem),linear-gradient(#101719 0%,#121416 54%,#0b0d0e 100%);border:1px solid #ffffff0f;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.pack-aura{width:calc(var(--pack-size) * .68);aspect-ratio:1;opacity:.16;filter:blur(24px);background:radial-gradient(circle,#f1f7f83d 0 5%,#9eabb02e 28%,#0000 68%);border-radius:50%;position:absolute;top:14%;transform:scale(.82)}.card-pack-wrap.is-opening .pack-aura{animation:4.4s cubic-bezier(.18,.72,.2,1) forwards packAura}.pack-stage-floor{filter:blur(1px);background:radial-gradient(#ffffff29,#0000 26%),radial-gradient(#000000b8,#0000 68%);border-radius:50%;width:min(58cqi,390px);height:min(11cqi,64px);position:absolute;bottom:11%;left:50%;transform:translate(-50%)}.pack-table{aspect-ratio:1;perspective:900px;place-items:center;width:min(68cqi,430px);min-width:244px;display:grid;position:relative}.pack-light-beam{z-index:1;background:radial-gradient(ellipse at 50% 68%, #ffffffeb, transparent 16%), linear-gradient(180deg, transparent 0 12%, var(--pack-middle) 38%, var(--pack-final) 64%, transparent 100%);width:30%;height:48%;box-shadow:0 0 38px var(--pack-middle-glow), 0 0 90px var(--pack-final-glow);opacity:0;filter:blur(7px);transform-origin:50% 100%;will-change:transform, opacity;border-radius:999px;position:absolute;bottom:32%;transform:scaleY(.24)}.card-pack-wrap.is-opening .pack-light-beam{animation:4.4s ease-in-out forwards packLightBeam}.pack-card-slot{z-index:3;pointer-events:none;width:78%;height:88%;position:absolute;top:-36%;left:50%;overflow:hidden;transform:translate(-50%)}.pack-card-back{aspect-ratio:.72;background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--pack-final) 22%, transparent), transparent 34%), linear-gradient(145deg, #ffffff29, transparent 28%), linear-gradient(160deg, #252d31, #0a0d0f 72%);width:100%;box-shadow:inset 0 0 0 7px #ffffff0f, inset 0 0 0 10px #00000052, 0 0 34px var(--pack-final-glow), 0 28px 58px #0000008a;backface-visibility:hidden;will-change:transform;border:1px solid #ffffff6b;border-radius:12px;place-items:center;display:grid;position:absolute;bottom:-22%;left:0;overflow:hidden;transform:translateY(52%)scale(.98)rotateX(4deg)}.pack-card-back:before,.pack-card-back:after{content:"";border:1px solid color-mix(in srgb, var(--pack-final) 72%, white 12%);opacity:.64;position:absolute}.pack-card-back:before{border-radius:10px;inset:13%}.pack-card-back:after{aspect-ratio:1;width:44%;box-shadow:0 0 24px var(--pack-final-glow);border-radius:50%}.pack-card-back-mark{z-index:1;aspect-ratio:1;background:linear-gradient(0deg, transparent 46%, color-mix(in srgb, var(--pack-final) 72%, white 18%) 47% 53%, transparent 54%), linear-gradient(60deg, transparent 46%, color-mix(in srgb, var(--pack-final) 72%, white 18%) 47% 53%, transparent 54%), linear-gradient(120deg, transparent 46%, color-mix(in srgb, var(--pack-final) 72%, white 18%) 47% 53%, transparent 54%), radial-gradient(circle, color-mix(in srgb, var(--pack-final) 82%, white 18%) 0 13%, transparent 14%);width:38%;box-shadow:0 0 22px var(--pack-final-glow);border-radius:50%;position:relative}.card-pack-wrap.is-opening .pack-card-back{animation:4.4s cubic-bezier(.22,.74,.18,1) forwards packCardRise}.pack-shell{z-index:3;aspect-ratio:.66;width:min(38cqi,224px);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, opacity;background:linear-gradient(115deg,#ffffff47,#0000 18% 72%,#ffffff1f),radial-gradient(circle at 50% 38%,#dbe4e61f,#0000 26%),linear-gradient(160deg,#3f494d 0%,#171c1f 48%,#07090a 100%);border:1px solid #e8eff057;border-radius:16px;position:relative;overflow:visible;transform:rotateX(4deg);box-shadow:inset 0 0 0 7px #ffffff0a,inset 0 0 0 10px #00000047,inset 0 -28px 64px #00000075,0 28px 70px #0000008a}.card-pack-wrap.is-opening .pack-shell{animation:4.4s cubic-bezier(.18,.78,.18,1) forwards premiumPackMotion}.pack-shell:before{content:"";opacity:.46;background:linear-gradient(100deg,#0000,#ffffff57,#0000);position:absolute;inset:-22% 64% -18% -42%;transform:skew(-16deg)}.card-pack-wrap.is-opening .pack-shell:before{animation:4.4s ease-in-out forwards packFoilSweep}.pack-shell:after{content:"";z-index:6;opacity:.54;border:1px solid #dfe8ea5c;border-radius:12px;position:absolute;inset:9%}.pack-foil{z-index:4;opacity:.86;background:repeating-linear-gradient(90deg,#ffffff2e 0 5px,#0000 5px 10px),linear-gradient(90deg,#667074,#d7e0e2,#596267);height:13%;position:absolute;left:0;right:0}.pack-foil-top{border-bottom:1px solid #ffffff47;top:0}.card-pack-wrap.is-opening .pack-foil-top{animation:4.4s cubic-bezier(.18,.78,.18,1) forwards packTopFoilTear}.pack-foil-bottom{border-top:1px solid #ffffff38;bottom:0}.pack-front-film{z-index:5;pointer-events:none;background:linear-gradient(115deg,#ffffff2e,#0000 20% 74%,#ffffff1a),radial-gradient(circle at 50% 30%,#dbe4e61a,#0000 28%),linear-gradient(160deg,#3f494deb 0%,#171c1fe6 48%,#07090af0 100%);border-radius:0 0 16px 16px;position:absolute;inset:18% 0 0;box-shadow:inset 0 0 0 7px #ffffff08,inset 0 -28px 64px #0000005c}.pack-tear-lip{z-index:9;pointer-events:none;height:17%;position:absolute;top:0;left:-1px;right:-1px}.pack-tear-strip{transform-origin:76% 78%;will-change:transform, opacity;background:linear-gradient(90deg,#ffffff1a,#0000 18% 82%,#ffffff24),linear-gradient(115deg,#697478,#eef5f6 42%,#525c61);border-bottom:1px solid #ffffff4d;border-radius:16px 16px 4px 4px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 -12px 22px #00000038,0 12px 20px #0000002e}.pack-tear-strip:after{content:"";background:#0c0f1161;border-radius:999px;width:18%;height:28%;position:absolute;top:36%;right:8%;box-shadow:inset 0 1px #ffffff57}.card-pack-wrap.is-opening .pack-tear-strip{animation:4.4s cubic-bezier(.18,.78,.18,1) forwards tearStripPull}.pack-pattern{z-index:6;opacity:.28;background:radial-gradient(circle,#0000 0 18%,#dee8ea75 19% 20%,#0000 21%) 0 0/100% 100%,linear-gradient(45deg,#0000 47%,#dee8ea4d 48% 52%,#0000 53%) 0 0/28px 28px,linear-gradient(-45deg,#0000 47%,#dee8ea4d 48% 52%,#0000 53%) 0 0/28px 28px;border-radius:12px;position:absolute;inset:18% 14%}.pack-title{z-index:7;color:#e8eff0c7;letter-spacing:0;font-size:clamp(.72rem,2.8cqi,1rem);font-weight:1000;position:absolute;top:24%;left:50%;transform:translate(-50%)}.pack-emblem{z-index:7;aspect-ratio:1;will-change:transform;background:radial-gradient(circle,#ffffff29,#0000 62%),#0508098f;border:1px solid #e6eef06b;border-radius:50%;place-items:center;width:min(17cqi,92px);display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #cddade42,inset 0 0 0 8px #ffffff0a}.pack-emblem:before,.pack-emblem:after{content:"";border-radius:50%;position:absolute}.pack-emblem:before{background:#dae6e9c2;inset:25%;box-shadow:0 0 16px #dae6e970}.pack-emblem:after{clip-path:polygon(50% 0,61% 34%,97% 20%,72% 49%,97% 80%,61% 66%,50% 100%,39% 66%,3% 80%,28% 49%,3% 20%,39% 34%);border:1px solid #e6eef080;inset:10%}.pack-cut-line{z-index:10;background:linear-gradient(90deg, transparent, #ebf3f4b8 16%, #fffffff0 50%, #ebf3f4b8 84%, transparent), linear-gradient(90deg, transparent, var(--pack-middle), var(--pack-final), transparent);opacity:.62;border-radius:999px;height:2px;position:absolute;top:17%;left:8%;right:8%;box-shadow:0 0 10px #e2edef47}.card-pack-wrap.is-opening .pack-cut-line{animation:4.4s ease-in-out forwards packCutGlow}.pack-ripped-edge{z-index:8;clip-path:polygon(0 54%,6% 44%,13% 58%,20% 39%,31% 56%,43% 42%,56% 58%,69% 40%,80% 55%,91% 43%,100% 52%,100% 100%,0 100%);opacity:0;transform-origin:50% 0;will-change:transform, opacity;background:linear-gradient(#ffffff61,#d2dfe214 54%,#0000 100%),linear-gradient(90deg,#0000 0 4%,#879195 16%,#eef5f5 42%,#8a9598 72%,#0000 96%);border-radius:999px;height:3%;position:absolute;top:16.1%;left:6%;right:6%;transform:translateY(-20%)scaleY(.42)}.card-pack-wrap.is-opening .pack-ripped-edge{animation:4.4s ease-out forwards packRippedEdge}.pack-mouth{z-index:8;background:radial-gradient(ellipse at 50% 0%, #ffffff8a 0 7%, var(--pack-final) 20%, var(--pack-middle) 40%, transparent 74%);opacity:0;transform-origin:50% 0;will-change:transform, opacity;border-radius:50%;height:8%;position:absolute;top:16%;left:10%;right:10%;transform:scaleY(.18)}.card-pack-wrap.is-opening .pack-mouth{animation:4.4s ease-in-out forwards packMouthOpen}.pack-flash{background:radial-gradient(circle, #ffffffe6, var(--pack-final-glow) 24%, transparent 58%);opacity:0;pointer-events:none;position:absolute;inset:-12%}.card-pack-wrap.is-opening .pack-flash{animation:4.4s ease-out forwards packFinalFlash}.pack-sequence{aspect-ratio:1;perspective:900px;place-items:center;width:min(96cqi,620px);min-width:250px;display:grid;position:relative}.pack-box,.chosen-foil,.foil-cloud{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.pack-box{z-index:2;perspective:1000px;transform-style:preserve-3d;will-change:transform, opacity;transform:translateY(9%)rotateX(8deg)rotateY(10deg)rotate(1deg)}.card-pack-wrap.is-opening .pack-box{animation:5s cubic-bezier(.2,.76,.18,1) forwards cardShoeExit}.pack-box-body{opacity:1;transform-origin:50%;will-change:opacity, transform;background:linear-gradient(90deg,#ff4842db 0 7%,#0000 7% 84%,#d22f2b 84% 91%,#0000 91% 100%),linear-gradient(#ffffff1a,#0000 26%),linear-gradient(160deg,#2b3032 0%,#15191a 60%,#0a0d0e 100%);border:2px solid #0d1011eb;border-radius:14px 18px 18px 14px;width:min(35cqi,214px);height:min(42cqi,258px);position:relative;transform:translate3d(0,-5%,22px)rotateX(-4deg)rotateY(5deg)rotate(1deg);box-shadow:inset 0 0 0 1px #ffffff12,inset 0 0 0 5px #ffffff09,inset 18px 0 34px #ff464012,inset -20px 0 38px #00000057,inset 0 -28px 46px #00000085,0 30px 70px #0000007a}.card-pack-wrap.is-opening .pack-box-body{animation:5s cubic-bezier(.16,.82,.18,1) forwards deckCaseBodyOpen}.pack-box-body:before,.pack-box-body:after{content:"";pointer-events:none;position:absolute}.pack-box-body:before{background:linear-gradient(#ffffff14,#0000 26%),radial-gradient(at 50% 100%,#7915158f,#16191bf5 62%,#050708fa 100%);border:1px solid #ff4e4847;border-radius:11px 14px 14px 11px;inset:10% 12% 12% 10%;box-shadow:inset 0 9px 18px #00000057,inset 0 0 0 4px #00000038}.pack-box-body:after{opacity:.9;background:linear-gradient(90deg,#0000003d,#da332ee6,#5d0808f5);border-radius:0 10px 10px 0;width:14px;top:7%;bottom:7%;right:-7px;box-shadow:inset 1px 0 #ffffff2e}.pack-box-body span{background:linear-gradient(90deg,#5f0909f5,#da332ee6,#00000052);border-radius:10px 0 0 10px;width:14px;height:76%;display:block;position:absolute;top:12%;left:-7px;box-shadow:inset -1px 0 #ffffff2e}.pack-box-lid{z-index:7;transform-origin:96%;will-change:transform;background:linear-gradient(90deg,#ff4842eb 0 7%,#0000 7% 84%,#d22f2b 84% 91%,#0000 91% 100%),linear-gradient(145deg,#35393b 0%,#1a1e20 54%,#0c0f10 100%);border:2px solid #0b0e0fe6;border-radius:14px 18px 18px 14px;width:min(35cqi,214px);height:min(42cqi,258px);position:absolute;transform:translate3d(0,-5%,68px)rotateX(-4deg)rotateY(5deg)rotate(1deg);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 0 5px #ffffff09,inset 0 -28px 46px #00000070,0 20px 38px #00000057}.pack-box-lid:before,.pack-box-lid:after{content:"";pointer-events:none;position:absolute}.pack-box-lid:before{opacity:0;transform-origin:96%;background:linear-gradient(#ffffff14,#0000 36%),radial-gradient(at 50% 100%,#da3730e0,#a71212fa 66%,#480505eb 100%);border-radius:12px;inset:9% 9% 11%;transform:scaleY(.82)}.card-pack-wrap.is-opening .pack-box-lid:before{animation:5s ease-out forwards deckCaseInnerFlash}.pack-box-lid:after{background:linear-gradient(90deg,#0000,#ff534eeb,#0000);border-radius:999px;height:5px;top:5%;left:12%;right:12%;box-shadow:0 0 10px #da2c2761}.card-pack-wrap.is-opening .pack-box-lid{animation:5s cubic-bezier(.14,.92,.22,1) forwards cardShoeRail}.pack-box-mouth{z-index:8;transform-origin:100%;opacity:0;will-change:opacity, transform;background:linear-gradient(90deg,#07090afa 0 28%,#1f0909f5 29% 58%,#da332eeb 59% 100%);border:2px solid #0f1112e0;border-right:0;border-radius:14px 4px 4px 14px;width:min(12cqi,74px);height:min(31cqi,190px);position:absolute;transform:translate3d(-58%,-3%,74px)scaleX(.42);box-shadow:inset 12px 0 18px #00000094,inset -4px 0 #ff484275,0 10px 20px #0000003d}.card-pack-wrap.is-opening .pack-box-mouth{animation:5s cubic-bezier(.14,.92,.22,1) forwards deckCaseNotchReveal}.foil-cloud{z-index:4}.flying-foil{aspect-ratio:1.55;opacity:0;offset-path:path("M -116 -6 C -148 -8 -166 -30 -144 -56 C -118 -88 -54 -76 -28 -34 C 8 22 -58 66 -126 24 C -198 -20 -170 -116 -66 -182 C 78 -274 262 -168 352 46");offset-distance:0%;offset-rotate:auto;width:min(26cqi,154px);transform:translate(-50%, -50%) scale(var(--foil-scale)) rotate(var(--foil-spin));transform-origin:50% 55%;will-change:offset-distance, transform, opacity;background:linear-gradient(100deg,#ffffff5c,#0000 24% 72%,#ffffff24),repeating-linear-gradient(90deg,#ffffff21 0 5px,#0000 5px 11px),linear-gradient(145deg,#6f7b80,#dce5e6 48%,#596367);border:1px solid #ffffff57;border-radius:9px;position:absolute;top:50%;left:50%}.flying-foil.is-gold{background:linear-gradient(100deg,#ffffff80,#0000 20% 70%,#ffffff38),repeating-linear-gradient(90deg,#ffffff29 0 5px,#0000 5px 11px),linear-gradient(145deg,#9a6622,#ffe18d 46%,#c88725 74%,#6c4518);border-color:#ffe796a8;box-shadow:0 0 18px #f3bd4f6b}.card-pack-wrap.is-opening .flying-foil{animation:foilPathTravel 1.9s linear var(--foil-delay) both, foilDepthScale 1.9s linear var(--foil-delay) both}.chosen-foil{z-index:6;aspect-ratio:.66;opacity:0;width:min(54cqi,324px);transform-style:preserve-3d;will-change:transform, opacity;inset:auto;transform:translate(58cqi,-36cqi)rotate(22deg)scale(.72)}.card-pack-wrap.is-opening .chosen-foil{animation:5s cubic-bezier(.18,.82,.16,1) forwards chosenFoilSequence}.chosen-foil-back,.chosen-foil-face,.chosen-foil-strip{border:1px solid #e8eff057;position:absolute;left:0;right:0}.chosen-foil-back{background:linear-gradient(100deg,#ffffff42,#0000 24% 72%,#ffffff1f),repeating-linear-gradient(90deg,#ffffff1f 0 5px,#0000 5px 11px),linear-gradient(145deg,#5d686c,#d6e0e1 48%,#505a5e);border-radius:14px;inset:0;box-shadow:0 24px 58px #00000075}.chosen-foil.is-gold .chosen-foil-back{background:linear-gradient(100deg,#ffffff57,#0000 22% 70%,#ffffff2e),repeating-linear-gradient(90deg,#ffffff21 0 5px,#0000 5px 11px),linear-gradient(145deg,#7d531d,#ffe08a 47%,#bd7a21 74%,#5c3913);border-color:#ffe796a3;box-shadow:0 24px 68px #0000007a,0 0 34px #f3bd4f57}.chosen-foil-face{z-index:5;background:linear-gradient(112deg,#ffffff38,#6d797d14 22% 74%,#ffffff24),repeating-linear-gradient(90deg,#ffffff1a 0 5px,#0000 5px 11px),linear-gradient(145deg,#5d686c,#d6e0e1 48%,#505a5e);border-radius:0 0 14px 14px;top:18%;bottom:0}.chosen-foil.is-gold .chosen-foil-face{background:linear-gradient(112deg,#ffffff47,#9a662214 22% 74%,#ffffff2e),repeating-linear-gradient(90deg,#ffffff1f 0 5px,#0000 5px 11px),linear-gradient(145deg,#7d531d,#ffe08a 47%,#bd7a21 74%,#5c3913)}.chosen-foil-strip{z-index:9;transform-origin:78% 72%;will-change:transform, opacity;background:linear-gradient(100deg,#ffffff5c,#0000 24% 72%,#ffffff24),repeating-linear-gradient(90deg,#ffffff21 0 5px,#0000 5px 11px),linear-gradient(145deg,#6f7b80,#dce5e6 48%,#596367);border-radius:14px 14px 4px 4px;height:18%;top:0}.chosen-foil.is-gold .chosen-foil-strip{background:linear-gradient(100deg,#ffffff80,#0000 20% 70%,#ffffff38),repeating-linear-gradient(90deg,#ffffff29 0 5px,#0000 5px 11px),linear-gradient(145deg,#9a6622,#ffe18d 46%,#c88725 74%,#6c4518);border-color:#ffe796a8}.chosen-foil-strip span{background:#0c0f1157;border-radius:999px;width:18%;height:30%;position:absolute;top:35%;right:8%}.card-pack-wrap.is-opening .chosen-foil-strip{animation:5s cubic-bezier(.16,.82,.12,1) forwards chosenStripTear}.chosen-foil-edge{z-index:7;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--pack-final) 54%, white 10%) 16%, color-mix(in srgb, var(--pack-final) 68%, white 14%) 48%, color-mix(in srgb, var(--pack-final) 48%, white 8%) 82%, transparent), repeating-linear-gradient(90deg, transparent 0 8px, color-mix(in srgb, var(--pack-final) 42%, white 8%) 8px 10px, transparent 10px 17px);clip-path:polygon(0 55%,8% 38%,18% 62%,31% 42%,45% 58%,59% 40%,72% 60%,86% 42%,100% 56%,100% 100%,0 100%);opacity:0;transform-origin:50% 0;will-change:transform, opacity;border-radius:999px;height:2.4%;position:absolute;top:16.5%;left:8%;right:8%;transform:scaleY(.42)}.card-pack-wrap.is-opening .chosen-foil-edge{animation:5s ease-out forwards chosenEdgeReveal}.chosen-foil-light{z-index:8;background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--pack-final) 94%, white 6%) 0 18%, var(--pack-final) 38%, color-mix(in srgb, var(--pack-final) 56%, transparent) 72%, transparent 92%), linear-gradient(90deg, transparent 0 4%, color-mix(in srgb, var(--pack-final) 58%, transparent) 14%, color-mix(in srgb, var(--pack-final) 92%, white 6%) 42% 58%, color-mix(in srgb, var(--pack-final) 58%, transparent) 86%, transparent 96%);height:1.6%;box-shadow:0 0 8px color-mix(in srgb, var(--pack-final) 86%, white 6%), 0 0 20px color-mix(in srgb, var(--pack-final) 68%, transparent), 0 0 42px var(--pack-middle-glow), 0 0 86px var(--pack-final-glow), 0 0 138px var(--pack-final-glow);clip-path:none;opacity:0;transform-origin:50%;filter:saturate(1.18)brightness(1.25);will-change:transform, opacity, filter;border-radius:999px;position:absolute;top:17.3%;left:9%;right:9%;transform:scaleX(.12)scaleY(.3)}.chosen-center-light{z-index:8;pointer-events:none;opacity:0;height:1.6%;position:absolute;top:17.3%;left:9%;right:9%}.chosen-center-light:before,.chosen-center-light:after{content:"";background:radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--pack-final) 88%, white 6%) 0 5%, var(--pack-final) 18%, color-mix(in srgb, var(--pack-final) 52%, transparent) 48%, transparent 82%), linear-gradient(180deg, color-mix(in srgb, var(--pack-final) 44%, transparent) 0%, color-mix(in srgb, var(--pack-final) 34%, transparent) 45%, transparent 86%);-webkit-mask-composite:source-in;filter:blur(18px);opacity:0;transform-origin:50% 100%;border-radius:50% 50% 10% 10%;width:100%;height:1500%;position:absolute;bottom:62%;left:50%;transform:translate(-50%)scaleY(.08)scaleX(.32);-webkit-mask-image:radial-gradient(at 50% 96%,#000 0 34%,#000000b8 48%,#0000 82%),linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:radial-gradient(at 50% 96%,#000 0 34%,#000000b8 48%,#0000 82%),linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.chosen-center-light:after{filter:blur(34px);background:radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--pack-final) 58%, transparent) 0 6%, var(--pack-final-glow) 26%, transparent 76%);border-radius:50%;width:112%;height:720%;bottom:38%;-webkit-mask-image:radial-gradient(at 50% 96%,#000 0 30%,#0000008f 48%,#0000 80%);mask-image:radial-gradient(at 50% 96%,#000 0 30%,#0000008f 48%,#0000 80%)}.card-pack-wrap.is-opening .chosen-foil-light{animation:4.3s ease-out forwards chosenLightReveal,.62s ease-in-out 2.6s infinite alternate chosenLightFlicker}.card-pack-wrap.is-opening .chosen-center-light{animation:4.3s ease-out forwards chosenCenterLight}.card-pack-wrap.is-opening .chosen-center-light:before{animation:4.3s ease-out forwards chosenLightPlume,.72s ease-in-out 2.5s infinite alternate chosenLightFlicker}.card-pack-wrap.is-opening .chosen-center-light:after{animation:4.3s ease-out forwards chosenLightBloom,.84s ease-in-out 2.55s infinite alternate chosenLightFlicker}.chosen-card-slot{z-index:3;clip-path:inset(-110% 0 0);height:82%;position:absolute;top:-28%;left:18%;right:18%;overflow:visible}.chosen-card{aspect-ratio:.72;background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--pack-final) 22%, transparent), transparent 34%), linear-gradient(145deg, #ffffff29, transparent 28%), linear-gradient(160deg, #252d31, #0a0d0f 72%);box-shadow:inset 0 0 0 7px #ffffff0f, inset 0 0 0 10px #00000052, 0 0 30px var(--pack-final-glow), 0 24px 46px #0000007a;will-change:transform;border:1px solid #ffffff6b;border-radius:12px;place-items:center;display:grid;position:absolute;bottom:-12%;left:0;right:0;transform:translateY(52%)scale(.98)}.card-pack-wrap.is-opening .chosen-card{animation:5s cubic-bezier(.62,0,.98,.48) forwards chosenCardPull}.chosen-card:before,.chosen-card:after{content:"";border:1px solid color-mix(in srgb, var(--pack-final) 72%, white 12%);opacity:.64;position:absolute}.chosen-card:before{border-radius:10px;inset:13%}.chosen-card:after{aspect-ratio:1;width:44%;box-shadow:0 0 22px var(--pack-final-glow);border-radius:50%}.chosen-card-mark{z-index:1;aspect-ratio:1;background:linear-gradient(0deg, transparent 46%, color-mix(in srgb, var(--pack-final) 72%, white 18%) 47% 53%, transparent 54%), linear-gradient(60deg, transparent 46%, color-mix(in srgb, var(--pack-final) 72%, white 18%) 47% 53%, transparent 54%), linear-gradient(120deg, transparent 46%, color-mix(in srgb, var(--pack-final) 72%, white 18%) 47% 53%, transparent 54%), radial-gradient(circle, color-mix(in srgb, var(--pack-final) 82%, white 18%) 0 13%, transparent 14%);border-radius:50%;width:38%;position:relative}.draw-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.draw-button,.draw-10-button,.pager-button,.confirm-button,.skip-button,.catalog-button,.catalog-close,.history-button,.exchange-cancel-button,.exchange-confirm-button,.daily-reward-button{border-radius:8px;justify-content:center;align-items:center;min-height:52px;font-weight:900;display:inline-flex}.draw-button{color:#1b1510;background:linear-gradient(135deg,#ffe08b,#f0a23a);box-shadow:0 12px 28px #f0a23a3d}.draw-10-button{color:#121617;background:linear-gradient(135deg,#78edc1,#58a8ff);flex-direction:column;gap:5px;min-height:66px;line-height:1.1;box-shadow:0 12px 28px #57d6aa33}.draw-main-label,.draw-sub-label{overflow-wrap:anywhere;text-align:center;max-width:100%;display:block}.draw-sub-label{color:#121617c7;background:#ffffff3d;border:1px solid #12161757;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:1000}.catalog-button{color:#101617;background:linear-gradient(135deg,#f6df9a,#57d6aa);width:100%;box-shadow:0 12px 28px #57d6aa2e}.controls .catalog-button{margin-top:var(--panel-gap)}.history-button{width:100%;min-height:52px;color:var(--text);background:#20282c;border:1px solid #ffffff1a}button:disabled{cursor:wait;filter:grayscale(.5);opacity:.75}.portrait{aspect-ratio:3/4;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;background:#15191b;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:104px;display:grid;position:relative;overflow:hidden}.portrait canvas{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.grade{color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:0;background:color-mix(in srgb, var(--grade-color) 82%, black 18%);text-shadow:0 1px 1px #0000007a;border:1px solid #ffffffb8;border-radius:999px;place-items:center;min-width:46px;height:28px;padding:0 10px;font-size:.82rem;font-weight:900;line-height:1;display:inline-grid;box-shadow:inset 0 1px #ffffff57,0 0 0 2px #0000009e,0 5px 14px #0000005c}.side-panel{gap:var(--panel-gap);grid-template-rows:auto auto;display:grid;overflow:hidden}.controls,.history,.utility-panel{width:100%;padding:var(--panel-padding)}.controls{margin-bottom:0}.utility-panel{gap:var(--panel-gap);grid-template-columns:1fr;align-items:stretch;display:grid}.utility-actions{gap:var(--panel-gap);grid-template-columns:1fr;min-width:0;display:grid}.utility-panel .bank{grid-template-columns:1fr}.utility-panel .bank-stat{justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:8px 10px;display:flex}.utility-panel .bank-stat strong{margin-top:0;font-size:1.08rem}.rates{gap:var(--panel-gap);grid-template-columns:1fr;display:grid}.rate{background:#151a1d;border:1px solid #ffffff12;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:8px 10px;display:flex}.rate strong{align-items:center;gap:6px;margin-bottom:0;font-size:.9rem;display:flex}.rate span:last-child{color:var(--muted);font-size:.85rem}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-title h2{margin:0;font-size:1.1rem}.history-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.history-tools span,.history-item small{color:var(--muted);font-size:.84rem}.history{grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.history-list{align-content:start;gap:8px;min-height:0;display:grid;overflow:hidden}.history-item{width:100%;min-height:36px;color:var(--text);text-align:left;background:#151a1d;border:1px solid #ffffff0f;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px;display:grid}.history-item.empty{grid-template-columns:minmax(0,1fr) auto;min-height:44px}.history-item:hover,.history-item:focus-visible{border-color:color-mix(in srgb, var(--grade-color,#f3bd4f) 48%, white 10%);box-shadow:0 0 0 2px color-mix(in srgb, var(--grade-color,#f3bd4f) 18%, transparent)}.history-item .grade{min-width:38px;height:23px;padding:0 7px;font-size:.72rem}.history-item strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;overflow:hidden}.history-item small{white-space:nowrap;justify-self:end}.history-pager{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-top:10px;display:grid}.pager-button{min-height:34px;color:var(--text);background:#20282c;border:1px solid #ffffff14;padding:0 12px;font-size:.82rem}.pager-status{min-width:48px;color:var(--muted);text-align:center;white-space:nowrap;font-size:.82rem;font-weight:800}.flash{animation:.9s flash}.reveal,.summary-reveal{z-index:30;background:radial-gradient(circle at 50% 42%, var(--reveal-aura), transparent var(--reveal-aura-size)), #050708c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.reveal.is-ssr{background:radial-gradient(circle at 50% 38%,#ffffff38,#0000 7rem),radial-gradient(circle at 50% 42%,#ffd56a8f,#0000 19rem),radial-gradient(circle at 20% 18%,#57d6aa29,#0000 18rem),radial-gradient(circle at 80% 72%,#ff7f6129,#0000 20rem),#050708d6;animation:1.8s ease-out both ssr-screen-flash}.reveal.is-sr{background:radial-gradient(circle at 50% 40%,#d6c4ff3d,#0000 8rem),radial-gradient(circle at 50% 44%,#9e78ff75,#0000 21rem),radial-gradient(circle at 18% 18%,#7867ff24,#0000 16rem),#050708cc;animation:.8s ease-out both sr-screen-glow}.summary-reveal{background:#050708c7}.sr-showcase{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sr-showcase:before{content:"";aspect-ratio:1;opacity:.56;background:conic-gradient(from 18deg,#0000 0deg 42deg,#d6c4ff7a 58deg,#0000 76deg 156deg,#9e78ff57 176deg,#0000 204deg 360deg);border-radius:50%;width:min(82vw,560px);animation:6s linear infinite sr-rays-spin;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.sr-ring{aspect-ratio:1;opacity:0;border:1px solid #d6c4ff85;border-radius:50%;width:min(70vw,460px);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)scale(.45)}.sr-ring-1{animation:.62s ease-out .19s both sr-ring-pulse}.sr-ring-2{width:min(78vw,520px);animation:.72s ease-out .28s both sr-ring-pulse}.sr-spark{background:#ded1ff;border-radius:50%;width:8px;height:8px;animation:.72s ease-out both sr-spark-pop;position:absolute;top:44%;left:50%;box-shadow:0 0 16px #9e78ffc7,0 0 34px #7867ff52}.sr-spark-1{--spark-x:-210px;--spark-y:-140px;animation-delay:.23s}.sr-spark-2{--spark-x:210px;--spark-y:-90px;width:10px;height:10px;animation-delay:.29s}.sr-spark-3{--spark-x:-190px;--spark-y:120px;width:6px;height:6px;animation-delay:.35s}.sr-spark-4{--spark-x:185px;--spark-y:155px;animation-delay:.41s}.ssr-showcase{z-index:0;pointer-events:none;animation:1.65s ease-out both ssr-showcase-charge;position:absolute;inset:0;overflow:hidden}.ssr-showcase:before,.ssr-showcase:after{content:"";aspect-ratio:1;border-radius:50%;width:min(92vw,720px);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.ssr-showcase:before{filter:blur(2.5px);opacity:.18;background:conic-gradient(from 18deg,#0000 0deg 28deg,#fff5bc8f 40deg,#0000 54deg 108deg,#ffbb496b 124deg,#0000 146deg 218deg,#57d6aa2e 232deg,#0000 254deg 360deg),radial-gradient(circle,#0000 0 30%,#ffcf4a29 38%,#0000 54%);width:min(88vw,620px);animation:1.65s ease-out both ssr-energy-gather}.ssr-showcase:after{background:radial-gradient(circle,#fff6bf61 0 4%,#0000 13%),radial-gradient(circle,#0000 28%,#ffe3846b 31%,#0000 37% 50%,#ffffff57 53%,#0000 59%);width:min(72vw,500px);animation:1.65s ease-out both ssr-core-gather;box-shadow:0 0 72px #f3bd4f38}.ssr-ring{aspect-ratio:1;opacity:0;border:1px solid #ffe6928a;border-radius:50%;width:min(78vw,560px);position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)scale(.3)}.ssr-ring-1{animation:.76s ease-out .92s both ssr-ring-burst}.ssr-ring-2{width:min(92vw,680px);animation:.94s ease-out 1.01s both ssr-ring-burst}.ssr-star,.ssr-shard{background:#fff4b8;position:absolute;top:44%;left:50%;box-shadow:0 0 18px #ffdc67c7,0 0 42px #f3bd4f73}.ssr-star{clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);width:12px;height:12px;animation:1.2s cubic-bezier(.16,1,.3,1) both ssr-star-pop}.ssr-star-1{--star-x:-250px;--star-y:-205px;animation-delay:.98s}.ssr-star-2{--star-x:260px;--star-y:-160px;width:16px;height:16px;animation-delay:1.02s}.ssr-star-3{--star-x:-310px;--star-y:50px;width:10px;height:10px;animation-delay:1.06s}.ssr-star-4{--star-x:300px;--star-y:95px;animation-delay:1.1s}.ssr-star-5{--star-x:-160px;--star-y:220px;width:15px;height:15px;animation-delay:1.14s}.ssr-star-6{--star-x:170px;--star-y:230px;width:9px;height:9px;animation-delay:1.18s}.ssr-shard{transform-origin:0;border-radius:999px;width:78px;height:3px;animation:.82s ease-out both ssr-shard-streak}.ssr-shard-1{--shard-x:-340px;--shard-y:-118px;--shard-r:-18deg;animation-delay:.93s}.ssr-shard-2{--shard-x:280px;--shard-y:-42px;--shard-r:24deg;animation-delay:.98s}.ssr-shard-3{--shard-x:-300px;--shard-y:160px;--shard-r:16deg;animation-delay:1.03s}.ssr-shard-4{--shard-x:250px;--shard-y:186px;--shard-r:-26deg;animation-delay:1.08s}.reveal-card,.summary-card{background:linear-gradient(160deg,#ffffff21,#0000 38%),linear-gradient(145deg,#20272b,#111416);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000008c}.reveal-card{border:1px solid color-mix(in srgb, var(--grade-color) 58%, white 10%);width:min(800px,100vw - 48px);max-height:calc(100dvh - 48px);box-shadow:0 0 var(--reveal-glow) color-mix(in srgb, var(--grade-color) var(--reveal-glow-mix), transparent), 0 28px 80px #0000008c;justify-items:center;padding:30px 30px 25px;animation:.68s cubic-bezier(.16,1.22,.24,1) forwards reveal-pop;display:grid}.reveal.is-static .reveal-card{animation:none}.reveal.is-static .reveal-card:before,.reveal.is-static .reveal-card:after{display:none}.reveal.is-ssr .reveal-card{background:linear-gradient(135deg,#fff4b842,#0000 28%),linear-gradient(160deg,#ffffff2e,#0000 36%),linear-gradient(145deg,#2e2418,#111416 62%,#1b1d1f);border:1px solid #ffeeaceb;animation:1.6s cubic-bezier(.12,.92,.16,1) forwards ssr-card-arrive;box-shadow:0 0 0 1px #fffada47,0 0 74px #f3bd4fb8,0 0 140px #ff7f6138,0 34px 92px #0000009e}.reveal.is-sr .reveal-card{background:linear-gradient(135deg,#9e78ff38,#0000 30%),linear-gradient(160deg,#ffffff26,#0000 38%),linear-gradient(145deg,#2a2140,#111416 62%,#1d1826);border-color:#d6c4ffd6;animation:.8s cubic-bezier(.16,1.08,.28,1) forwards sr-card-arrive;box-shadow:0 0 0 1px #e0d3ff33,0 0 58px #9e78ff99,0 30px 82px #00000094}.reveal-card:before{content:"";background:conic-gradient(from 0deg, transparent 0deg 54deg, color-mix(in srgb, var(--grade-color) 52%, white 20%) 70deg, transparent 88deg 360deg);opacity:var(--reveal-rays);animation:5.5s linear infinite reveal-rays;position:absolute;inset:-35%}.reveal.is-sr .reveal-card:before{opacity:.42;animation-duration:4.2s;inset:-40%}.reveal.is-ssr .reveal-card:before{opacity:.86;background:conic-gradient(#0000 0deg 28deg,#fff6bfdb 38deg,#0000 52deg 82deg,#ffba3ea3 94deg,#0000 110deg 360deg);animation:3.2s linear infinite reveal-rays,1.6s ease-out both ssr-card-radiance;inset:-44%}.reveal.is-ssr .reveal-card:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 44%,#fffffff2 0 8%,#ffeb86b8 16%,#0000 34%),linear-gradient(115deg,#0000 0% 36%,#ffffffa3 46%,#0000 56% 100%);animation:1.65s ease-out both ssr-card-burst;position:absolute;inset:0;transform:translate(-130%)}.reveal-card .portrait{z-index:1;width:min(600px,74vw,47dvh);box-shadow:0 0 0 2px color-mix(in srgb, var(--grade-color) 72%, white 8%), 0 0 var(--reveal-glow) color-mix(in srgb, var(--grade-color) var(--reveal-glow-mix), transparent)}.reveal.is-sr .reveal-card .portrait{animation:.8s ease-out both sr-portrait-reveal;box-shadow:0 0 0 2px #dacbffe0,0 0 26px #9e78ffb8,0 0 64px #7867ff3d}.reveal.is-sr .reveal-card .portrait:before,.reveal.is-sr .reveal-card .portrait:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0}.reveal.is-sr .reveal-card .portrait:before{background:radial-gradient(circle at 50% 42%,#f8f2ff9e 0 7%,#0000 16%),linear-gradient(135deg,#ede4ff80,#0000 22%,#50378e38 68%),repeating-linear-gradient(135deg,#dacbff33 0 9px,#ffffff0a 9px 10px,#0000 10px 18px),linear-gradient(145deg,#eee4ff 0%,#9e78ff 40%,#3e315e 78%,#d7c8ff 100%);border:1px solid #ece2fff0;animation:.8s ease-out both sr-card-back-hide;box-shadow:inset 0 0 0 2px #fff3,inset 0 0 34px #9e78ff3d,0 0 30px #9e78ff94}.reveal.is-sr .reveal-card .portrait:after{mix-blend-mode:screen;opacity:0;filter:blur(4px);background:radial-gradient(circle at 50% 42%,#ffffffd6 0 6%,#d6c4ff8f 18%,#0000 42%),linear-gradient(115deg,#0000 0 34%,#ffffff6b 45%,#0000 56%);animation:.8s ease-out both sr-card-back-glow;inset:-10%}.reveal.is-ssr .reveal-card .portrait{animation:1.6s ease-out both ssr-portrait-reveal,2.1s ease-in-out 1.6s infinite ssr-portrait-float;box-shadow:0 0 0 2px #fff7c6eb,0 0 30px #fff1a9cc,0 0 86px #f3bd4fad}.reveal.is-ssr .reveal-card .portrait:before,.reveal.is-ssr .reveal-card .portrait:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0}.reveal.is-ssr .reveal-card .portrait:before{background:radial-gradient(circle at 50% 42%,#ffffeab8 0 8%,#0000 15%),radial-gradient(circle at 50% 42%,#0000 0 27%,#89530052 28% 30%,#0000 31%),linear-gradient(135deg,#fffff594,#0000 20%,#a75c002e 68%),repeating-linear-gradient(135deg,#fffacd38 0 9px,#90560014 9px 10px,#0000 10px 18px),linear-gradient(145deg,#ffe68d 0%,#f7bd38 34%,#b76a00 70%,#fff1a9 100%);border:1px solid #fffbdbfa;animation:1.6s ease-out both ssr-card-back-hide;box-shadow:inset 0 0 0 2px #ffffff57,inset 0 0 20px #ffffff4d,inset 0 0 54px #8648003d,0 0 42px #ffd769a8}.reveal.is-ssr .reveal-card .portrait:after{mix-blend-mode:screen;opacity:0;filter:blur(4px);background:radial-gradient(circle at 50% 42%,#fffffff0 0 7%,#ffee8ab8 18%,#0000 42%),linear-gradient(115deg,#0000 0 34%,#ffffff94 45%,#0000 56%),conic-gradient(from 20deg,#0000 0deg 34deg,#fff4b89e 44deg,#0000 58deg 126deg,#ffbb4970 138deg,#0000 154deg 360deg);animation:1.6s ease-out both ssr-card-back-glow;inset:-12%}.reveal-info{z-index:1;text-align:center;width:100%;margin-top:16px;position:relative}.reveal.is-ssr .reveal-info{z-index:3;animation:1.6s ease-out both ssr-info-reveal}.reveal.is-ssr .grade{animation:1.2s ease-in-out 1.6s infinite ssr-badge-pulse;box-shadow:0 0 22px #f3bd4f8c}.reveal-info h2{margin:12px 0 6px;font-size:clamp(1.8rem,7vw,2.65rem);line-height:1.04}.reveal-info p{color:var(--muted);margin:0;line-height:1.55}.conversion-badge{color:#121617;background:linear-gradient(135deg,#fff1a9,#57d6aa);border:1px solid #ffffffc2;border-radius:999px;justify-content:center;align-items:center;min-height:30px;margin-top:10px;padding:0 12px;font-size:.88rem;font-weight:1000;display:inline-flex;box-shadow:0 8px 22px #57d6aa38}.reveal-actions{z-index:1;justify-content:center;gap:10px;width:100%;display:flex;position:relative}.reveal.is-ssr .reveal-actions{z-index:3}.confirm-button{color:#151617;background:linear-gradient(135deg, #fff1a9, var(--grade-color,#f3bd4f));width:min(220px,100%);min-height:50px;box-shadow:0 14px 34px color-mix(in srgb, var(--grade-color,#f3bd4f) 28%, transparent);margin-top:16px;font-size:1rem}.skip-button{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:12;color:#17110a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fff7b8,#ffcf4a);border:1px solid #ffffffb8;min-width:132px;min-height:44px;padding:0 18px;font-size:.96rem;display:none;position:fixed;box-shadow:0 14px 34px #ffcf4a52,0 3px #704a005c}.skip-button.is-visible{display:inline-flex}.summary-card{border:1px solid #ffffff1f;grid-template-rows:auto minmax(0,1fr) auto;width:min(1080px,100%);min-height:0;max-height:min(860px,100dvh - 48px);padding:26px;animation:.36s forwards summary-pop;display:grid}.summary-card .confirm-button{flex:none;margin-left:auto;margin-right:auto;display:flex}.summary-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.summary-head h2{margin:0;font-size:clamp(1.7rem,5vw,2.55rem);line-height:1.05}.summary-head p{color:var(--muted);margin:6px 0 0;line-height:1.45}.summary-list{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;min-height:0;padding-right:4px;display:grid;overflow:auto}.summary-item{min-width:0;min-height:clamp(180px,28dvh,260px);color:var(--text);text-align:inherit;background:#151a1d;border:1px solid #ffffff12;border-radius:8px;grid-template-rows:1fr auto auto;align-content:stretch;gap:8px;padding:10px;display:grid}.summary-item:hover,.summary-item:focus-visible{border-color:color-mix(in srgb, var(--grade-color,#f3bd4f) 55%, white 12%);box-shadow:0 0 0 2px color-mix(in srgb, var(--grade-color,#f3bd4f) 24%, transparent)}.summary-portrait-wrap{place-self:stretch center;width:min(150px,100%);min-width:0;position:relative}.summary-item .portrait{border-radius:6px;place-self:stretch center;width:min(150px,100%)}.summary-portrait-wrap .portrait{width:100%;height:100%}.new-badge{color:#101617;background:linear-gradient(135deg,#fff1a9,#57d6aa);border:1px solid #ffffffc7;border-radius:999px;place-items:center;min-width:44px;height:24px;padding:0 8px;font-size:.72rem;font-weight:1000;line-height:1;display:inline-grid;position:absolute;top:6px;left:6px;box-shadow:0 6px 16px #0000005c,0 0 18px #57d6aa57}.conversion-chip{color:#101617;background:linear-gradient(135deg,#fff1a9,#57d6aa);border:1px solid #ffffffc7;border-radius:999px;place-items:center;min-width:34px;height:24px;padding:0 8px;font-size:.72rem;font-weight:1000;line-height:1;display:inline-grid;position:absolute;top:6px;right:6px;box-shadow:0 6px 16px #0000005c,0 0 18px #57d6aa57}.summary-item strong{text-align:center;overflow-wrap:anywhere;font-size:1.08rem;line-height:1.2;display:block}.summary-item small{display:none}.summary-item .grade{justify-self:center}.catalog-overlay,.history-overlay,.exchange-overlay,.daily-reward-overlay{z-index:28;background:#050708c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}.catalog-card{background:linear-gradient(160deg,#ffffff1c,#0000 34%),linear-gradient(145deg,#20272b,#111416);border:1px solid #ffffff1f;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);width:min(1120px,100%);min-height:0;max-height:min(860px,100dvh - 48px);padding:24px;display:grid;overflow:hidden;box-shadow:0 28px 80px #0000008c}.history-card{background:linear-gradient(160deg,#ffffff1c,#0000 34%),linear-gradient(145deg,#20272b,#111416);border:1px solid #ffffff1f;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(760px,100%);min-height:0;max-height:min(760px,100dvh - 48px);padding:24px;display:grid;overflow:hidden;box-shadow:0 28px 80px #0000008c}.exchange-card{background:linear-gradient(160deg,#ffffff21,#0000 38%),linear-gradient(145deg,#20272b,#111416);border:1px solid #f3bd4f42;border-radius:8px;width:min(420px,100%);padding:22px;overflow:hidden;box-shadow:0 28px 80px #0000008c}.daily-reward-card{text-align:center;background:radial-gradient(circle at 50% 0,#d83d4738,#0000 12rem),linear-gradient(160deg,#ffffff21,#0000 38%),linear-gradient(145deg,#20272b,#111416);border:1px solid #f3bd4f57;border-radius:8px;justify-items:center;width:min(430px,100%);padding:24px;animation:.36s forwards summary-pop;display:grid;overflow:hidden;box-shadow:0 28px 80px #0000008c,0 0 46px #d83d4729}.daily-reward-icon{aspect-ratio:1;background:#ffffff14;border:1px solid #f3bd4f4d;border-radius:50%;place-items:center;width:76px;display:grid;box-shadow:inset 0 1px #ffffff1a,0 18px 40px #00000047}.daily-reward-icon .currency-icon{width:42px;height:42px}.daily-reward-copy{margin-top:16px}.daily-reward-copy p{color:var(--gold);margin:0 0 8px;font-size:.84rem;font-weight:900}.daily-reward-copy h2{word-break:keep-all;margin:0;font-size:clamp(1.55rem,7vw,2.35rem);line-height:1.08}.daily-reward-copy span{color:var(--muted);word-break:keep-all;margin-top:10px;font-size:.86rem;font-weight:700;line-height:1.5;display:block}.daily-reward-button{color:#151617;background:linear-gradient(135deg,#fff1a9,#d83d47);width:min(220px,100%);min-height:48px;margin-top:20px;box-shadow:0 14px 34px #d83d473d}.exchange-head h2{margin:0;font-size:1.45rem;line-height:1.1}.exchange-head p{color:var(--muted);word-break:keep-all;margin:10px 0 0;line-height:1.55}.exchange-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.exchange-cancel-button,.exchange-confirm-button{min-height:46px;padding:0 14px}.exchange-cancel-button{color:var(--text);background:#2a3338;border:1px solid #ffffff1f}.exchange-confirm-button{color:#151617;background:linear-gradient(135deg,#fff1a9,#d83d47);box-shadow:0 14px 34px #d83d4738}.history-card .history{min-height:0;box-shadow:none;background:0 0;border:0;padding:0}.history-card .history>.section-title{display:none}.history-card .history-list{scrollbar-gutter:stable;overscroll-behavior:contain;padding-right:4px;overflow:auto}.catalog-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.catalog-head h2{margin:0;font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.05}.catalog-head p{color:var(--muted);margin:6px 0 0;font-weight:800}.catalog-close{min-height:42px;color:var(--text);background:#2a3338;border:1px solid #ffffff1f;padding:0 16px}.catalog-filters{justify-content:space-between;align-items:center;gap:10px;margin:-4px 0 14px;display:flex}.catalog-grade-filters{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.catalog-filter-button{min-height:38px;color:var(--text);box-shadow:none;white-space:nowrap;background:#222a2e;border:1px solid #ffffff1a;border-radius:999px;padding:0 13px;font-size:.82rem;font-weight:900}.catalog-filter-button:hover,.catalog-filter-button:focus-visible{border-color:color-mix(in srgb, var(--grade-color,#57d6aa) 44%, white 12%)}.catalog-filter-button.is-active{color:#101617;background:linear-gradient(135deg, #fff1a9, var(--grade-color,#57d6aa));box-shadow:0 10px 22px color-mix(in srgb, var(--grade-color,#57d6aa) 20%, transparent);border-color:#ffffffad}.catalog-owned-toggle{flex:none}.catalog-grid{scrollbar-gutter:stable;overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));align-content:start;gap:12px;min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.catalog-item{min-width:0;min-height:clamp(200px,31dvh,260px);color:var(--text);text-align:center;background:#151a1d;border:1px solid #ffffff12;border-radius:8px;grid-template-rows:auto 1fr;gap:10px;padding:10px;display:grid}.catalog-item.is-acquired:hover,.catalog-item.is-acquired:focus-visible{border-color:color-mix(in srgb, var(--grade-color,#f3bd4f) 55%, white 12%);box-shadow:0 0 0 2px color-mix(in srgb, var(--grade-color,#f3bd4f) 24%, transparent)}.catalog-item:disabled{cursor:default;filter:none;opacity:1}.catalog-item .portrait{border-radius:6px;justify-self:center;width:min(150px,100%)}.catalog-item strong{overflow-wrap:anywhere;min-height:2.5em;margin-bottom:8px;font-size:.98rem;line-height:1.25;display:block}.catalog-item .grade{margin:0 auto}.catalog-empty{min-height:180px;color:var(--muted);background:#ffffff09;border:1px dashed #ffffff24;border-radius:8px;grid-column:1/-1;place-items:center;font-weight:900;display:grid}.locked-portrait{background:linear-gradient(135deg,#ffffff0d,#0000 42%),repeating-linear-gradient(135deg,#ffffff0b 0 8px,#0000 8px 16px),#171c1f;border-style:dashed}.locked-portrait span{aspect-ratio:1;background:#ffffff14;border-radius:50%;width:48%;box-shadow:0 52px 0 18px #ffffff12}@keyframes packAura{0%{opacity:0;transform:scale(.62)}13%{opacity:.16;transform:scale(.82)}46%{opacity:.22;transform:scale(.88)}71%{opacity:.44;transform:scale(1.02)}91%{opacity:.72;transform:scale(1.18)}to{opacity:0;transform:scale(1.35)}}@keyframes premiumPackMotion{0%{opacity:0;transform:translateY(-18%)rotateX(8deg)scale(.96)}12%{opacity:1;transform:translateY(2%)rotateX(3deg)scale(1.015)}20%{opacity:1;transform:translateY(0)rotateX(3deg)scale(1)}34%{opacity:1;transform:translateY(-.4%)rotate(-.45deg)rotateX(3deg)scale(1.001)}44%{opacity:1;transform:translateY(.3%)rotate(.45deg)rotateX(3deg)scale(.999)}56%{opacity:1;transform:translateY(0)rotate(0)rotateX(3deg)scale(1)}74%{opacity:1;transform:translateY(.4%)rotateX(3deg)scale(.996)}86%{opacity:1;transform:translateY(.8%)rotateX(3deg)scale(.992)}92%{opacity:.72;transform:translateY(18%)rotate(1.8deg)rotateX(8deg)scale(.94)}to{opacity:0;transform:translateY(58%)rotate(5deg)rotateX(18deg)scale(.82)}}@keyframes packTopFoilTear{0%,37%{transform:translateY(0)rotate(0)}48%{opacity:1;transform:translateY(-10%)rotate(-1deg)}58%,to{opacity:0;transform:translateY(-132%)rotate(-5deg)}}@keyframes tearStripPull{0%,34%{opacity:1;transform:translate(0,0)rotate(0)}43%{opacity:1;transform:translate(1%,-8%)rotate(.8deg)}58%{opacity:.92;transform:translate(30%,-116%)rotate(10deg)}78%,to{opacity:0;transform:translate(54%,-148%)rotate(16deg)}}@keyframes packFoilSweep{0%,20%{opacity:0;transform:translate(0)skew(-16deg)}34%{opacity:.5}58%{opacity:0;transform:translate(320%)skew(-16deg)}to{opacity:0;transform:translate(320%)skew(-16deg)}}@keyframes packCutGlow{0%,24%{opacity:.42;transform:scaleX(.9)}34%{opacity:.88;transform:scaleX(1)}43%{opacity:1;transform:scaleX(1.02)}56%{opacity:.36;transform:scaleX(1)}66%,to{opacity:0;transform:scaleX(.98)}}@keyframes packRippedEdge{0%,43%{opacity:0;transform:translateY(-20%)scaleY(.42)}52%{opacity:.82;transform:translateY(-2%)scaleY(.78)}64%{opacity:.72;transform:translate(0,0)scaleY(1)}76%,to{opacity:0;transform:translate(0,0)scaleY(1)}}@keyframes packMouthOpen{0%,49%{opacity:0;transform:scaleY(.06)}62%{opacity:.46;transform:scaleY(.34)}72%{opacity:.54;transform:scaleY(.62)}82%,to{opacity:0;transform:scaleY(.42)}}@keyframes packLightBeam{0%,50%{opacity:0;transform:scaleY(.14)scaleX(.7)}62%{opacity:.28;transform:scaleY(.42)scaleX(.82)}74%{opacity:.62;transform:scaleY(.88)scaleX(.96)}84%{opacity:.78;transform:scaleY(1.16)scaleX(1.08)}93%{opacity:.34;transform:scaleY(1.36)scaleX(1.22)}to{opacity:0;transform:scaleY(1.7)scaleX(1.5)}}@keyframes packCardRise{0%,50%{transform:translateY(52%)scale(.98)rotateX(4deg)}56%{transform:translateY(42%)scale(.982)rotateX(3.6deg)}62%{transform:translateY(27%)scale(.986)rotateX(3deg)}68%{transform:translateY(10%)scale(.99)rotateX(2.3deg)}74%{transform:translateY(-8%)scale(.994)rotateX(1.6deg)}80%{transform:translateY(-27%)scale(.997)rotateX(.9deg)}86%{transform:translateY(-45%)scale(1)rotateX(.3deg)}92%{transform:translateY(-58%)scale(1)rotateX(0)}to{transform:translateY(-70%)scale(1.01)rotateX(0)}}@keyframes packFinalFlash{0%,80%{opacity:0;transform:scale(.58)}86%{opacity:.9;transform:scale(.96)}91%{opacity:.58;transform:scale(1.16)}to{opacity:0;transform:scale(1.42)}}@keyframes cardShoeExit{0%,24%{opacity:1;transform:translateY(9%)rotateX(8deg)rotateY(10deg)rotate(1deg)scale(1)}34%{opacity:.9;transform:translate(1%,12%)rotateX(9deg)rotateY(8deg)rotate(1deg)scale(.98)}44%{opacity:.34;transform:translate(3%,25%)rotateX(13deg)rotateY(7deg)rotate(1deg)scale(.94)}54%,to{opacity:0;transform:translate(5%,39%)rotateX(16deg)rotateY(6deg)rotate(1deg)scale(.88)}}@keyframes cardShoeRail{0%{transform:translate3d(0,-5%,68px)rotateX(-4deg)rotateY(5deg)rotate(1deg)}5%{transform:translate3d(-2%,-5.1%,72px)rotateX(-3.7deg)rotateY(20deg)rotate(1deg)}10%{transform:translate3d(-7%,-5%,72px)rotateX(-3.2deg)rotateY(42deg)rotate(1deg)}16%{transform:translate3d(-14%,-4.7%,66px)rotateX(-2.4deg)rotateY(66deg)rotate(1deg)}23%{transform:translate3d(-20%,-4.2%,56px)rotateX(-1.8deg)rotateY(84deg)rotate(1deg)}31%,to{transform:translate3d(-23%,-3.8%,50px)rotateX(-1.3deg)rotateY(92deg)rotate(1deg)}}@keyframes deckCaseBodyOpen{0%,12%{opacity:1;transform:translate3d(0,-5%,22px)rotateX(-4deg)rotateY(5deg)rotate(1deg)scale(1)}24%{opacity:.92;transform:translate3d(.6%,-2%,12px)rotateX(-1deg)rotateY(5deg)rotate(1deg)scale(.99)}44%,to{opacity:0;transform:translate3d(3%,18%,-18px)rotateX(8deg)rotateY(5deg)rotate(1deg)scale(.92)}}@keyframes deckCaseInnerFlash{0%,4%{opacity:0;transform:scaleX(.76)}8%{opacity:.62;transform:scaleX(.96)}18%,to{opacity:.34;transform:scaleX(1)}}@keyframes deckCaseNotchReveal{0%,4%{opacity:0;transform:translate3d(-46%,-3%,72px)scaleX(.16)}10%{opacity:.78;transform:translate3d(-52%,-3%,74px)scaleX(.72)}18%,30%{opacity:.94;transform:translate3d(-58%,-3%,74px)scaleX(1)}44%,to{opacity:0;transform:translate3d(-64%,-3%,58px)scaleX(.74)}}@keyframes foilPathTravel{0%,10%{opacity:0;offset-distance:0%}10.1%{opacity:1}34%{opacity:1;offset-distance:16%}62%{opacity:1;offset-distance:42%}82%{opacity:1;offset-distance:70%}94%{opacity:1;offset-distance:91%}99.8%{opacity:1;offset-distance:100%}to{opacity:0;offset-distance:100%}}@keyframes foilDepthScale{0%{transform:translate(-50%, -50%) scale(calc(var(--foil-scale) * .52)) rotate(var(--foil-spin))}34%{transform:translate(-50%, -50%) scale(calc(var(--foil-scale) * .68)) rotate(var(--foil-spin))}62%{transform:translate(-50%, -50%) scale(calc(var(--foil-scale) * 1.08)) rotate(var(--foil-spin))}82%{transform:translate(-50%, -50%) scale(calc(var(--foil-scale) * 1.72)) rotate(var(--foil-spin))}94%{transform:translate(-50%, -50%) scale(calc(var(--foil-scale) * 2.36)) rotate(var(--foil-spin))}to{transform:translate(-50%, -50%) scale(calc(var(--foil-scale) * 2.78)) rotate(var(--foil-spin))}}@keyframes chosenFoilSequence{0%,34%{opacity:0;transform:translate(58cqi,-36cqi)rotate(22deg)scale(.72)}34.1%{opacity:1;transform:translate(58cqi,-36cqi)rotate(22deg)scale(.72)}46%,94%{opacity:1;transform:translateY(1%)rotate(0)scale(1)}99.8%{opacity:1;transform:translateY(54%)rotate(5deg)scale(.82)}to{opacity:1;transform:translateY(54%)rotate(5deg)scale(.82)}}@keyframes chosenStripTear{0%,49%{opacity:1;transform:translate(0,0)rotate(0)}61%{opacity:1;transform:translate(66%,-168%)rotate(22deg)}to{opacity:0;transform:translate(66%,-168%)rotate(22deg)}}@keyframes chosenEdgeReveal{0%,52%{opacity:0;transform:scaleY(.42)}60%{opacity:.54;transform:scaleY(.78)}68%,to{opacity:.42;transform:scaleY(1)}}@keyframes chosenLightReveal{0%,50%{opacity:0;filter:saturate(1.12)brightness(1.05);transform:scaleX(.82)scaleY(.14)}56%{opacity:.76;filter:saturate(1.34)brightness(1.16);transform:scaleX(.9)scaleY(.28)}66%{opacity:1;filter:saturate(1.48)brightness(1.28);transform:scaleX(.98)scaleY(.46)}76%,to{opacity:.9;filter:saturate(1.52)brightness(1.32);transform:scaleX(1.04)scaleY(.54)}}@keyframes chosenLightFlicker{0%{filter:saturate(1.36)brightness(1.12)}to{filter:saturate(1.5)brightness(1.28)}}@keyframes chosenCenterLight{0%{opacity:0}18%{opacity:.2}46%{opacity:.72}to{opacity:1}}@keyframes chosenLightPlume{0%{opacity:0;transform:translate(-50%)scaleY(.04)scaleX(.9)}20%{opacity:.18;transform:translate(-50%)scaleY(.16)scaleX(.94)}46%{opacity:.42;transform:translate(-50%)scaleY(.52)scaleX(.98)}72%{opacity:.76;transform:translate(-50%)scaleY(1.18)scaleX(1.04)}to{opacity:.86;transform:translate(-50%)scaleY(2.2)scaleX(1.1)}}@keyframes chosenLightBloom{0%{opacity:0;transform:translate(-50%)scaleY(.06)scaleX(.9)}24%{opacity:.1;transform:translate(-50%)scaleY(.18)scaleX(.94)}52%{opacity:.22;transform:translate(-50%)scaleY(.6)scaleX(1)}78%{opacity:.38;transform:translate(-50%)scaleY(1.26)scaleX(1.08)}to{opacity:.44;transform:translate(-50%)scaleY(2.08)scaleX(1.12)}}@keyframes chosenCardPull{0%,91%{transform:translateY(52%)scale(.98)}95%{transform:translateY(24%)scale(1.01)}98%{transform:translateY(-30%)scale(1.07)}to{transform:translateY(-76%)scale(1.14)}}@keyframes reveal-pop{0%{opacity:0;filter:brightness(1.6);transform:translateY(24px)scale(.82)}62%{opacity:1;transform:translateY(0)scale(1.04)}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)}}@keyframes reveal-rays{to{transform:rotate(360deg)}}@keyframes sr-screen-glow{0%{opacity:0;filter:brightness(1.65)}32%{opacity:1;filter:brightness(1.25)}to{filter:brightness()}}@keyframes sr-rays-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes sr-ring-pulse{0%{opacity:.78;transform:translate(-50%,-50%)scale(.35)}76%{opacity:.22}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes sr-spark-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}24%{opacity:.95}to{opacity:0;transform:translate(calc(-50% + var(--spark-x)), calc(-50% + var(--spark-y))) scale(1.05)}}@keyframes ssr-screen-flash{0%{opacity:0;filter:brightness(1.2)}18%{opacity:1;filter:brightness(.88)saturate(1.08)}52%{filter:brightness(.78)saturate(1.2)}61%{filter:brightness(2.35)saturate(1.38)}78%,to{filter:brightness()saturate()}}@keyframes ssr-rays-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes ssr-showcase-charge{0%{opacity:0;filter:brightness(.78)saturate(.9)}18%{opacity:.74;filter:brightness(.82)saturate(1.12)}50%{opacity:.92;filter:brightness(.78)saturate(1.28)}61%{opacity:1;filter:brightness(2.05)saturate(1.42)}to{opacity:1;filter:brightness()saturate()}}@keyframes ssr-energy-gather{0%{opacity:.08;filter:blur(6px);transform:translate(-50%,-50%)scale(1.08)rotate(-16deg)}24%{opacity:.28;filter:blur(5px);transform:translate(-50%,-50%)scale(1.02)rotate(12deg)}46%{opacity:.48;filter:blur(3.5px);transform:translate(-50%,-50%)scale(.94)rotate(-10deg)}58%{opacity:.7;filter:blur(2px);transform:translate(-50%,-50%)scale(.86)rotate(9deg)}64%{opacity:.96;filter:blur(.8px);transform:translate(-50%,-50%)scale(1.08)rotate(0)}to{opacity:.56;filter:blur(1px);transform:translate(-50%,-50%)scale(1.02)rotate(0)}}@keyframes ssr-core-gather{0%{opacity:.1;filter:blur(8px);transform:translate(-50%,-50%)scale(1.02)}28%{opacity:.34;filter:blur(6px);transform:translate(-50%,-50%)scale(.9)}50%{opacity:.58;filter:blur(3px);transform:translate(-50%,-50%)scale(.72)}59%{opacity:.86;filter:blur(1px);transform:translate(-50%,-50%)scale(.58)}65%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1.05)}to{opacity:.38;filter:blur(1px);transform:translate(-50%,-50%)scale(1)}}@keyframes ssr-halo-pulse{0%{opacity:.28;transform:translate(-50%,-50%)scale(.84)}60%{opacity:.72}to{opacity:.2;transform:translate(-50%,-50%)scale(1.08)}}@keyframes ssr-ring-burst{0%{opacity:.86;filter:blur();transform:translate(-50%,-50%)scale(.22)}72%{opacity:.28}to{opacity:0;filter:blur(3px);transform:translate(-50%,-50%)scale(1)}}@keyframes ssr-star-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}22%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--star-x)), calc(-50% + var(--star-y))) scale(1.15) rotate(240deg)}}@keyframes ssr-shard-streak{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--shard-r)) scaleX(0)}18%{opacity:.95}to{opacity:0;transform:translate(calc(-50% + var(--shard-x)), calc(-50% + var(--shard-y))) rotate(var(--shard-r)) scaleX(1)}}@keyframes ssr-card-arrive{0%{opacity:0;filter:brightness(.28)saturate(.36)blur(10px);transform:translateY(14px)scale(.78)}20%{opacity:.32;filter:brightness(.46)saturate(.5)blur(9px);transform:translateY(8px)scale(.8)}50%{opacity:.68;filter:brightness(.7)saturate(.66)blur(7px);transform:translateY(0)scale(.84)}61%{opacity:.95;filter:brightness(.95)saturate(.82)blur(5px);transform:translateY(0)scale(.86)}66%{opacity:1;filter:brightness(2.05)saturate(1.32)blur();transform:translateY(-12px)scale(1.1)}80%{filter:brightness(1.16)saturate(1.08);transform:translateY(3px)scale(.98)}92%{filter:brightness(1.05)saturate(1.03);transform:translateY(-1px)scale(1.012)}to{opacity:1;filter:brightness()saturate()blur();transform:translateY(0)scale(1)rotate(0)}}@keyframes sr-card-arrive{0%{opacity:0;filter:brightness(1.3)saturate(.94)blur(2px);transform:translateY(16px)scale(.86)}54%{opacity:1;filter:brightness(1.52)saturate(1.18)blur();transform:translateY(-5px)scale(1.055)}78%{filter:brightness(1.1)saturate(1.08);transform:translateY(2px)scale(.985)}to{opacity:1;filter:brightness()saturate();transform:translateY(0)scale(1)}}@keyframes sr-portrait-reveal{0%,42%{filter:brightness(.9)saturate(.76)blur(1px)}58%{filter:brightness(1.65)saturate(1.18)blur()}to{filter:brightness()saturate()blur()}}@keyframes sr-card-back-hide{0%{opacity:1;filter:brightness(1.02)saturate();transform:scale(1)}34%{opacity:1;filter:brightness(1.16)saturate(1.08);transform:scale(.99)}52%{opacity:1;filter:brightness(1.72)saturate(1.18);transform:scale(1.025)}62%{opacity:0;filter:brightness(2.05)saturate(1.22);transform:scale(1.08)}to{opacity:0;filter:brightness();transform:scale(1.08)}}@keyframes sr-card-back-glow{0%{opacity:.08;filter:blur(8px);transform:scale(.82)}32%{opacity:.34;filter:blur(6px);transform:scale(.94)}52%{opacity:.9;filter:blur(2px);transform:scale(1.08)}72%{opacity:.22;filter:blur(6px);transform:scale(1.24)}to{opacity:0;filter:blur(9px);transform:scale(1.3)}}@keyframes ssr-card-shine{0%{opacity:0;transform:translate(-130%)}22%{opacity:1}to{opacity:0;transform:translate(130%)}}@keyframes ssr-card-radiance{0%{opacity:.06;filter:blur(8px)}28%{opacity:.14;filter:blur(6px)}48%{opacity:.26;filter:blur(4px)}60%{opacity:.4;filter:blur(2px)}66%{opacity:.88;filter:blur()}to{opacity:.74;filter:blur()}}@keyframes ssr-card-burst{0%,55%{opacity:0;transform:translate(-130%)scale(.72)}60%{opacity:.76;transform:translate(0)scale(.9)}66%{opacity:1;transform:translate(0)scale(1.08)}78%{opacity:.32;transform:translate(36%)scale(1.01)}to{opacity:0;transform:translate(130%)scale(1)}}@keyframes ssr-portrait-reveal{0%,58%{opacity:1;filter:brightness(.86)saturate(.7)blur(1px)}65%{opacity:1;filter:brightness(1.95)saturate(1.28)blur()}to{opacity:1;filter:brightness()saturate()blur()}}@keyframes ssr-card-back-hide{0%{opacity:1;filter:brightness(1.05)saturate(1.04);transform:scale(1)rotateY(0)}30%{opacity:1;filter:brightness(1.18)saturate(1.1);transform:scale(.992)rotateY(0)}54%{opacity:1;filter:brightness(1.34)saturate(1.16);transform:scale(.982)rotateY(0)}62%{opacity:1;filter:brightness(1.9)saturate(1.3);transform:scale(1.025)rotateY(0)}67%{opacity:0;filter:brightness(2.45)saturate(1.36);transform:scale(1.1)rotateY(14deg)}to{opacity:0;filter:brightness();transform:scale(1.08)rotateY(14deg)}}@keyframes ssr-card-back-glow{0%{opacity:.1;filter:blur(9px);transform:scale(.78)rotate(-8deg)}26%{opacity:.34;filter:blur(7px);transform:scale(.88)rotate(6deg)}52%{opacity:.58;filter:blur(5px);transform:scale(.96)rotate(-4deg)}62%{opacity:1;filter:blur(2px);transform:scale(1.08)rotate(0)}72%{opacity:.32;filter:blur(7px);transform:scale(1.32)rotate(4deg)}to{opacity:0;filter:blur(10px);transform:scale(1.42)rotate(4deg)}}@keyframes ssr-info-reveal{0%,58%{opacity:0;filter:blur(8px);transform:translateY(10px)}68%{opacity:1;filter:blur();transform:translateY(-3px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes ssr-portrait-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ssr-badge-pulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.18);transform:scale(1.08)}}@keyframes summary-pop{0%{transform:translateY(18px)scale(.96)}to{transform:translateY(0)scale(1)}}@keyframes flash{0%,to{box-shadow:var(--shadow)}45%{box-shadow:0 0 0 2px var(--grade-color), 0 0 48px #f3bd4f61}}@media (width<=900px){:root{--app-block-padding:46px;--topbar-space:136px;--stage-chrome:210px;--wheel-size:clamp(280px, calc(100dvh - var(--app-block-padding) - var(--topbar-space) - var(--stage-chrome)), 640px)}.layout{grid-template-columns:1fr}.topbar{max-width:none}.side-panel{min-height:0;overflow:visible}.utility-panel{grid-template-columns:1fr}.utility-panel .bank{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-actions{grid-template-columns:1fr}.rates{grid-template-columns:repeat(3,minmax(0,1fr))}.rate{min-height:84px;padding:10px;display:block}.rate strong{margin-bottom:6px}.reveal,.summary-reveal{padding:16px}.reveal-card{width:min(760px,100vw - 32px);max-height:calc(100dvh - 32px);padding:18px 16px 14px}.reveal-card .portrait{width:min(540px,70vw,38dvh)}.reveal-info{margin-top:9px}.reveal-info .grade{min-width:44px;height:27px;padding:0 9px;font-size:.8rem}.reveal-info h2{margin:8px 0 3px;font-size:clamp(1.45rem,5vw,2.1rem)}.reveal-info p{font-size:.92rem;line-height:1.35}.conversion-badge{min-height:28px;margin-top:7px;font-size:.82rem}.confirm-button{min-height:44px;margin-top:7px;font-size:.96rem}.wheel-wrap{min-height:max(300px, calc(var(--rendered-wheel-size) + 36px))}.card-pack-wrap{min-height:max(300px, calc(var(--pack-size) + 36px))}.wheel{width:var(--rendered-wheel-size)}.history{min-height:360px}}@media (width<=620px){:root{--app-block-padding:36px;--topbar-space:172px;--stage-chrome:150px;--wheel-size:clamp(220px, calc(100dvh - var(--app-block-padding) - var(--topbar-space) - var(--stage-chrome)), 390px)}.app{width:min(100% - 20px,1300px);padding-top:14px;padding-bottom:22px}.topbar{text-align:left;flex-direction:column;align-items:stretch;gap:12px}.topbar>div:first-child{min-width:0;max-width:100%}.currency-badge,.secondary-currency-badge{gap:5px;min-height:38px;padding:7px 9px 7px 8px}.currency-actions{flex-wrap:wrap;order:-1;justify-content:flex-end;gap:6px;width:100%}.currency-tooltip{width:min(260px,100vw - 24px);left:50%;right:auto;transform:translate(-50%,-4px)}.currency-tooltip:before{left:50%;right:auto;transform:translate(-50%)rotate(45deg)}.currency-badge:hover .currency-tooltip,.secondary-currency-badge:hover .currency-tooltip,.currency-badge:focus-visible .currency-tooltip,.secondary-currency-badge:focus-visible .currency-tooltip{transform:translate(-50%)}.exchange-button,.refill-button{min-height:36px;padding:0 10px;font-size:.86rem}.currency-icon,.secondary-currency-icon{width:20px;height:20px}.currency-icon:after{border-width:1.5px;inset:5px}.secondary-currency-icon:after{inset:6px}.currency-badge strong,.secondary-currency-badge strong{font-size:.92rem}.currency-max{display:none}.bank{grid-template-columns:repeat(2,minmax(0,1fr))}.rates{grid-template-columns:repeat(3,minmax(0,1fr))}.rate{min-height:76px;padding:9px 8px}.rate .grade{min-width:42px;height:26px;padding:0 8px;font-size:.78rem}.utility-panel{grid-template-columns:1fr}.utility-panel .bank{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-panel .bank-stat{min-height:48px;padding:7px 8px;display:block}.utility-panel .bank-stat span{font-size:.7rem}.utility-panel .bank-stat strong{font-size:1rem}.controls .catalog-button,.utility-panel .history-button{min-height:44px}.draw-controls,.summary-head{grid-template-columns:1fr;display:grid}.reveal,.summary-reveal{padding:12px}.reveal-card{width:min(100%,100vw - 24px);max-height:calc(100dvh - 24px);padding:13px 13px 11px}.reveal-card .portrait{width:min(100%,68vw,31dvh)}.reveal-info{margin-top:7px}.reveal-info .grade{min-width:42px;height:26px;padding:0 9px;font-size:.78rem}.reveal-info h2{margin:6px 0 2px;font-size:clamp(1.35rem,6.2vw,2rem)}.reveal-info p{font-size:.9rem;line-height:1.35}.conversion-badge{min-height:26px;margin-top:6px;padding:0 10px;font-size:.78rem}.reveal-actions{grid-template-columns:1fr;justify-items:center;gap:8px;display:grid}.reveal-actions .confirm-button{width:min(220px,100%);min-width:0;min-height:42px;margin-top:5px;font-size:.95rem}.summary-card{max-height:calc(100dvh - 24px);padding:16px}.summary-head{margin-bottom:12px}.summary-list{grid-template-columns:repeat(5,minmax(50px,1fr));gap:7px}.summary-item{gap:6px;min-height:clamp(140px,24dvh,170px);padding:6px 4px}.summary-item .portrait{width:min(86px,100%,17dvh)}.summary-item strong{font-size:.82rem}.summary-item .grade{min-width:38px;height:24px;padding:0 7px;font-size:.72rem}.catalog-overlay{padding:12px}.catalog-card{max-height:calc(100dvh - 24px);padding:16px}.catalog-head{align-items:center}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.catalog-item{min-height:clamp(174px,31dvh,224px);padding:8px 6px}.catalog-item .portrait{width:min(118px,100%,21dvh)}.catalog-item strong{font-size:.88rem}.stage{padding:10px}.animation-tabs{margin-bottom:8px}.animation-tab{min-height:34px}.draw-controls{gap:8px;margin-top:10px}.draw-button,.draw-10-button{min-height:46px}.draw-10-button{gap:3px}.draw-sub-label{padding:2px 6px;font-size:.68rem}.wheel-wrap{min-height:max(240px, calc(var(--rendered-wheel-size) + 26px))}.card-pack-wrap{min-height:max(240px, calc(var(--pack-size) + 26px))}.wheel{width:min(88vw, var(--rendered-wheel-size))}.sr-spark-1{--spark-x:-34vw;--spark-y:-120px}.sr-spark-2{--spark-x:34vw;--spark-y:-78px}.sr-spark-3{--spark-x:-32vw;--spark-y:105px}.sr-spark-4{--spark-x:32vw;--spark-y:130px}.ssr-star-1{--star-x:-42vw;--star-y:-180px}.ssr-star-2{--star-x:38vw;--star-y:-150px}.ssr-star-3{--star-x:-40vw;--star-y:45px}.ssr-star-4{--star-x:39vw;--star-y:80px}.ssr-star-5{--star-x:-28vw;--star-y:190px}.ssr-star-6{--star-x:30vw;--star-y:200px}.ssr-shard-1{--shard-x:-46vw;--shard-y:-96px}.ssr-shard-2{--shard-x:42vw;--shard-y:-32px}.ssr-shard-3{--shard-x:-44vw;--shard-y:132px}.ssr-shard-4{--shard-x:38vw;--shard-y:148px}}@media (height<=820px){:root{--app-block-padding:42px;--topbar-space:108px;--stage-chrome:158px}.app{padding-top:14px;padding-bottom:28px}.topbar{margin-bottom:14px}.summary{margin-top:8px;line-height:1.4}.stage{padding:12px}.animation-tabs{margin-bottom:8px}.draw-controls{margin-top:10px}.draw-button,.draw-10-button{min-height:46px}.draw-10-button{gap:3px}.wheel-wrap{min-height:max(250px, calc(var(--rendered-wheel-size) + 32px))}.card-pack-wrap{min-height:max(250px, calc(var(--pack-size) + 32px))}.reveal,.summary-reveal{padding:10px}.reveal-card{width:min(760px,100vw - 20px);max-height:calc(100dvh - 20px);padding:11px}.reveal-card .portrait{width:min(560px,68vw,31dvh)}.reveal-info{margin-top:7px}.reveal-info .grade{min-width:42px;height:26px;padding:0 9px;font-size:.78rem}.reveal-info h2{margin:6px 0 2px;font-size:clamp(1.3rem,5.6vw,1.9rem)}.reveal-info p{font-size:.88rem;line-height:1.3}.conversion-badge{min-height:26px;margin-top:6px;padding:0 10px;font-size:.78rem}.skip-button{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));min-width:120px;min-height:40px;padding:0 14px;font-size:.9rem}.confirm-button{min-height:40px;margin-top:5px;font-size:.95rem}.summary-card,.catalog-card{max-height:calc(100dvh - 20px);padding:14px}.summary-head,.catalog-head{margin-bottom:10px}.catalog-filters{flex-direction:column;align-items:stretch;margin:-2px 0 10px}.catalog-grade-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.catalog-filter-button{min-height:34px;padding:0 8px;font-size:.76rem}.catalog-owned-toggle{width:100%}.summary-item{min-height:clamp(132px,25dvh,190px)}.catalog-item{min-height:clamp(166px,32dvh,220px)}}@media (height<=680px){:root{--app-block-padding:28px;--topbar-space:88px;--stage-chrome:140px}.app{padding-top:10px;padding-bottom:18px}.topbar{margin-bottom:10px}.eyebrow{margin-bottom:4px;font-size:.76rem}h1{font-size:clamp(1.6rem,3.3vw,3rem)}.summary{margin-top:6px;font-size:.9rem;line-height:1.3}.currency-badge,.secondary-currency-badge{min-height:36px;padding-top:6px;padding-bottom:6px}.exchange-button,.refill-button{min-height:34px}.stage{padding:10px}.animation-tabs{margin-bottom:8px;padding:4px}.animation-tab{min-height:32px}.draw-controls{gap:8px;margin-top:8px}.draw-button,.draw-10-button{min-height:42px}.draw-sub-label{display:none}.wheel-wrap{min-height:max(220px, calc(var(--rendered-wheel-size) + 24px))}.card-pack-wrap{min-height:max(220px, calc(var(--pack-size) + 24px))}.reveal-card{padding:9px}.reveal-card .portrait{width:min(500px,66vw,27dvh)}.reveal-info{margin-top:5px}.reveal-info .grade{height:24px;font-size:.74rem}.reveal-info h2{margin:5px 0 1px;font-size:clamp(1.2rem,5vw,1.7rem)}.reveal-info p{font-size:.82rem;line-height:1.25}.conversion-badge{min-height:24px;margin-top:5px;font-size:.74rem}.skip-button{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));min-height:36px;font-size:.86rem}.confirm-button{min-height:36px;margin-top:4px;font-size:.9rem}.summary-card,.catalog-card{max-height:calc(100dvh - 16px);padding:12px}.summary-head h2,.catalog-head h2{font-size:clamp(1.35rem,4.5vw,1.7rem)}.summary-head p,.catalog-head p{font-size:.86rem}.catalog-filters{gap:6px;margin-bottom:8px}.catalog-filter-button{min-height:30px;font-size:.7rem}.summary-list{grid-template-columns:repeat(5,minmax(46px,1fr));gap:6px}.summary-item{gap:4px;min-height:118px;padding:5px 3px}.summary-item .portrait{width:min(72px,100%,18dvh)}.summary-item strong{font-size:.74rem}.summary-item .grade{min-width:34px;height:22px;padding:0 6px;font-size:.66rem}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:7px}.catalog-item{gap:6px;min-height:148px;padding:7px 5px}.catalog-item .portrait{width:min(84px,100%,22dvh)}.catalog-item strong{min-height:2.35em;margin-bottom:5px;font-size:.78rem}}