/* A contained storefront: the school's shared typography and layout stay intact. */
#shopRoot{min-width:0;width:100%;--shop-line:#ffffff16;--shop-soft:#a4adba;--shop-accent:#ffb677}
#shopRoot *,#shopRoot *::before,#shopRoot *::after{box-sizing:border-box}
#shopRoot button{touch-action:manipulation}#shopRoot button:focus-visible,#shopRoot input:focus-visible,#shopRoot select:focus-visible{outline:2px solid #ffd4a5;outline-offset:4px}
#shopRoot [hidden]{display:none!important}#shopRoot h1,#shopRoot h2,#shopRoot h3,#shopRoot p{margin-top:0}#shopRoot small{display:block}#shopRoot img{max-width:100%}#shopRoot svg{width:60px;height:60px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.shop-studio{max-width:1280px;margin:auto;animation:shop-arrive .45s ease both}.shop-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.shop-kicker{font-size:10px;font-weight:650;letter-spacing:.16em;color:#aab4c2}.shop-test-label{font-size:12px;border:1px solid #eeb68233;border-radius:30px;padding:6px 12px;color:#eac29b;display:flex;gap:7px;align-items:center}.shop-test-label i{width:5px;height:5px;border-radius:50%;background:#f2b779}
.shop-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:34px 0 32px}.shop-hero h1{font-size:clamp(30px,3.1vw,48px);line-height:1.12;font-weight:600;letter-spacing:-.045em;margin-bottom:16px}.shop-hero h1 em{font-style:normal;color:#efb580}.shop-hero p{font-size:14px;color:var(--shop-soft);margin-bottom:0}.shop-wallet{flex-shrink:0;min-width:265px;padding:20px 24px;border:1px solid #ffc08923;border-radius:20px;background:linear-gradient(125deg,#30251caa,#1b1f2677)}.shop-wallet small{font-size:11px;color:#b6ac9e}.shop-wallet strong{font-size:27px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:550;white-space:nowrap}.shop-wallet strong>span{font-size:20px;color:#edb071}.shop-wallet-bottom{display:flex;gap:28px;border-top:1px solid var(--shop-line);padding-top:12px;margin-top:12px;font-size:15px}.shop-wallet-bottom small{font-size:10px}
.shop-tabs{display:flex;gap:5px;border-bottom:1px solid var(--shop-line);padding-bottom:12px;overflow:auto;scrollbar-width:thin;margin-bottom:30px}.shop-tabs button{background:none;border:0;border-radius:10px;color:#a9b2bf;padding:10px 17px;white-space:nowrap;font-size:13px;font-weight:550;transition:background .18s,color .18s}.shop-tabs button:hover{background:#ffffff08;color:white}.shop-tabs button.is-active{background:#e7e9ed;color:#181d25}.shop-content{animation:shop-arrive .3s ease both}.shop-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0 23px}.shop-section-heading h2{font-size:23px;margin-bottom:5px}.shop-section-heading p,.shop-section-heading>span{font-size:13px;color:var(--shop-soft);margin-bottom:0}.shop-section-heading>span{white-space:nowrap}.shop-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.shop-case{--case-rgb:137,146,163;position:relative;text-align:left;display:block;background:linear-gradient(145deg,rgba(var(--case-rgb),.065),#171b22);border:1px solid var(--shop-line);border-radius:20px;padding:0;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s;isolation:isolate;min-width:0}.shop-case:hover{transform:translateY(-5px);border-color:rgba(var(--case-rgb),.45);box-shadow:0 20px 30px #0003}.shop-case.theme-cs2{--case-rgb:239,157,62}.shop-case.theme-hsr{--case-rgb:140,122,225}.shop-case.theme-genshin{--case-rgb:112,171,208}.shop-case.theme-mobile-legends{--case-rgb:64,180,219}.shop-case.theme-roblox{--case-rgb:164,186,221}.shop-case.theme-donation{--case-rgb:119,195,165}.shop-case.theme-brawl{--case-rgb:239,173,69}.shop-case.theme-merch{--case-rgb:231,129,96}.shop-case.theme-merch-premium{--case-rgb:197,163,109}
.shop-case-visual{position:relative;display:flex;justify-content:center;align-items:center;height:190px;perspective:700px}.shop-case-glow{position:absolute;width:64%;height:75%;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--case-rgb),.23),transparent 68%);filter:blur(12px)}.shop-case-box{position:relative;width:170px;height:113px;margin-top:14px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--case-rgb),.45);border-bottom:5px solid rgba(var(--case-rgb),.27);border-radius:9px;background:linear-gradient(155deg,rgba(var(--case-rgb),.25),#15191f 68%);box-shadow:0 18px 24px #0006,inset 0 1px 0 #ffffff1c;transform:rotateY(-12deg) rotateX(8deg) rotateZ(-5deg);transition:transform .4s}.shop-case:hover .shop-case-box{transform:rotateY(0) rotateX(0) rotateZ(0) translateY(-4px)}.shop-case-top{position:absolute;left:-1px;right:-1px;top:-13px;height:17px;transform:skewX(-20deg);transform-origin:bottom;border:1px solid rgba(var(--case-rgb),.5);border-radius:6px 6px 0 0;background:linear-gradient(90deg,rgba(var(--case-rgb),.45),#252b34)}.shop-case-latch{position:absolute;width:23px;height:13px;bottom:-8px;border:1px solid #afbbc64d;border-radius:3px;background:#1b2028;box-shadow:inset 0 0 0 3px #292f37}.shop-case-logo{width:132px;height:72px;display:flex;align-items:center;justify-content:center;padding:6px}.shop-case-logo img{width:100%;height:100%;object-fit:contain}.shop-case-logo.light-logo{background:#ecebe5e8;border-radius:7px;padding:10px}.theme-cs2 .shop-case-logo{padding:0;width:150px;height:82px;overflow:hidden;border-radius:5px}.theme-cs2 .shop-case-logo img{object-fit:cover}.theme-merch .shop-case-logo img,.theme-merch-premium .shop-case-logo img{height:64px;width:64px;border-radius:9px}.theme-donation svg{color:#ace1c4;width:56px;height:56px}.shop-case-info{display:block;padding:0 20px 20px}.shop-case-info small{font-size:10px;color:#9eabb8;margin-bottom:6px}.shop-case-info>strong{display:block;font-size:18px;font-weight:600;letter-spacing:-.02em;margin-bottom:15px}.shop-case-info>span{display:flex;align-items:center;gap:6px;color:#dfc1a0;font-size:14px;border-top:1px solid var(--shop-line);padding-top:13px}.shop-case-info b{margin-left:auto;color:#9ca5b2;font-size:17px;font-weight:400}
.shop-back{background:none;border:0;padding:0;color:#b4bbc5;font-size:13px;margin-bottom:24px}.shop-case-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.shop-case-heading h2{font-size:32px;margin:7px 0 8px}.shop-case-heading p{color:var(--shop-soft);font-size:14px;margin-bottom:0}.shop-case-heading-logo{width:120px;height:75px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;overflow:hidden}.shop-case-heading-logo img{max-height:100%;width:100%;object-fit:contain}.shop-case-heading-logo.light-logo{background:#e9e7df;padding:10px}.shop-opening{padding:30px 0 25px;border-radius:20px;border:1px solid var(--shop-line);background:radial-gradient(ellipse at top,#2c303b55,transparent 65%),#13171d;overflow:hidden}.shop-reel{position:relative;height:205px;overflow:hidden;width:100%;isolation:isolate}.shop-reel::before,.shop-reel::after{position:absolute;inset:0 auto 0 0;width:12%;content:'';background:linear-gradient(90deg,#13171d,transparent);z-index:2;pointer-events:none}.shop-reel::after{left:auto;right:0;transform:rotate(180deg)}.shop-reel-track{display:flex;gap:8px;will-change:transform;padding-top:8px}.shop-reel-track .shop-prize{flex:0 0 148px;width:148px;height:182px;padding:10px;border-radius:11px}.shop-reel-track .shop-prize>small,.shop-reel-track .shop-prize>span{display:none}.shop-reel-track .shop-prize strong{font-size:12px}.shop-reel-track .shop-prize-art{height:103px;padding:10px}.shop-reel-marker{position:absolute;left:50%;height:100%;width:2px;background:linear-gradient(#efc38b99,transparent 28%,transparent 72%,#efc38b99);z-index:3}.shop-reel-marker::before,.shop-reel-marker::after{content:'';position:absolute;top:0;left:-6px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #ffd6a2}.shop-reel-marker::after{top:auto;bottom:0;transform:rotate(180deg)}.shop-reel-track .shop-winner{border-color:#ffdfae;box-shadow:inset 0 0 25px #f8c77a22}.shop-win{min-height:85px;padding:20px;text-align:center;font-size:13px;color:var(--shop-soft)}.shop-win strong{display:block;font-size:24px;line-height:1.3;color:#eed3ad;margin:5px 0}.shop-win small{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.shop-open-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;padding:0 20px}.shop-open-actions .primary{min-width:220px}.shop-fast,.shop-review{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--shop-soft);margin:0}.shop-fast input,.shop-review input{width:17px;height:17px;accent-color:#f1b578;flex-shrink:0;margin:0}.shop-opening+.shop-section-heading{margin-top:35px}
.shop-loot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.shop-prize{--rarity:#8993a3;min-width:0;padding:14px;border:1px solid var(--shop-line);border-bottom:2px solid var(--rarity);border-radius:13px;background:linear-gradient(155deg,#242a34,#191d25);display:flex;flex-direction:column;gap:4px}.rarity-common{--rarity:#91a2b5}.rarity-uncommon{--rarity:#78acd9}.rarity-rare{--rarity:#a89be0}.rarity-epic{--rarity:#dc94b7}.rarity-legendary{--rarity:#edc578}.shop-prize-art{height:98px;display:flex;align-items:center;justify-content:center;padding:12px;margin-bottom:8px;overflow:hidden;min-width:0;color:var(--rarity,#c6b9e8)}.shop-prize-art img{max-width:100%;max-height:100%;object-fit:contain}.shop-prize-art.light-logo{background:#e5e4de;border-radius:8px}.shop-prize>small{color:var(--rarity);font-size:9px}.shop-prize>strong{font-size:12px;line-height:1.5;font-weight:550;overflow-wrap:anywhere}.shop-prize>span{color:#abb4c3;font-size:11px;margin-top:auto;padding-top:6px}.shop-goods-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shop-product{padding:20px;border:1px solid var(--shop-line);border-radius:18px;background:#181d25;display:flex;flex-direction:column}.shop-product .shop-prize-art{height:120px}.shop-product h3{font-size:17px;margin-bottom:22px}.shop-product>small{font-size:9px;letter-spacing:.12em;color:#a9b2c0;margin:14px 0 7px}.shop-product button{margin-top:auto;font-size:12px}
.shop-coupon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}.shop-coupon{display:grid;gap:13px;border:1px solid #acb3c42b;border-radius:17px;padding:20px;background:linear-gradient(140deg,#25282f,#191d24)}.shop-coupon>strong{font-size:32px;font-weight:550}.shop-coupon label{font-size:11px}.shop-coupon input{margin-top:5px}.shop-inventory-list{border:1px solid var(--shop-line);border-radius:16px;overflow:hidden;margin:16px 0 30px}.shop-inventory-item,.shop-order{display:flex;align-items:center;gap:15px;padding:14px 18px;border-bottom:1px solid var(--shop-line);background:#181d2477}.shop-inventory-item:last-child,.shop-order:last-child{border-bottom:0}.shop-inventory-item .shop-prize-art{width:65px;height:48px;padding:4px;margin:0;flex-shrink:0}.shop-inventory-item .shop-prize-art svg{width:35px;height:35px}.shop-inventory-item>div:not(.shop-prize-art),.shop-order>div{flex:1;min-width:0}.shop-inventory-item strong,.shop-order strong{font-size:13px;overflow-wrap:anywhere}.shop-inventory-item small,.shop-order small{color:#929fb0;font-size:11px;margin-top:4px;overflow-wrap:anywhere}.shop-order-done{color:#abd1bc;font-size:12px}.shop-empty{padding:28px;text-align:center;color:#99a5b5;border:1px dashed #ffffff20;border-radius:15px;margin:15px 0 28px}.shop-empty svg{width:35px;height:35px;opacity:.6}.shop-empty p{font-size:13px;margin:10px 0 0}
.shop-footnote{color:#8996a8;font-size:11px;line-height:1.7;margin:24px 0 0;max-width:900px}.shop-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:25px}.shop-rule-grid article{padding:20px;border:1px solid var(--shop-line);border-radius:16px;background:#191e25}.shop-rule-grid strong{font-size:17px}.shop-rule-grid p{font-size:12px;color:var(--shop-soft);margin:9px 0 0}.shop-inline-form{display:flex;flex-wrap:wrap;gap:14px;align-items:end;padding:20px;border:1px solid var(--shop-line);border-radius:15px;margin:18px 0 24px}.shop-inline-form label{flex:1;min-width:150px;font-size:12px;margin:0}.shop-inline-form input,.shop-inline-form select{margin-top:6px}.shop-calculation{padding:22px;border:1px solid var(--shop-line);border-radius:16px;margin:22px 0}.shop-notice{padding:12px 15px;border-radius:10px;background:#6d523420;color:#d4b999;font-size:12px;line-height:1.65}.shop-table-wrap{overflow:auto;max-width:100%;margin:18px 0}.shop-table-wrap table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.shop-table-wrap th,.shop-table-wrap td{padding:12px 10px;border-bottom:1px solid var(--shop-line)}.shop-table-wrap th{color:#8e9cac;font-weight:500;white-space:nowrap}.shop-table-wrap td:first-child{min-width:155px}.shop-table-wrap input{width:92px;padding:8px;font-size:12px}.shop-table-wrap td small{color:#8998ac}.shop-review{margin:18px 0}.shop-history,.shop-config{border:1px solid var(--shop-line);padding:18px 20px;border-radius:14px;margin:12px 0}.shop-history summary,.shop-config summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px}.shop-config summary:after,.shop-history summary:after{content:'+';color:#adb3bd;font-size:18px}.shop-config[open] summary:after,.shop-history[open] summary:after{content:'−'}.shop-config summary small{font-size:11px;color:var(--shop-soft);margin-left:auto}.shop-config form{padding-top:22px}.shop-config form>label{max-width:200px;font-size:12px}.shop-history p{font-size:12px;margin:18px 0}.shop-budget{padding:24px;border:1px solid #c4aa7d30;border-radius:16px;background:linear-gradient(110deg,#2c251c55,#171b22);display:flex;align-items:center;gap:22px;flex-wrap:wrap}.shop-budget>div{flex:1;min-width:220px}.shop-budget strong{font-size:28px;letter-spacing:-.03em}.shop-budget small,.shop-budget p{font-size:12px;color:var(--shop-soft);margin:6px 0}.shop-error{margin:15px 0;padding:15px;border:1px solid #d5928e44;background:#49262655;border-radius:10px;color:#f0b2ac;font-size:13px}
.shop-soon{min-height:65vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 20px;background:radial-gradient(ellipse at center,#b57b3a0e,transparent 65%)}.shop-soon-orbit{width:175px;height:175px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #dfb68822;margin:36px 0;position:relative;color:#ecc99d;background:radial-gradient(circle,#c2914e16,transparent 68%)}.shop-soon-orbit::after{content:'';position:absolute;inset:14px;border:1px solid #dfb68811;border-radius:50%}.shop-soon-orbit svg{width:75px;height:75px;animation:shop-float 5s ease-in-out infinite}.shop-soon h1{font-size:clamp(32px,4vw,51px);font-weight:550;margin-bottom:20px}.shop-soon p{font-size:15px;color:#a5afbd}.shop-soon-pill{display:block;border:1px solid #c6ae892c;border-radius:30px;padding:8px 20px;color:#d1b793;font-size:12px;margin-top:18px}
@keyframes shop-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shop-float{50%{transform:translateY(-6px)}}
@media(min-width:1700px){.shop-case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.shop-hero{align-items:flex-start;flex-direction:column}.shop-wallet{min-width:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px}.shop-wallet-bottom{border-top:0;margin:0;padding:0}.shop-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-coupon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-loot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-goods-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.shop-hero{padding:24px 0;gap:23px}.shop-hero h1{font-size:34px}.shop-wallet{display:block}.shop-wallet strong{font-size:26px}.shop-wallet-bottom{border-top:1px solid var(--shop-line);padding-top:10px;margin-top:10px}.shop-tabs{margin-bottom:24px;gap:0}.shop-tabs button{padding:10px 12px;font-size:12px}.shop-case-grid{gap:11px}.shop-case-visual{height:143px}.shop-case-box{width:120px;height:86px}.shop-case-logo{width:95px;height:57px}.theme-cs2 .shop-case-logo{width:106px;height:62px}.theme-merch .shop-case-logo img,.theme-merch-premium .shop-case-logo img{width:49px;height:49px}.shop-case-info{padding:0 13px 13px}.shop-case-info>strong{font-size:14px;min-height:38px;line-height:1.4;margin-bottom:10px}.shop-case-info small{font-size:9px;line-height:1.4;min-height:25px}.shop-case-info>span{font-size:12px;padding-top:10px}.shop-section-heading>span{display:none}.shop-section-heading h2{font-size:22px}.shop-section-heading p{font-size:12px}.shop-case-heading-logo{width:70px;height:52px}.shop-case-heading h2{font-size:26px}.shop-case-heading p{font-size:12px}.shop-case-heading{gap:12px}.shop-opening{padding-top:20px}.shop-loot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-coupon-grid{grid-template-columns:1fr}.shop-product{padding:14px}.shop-product h3{font-size:14px}.shop-product .shop-prize-art{height:84px}.shop-product button{font-size:11px;padding:10px}.shop-rule-grid{grid-template-columns:1fr;gap:10px}.shop-rule-grid article{padding:16px}.shop-inventory-item,.shop-order{flex-wrap:wrap;padding:13px;gap:10px}.shop-inventory-item>button,.shop-order>button{margin-left:auto}.shop-calculation{padding:14px}.shop-config{padding:15px}.shop-config summary{flex-wrap:wrap;gap:5px}.shop-config summary small{margin-left:0;flex-basis:90%}.shop-config summary:after{position:absolute;right:20px}.shop-config summary{position:relative}.shop-budget{padding:18px}.shop-budget button{width:100%}.shop-inline-form{padding:15px}.shop-soon{min-height:65vh;padding:20px 10px}.shop-test-label{font-size:10px}.shop-open-actions .primary{width:100%}}
@media(prefers-reduced-motion:reduce){#shopRoot *,#shopRoot *::before,#shopRoot *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.shop-claim-form{flex-basis:100%;display:flex;align-items:end;gap:12px;padding-top:10px}.shop-claim-form label{flex:1;font-size:12px;margin:0}.shop-claim-form input{margin-top:6px}.shop-claim-form button{max-width:50%;font-size:11px}

/* Product art from the owner's two reference screenshots. The source files remain intact. */
.shop-prize-art.hsr-product-art{padding:0;background:transparent}
.shop-reference-price{font-size:11px;color:var(--shop-soft);margin:-12px 0 16px}

/* Steam-inspired collection: game shelves, rarity-bordered tiles, selected-item detail. */
.shop-inventory-themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;background:var(--panel2,#171d25);border:1px solid var(--line,#ffffff16);border-radius:12px;margin-bottom:20px}
#shopRoot .shop-inventory-themes button{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;text-align:left;color:var(--muted,#a4adba);background:var(--panel,#202832);border:1px solid transparent;border-radius:7px;transition:background .18s,border-color .18s,color .18s;min-width:0}
#shopRoot .shop-inventory-themes button:hover{border-color:var(--line,#ffffff25);color:var(--text,#ecedf0)}
#shopRoot .shop-inventory-themes button.is-active{background:color-mix(in srgb,var(--orange,#f19a65) 10%,var(--panel,#202832));border-color:var(--orange,#f19a65);color:var(--text,#ecedf0)}
.shop-inventory-themes img,.shop-theme-mark{width:30px;height:30px;object-fit:contain;flex-shrink:0;border-radius:4px}.shop-theme-mark{display:grid;place-items:center;font-size:25px;color:var(--orange,#f19a65)}
.shop-inventory-themes button>span:last-child{font-size:12px;line-height:1.4;overflow-wrap:anywhere;font-weight:600}.shop-inventory-themes small{font-size:11px;color:var(--muted,#a4adba);font-weight:400;margin-top:2px}
.shop-inventory-filters{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:14px;margin:0 0 20px}.shop-inventory-filters label{font-size:12px;min-width:0;margin:0}.shop-inventory-filters label>span{display:block;margin-bottom:6px;color:var(--muted,#a4adba)}.shop-inventory-filters input,.shop-inventory-filters select{width:100%;min-height:44px;margin:0}
.shop-inventory-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);gap:20px;align-items:start}.shop-inventory-collection{min-width:0}.shop-inventory-count{font-size:12px;color:var(--muted,#a4adba);margin:0 0 12px}
.shop-item-grid{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:0;margin:0}.shop-item-grid li{min-width:0}
#shopRoot .shop-item-tile{--rarity:#91a2b5;position:relative;width:100%;height:100%;min-height:132px;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:8px 7px 9px;border:1px solid color-mix(in srgb,var(--rarity) 65%,transparent);border-bottom:3px solid var(--rarity);border-radius:5px;color:var(--text,#ecedf0);background:linear-gradient(155deg,color-mix(in srgb,var(--rarity) 12%,var(--panel,#202832)),var(--panel2,#191e26));transition:border-color .15s,background .15s,box-shadow .15s;box-shadow:none;transform:none}
#shopRoot .shop-item-tile.rarity-uncommon{--rarity:#78acd9}#shopRoot .shop-item-tile.rarity-rare{--rarity:#a89be0}#shopRoot .shop-item-tile.rarity-epic{--rarity:#dc94b7}#shopRoot .shop-item-tile.rarity-legendary{--rarity:#edc578}
#shopRoot .shop-item-tile:hover{background:color-mix(in srgb,var(--rarity) 19%,var(--panel,#202832));box-shadow:inset 0 0 0 1px var(--rarity)}#shopRoot .shop-item-tile.is-selected{outline:2px solid var(--orange,#f19a65);outline-offset:1px;box-shadow:inset 0 0 0 1px var(--panel,#202832)}
.shop-item-tile .shop-prize-art{height:76px;margin:0 0 8px;padding:5px}.shop-item-tile .hsr-crop{width:min(100%,72px);border-radius:4px}.shop-item-tile .shop-prize-art svg{width:45px!important;height:45px!important}.shop-item-tile>span{font-size:10px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}.shop-tile-requested{font-size:9px;color:var(--muted,#a4adba);margin-top:4px}
.shop-inventory-pagination{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin:16px 0}.shop-inventory-pagination>span{font-size:12px;color:var(--muted,#a4adba)}#shopRoot .shop-inventory-pagination button{min-width:42px;min-height:40px;padding:6px 12px}
.shop-item-detail{position:sticky;top:90px;min-width:0;border:1px solid var(--rarity,#91a2b5);border-top:3px solid var(--rarity,#91a2b5);border-radius:7px;overflow:hidden;background:var(--panel,#202832);scroll-margin:100px}
.shop-detail-art{height:235px;display:grid;place-items:center;background:radial-gradient(ellipse,color-mix(in srgb,var(--rarity) 18%,transparent),transparent 72%),var(--panel2,#171d25)}.shop-detail-art .shop-prize-art{height:200px;width:100%;max-width:300px;padding:24px;margin:0}.shop-detail-art .hsr-crop{width:min(100%,165px);border-radius:12px}.shop-detail-art svg{width:105px!important;height:105px!important}
.shop-detail-copy{padding:20px}.shop-item-theme{color:var(--muted,#a4adba);font-size:11px;display:block;margin-bottom:8px}#shopRoot .shop-detail-copy h3{font-size:22px;line-height:1.35;margin:0 0 10px;overflow-wrap:anywhere;color:var(--text,#ecedf0)}
.shop-rarity-label{display:flex;align-items:center;gap:7px;color:var(--rarity);font-size:12px}.shop-rarity-label i{width:7px;height:7px;background:currentColor;border-radius:50%;flex-shrink:0}.shop-detail-copy dl{margin:20px 0 16px;padding-top:16px;border-top:1px solid var(--line,#ffffff16);font-size:11px}.shop-detail-copy dl>div{display:flex;justify-content:space-between;gap:12px;margin:0 0 9px;line-height:1.5}.shop-detail-copy dt{color:var(--muted,#a4adba)}.shop-detail-copy dd{margin:0;text-align:right;overflow-wrap:anywhere}.shop-detail-copy p{font-size:12px;color:var(--muted,#a4adba);line-height:1.7}.shop-detail-copy>button{width:100%;min-height:44px}
.shop-item-detail .shop-claim-form{display:grid;padding:0 20px 20px;gap:12px}.shop-item-detail .shop-claim-form input{width:100%}.shop-item-detail .shop-claim-form button{width:100%;max-width:none;min-height:44px;font-size:12px}
.shop-coupon-wallet,.shop-inventory-orders{border:1px solid var(--line,#ffffff16);border-radius:10px;margin-top:20px;padding:0 18px;background:var(--panel,#202832)}.shop-coupon-wallet summary,.shop-inventory-orders summary{padding:18px 0;cursor:pointer;font-size:14px;font-weight:600}.shop-coupon-wallet summary>span,.shop-inventory-orders summary>span{font-size:12px;color:var(--muted,#a4adba);font-weight:400;margin-left:8px}.shop-coupon-wallet .shop-coupon-grid{margin-top:0}.shop-coupon-wallet .shop-coupon{background:var(--panel2,#191d24);border-color:var(--line,#ffffff16)}.shop-inventory-orders .shop-inventory-list{margin:0 0 18px}.shop-inventory-empty{text-align:center;padding-bottom:20px}.shop-inventory-empty .shop-empty{margin-top:0}
html[data-theme="light"] .shop-item-detail .shop-rarity-label{color:color-mix(in srgb,var(--rarity) 55%,#243140)}
@media(max-width:1000px){.shop-inventory-themes{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-inventory-layout{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}.shop-item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.shop-inventory-themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px}#shopRoot .shop-inventory-themes button{min-height:60px;padding:8px;gap:8px}.shop-inventory-themes button>span:last-child{font-size:11px}.shop-inventory-themes img,.shop-theme-mark{width:25px;height:25px}.shop-inventory-filters{grid-template-columns:minmax(0,1fr) 145px;gap:10px}.shop-inventory-layout{grid-template-columns:minmax(0,1fr);gap:12px}.shop-item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-item-detail{position:static;scroll-margin:18px;display:grid;grid-template-columns:130px minmax(0,1fr)}.shop-detail-art{height:100%;min-height:180px}.shop-detail-art .shop-prize-art{height:145px;padding:16px}.shop-detail-art .hsr-crop{width:min(100%,100px)}.shop-detail-copy{padding:16px}#shopRoot .shop-detail-copy h3{font-size:18px}.shop-detail-copy dl{margin-top:14px;padding-top:12px}.shop-detail-copy dl>div{display:block}.shop-detail-copy dd{text-align:left;margin-top:2px}.shop-item-detail .shop-claim-form{grid-column:1/-1;padding:0 16px 16px}.shop-coupon-wallet,.shop-inventory-orders{padding:0 12px}.shop-order>button{width:100%;white-space:normal}}
@media(max-width:420px){.shop-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-inventory-filters{grid-template-columns:minmax(0,1fr)}.shop-item-detail{grid-template-columns:105px minmax(0,1fr)}.shop-detail-copy{padding:14px}.shop-detail-art .shop-prize-art{padding:10px}.shop-detail-art .hsr-crop{width:80px}}

.shop-goods-grid .shop-product h3{margin-top:16px}.shop-goods-themes{margin-top:22px}
@media(max-width:420px){.shop-detail-art .game-product-crop{width:80px}}

/* Shared currency image: fixed layout size and crisp pixel-art edges in both themes. */
#shopRoot img.elmsh-currency-icon{display:inline-block;width:24px;height:24px;min-width:24px;max-width:none;object-fit:contain;vertical-align:middle;flex-shrink:0;image-rendering:pixelated;margin:0 2px;filter:none}
#shopRoot .shop-wallet strong{display:flex;align-items:center;gap:8px}
#shopRoot .shop-wallet strong img.elmsh-currency-icon{width:38px;height:38px;min-width:38px;margin:0}
#shopRoot .shop-case-info img.elmsh-currency-icon{width:22px;height:22px;min-width:22px}
#shopRoot .shop-config summary small{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
#shopRoot .shop-table-wrap strong{white-space:nowrap}
#shopRoot .shop-product button{flex-wrap:wrap;gap:5px 9px}.shop-product-price{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.shop-product-action{white-space:nowrap}
@media(max-width:600px){#shopRoot .shop-product button{gap:4px 5px;padding:8px 6px;white-space:normal;min-height:44px}#shopRoot .shop-product button img.elmsh-currency-icon{width:20px;height:20px;min-width:20px;margin:0}#shopRoot .shop-wallet strong img.elmsh-currency-icon{width:34px;height:34px;min-width:34px}}
/* Separate 300px originals stay sharp in cards, the reel and inventory details. */
.shop-prize-art.product-original-art{padding:0;background:transparent}
#shopRoot .product-original-art img{display:block;width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;image-rendering:auto;filter:none}
.shop-item-tile .product-original-art{padding:0}
.shop-detail-art .product-original-art{padding:12px}

/* The latest ten openings form a compact horizontal strip, independent of claims. */
.shop-live-drops{margin:0 0 24px;min-width:0;width:100%}
.shop-drops-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px}
#shopRoot .shop-drops-heading h2{font-size:13px;font-weight:600;margin:0;letter-spacing:0}
.shop-drops-connection{display:inline-flex;align-items:center;gap:6px;color:var(--muted,#a4adba);font-size:10px;white-space:nowrap}
.shop-drops-connection i{width:5px;height:5px;border-radius:50%;background:#6aaf8e;flex:none}.shop-drops-connection.is-offline i{background:#c9945c}
.shop-drops-scroller{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;border:1px solid var(--line,#ffffff16);border-radius:12px;background:var(--panel2,#171d25);padding:7px;min-height:123px;overscroll-behavior-x:contain}
.shop-drops-scroller:focus-visible{outline:2px solid var(--accent,#ffb677);outline-offset:3px}
.shop-drops-track{display:flex;gap:7px;list-style:none;margin:0;padding:0;min-width:0}
.shop-drop-card{position:relative;flex:0 0 151px;width:151px;min-width:0;min-height:108px;display:grid;grid-template-columns:45px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;column-gap:7px;row-gap:4px;padding:10px 9px 12px;border:1px solid var(--line,#ffffff16);border-bottom:2px solid var(--rarity);border-radius:7px;background:linear-gradient(145deg,color-mix(in srgb,var(--rarity) 10%,transparent),transparent 75%);isolation:isolate}
.shop-drop-art{grid-column:1;grid-row:1/4;display:flex;align-items:center;justify-content:center;width:45px;height:62px;align-self:center;color:var(--rarity)}
.shop-drop-art img{width:45px;height:62px;object-fit:contain;filter:none}
.shop-drop-art span{font-size:30px}#shopRoot .shop-drop-card>strong{font-size:10px;font-weight:600;line-height:1.35;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;grid-column:2}
.shop-drop-person{font-size:10px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;grid-column:2;color:var(--text,#e7e9ed)}
.shop-drop-game{font-size:9px;line-height:1.3;color:var(--muted,#a4adba);grid-column:2}
.shop-drop-rarity{position:absolute;bottom:3px;right:7px;font-size:7px;color:var(--rarity)}
.shop-drops-empty{font-size:12px;color:var(--muted,#a4adba);padding:32px 12px;margin:0;text-align:center}
.shop-drops-announce{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-theme="light"] .shop-drop-rarity{color:color-mix(in srgb,var(--rarity) 55%,#243140)}
@media(max-width:600px){.shop-live-drops{margin-bottom:16px}.shop-drops-scroller{margin:0;min-height:116px}.shop-drop-card{flex-basis:143px;width:143px;min-height:100px;padding:8px 7px 12px;column-gap:5px}.shop-drop-art{width:42px}.shop-drop-art img{width:42px}.shop-drops-heading{gap:8px}#shopRoot .shop-drops-heading h2{font-size:12px}}
@media(prefers-reduced-motion:reduce){.shop-drop-card{animation:none!important;transition:none!important}}


/* The two shard currencies keep distinct symbols in balances, rewards and exchange buttons. */
#shopRoot img.elmsh-shard-icon{display:inline-block;width:26px;height:26px;min-width:26px;object-fit:contain;image-rendering:pixelated;vertical-align:middle;filter:none;margin:0 2px}
#shopRoot .shop-prize-art img.elmsh-shard-icon{width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;margin:0;object-fit:contain}
#shopRoot .shop-wallet-bottom{flex-wrap:wrap;gap:12px 20px}#shopRoot .shop-wallet-bottom>span{display:flex;align-items:center;gap:6px}#shopRoot .shop-wallet-bottom b{font-weight:600}#shopRoot .shop-wallet-bottom small{display:inline}
#shopRoot .theme-merch .shop-case-logo img,#shopRoot .theme-donation .shop-case-logo img{width:100%;height:100%;image-rendering:pixelated;object-fit:contain}
#shopRoot .shop-delivery-note,#shopRoot .shop-stock-note{font-size:11px;line-height:1.55;color:var(--shop-soft);margin:0 0 12px;overflow-wrap:anywhere}
#shopRoot .shop-case-heading-logo img[src*="pixel"],.shop-drop-art img[src*="pixel"]{image-rendering:pixelated}
@media(max-width:600px){#shopRoot .shop-wallet-bottom{gap:12px}#shopRoot .shop-wallet-bottom>span{font-size:14px}#shopRoot .shop-product .elmsh-shard-icon{width:22px;height:22px;min-width:22px}}

#shopRoot .shop-inventory-themes .shop-theme-mark{font-size:16px;font-weight:600}#shopRoot .shop-inventory-themes small{display:block}