body[data-route]:not([data-route="cases"]):not([data-route="games"]) .live-panel,
body[data-route]:not([data-route="cases"]) .banner-slot{display:none}
#content{width:min(calc(100% - 24px),760px);margin:24px auto 0;color:#eaf5ff}
.screen-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 4px 16px}.screen-heading h1,.screen-heading h2{margin:2px 0 0}.screen-heading h1{font-size:29px}.screen-heading h2{font-size:19px}.screen-heading.narrow{margin-top:24px}.screen-heading.narrow span,.screen-subtitle{color:#7895ad;font-size:12px}.screen-eyebrow,.case-kicker{color:#39bfff;font-size:10px;font-weight:900;letter-spacing:.16em}.screen-footnote{margin:16px 4px;color:#7895ad;font-size:11px;line-height:1.45}.screen-loading{padding:30px;color:#7895ad;text-align:center}
.case-card,.feature-panel,.empty-screen,.case-result,.inventory-item,.package-card{border:1px solid #22435e;border-radius:22px;background:radial-gradient(circle at 80% 0%,#173856,#112337 50%,#0d1a2a);box-shadow:inset 0 1px #ffffff0b,0 14px 30px #0004}
.case-card{display:grid;grid-template-columns:39% minmax(0,1fr);gap:20px;padding:18px;margin-bottom:14px;overflow:hidden}.case-art{display:grid;place-items:center;min-height:190px;border-radius:18px;background:radial-gradient(circle,#16589c55,#081524 70%)}.case-art img{width:min(100%,240px);height:auto;filter:drop-shadow(0 10px 25px #008cff55)}.case-details{display:flex;flex-direction:column;align-items:flex-start}.case-details h2{margin:7px 0 3px;font-size:22px}.case-details p,.feature-panel p,.empty-screen p,.case-result p,.inventory-item p{margin:5px 0;color:#8da9bf;font-size:12px;line-height:1.45}.drop-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 17px}.drop-list span{padding:6px 8px;border:1px solid #30516a;border-radius:9px;color:#a8c5dc;background:#142d43;font-size:10px}.drop-list b{color:#ffd17a;font-weight:800}.feature-button{width:100%;min-height:44px;padding:9px 16px;display:flex;flex-direction:row;border:1px solid #ffce75;border-radius:13px;color:#fff;font-size:14px;font-weight:800;background:linear-gradient(115deg,#ffb43b,#ff672d);box-shadow:0 0 18px #ff782c55}.feature-button.compact{width:auto;min-width:100px;min-height:40px;flex:none;padding:8px 12px;font-size:12px}.feature-button:disabled,.package-card:disabled,.inventory-actions button:disabled{opacity:.5;cursor:wait}
.feature-panel{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:12px}.feature-panel h2,.empty-screen h2{margin:0;font-size:16px}.feature-panel .panel-icon{font-size:31px}.feature-panel>div:not(.profile-large-avatar){min-width:0;flex:1}.feature-panel.stacked{display:block}.feature-panel.stacked p{margin:8px 0 14px}.empty-screen{padding:28px;text-align:center}.empty-icon{display:block;margin-bottom:8px;font-size:38px}.empty-screen p{margin-top:8px}.empty-screen .feature-button{margin-top:16px}.promo-form{display:flex;gap:8px}.promo-form input{width:100%;min-width:0;padding:0 12px;border:1px solid #335672;border-radius:12px;color:#fff;background:#091a2a;font:inherit;font-size:12px;outline:none}.promo-form input:focus{border-color:#24beff}.bonus-list{display:flex;flex-wrap:wrap;gap:7px}.bonus-list span{padding:8px 10px;border-radius:9px;color:#a8dfff;background:#163753;font-size:11px}
.profile-card{align-items:center}.profile-large-avatar{display:grid;place-items:center;width:58px;height:58px;flex:none;border:1px solid #e7a64c;border-radius:50%;background:#563919;color:#ffead0;font-size:23px;font-weight:900}.profile-card h2{font-size:18px}.profile-card strong{display:block;margin-top:7px;color:#ffd066;font-size:15px}.inventory-list{display:grid;gap:9px}.inventory-item{display:flex;align-items:center;gap:12px;padding:11px}.inventory-art{font-size:30px}.inventory-item>div:nth-child(2){min-width:0;flex:1}.inventory-item h3{margin:0;font-size:13px}.inventory-actions{display:grid;gap:5px}.inventory-actions button{width:auto;min-height:30px;padding:5px 9px;display:block;border:1px solid #2f87b9;border-radius:9px;color:#bdeaff;background:#133752;font-size:10px;white-space:nowrap}.inventory-actions button:last-child{border-color:#b37c34;color:#ffcf8e;background:#46301e}
.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.package-card{min-height:90px;padding:15px;display:flex;flex-direction:column;gap:7px;color:#fff}.package-card strong{color:#ffd675;font-size:20px}.package-card span{color:#a7c9df;font-size:12px}.case-result{display:flex;align-items:center;flex-direction:column;padding:28px 20px;text-align:center}.result-spark{align-self:flex-end;color:#ffcf57}.result-gift{margin:8px 0 14px;font-size:86px;filter:drop-shadow(0 10px 20px #36bfff88)}.case-result h1{margin:8px 0 0}.case-result p{margin:8px 0 20px}.text-button{margin-top:10px;color:#a9cbe2;font-size:12px}.screen-notice{margin-bottom:13px;padding:12px;border:1px solid #3577a0;border-radius:11px;color:#a9defa;background:#12334c;font-size:12px}.screen-notice.error{border-color:#864c4c;color:#ffd3c5;background:#422523}.screen-notice.success{border-color:#267f60;color:#c0ffe2;background:#153b2f}
.referral-row{display:flex;align-items:center;gap:8px}.referral-row code{min-width:0;flex:1;overflow:hidden;padding:12px;border:1px solid #335672;border-radius:11px;color:#b9e5ff;background:#091a2a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.profile-large-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.gram-panel{margin-top:14px}
.live-drop{display:flex;align-items:center;justify-content:center;min-width:0;flex:1;height:46px;overflow:hidden;padding:4px;border:1px solid #31536d;border-radius:12px;color:#b8dafa;background:#183149;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.live-slots{display:flex}.banner-controls{display:flex;justify-content:center;flex-direction:row;gap:7px;padding-top:8px}.banner-controls button{width:7px;height:7px;min-width:7px;min-height:7px;padding:0;border:0;border-radius:50%;background:#40566c}.banner-controls button.is-active{width:20px;border-radius:5px;background:#ff922f;box-shadow:0 0 10px #ff922f77}
@media(max-width:540px){#content{margin-top:18px}.screen-heading h1{font-size:24px}.screen-subtitle{display:none}.case-card{grid-template-columns:1fr;gap:8px;padding:13px}.case-art{min-height:155px}.case-art img{width:160px}.case-details h2{font-size:18px}.drop-list{margin:9px 0 13px}.feature-panel{gap:10px;padding:13px}.feature-panel .panel-icon{font-size:25px}.inventory-item{flex-wrap:wrap}.inventory-actions{width:100%;grid-template-columns:1fr 1fr}.inventory-actions button{white-space:normal}.live-drop{font-size:8px}.live-drop:nth-child(n+4){display:none}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.case-catalog{padding:0 0 22px}
.catalog-filter-wrap{position:relative;z-index:3;margin-bottom:17px}
.catalog-filter{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:42px;padding:0 16px;border:0;border-radius:14px;color:#e7edf7;background:#292e39;text-align:left;font:inherit;font-size:13px;cursor:pointer}
.catalog-chevron{color:#a8afbd;font-size:16px;line-height:1;transition:transform .18s ease}.catalog-filter[aria-expanded=true] .catalog-chevron{transform:rotate(180deg)}
.catalog-filter-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;display:grid;padding:5px;border:1px solid #3b4554;border-radius:13px;background:#292e39;box-shadow:0 12px 28px #0009}.catalog-filter-menu[hidden]{display:none}.catalog-filter-menu button{display:block;width:100%;padding:11px 12px;border:0;border-radius:9px;color:#e7edf7;background:transparent;text-align:left;font:inherit;font-size:13px;cursor:pointer}.catalog-filter-menu button:hover,.catalog-filter-menu button:focus-visible{background:#384354}
.catalog-section[hidden]{display:none}.catalog-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;margin:0 0 12px;border-bottom:1px solid #ffffff18}.catalog-section-head h2{margin:0 0 9px;font-size:15px;font-weight:800;line-height:1.2;color:#f4f6fa}.catalog-section-head button{display:block;align-self:start;padding:0;border:0;color:#8e98a7;background:transparent;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.catalog-section.is-collapsed .catalog-grid,.catalog-section.is-collapsed .catalog-empty{display:none}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.catalog-tile{display:flex;flex-direction:column;align-items:center;min-width:0;padding:0 1px 12px;border:0;color:#f3f4f8;background:transparent;text-align:center;font:inherit;cursor:pointer}.catalog-art{display:grid;place-items:center;width:100%;aspect-ratio:1.04;margin-bottom:5px;overflow:visible;background:none}.catalog-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 11px 15px #0009);transition:transform .2s ease}.catalog-tile:active .catalog-art img{transform:scale(.96)}.catalog-tile strong{max-width:100%;font-size:14px;line-height:1.25;font-weight:800;overflow-wrap:anywhere}.catalog-price{margin-top:9px;color:#ffc76b;font-size:13px}.catalog-empty{padding:34px 10px;color:#9daabd;text-align:center;font-size:13px}
.case-detail{padding:0 2px 20px}.catalog-back{padding:2px 0 8px;border:0;color:#a9c7df;background:transparent;font:inherit;font-size:13px;cursor:pointer}.case-detail-art{display:grid;place-items:center;height:210px;margin:2px auto 8px;background:radial-gradient(ellipse at center,#18466f69,transparent 68%)}.case-detail-art img{max-width:250px;max-height:220px;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse at center,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,#000 60%,transparent 100%)}.case-detail h1{margin:5px 0 10px;font-size:25px}.case-detail>p{margin:0;color:#9db1c3;font-size:13px}
@media(min-width:540px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}.catalog-art{max-height:230px}.catalog-tile strong{font-size:16px}}
body[data-route="cases"]{background:linear-gradient(155deg,#25272e 0%,#1c1e25 58%,#111318 100%) fixed}
.catalog-tile strong{font-size:18px}.catalog-price{font-size:16px}.catalog-section-head h2{font-size:17px}.catalog-art{margin-bottom:10px}
.case-stage-bar{display:none;width:min(calc(100% - 32px),760px);height:48px;margin:0 auto 7px;position:relative;align-items:center;justify-content:space-between;color:#f4f4f5}
.case-stage-bar button{display:flex;flex-direction:row;gap:6px;min-height:34px;padding:0 13px;border:0;border-radius:22px;color:#f4f4f5;background:#37383d;font-size:13px}.case-stage-bar button span{font-size:27px;line-height:0}.case-stage-bar strong{position:absolute;left:50%;transform:translateX(-50%);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.case-stage-bar [data-stage-more]{font-size:20px;letter-spacing:2px}
body[data-case-view="detail"]{background:radial-gradient(circle at 50% 52%,#303034,#242426 60%,#1c1d20 100%) fixed}body[data-case-view="detail"] main{padding-bottom:0}body[data-case-view="detail"] .case-stage-bar{display:flex}body[data-case-view="detail"] .banner-slot,body[data-case-view="detail"] .hotbar{display:none}body[data-case-view="detail"] #content{width:min(100%,760px);margin:0 auto;color:#f5f5f6}
body[data-case-view="detail"] .top-panel{width:min(calc(100% - 32px),760px)!important;min-height:62px;padding:4px 0;border:0;border-radius:0;background:transparent;box-shadow:none}body[data-case-view="detail"] .profile-copy{display:none}body[data-case-view="detail"] .profile-summary{width:auto}body[data-case-view="detail"] .balance-row{display:flex}body[data-case-view="detail"] .top-deposit{height:43px;min-width:0;border:0;border-radius:22px;background:#377adc;box-shadow:none;font-size:14px}body[data-case-view="detail"] .live-panel{width:min(calc(100% - 32px),760px)!important;min-height:62px;margin-top:7px;padding:9px 14px;border:0;border-radius:22px;background:#343638;box-shadow:none}body[data-case-view="detail"] .live-caption{display:none}body[data-case-view="detail"] .live-title{color:#83f9a9;font-weight:500;letter-spacing:.16em}body[data-case-view="detail"] .live-status{width:75px}body[data-case-view="detail"] .live-slots{gap:5px}body[data-case-view="detail"] .live-slot{height:42px;border:0;background:transparent;box-shadow:none}body[data-case-view="detail"] .live-slot::before,body[data-case-view="detail"] .live-slot::after{display:none}body[data-case-view="detail"] .live-drop{height:42px;border:0;background:transparent;font-size:10px}
.case-stage{display:flex;flex-direction:column;min-height:calc(100dvh - 224px);padding:0 16px calc(17px + env(safe-area-inset-bottom))}.stage-reel{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:300px;padding:30px 0 16px}.stage-arrow{display:block;color:#c9c9ca;font-size:44px;font-weight:200;line-height:.65}.stage-arrow-down{margin-bottom:6px}.stage-arrow-up{margin-top:7px}.stage-prizes{display:flex;align-items:end;justify-content:center;gap:12px;width:100%;max-width:570px}.stage-prize{display:flex;align-items:center;flex-direction:column;justify-content:end;width:calc(50% - 6px);min-width:0}.stage-prize-art{display:grid;place-items:center;width:100%;height:clamp(110px,27vw,190px);filter:drop-shadow(0 11px 16px #0005)}.stage-prize-art img{max-width:100%;max-height:100%;object-fit:contain}.stage-gift-emoji{font-size:clamp(83px,21vw,148px);line-height:1}.stage-prize-value,.sheet-prize-value{display:block;max-width:100%;padding:5px 11px;border-radius:22px;color:#f8f8f8;background:#4a4b4f;font-size:clamp(14px,4vw,22px);font-weight:750;white-space:nowrap}.stage-prize-value small,.sheet-prize-value small{font-size:.55em;font-weight:500}.stage-waiting-art{display:flex;align-items:center;flex-direction:column;gap:14px;color:#bebec1;text-align:center}.stage-waiting-art>span{font-size:95px;filter:grayscale(.35) drop-shadow(0 14px 24px #0008)}.stage-waiting-art p{margin:0;font-size:14px}.stage-reel.is-spinning .stage-prize-art,.stage-reel.is-spinning .stage-waiting-art>span{animation:stage-spin .35s ease-in-out infinite alternate}@keyframes stage-spin{to{transform:translateY(-10px) scale(1.05);filter:blur(2px)}}
.stage-caption{margin:0 0 13px;color:#c2c4c9;text-align:center;font-size:12px;line-height:1.35}.stage-actions{margin-top:auto}.stage-open{display:block;width:100%;min-height:61px;padding:10px 18px;border:0;border-radius:24px;color:#fff;background:#3c7fe1;font-size:20px;font-weight:700;text-align:center}.stage-open:disabled{color:#f4f4f4;background:#6e6f72;cursor:not-allowed}.stage-secondary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.stage-secondary button{display:flex;flex-direction:row;gap:9px;min-height:48px;padding:8px 10px;border:0;border-radius:24px;color:#f4f4f5;background:#38393d;font-size:14px}.stage-secondary button span{font-size:19px}.stage-result{min-height:calc(100dvh - 250px);justify-content:center;border:0;border-radius:0;background:transparent;box-shadow:none}.stage-result .feature-button{max-width:330px;justify-content:center}
.case-sheet-layer[hidden]{display:none}.case-sheet-layer{position:fixed;inset:0;z-index:40;display:flex;align-items:end;justify-content:center}.case-sheet-backdrop{position:absolute;inset:0;background:#090a0bd1;backdrop-filter:blur(16px)}body.case-sheet-open{overflow:hidden}.case-sheet{position:relative;display:flex;flex-direction:column;width:min(100%,760px);max-height:88dvh;padding:13px 16px calc(16px + env(safe-area-inset-bottom));border:1px solid #ffffff16;border-bottom:0;border-radius:28px 28px 0 0;color:#f8f8f9;background:linear-gradient(135deg,#292b35,#1e2028);box-shadow:0 -15px 45px #0008}.sheet-handle{align-self:center;width:45px;height:5px;border-radius:9px;background:#51535d}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 22px}.sheet-head h2{margin:0;font-size:23px;line-height:1.2}.sheet-x{width:39px;height:39px;min-width:39px;border:0;border-radius:50%;color:#fff;background:#3d404b;font-size:27px;line-height:1}.sheet-settings{display:grid;gap:23px;margin:8px 0 30px}.sheet-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}.sheet-setting span{display:grid;gap:3px;min-width:0}.sheet-setting strong{font-size:17px;font-weight:500}.sheet-setting small{color:#999da8;font-size:12px;line-height:1.3}.sheet-setting input{appearance:none;position:relative;width:51px;height:29px;flex:none;margin:0;border:0;border-radius:20px;background:#51535b;cursor:pointer}.sheet-setting input::before{content:"";position:absolute;left:4px;top:3px;width:23px;height:23px;border-radius:50%;background:#fff;transition:transform .2s ease}.sheet-setting input:checked{background:#377adc}.sheet-setting input:checked::before{transform:translateX(20px)}.sheet-setting input:focus-visible{outline:2px solid #8bc9ff;outline-offset:3px}
.sheet-prize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 8px;overflow:auto;padding:0 2px 20px}.sheet-prize{display:flex;align-items:center;flex-direction:column;min-width:0;text-align:center}.sheet-prize-art{display:grid;place-items:center;height:90px;width:100%}.sheet-prize-art img{max-width:100%;max-height:100%;object-fit:contain}.sheet-prize-art .stage-gift-emoji{font-size:66px}.sheet-prize-value{padding:4px 8px;font-size:13px}.sheet-prize strong{max-width:100%;margin-top:6px;font-size:12px;font-weight:600;overflow-wrap:anywhere}.sheet-prize>small{margin-top:2px;color:#a7aab3;font-size:10px}.sheet-prize-empty{display:grid;place-items:center;min-height:250px;color:#adb0b9;text-align:center}.sheet-prize-empty span{font-size:65px}.sheet-prize-empty p{margin:0;font-size:14px}.sheet-close{display:block;width:100%;min-height:50px;margin-top:auto;border:0;border-radius:23px;color:#f8f8f9;background:#383941;font-size:17px;font-weight:500}
@media(max-width:430px){.case-stage-bar{width:calc(100% - 24px)}.case-stage-bar strong{font-size:14px}.case-stage-bar button{font-size:12px}body[data-case-view="detail"] .top-panel,body[data-case-view="detail"] .live-panel{width:calc(100% - 24px)!important}.case-stage{min-height:calc(100dvh - 208px);padding-left:13px;padding-right:13px}.stage-prize-art{height:clamp(100px,31vw,150px)}.stage-gift-emoji{font-size:90px}.stage-prize-value{font-size:17px}.stage-open{min-height:58px;font-size:17px}.sheet-head h2{font-size:20px}.sheet-prize-art{height:78px}.sheet-prize-art .stage-gift-emoji{font-size:57px}}
body[data-case-view="detail"] .profile-copy{display:grid}body[data-case-view="detail"] .profile-name,body[data-case-view="detail"] .profile-handle{display:none}body[data-case-view="detail"] .profile-summary{gap:7px}body[data-case-view="detail"] .balance-row{height:37px;padding:3px 10px;border-radius:20px;background:#37383d}body[data-case-view="detail"] .balance-plus{display:none}
.live-drop{gap:4px}.live-gift-icon{font-size:15px;line-height:1}.live-gift-label{overflow:hidden;text-overflow:ellipsis}body[data-case-view="detail"] .live-drop{justify-content:center;padding:0}body[data-case-view="detail"] .live-gift-icon{font-size:31px}body[data-case-view="detail"] .live-gift-label{display:none}
body[data-route="cases"] .top-panel{border:0;background:transparent;box-shadow:none}body[data-route="cases"] .top-deposit{border:0;border-radius:22px;background:#377adc;box-shadow:none}body[data-route="cases"] .balance-row{background:#37383d}body[data-route="cases"] .live-panel{border:0;background:#343638;box-shadow:none}body[data-route="cases"] .live-title{color:#83f9a9;font-weight:500;letter-spacing:.16em}body[data-route="cases"] .live-caption{display:none}body[data-route="cases"] .live-status{width:75px}body[data-route="cases"] .live-drop{justify-content:center;border:0;background:transparent}body[data-route="cases"] .live-gift-icon{font-size:26px}body[data-route="cases"] .live-gift-label{display:none}body[data-route="cases"] .live-slot{border:0;background:transparent;box-shadow:none}body[data-route="cases"] .live-slot::before,body[data-route="cases"] .live-slot::after{display:none}

/* The LIVE strip stays empty until real winnings are ready to display. */
body[data-route="cases"] .live-panel,
body[data-case-view="detail"] .live-panel{width:min(calc(100% - 18px),760px)!important;height:62px;min-height:62px;margin-top:8px;padding:0 18px;border:0;border-radius:31px;background:#30343c;box-shadow:none}
body[data-route="cases"] .live-status,
body[data-case-view="detail"] .live-status{display:flex;align-items:center;gap:13px;width:auto}
body[data-route="cases"] .live-dot,
body[data-case-view="detail"] .live-dot{width:7px;height:7px;box-shadow:0 0 0 2px rgb(50 242 154/.11),0 0 8px rgb(50 242 154/.45)}
body[data-route="cases"] .live-title,
body[data-case-view="detail"] .live-title{color:#83f9a9;font-size:12px;font-weight:600;letter-spacing:.17em}

.stage-secondary button{align-items:center;justify-content:center;gap:10px;font-weight:500}
.stage-secondary button img{display:block;width:22px;height:22px;flex:none;object-fit:contain;filter:drop-shadow(0 1px 3px rgb(0 0 0/.25))}
.chest{width:28%;height:116%;left:36%;top:-19%;background-image:url('./assets/daily-chest-fire-v1.png');background-size:100% auto;background-position:center;background-repeat:no-repeat;clip-path:none;-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 0 7px #ff5a2466)}
.hotbar .chest{z-index:5;pointer-events:auto;cursor:pointer}

/* Gift case collection */
.catalog-grid-designed{gap:14px 12px}
.catalog-tile-designed{align-items:stretch;padding:0;overflow:hidden;border:1px solid #ffffff0b;border-radius:20px;background:#292a30;box-shadow:0 10px 22px #0005;text-align:left;transition:transform .2s ease,box-shadow .2s ease}
.catalog-tile-designed:hover,.catalog-tile-designed:focus-visible{transform:translateY(-3px);box-shadow:0 14px 28px #0008}
.catalog-tile-designed:focus-visible{outline:2px solid #b6d6ff;outline-offset:3px}
.designed-art{--case-glow:#7468f5;--case-particle:#fff;position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:1;overflow:hidden;background:#202124}
.designed-art::before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,var(--case-glow),transparent 68%);filter:blur(18px);opacity:.3;animation:designed-aura 5s ease-in-out infinite alternate}
.designed-art img{position:relative;z-index:1;display:block;width:100%;height:100%;padding:5%;object-fit:contain;filter:drop-shadow(0 5px 10px #0007);animation:designed-float 5.5s ease-in-out infinite}
.designed-fx{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}
.designed-particle{position:absolute;left:var(--x);top:var(--y);color:var(--case-particle);font:700 15px/1 Arial,sans-serif;text-shadow:0 0 5px #fff,0 0 12px var(--case-glow);opacity:0;animation:designed-particle 5.8s ease-in-out var(--delay) infinite}
.designed-particle::before{content:"✦"}
.theme-anime{--case-glow:#d65cff;--case-particle:#ffd8f7}.theme-anime .designed-particle::before{content:"✿"}
.theme-love{--case-glow:#f44885;--case-particle:#fff0f6}.theme-love .designed-particle::before{content:"♥"}
.theme-halloween{--case-glow:#ff7526;--case-particle:#ffc16c}.theme-halloween .designed-particle::before{content:"✦"}
.theme-random{--case-glow:#a95eff;--case-particle:#fff1a1}.theme-random .designed-particle::before{content:"◆"}
.theme-usa{--case-glow:#477fff;--case-particle:#ffe59a}.theme-usa .designed-particle::before{content:"★"}
.theme-gift24{--case-glow:#49c9ff;--case-particle:#fff4bc}.theme-gift24 .designed-particle::before{content:"✧"}
.designed-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:54px;padding:10px 11px}
.catalog-tile-designed .designed-footer strong{min-width:0;max-width:none;font-size:clamp(13px,3.7vw,16px);font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.designed-badge{flex:none;padding:6px 8px;border-radius:12px;color:#fff;background:#8857c8;font-size:9px;font-weight:800;line-height:1;white-space:nowrap}
.designed-badge.is-free{background:#238d72;font-size:8px}
.catalog-tile-designed:active{transform:scale(.98)}
.designed-stage{display:flex;align-items:center;flex-direction:column;gap:14px;min-height:calc(100dvh - 210px);padding:18px 16px 38px;text-align:center}
.designed-stage-cover{width:min(100%,370px);margin:8px auto 0;overflow:hidden;border-radius:26px;box-shadow:0 18px 40px #0007}
.designed-stage h1{margin:3px 0 0;color:#fff;font-size:26px}
.designed-stage p{max-width:420px;margin:0;color:#bec2ca;font-size:14px;line-height:1.5}
.designed-stage-note{width:min(100%,420px);margin-top:8px;padding:15px;border-radius:16px;color:#c7c9ce;background:#ffffff10;font-size:13px}
.designed-stage .text-button{margin-top:auto;padding:11px 16px}
.case-stage-bar [data-stage-more][hidden]{display:none}
.stage-cover-image{display:block;width:min(220px,58vw);height:min(220px,58vw);object-fit:contain;filter:drop-shadow(0 12px 22px #1789e077);animation:designed-float 5.5s ease-in-out infinite}
@keyframes designed-float{50%{transform:translateY(-5px) scale(1.02)}}
@keyframes designed-aura{to{transform:scale(1.22);opacity:.55}}
@keyframes designed-particle{0%{opacity:0;transform:translate(0,0) rotate(-20deg) scale(.35)}18%{opacity:.9}75%{opacity:.8}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(220deg) scale(.7)}}
@media(max-width:430px){.catalog-grid-designed{gap:12px 9px}.catalog-tile-designed{border-radius:17px}.designed-footer{min-height:48px;padding:8px 9px}.designed-badge{padding:6px 7px;font-size:8px}.designed-badge.is-free{font-size:7px}.designed-particle{font-size:12px}.designed-stage-cover{width:min(100%,300px)}}
@media(prefers-reduced-motion:reduce){.designed-art::before,.designed-art img,.designed-particle,.stage-cover-image{animation:none!important}.designed-particle{display:none}.catalog-tile-designed{transition:none}}