/* Catalog art direction and a self-contained, centered reward dialog. */
#cases-view{padding:22px 24px 0;background:radial-gradient(ellipse at 90% 8%,#64499714,transparent 40%)}
.promo.graphic-promo.showroom-hero{height:350px;padding:32px 38px;border:1px solid #c0a5ef24;border-radius:20px;background:radial-gradient(ellipse at 82% 56%,#7550bb38,transparent 50%),linear-gradient(115deg,#141b29,#19192d 65%,#231b35);box-shadow:inset 0 1px #ffffff08,0 15px 40px #0002;align-items:center}
.showroom-hero:before{inset:0;background:linear-gradient(100deg,transparent 48%,#b996ff08 48.1%,transparent 78%);transform:none}
.hero-mesh{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#bba3df25 .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 35%,#000);opacity:.5}
.showroom-hero .promo-action{width:60%}.showroom-hero .promo-action .hero-kicker{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2px;color:#c7b3e1;margin-bottom:18px}.hero-kicker i{width:6px;height:6px;background:#cba7ff;border-radius:50%;box-shadow:0 0 14px #bb88ff}
.showroom-hero h2{font:700 clamp(28px,3.1vw,46px)/1.08 'Roboto Condensed',Arial,sans-serif;letter-spacing:-.5px;margin:0 0 14px;text-transform:none}.showroom-hero h2 em{font-style:normal;color:#d2b5fa}.hero-description{font-size:12px;line-height:1.7;color:#a6afc2;margin:0 0 20px}
.hero-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hero-catalog{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 18px;border-radius:8px;background:linear-gradient(110deg,#ffd09a,#f1a957);color:#2b1c11;text-decoration:none;font-size:12px;font-weight:700;box-shadow:0 5px 25px #edaa5220;transition:filter .2s,transform .2s}.hero-catalog:hover{filter:brightness(1.1);transform:translateY(-2px)}.hero-catalog span{font-size:19px;line-height:16px}
.showroom-hero .promo-action #bonus{padding:12px 15px;font-size:11px;background:#ffffff05;border:1px solid #ffffff20;color:#ccd0df;box-shadow:none}.hero-facts{display:flex;gap:24px;margin-top:22px;color:#8995ab;font-size:10px}.hero-facts b{font-size:15px;color:#e1dced;margin-right:4px}
.showroom-hero .promo-illustration{right:0;top:0;height:100%;width:47%;z-index:1}.showroom-hero .hero-shell{width:110%;left:-5%;height:110%;top:-4%;transform:rotate(-6deg)}.showroom-hero .hero-skin{top:14%;left:12%;height:64%;width:79%}.showroom-hero .hero-chip{bottom:14%;right:12%;transform:none;font-size:8px;padding:8px 12px;background:#151627b8;letter-spacing:1.5px;border-color:#9f7bc43d}.hero-chip i{font-style:normal;color:#9a6be4;margin:0 5px}.hero-coordinate{position:absolute;bottom:7%;right:15%;font:8px monospace;letter-spacing:2px;color:#82769a}.showroom-hero .hero-orbit{inset:15% 2%;transform:rotate(-20deg);border-color:#b388e325;box-shadow:none}.showroom-hero .orbit-second{inset:10% 10%;transform:rotate(28deg);border-style:dashed;animation:showroom-orbit 50s linear infinite}
#cases-view .local-notice{margin:14px 0 22px;min-height:0;padding:11px 15px;border:1px solid #ffffff08;border-radius:10px;background:#ffffff02;gap:12px}#cases-view .notice-icon{font-size:22px;color:#b29a7a}#cases-view .local-notice h2{font-size:10px;letter-spacing:1px;margin:0 0 4px}#cases-view .local-notice p{font-size:11px;margin:0;color:#8390a6}
#cases-view .filter-bar{padding:12px 16px;border:1px solid #ffffff09;border-bottom:0;border-radius:12px 12px 0 0;background:#151d2a;justify-content:flex-start;gap:16px}#cases-view .filter-bar label{font-size:11px;color:#98a6bd}#cases-view .filter-bar input{flex:1;max-width:420px;background:#0d1420;border-color:#ffffff12}
#cases-view .collection-tools{padding:10px 16px 14px;background:#151d2a;border:1px solid #ffffff09;border-top:0;border-radius:0 0 12px 12px}#cases-view .catalog-heading{height:auto;min-height:76px;margin:0;justify-content:flex-start;padding:24px 0 16px}#cases-view .catalog-heading h1{font-size:18px;letter-spacing:1.5px;padding:0;background:none}#cases-view .catalog-heading h1:after{display:none}
#cases-view .case-grid{padding:0;gap:14px}#cases-view .case-card{background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--tone) 12%,transparent),transparent 70%),linear-gradient(150deg,#1c2432,#121923);border-color:#ffffff0d;border-radius:14px;box-shadow:inset 0 1px #ffffff04,0 8px 22px #0002}#cases-view .case-card:hover{border-color:color-mix(in srgb,var(--tone) 55%,#30394a);box-shadow:0 12px 32px #0005,inset 0 1px #ffffff12}#cases-view .case-series{font-size:8px;letter-spacing:1.8px}#cases-view .case-caption h3{font-size:16px}#cases-view .case-caption{border:0;margin-bottom:0}#cases-view .case-card .price{min-width:105px;border-color:color-mix(in srgb,var(--tone) 25%,transparent);background:#ffffff05;color:#eee0cc}#cases-view .case-card:hover .price{background:#f2bd7d;color:#231910}
.reward-modal,.reward-modal.has-origin{box-sizing:border-box;width:min(480px,calc(100% - 32px));max-width:480px;max-height:calc(100dvh - 32px);margin:auto;padding:24px;overflow:auto;border:1px solid color-mix(in srgb,var(--reward-tone) 30%,#354153);border-radius:20px;background:linear-gradient(145deg,#1b2432,#111924);box-shadow:0 32px 100px #000b;animation:reward-surface .3s ease-out;text-align:center}
.reward-modal::backdrop{background:#050911c9;backdrop-filter:blur(12px)}
.reward-modal .reward-close{top:12px;right:12px;width:30px;height:30px;font-size:20px;display:grid;place-items:center;padding:0;color:#a6b3c6;background:#ffffff05;border-color:#ffffff0e}
.reward-modal .reward-eyebrow{display:block;padding:3px 28px 0;color:#bdc6d6;font-size:9px;letter-spacing:2px;line-height:1.6}
.reward-modal .reward-art{height:190px;margin:10px 0 14px;position:relative;isolation:isolate;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse,color-mix(in srgb,var(--reward-tone) 18%,transparent),transparent 70%)}
.reward-modal .reward-art img{width:85%;height:175px;max-width:340px;object-fit:contain;filter:drop-shadow(0 15px 18px #0008);animation:reward-item-in .65s cubic-bezier(.16,1,.3,1) both}
.reward-modal .reward-orbit{width:166px;height:166px;top:12px;left:calc(50% - 83px);border-color:color-mix(in srgb,var(--reward-tone) 28%,transparent);box-shadow:none}.reward-modal .reward-rays{inset:0;opacity:.55}
.reward-weapon{font-size:10px;letter-spacing:1.6px;color:#8e9cb1;text-transform:uppercase}.reward-modal h2{font-size:24px;line-height:1.2;margin:7px 0 12px;overflow-wrap:anywhere;animation:none}.reward-modal .reward-price{display:block;font-size:27px;line-height:1.2;color:#ffcf93;text-shadow:none;font-variant-numeric:tabular-nums}.reward-modal p{margin:10px 0 20px;color:#8598ac;font-size:11px}.reward-info p span{color:#8ac6ac;margin-right:4px}
.reward-modal .reward-actions{padding-top:17px;border-top:1px solid #ffffff0b;gap:10px;animation:none}.reward-modal .reward-actions button{min-height:44px;padding:11px 8px;border-radius:8px;font-size:12px}.reward-modal .reward-actions .secondary{background:#ffffff04;border-color:#ffffff19;color:#d8dfeb}.reward-modal .reward-actions .reward-keep{min-height:34px;padding:6px;margin:0;color:#9baabe}.reward-modal .reward-actions button:hover{transform:none}.reward-modal .reward-keep:hover{color:#fff;background:#ffffff04}
@keyframes reward-surface{from{opacity:0}to{opacity:1}}@keyframes reward-item-in{from{opacity:0;transform:translateY(16px) scale(.82)}to{opacity:1;transform:none}}@keyframes showroom-orbit{to{transform:rotate(388deg)}}
@media(max-width:1050px){#cases-view{padding:16px 16px 0}.promo.graphic-promo.showroom-hero{padding:28px;height:330px}.hero-facts{gap:13px}.hero-buttons{gap:8px}.hero-catalog{padding:12px}.showroom-hero .promo-action #bonus{padding:12px 9px;font-size:10px}}
@media(max-width:720px){#cases-view{padding:12px 12px 0}.promo.graphic-promo.showroom-hero{height:420px;padding:24px 20px;align-items:flex-start;border-radius:15px}.showroom-hero .promo-action{width:100%}.showroom-hero h2{font-size:32px;max-width:290px}.showroom-hero .promo-action .hero-kicker{font-size:8px;letter-spacing:1.4px;margin-bottom:14px}.hero-description{font-size:11px}.hero-buttons{position:relative;z-index:3;flex-direction:column;align-items:flex-start;gap:8px;max-width:175px}.hero-facts{position:absolute;top:336px;left:0;gap:16px;white-space:nowrap;font-size:9px;margin:0}.hero-facts b{font-size:14px}.showroom-hero .promo-illustration{top:144px;right:-36px;width:65%;height:230px;opacity:.9}.showroom-hero .hero-chip{right:17%;bottom:7%;font-size:6px;padding:6px}.showroom-hero .hero-coordinate{display:none}#cases-view .local-notice{margin:10px 0 15px}#cases-view .local-notice p{font-size:10px;line-height:1.5}#cases-view .filter-bar{gap:8px;padding:12px}#cases-view .filter-bar label{display:none}#cases-view .filter-bar input{width:100%;max-width:none}#cases-view .collection-tools{padding:0 12px 12px}#cases-view .catalog-heading{min-height:66px}#cases-view .catalog-heading h1{font-size:16px}#cases-view .case-grid{gap:10px}#cases-view .case-caption h3{font-size:14px}
.reward-modal,.reward-modal.has-origin{width:calc(100% - 24px);padding:22px 16px 14px;border-radius:16px}.reward-modal .reward-art{height:170px;margin:8px 0 12px}.reward-modal .reward-art img{height:160px}.reward-modal .reward-orbit{height:150px;width:150px;top:10px;left:calc(50% - 75px)}.reward-modal h2{font-size:22px}.reward-modal .reward-price{font-size:25px}.reward-modal .reward-actions button{font-size:11px}
}
@media(max-height:620px){.reward-modal .reward-art{height:125px;margin:4px 0}.reward-modal .reward-art img{height:120px}.reward-modal .reward-orbit{height:110px;width:110px;top:6px;left:calc(50% - 55px)}.reward-modal p{margin-bottom:12px}}
body:has(#short-animation:checked) .showroom-hero *,body:has(#short-animation:checked) .reward-modal *{animation:none!important}
@media(prefers-reduced-motion:reduce){.showroom-hero *,.reward-modal,.reward-modal.has-origin,.reward-modal *{animation:none!important}}

html:has(.reward-modal[open]){overflow:hidden}