:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--background:#101416;--surface:#1b2124;--surface-elevated:#252e31;--text:#f4f0e9;--text-muted:#9da9ac;--accent:#e8bd78;--accent-soft:#b68d59;--success:#9ecbb6;--danger:#ee998f;--rarity-common:#b8bdc7;--rarity-rare:#599dff;--rarity-epic:#bc85ff;--rarity-legendary:#ffc45c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:28px;--shadow:0 18px 45px #0005;--shadow-modal:0 24px 80px #0009;--duration-fast:.14s;--duration-normal:.24s;--duration-arrive:.24s;--ease:cubic-bezier(.2,.8,.2,1);--layer-nav:10;--layer-reveal:20;--layer-modal:30;--app-height:100dvh;--app-stable-height:100dvh;font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;color:var(--text);background:var(--background);margin:0}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:transform var(--duration-fast) var(--ease), background var(--duration-fast), border-color var(--duration-fast)}button:active:not(:disabled){transform:scale(.98)}h1,h2,p{overflow-wrap:anywhere}.season-shell{--season-overlay:url(/assets/ui/office-grid.svg)}.app-shell{width:min(100%,760px);min-height:var(--app-height);background:radial-gradient(ellipse at 50% 25%, #30403b66, transparent 70%), var(--season-overlay), var(--background);flex-direction:column;margin-inline:auto;display:flex;position:relative}.app-shell--drop{height:var(--app-height);min-height:0}.content{width:min(100%,700px);min-height:0;padding:max(16px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 16px max(18px, env(safe-area-inset-left));flex:1;margin:0 auto}.app-shell--drop .content{flex-direction:column;display:flex}.dev-banner{color:#e7c58f;text-align:center;letter-spacing:.12em;background:#362e21;flex-shrink:0;padding:3px 12px;font-size:10px}.brand{color:var(--text);letter-spacing:-.04em;align-items:center;gap:9px;font-size:19px;font-weight:800;display:inline-flex}.brand-mark{background:var(--accent);color:#242820;border-radius:9px;place-items:center;width:29px;height:29px;font-size:23px;font-weight:900;display:grid}.app-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-header>div{gap:8px;display:grid}.season-name{color:var(--text-muted);font-size:12px}.user-badge{width:36px;height:36px;color:var(--accent);background:#27312b;border:1px solid #65716d55;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.eyebrow{color:var(--accent);letter-spacing:.17em;font-size:10px;font-weight:750}.drop-screen{flex-direction:column;flex:1;gap:clamp(10px,2vh,22px);min-height:0;display:flex}.home-title{text-align:center}.home-title h1{letter-spacing:-.05em;margin:8px 0;font-size:clamp(28px,5vw,38px);font-weight:800;line-height:1.08}.home-title p{color:var(--text-muted);margin:0;font-size:13px}.drop-action{flex-direction:column;flex:1;align-items:center;gap:10px;min-height:0;display:flex}.drop-scene{pointer-events:none;flex:1;place-items:center;width:100%;min-height:92px;max-height:370px;display:grid;position:relative;container-type:size}.scene-orbit{aspect-ratio:1;background:radial-gradient(circle,#b1caac1f,#0000 66%);border:1px solid #81988a26;border-radius:50%;width:min(84%,90cqh,310px);position:absolute}.scene-orbit:after{content:"";border:1px dashed #81988a26;border-radius:50%;position:absolute;inset:16px}.scene-note{z-index:2;color:#44402c;background:#d8ce97;padding:12px 14px;font-size:9px;font-weight:800;line-height:1.5;position:absolute;top:22%;left:max(3%,50% - 175px);transform:rotate(-13deg);box-shadow:4px 7px 12px #0003}.mystery-box{width:min(195px,60cqh);min-width:80px;height:min(260px,80cqh);min-height:100px;animation:5s ease-in-out infinite pack-float;position:relative;transform:rotate(-7deg)}.box-face{color:#e8e7d7;background:linear-gradient(145deg,#69796b,#34483d 50%,#1e3028);border:1px solid #b7c4b74d;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;padding:12% 8%;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 5px #b8c1a41c,16px 20px 30px #0005}.box-face:after{content:"";border:1px solid #b2c0a52b;border-radius:6px;position:absolute;inset:9px}.box-face small{letter-spacing:.1em;font-size:clamp(5px,2.5cqh,9px)}.box-face i{color:#e9cd90;text-shadow:0 3px #151f17;font-size:clamp(30px,21cqh,78px);font-style:normal;font-weight:800;line-height:1}.box-face>span{letter-spacing:.08em;text-align:center;text-transform:uppercase;font-size:clamp(8px,3.8cqh,14px);font-weight:800}.box-face b{color:#c6b992;letter-spacing:.12em;font-size:clamp(4px,2cqh,8px)}.box-clip{z-index:2;background:linear-gradient(#bdb694,#eee5ca,#857d60);border:2px solid #d1c8a8;border-radius:6px;width:24%;height:18px;position:absolute;top:-7px;left:38%;box-shadow:0 3px 5px #0005}.scene-caption{color:#89978e;letter-spacing:.17em;font-size:8px;position:absolute;bottom:0}.mystery-box--opening{animation:.35s ease-in-out infinite pack-shake}.primary-button,.secondary-button{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;width:100%;min-height:48px;font-size:14px;font-weight:750;display:block}.primary-button{color:#26241e;background:linear-gradient(120deg, #f1d49e, var(--accent));box-shadow:0 5px 20px #d7ae641a,inset 0 1px #fff6}.primary-button:hover{filter:brightness(1.06)}.primary-button:disabled{cursor:wait;opacity:.65}.secondary-button{color:var(--text);background:#28302c80;border-color:#87938e30}.secondary-button:hover{border-color:#aebcab70}.drop-button{flex-shrink:0;max-width:420px}.drop-footnote{color:var(--text-muted);font-size:10px}.home-progress{border-radius:var(--radius-md);color:var(--text-muted);background:#1b252280;border:1px solid #82968a26;flex-shrink:0;gap:8px;padding:12px 14px;font-size:12px;display:grid}.home-progress>span{justify-content:space-between;gap:12px;display:flex}.home-progress strong{color:var(--text);font-variant-numeric:tabular-nums}.progress-bar{background:#ffffff12;border-radius:99px;width:100%;height:4px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-soft), var(--accent));height:100%;transition:width var(--duration-normal);display:block}.claimed-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:0;display:flex}.claimed-icon{width:54px;height:54px;color:var(--success);background:#293c32;border:1px solid #9ecbb66b;border-radius:18px;place-items:center;font-size:26px;display:grid}.claimed-state h2{letter-spacing:-.03em;max-width:300px;margin:0;font-size:20px;line-height:1.2}.claimed-state p{color:var(--text-muted);margin:0;font-size:12px}.countdown{font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:28px}.claimed-state .secondary-button{max-width:420px}.bottom-nav{padding:6px 0 max(8px, env(safe-area-inset-bottom));background:var(--background);z-index:var(--layer-nav);border-top:1px solid #7d92812e;flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:6px;margin:0 16px;display:grid}.app-shell--collection .bottom-nav{position:sticky;bottom:0}.bottom-nav button{border-radius:var(--radius-md);min-height:42px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;display:flex}.bottom-nav strong{font-size:12px;font-weight:650}.bottom-nav .nav-icon{font-size:22px;line-height:1}.bottom-nav button.active{color:var(--accent);background:#d3b67810;border-color:#d3b67822}.rarity-common{--rarity-color:var(--rarity-common);--rarity-glow:12px;--gloss:.12}.rarity-rare{--rarity-color:var(--rarity-rare);--rarity-glow:22px;--gloss:.23}.rarity-epic{--rarity-color:var(--rarity-epic);--rarity-glow:32px;--gloss:.3}.rarity-legendary{--rarity-color:var(--rarity-legendary);--rarity-glow:42px;--gloss:.4}.rarity-badge{color:var(--rarity-color);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;font-size:11px;font-weight:800;display:inline-flex}.rarity-badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.card-perspective{perspective:950px;width:min(100%,320px);margin-inline:auto}.card-face{isolation:isolate;border:1px solid color-mix(in srgb, var(--rarity-color,#738279) 85%, #26332b);border-radius:var(--radius-lg);width:100%;color:var(--text);background:linear-gradient(140deg, color-mix(in srgb, var(--rarity-color,#738279) 22%, #27332d), #17201c 45%, #27312b);box-shadow:var(--shadow-x,0px) 18px 30px #0005, 0 0 var(--rarity-glow,0px) color-mix(in srgb, var(--rarity-color,transparent) 22%, transparent), inset 0 0 0 4px #cad0bf0b;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s var(--ease), box-shadow .45s var(--ease);padding:10px;position:relative}.card-face[data-interactive=true]{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.card-face[data-tilting=true]{will-change:transform;transition:transform 60ms linear,box-shadow 60ms linear}.card-face.rarity-epic{background:linear-gradient(125deg,#746089,#272b34 40%,#283e40 75%,#635478);border-width:2px}.card-face.rarity-legendary{border:2px solid var(--rarity-color);box-shadow:var(--shadow-x,0px) 18px 30px #0005, 0 0 var(--rarity-glow) color-mix(in srgb, var(--rarity-color) 15%, transparent), inset 0 0 0 3px color-mix(in srgb, var(--rarity-color) 33%, transparent);background:linear-gradient(140deg,#af8d51,#38372b 30%,#1c2822 70%,#80724b);padding:9px}.card-edition{color:#cad0bc;letter-spacing:.1em;justify-content:space-between;gap:5px;padding:1px 3px 9px;font-size:8px;display:flex}.card-art{aspect-ratio:1.2;background:radial-gradient(ellipse at 40% 30%, color-mix(in srgb, var(--rarity-color,#85967d) 40%, #344538), #17211d);border-radius:12px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.card-art img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;transform:translate(var(--parallax-x,0px), var(--parallax-y,0px)) scale(1.04);transition:transform .1s linear}.card-copy{padding:12px 6px 3px}.card-meta{justify-content:space-between;align-items:center;gap:4px;min-height:12px;display:flex}.card-face h2{letter-spacing:-.04em;margin:9px 0 0;font-size:24px;font-weight:800;line-height:1.07}.card-description{color:#c5cec6;margin:10px 0 14px;font-size:12px;line-height:1.45}.card-footer{color:#aab6a5;border-top:1px solid #a7bba024;justify-content:space-between;align-items:center;gap:5px;margin-top:12px;padding-top:9px;font-size:8px;display:flex}.card-footer>span:last-child{color:var(--rarity-color);letter-spacing:.08em}.quantity{color:#e4e8d8;font-variant-numeric:tabular-nums;background:#d3dac718;border-radius:5px;padding:3px 6px;font-size:10px}.card-shine,.card-foil{z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.card-shine{opacity:var(--gloss,.12);background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,35%), color-mix(in srgb, var(--rarity-color) 55%, white), #fff0 58%), linear-gradient(125deg, transparent 38%, #fff5 48%, transparent 60%);mix-blend-mode:screen}.card-foil{opacity:0;mix-blend-mode:screen;background:linear-gradient(120deg,#7fd8c100,#8ea4ea44 25%,#e3b3dc55 48%,#f4db8c55 65%,#0000) 0 0/250% 250%}.rarity-epic .card-foil{opacity:.18}.rarity-legendary .card-foil{opacity:.34;animation:9s ease-in-out infinite foil-drift}.rarity-legendary .card-shine:after{border:1px solid color-mix(in srgb, var(--rarity-color) 27%, transparent);content:"";border-radius:13px;position:absolute;inset:8px}.card-perspective--compact{width:100%}.card-perspective--compact .card-face{border-radius:var(--radius-md);height:100%;padding:7px}.card-perspective--compact .card-edition{padding-bottom:7px;font-size:6px}.card-perspective--compact .card-copy{padding:9px 2px 2px}.card-perspective--compact .card-face h2{min-height:32px;margin-top:6px;font-size:14px;line-height:1.15}.card-perspective--compact .card-footer{margin-top:10px;font-size:7px}.card-perspective--compact .card-art{aspect-ratio:1;border-radius:8px}.card-perspective--compact .rarity-badge{font-size:9px}.card-perspective--compact .card-foil{animation:none}.card-face--locked{color:#8c9a8f;background:linear-gradient(155deg,#27312a,#171d19);border-color:#6a7d6b40}.card-face--locked .card-meta{min-height:16px}.card-face--locked .card-edition{color:#7c897e}.card-art--hidden{color:#84987f;background:radial-gradient(circle,#43533b66,#1c271d);font-size:48px;font-weight:300}.card-art--hidden:after{content:"";border:1px dashed #84987f40;border-radius:6px;position:absolute;inset:12px}.art-fallback{position:absolute;inset:0;overflow:hidden}.fallback-orbit{aspect-ratio:1;border:1px solid #d8dec633;border-radius:50%;width:75%;position:absolute;top:10%;left:12%}.fallback-monitor{background:#223629;border:7px solid #afbb9c;border-radius:8px;place-items:center;width:58%;height:51%;display:grid;position:absolute;top:20%;left:22%;transform:rotate(-6deg);box-shadow:10px 12px #0002}.fallback-monitor:after{content:"";background:#829070;border-radius:4px;width:45%;height:18px;position:absolute;bottom:-24px}.fallback-monitor b{color:#d1c494;font-size:56px}.fallback-monitor i{background:repeating-linear-gradient(#0000,#0000 3px,#9fd1a10d 4px);position:absolute;inset:4px}.fallback-note{color:#524727;background:#ddcf9d;padding:12px 7px;font-size:8px;font-weight:700;position:absolute;top:12%;right:8%;transform:rotate(12deg)}.fallback-coffee{background:#dcd8c4;border-radius:3px 3px 10px 10px;width:14%;height:20%;position:absolute;bottom:15%;left:12%;transform:rotate(8deg)}.fallback-coffee:after{content:"";border:3px solid #dcd8c4;border-radius:5px;width:9px;height:13px;position:absolute;top:6px;right:-8px}.art-fallback>small{color:#ccd4be;letter-spacing:.12em;font-size:7px;position:absolute;bottom:4%;left:8%}.reveal-stage{height:var(--app-height);z-index:var(--layer-reveal);width:100%;color:var(--text);background:var(--background);cursor:pointer;border:0;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.reveal-pack{z-index:2;border:1px solid var(--rarity-color);width:180px;height:240px;box-shadow:0 0 35px color-mix(in srgb, var(--rarity-color) 25%, transparent);animation:reveal-pack .8s var(--ease) both;background:linear-gradient(145deg,#5b6c59,#1e3028);border-radius:16px;flex-direction:column;justify-content:space-between;align-items:center;padding:22px;display:flex;position:relative}.reveal-pack span,.reveal-pack small{letter-spacing:.18em;font-size:9px}.reveal-pack b{color:var(--rarity-color);font-size:90px}.reveal-glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--rarity-color) 40%, var(--reveal-accent,#e8bd78)), transparent 65%);width:min(80vw,440px);animation:reveal-glow .9s var(--ease) both;border-radius:50%;position:absolute}.reveal-flash{opacity:0;animation:reveal-flash .9s var(--ease) both;pointer-events:none;background:radial-gradient(circle,#ecebd5aa,#0000 80%);position:absolute;inset:0}.reveal-stage.rarity-common .reveal-flash{display:none}.reveal-stage .skip-hint{bottom:max(32px, env(safe-area-inset-bottom));color:var(--text-muted);font-size:11px;position:absolute}.reveal-card{flex-direction:column;flex:1;justify-content:center;gap:16px;width:min(100%,420px);min-height:0;margin:auto;display:flex}.reveal-heading{color:var(--text-muted);justify-content:space-between;font-size:10px;display:flex}.reveal-card>.card-perspective{animation:card-arrive var(--duration-arrive) var(--ease) both}.reveal-actions{animation:actions-arrive .16s 80ms var(--ease) both;gap:8px;display:grid}.reveal-card .card-copy h2{animation:actions-arrive .16s 40ms var(--ease) both}.reveal-card .card-description{animation:actions-arrive .16s 60ms var(--ease) both}.collection-result{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.collection-result strong{color:var(--success);font-size:12px}.collection-screen{animation:actions-arrive var(--duration-normal) var(--ease) both;padding-block:6px 8px}.collection-screen header h1{letter-spacing:-.05em;margin:8px 0;font-size:32px;font-weight:800}.collection-screen header p{color:var(--text-muted);justify-content:space-between;margin:16px 0 10px;font-size:12px;display:flex}.collection-screen header p strong{color:var(--text)}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.game-card{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border:0;margin:0;padding:0}button.game-card{cursor:pointer}.game-card .card-perspective{height:100%}.game-card:hover .card-face{border-color:var(--rarity-color)}.details-backdrop{z-index:var(--layer-modal);height:var(--app-height);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:backdrop-arrive var(--duration-normal) var(--ease) both;background:#080d0bcc;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.card-details{width:min(100%,480px);max-height:calc(var(--app-height) - 12px);padding:20px 22px max(22px, env(safe-area-inset-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--surface);box-shadow:var(--shadow-modal);animation:sheet-arrive var(--duration-normal) var(--ease) both;border:1px solid #7182734d;position:relative;overflow-y:auto}.card-details>.card-perspective{width:min(100%,300px);margin-top:18px}.close-button{z-index:3;width:36px;height:36px;color:var(--text);cursor:pointer;background:#18201d;border:1px solid #84908040;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;top:12px;right:12px}.close-button svg{flex:none;width:18px;height:18px;display:block}.sheet-handle{background:#7d8c7f;border-radius:4px;width:32px;height:3px;margin:-9px auto 8px;display:block}.card-details dl{gap:8px;margin:14px 0;font-size:11px;display:grid}.card-details dl div{border-top:1px solid #71827330;justify-content:space-between;gap:16px;padding-top:8px;display:flex}.card-details dt{color:var(--text-muted)}.card-details dd{text-align:right;margin:0;font-weight:750}.details-backdrop--closing{animation:backdrop-arrive .14s var(--ease) reverse both}.details-backdrop--closing .card-details{animation:sheet-arrive .14s var(--ease) reverse both}.center-state{min-height:var(--app-height);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.center-state h1{letter-spacing:-.05em;margin:24px 0 8px;font-size:28px}.center-state p{max-width:320px;color:var(--text-muted);font-size:13px;line-height:1.5}.center-state .primary-button{max-width:360px;margin-top:18px}.loading-mark{width:68px;height:68px;color:var(--accent);background:#e8bd7810;border:1px solid #e8bd7855;border-radius:22px;place-items:center;font-size:50px;font-weight:800;animation:1.4s ease-in-out infinite pulse;display:grid}.loading-skeleton{gap:8px;width:min(100%,270px);margin-top:18px;display:grid}.loading-skeleton i{background:linear-gradient(90deg,#7b92791a,#a9b99330,#7b92791a) 0 0/200%;border-radius:8px;height:12px;animation:1.7s infinite skeleton}.loading-skeleton i:nth-child(2){width:80%}.loading-skeleton i:nth-child(3){width:60%}.inline-state{min-height:55vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:12px;display:flex}.error-mark{width:155px;height:170px;color:var(--accent);background:#8b7e5220;border:1px dashed #bfaa7855;border-radius:10px;flex-direction:column;justify-content:space-between;padding:14px;display:flex;transform:rotate(-5deg)}.error-mark span{letter-spacing:.2em;font-size:12px}.error-mark b{font-size:52px}.error-mark small{letter-spacing:.1em;font-size:8px}[data-frame=classic] .card-face{border-radius:var(--radius-md)}[data-motif=neutral] .scene-note{visibility:hidden}@keyframes pack-float{50%{transform:translateY(-5px)rotate(-5deg)}}@keyframes pack-shake{25%{transform:rotate(-10deg)}75%{transform:rotate(-4deg)}}@keyframes reveal-pack{0%{transform:scale(.85)rotate(-8deg)}55%{transform:scale(1.05)rotate(3deg)}to{transform:scale(1.08)rotate(-2deg)}}@keyframes reveal-glow{0%{opacity:0;transform:scale(.5)}to{opacity:.85;transform:scale(1.3)}}@keyframes reveal-flash{0%,50%,to{opacity:0}75%{opacity:.55}}@keyframes card-arrive{0%{opacity:0;transform:translateY(18px)rotate(-4deg)scale(.94)}}@keyframes actions-arrive{0%{opacity:0;transform:translateY(8px)}}@keyframes sheet-arrive{0%{opacity:0;transform:translateY(25px)}}@keyframes backdrop-arrive{0%{opacity:0}}@keyframes foil-drift{0%,to{background-position:0}50%{background-position:100%}}@keyframes pulse{50%{opacity:.55}}@keyframes skeleton{to{background-position:-200% 0}}@media (width>=600px){.content{padding-inline:28px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.details-backdrop{align-items:center;padding:20px}.card-details{border-radius:var(--radius-xl);max-height:calc(var(--app-height) - 40px)}.sheet-handle{visibility:hidden}}@media (width>=1000px){.app-shell{border-inline:1px solid #74887720}}@media (height<=720px){.drop-screen{gap:12px}.home-title h1{margin-block:5px;font-size:30px}.reveal-card{gap:10px}.reveal-card .card-perspective{width:min(100%,275px)}.reveal-card .card-art{aspect-ratio:1.65}.reveal-card .card-face h2{font-size:21px}.reveal-card .card-description{margin-block:7px}.reveal-card .card-footer{margin-top:6px}.card-details>.card-perspective{width:min(100%,260px)}}@media (height<=560px){.content{padding-block:max(10px, env(safe-area-inset-top)) 10px}.drop-screen{gap:8px}.home-title h1{font-size:26px}.home-title p{font-size:11px}.home-progress{padding:9px 12px}.scene-note,.scene-caption{display:none}.claimed-state{gap:7px}.claimed-icon{width:32px;height:32px;font-size:18px}.claimed-state h2{font-size:17px}.countdown{font-size:24px}.reveal-card .card-art{aspect-ratio:2.3}.reveal-card .card-perspective{width:min(100%,235px)}.reveal-card .card-face h2{font-size:18px}.reveal-card .card-description{font-size:11px}.reveal-card .card-footer{display:none}}@media (height<=420px){.app-shell--drop{height:auto;min-height:var(--app-height)}.drop-action,.claimed-state{min-height:180px}.reveal-card{padding-block:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.card-face,.card-art img{transform:none!important}.card-foil{background-position:50%}}.dev-gallery{max-width:1100px;margin:auto;padding:24px 16px}.dev-gallery-filters{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.dev-gallery-filters label{flex-direction:column;gap:4px;max-width:100%;display:flex}.dev-gallery-filters select{max-width:100%;padding:8px}.dev-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0;display:grid}.dev-gallery-grid article{min-width:0}.dev-gallery-grid article>p{overflow-wrap:anywhere;color:var(--text-muted);font-size:12px}.dev-gallery-grid figure{margin:12px 0}.dev-gallery-grid figure img{border-radius:12px;width:100%}.dev-gallery-grid figcaption{font-size:12px}@media (width>=800px){.dev-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.legendary-pilot{margin:24px 0 40px}.legendary-pilot-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.legendary-pilot-comparison figure{min-width:0;margin:0}.legendary-pilot-comparison img{aspect-ratio:1.2;border-radius:12px;width:100%;height:auto;display:block}.legendary-pilot-comparison figcaption{margin-top:8px;font-size:13px}.legendary-pilot-single{grid-template-columns:minmax(0,1fr);max-width:600px}@media (width<=600px){.legendary-pilot-comparison{grid-template-columns:minmax(0,1fr)}}.legendary-layered-card{max-width:480px;margin:20px auto}.legendary-layered-card .card-face{transform:rotateX(calc(var(--tilt-x,0deg) * .65)) rotateY(calc(var(--tilt-y,0deg) * .65));transition:transform .18s ease-out,box-shadow .18s ease-out}.legendary-layered-art{isolation:isolate;position:relative}.legendary-layered-art img{pointer-events:none;width:100%;height:100%;transition:transform .18s ease-out;position:absolute;inset:0}.legendary-layered-art .legendary-layer-bg{transform:translate(calc(var(--parallax-x,0px) * -.35), calc(var(--parallax-y,0px) * -.35)) scale(1.1)}.legendary-layered-art .legendary-layer-mid{transform:translate(calc(var(--parallax-x,0px) * .65), calc(var(--parallax-y,0px) * .65)) scale(1.1)}.legendary-layered-art .legendary-layer-character{transform:translate(calc(var(--parallax-x,0px) * 1.25), calc(var(--parallax-y,0px) * 1.25)) scale(1.1)}.legendary-layered-art .legendary-layer-fg{opacity:.72;transform:translate(calc(var(--parallax-x,0px) * 1.8), calc(var(--parallax-y,0px) * 1.8)) scale(1.1)}.legendary-layered-art--canceller .legendary-layer-fg{opacity:1}.legendary-layered-art--canceller .legendary-layer-character{transform:translate(calc(var(--parallax-x,0px) * 1.25 + 2%), calc(var(--parallax-y,0px) * 1.25)) scale(1)}@media (prefers-reduced-motion:reduce){.legendary-layered-art img{transition:none;transform:scale(1.1)}.legendary-layered-art--canceller .legendary-layer-character{transform:translate(2%)}}.stars-purchase{gap:var(--space-2,8px);text-align:center;width:min(100%,420px);margin:12px auto;display:grid}.stars-purchase p{color:var(--text-muted);margin:0;font-size:13px}.brand-mark{letter-spacing:-.06em;border-radius:50%;flex-shrink:0;padding:0 0 3px 1px;line-height:1}.user-badge{overflow:hidden}.user-badge img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.bottom-nav{grid-template-columns:repeat(3,1fr)}.app-shell--bonuses .bottom-nav{position:sticky;bottom:0}[data-motif=office] .drop-screen{isolation:isolate;position:relative}[data-motif=office] .drop-screen:before{content:"";z-index:-1;pointer-events:none;opacity:.16;background:repeating-linear-gradient(90deg,#0000 0 65px,#a4b6a3 66px 68px,#0000 69px 130px),linear-gradient(#0000 48%,#83977c 49% 50%,#0000 51%);position:absolute;inset:100px 0 70px;-webkit-mask-image:radial-gradient(#000,#0000 72%);mask-image:radial-gradient(#000,#0000 72%)}[data-motif=office] .scene-note{transform:rotate(-9deg);box-shadow:3px 4px #0003}.claimed-stamp{border:2px solid var(--accent);color:var(--accent);letter-spacing:.1em;background:#e8bd7810;border-radius:10px;padding:8px 16px;font-size:16px;font-weight:800;transform:rotate(-5deg)}.claimed-state h2{font-size:clamp(24px,5vw,32px)}.season-timer{text-align:center;color:var(--text-muted);font-size:12px}.rarity-filters{flex-wrap:wrap;gap:6px;margin:18px 0;display:flex}.rarity-filters button{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #a4b6a344;border-radius:20px;padding:8px 12px}.rarity-filters button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#e8bd7812}.collection-season{margin-bottom:20px}.collection-season summary{cursor:pointer;padding:12px 0;font-size:15px;font-weight:700}.collection-season summary small{float:right;color:var(--text-muted);margin-left:8px}.bonuses-screen{padding:22px 0}.bonuses-screen h1{margin:8px 0 22px}.bonus-balance,.bonus-panel{background:#1d2826;border:1px solid #a4b6a333;border-radius:18px;margin-bottom:16px;padding:18px}.bonus-balance{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.bonus-balance strong{color:var(--accent);font-size:32px}.bonus-balance small{grid-column:1/-1}.bonus-panel h2{margin:0 0 14px;font-size:20px}.bonus-panel p,.bonus-panel small,.bonus-balance small{color:var(--text-muted);line-height:1.5}.bonus-panel input{width:100%;min-width:0;color:var(--text);background:#121c18;border:1px solid #a4b6a344;border-radius:10px;margin:10px 0;padding:12px}.bonus-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.bonus-actions .secondary-button{text-align:center;border-radius:12px;justify-content:center;align-items:center;min-width:0;min-height:48px;margin:0;padding:12px 8px;font-size:12px;line-height:1.3;text-decoration:none;display:flex}@media (width<=380px){.bonus-actions{grid-template-columns:minmax(0,1fr)}}.bonus-stats{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:22px 0;display:flex}.bonus-stats dt{color:var(--text-muted);font-size:11px}.bonus-stats dd{color:var(--accent);margin:6px 0 0;font-size:22px}.rarity-summary{color:var(--text-muted);flex-wrap:wrap;gap:10px;margin:12px 0;font-size:13px;display:flex}.notification-optin{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:var(--surface);border-radius:16px;margin:16px 0;padding:16px}.notification-optin div{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.text-button{color:var(--text-muted);background:0 0;border:0;padding:10px}.drop-result-flow{flex:1;width:100%;min-height:0;padding-block:12px;overflow-y:auto}.drop-result-flow .reveal-card{flex:none;min-height:auto}.app-shell--drop .content{overflow-y:auto}.drop-screen{min-height:min-content}.claimed-state{flex:none}