/* One contained surface for the case, reel and opening controls. */
body.sc-network[data-net-page=unboxing] #opening {
 min-width:0; padding:24px; margin:0; align-self:start;
 background:#131b20f7; border:1px solid #b6c9d12b; border-radius:8px;
 box-shadow:0 12px 28px #0000002b; overflow:visible;
}
body.sc-network[data-net-page=unboxing] #opening > .card-h {
 padding:0 0 18px; margin:0 0 22px;
 border-bottom:1px solid #b6c9d11f; background:none;
}
body.sc-network[data-net-page=unboxing] #opening > .card-b { padding:0; }
body.sc-network[data-net-page=unboxing] #opening .box3d {
 padding:0; margin:0; background:none; border:0; border-radius:0; box-shadow:none;
}
/* Contain the selected case details without changing the reel or opening actions. */
body.sc-network[data-net-page=unboxing] #opening .caseHead {
 box-sizing:border-box;width:100%;max-width:480px;min-width:0;min-height:176px;padding:16px;
 border:1px solid #d4e4ec1a;border-radius:6px;background:#09121b73;
 box-shadow:0 12px 30px #00000066,0 2px 8px #00000026,inset 0 1px #ffffff06;
 -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
body.sc-network[data-net-page=unboxing] #opening .caseHead .caseResource { gap:8px; }
body.sc-network[data-net-page=unboxing] #opening .caseHead .caseResource b {
 white-space:nowrap;overflow-wrap:normal;flex-shrink:0;
}
@media(max-width:540px) {
 body.sc-network[data-net-page=unboxing] #opening .caseHead { min-height:192px;padding:12px; }
}
@media(max-width:380px) {
 body.sc-network[data-net-page=unboxing] #opening .caseHead { min-height:224px; }
 body.sc-network[data-net-page=unboxing] #opening .caseHead .caseResource { flex-direction:column;align-items:flex-start;gap:6px; }
}
body.sc-network[data-net-page=unboxing] #opening #activeBoxName { overflow-wrap:anywhere; }
body.sc-network[data-net-page=unboxing] #opening .card-h { gap:12px; flex-wrap:wrap; }
/* Matching bands group catalog, inventory and account statistics. */
body.sc-network[data-net-page=unboxing] :is(#contents,#inventory,#unboxStatistics) {
 min-width:0; margin:0; padding:24px; background:#131b20f7;
 border:0; border-block:1px solid #b6c9d12b; border-radius:0; box-shadow:none;
}
body.sc-network[data-net-page=unboxing] :is(#contents,#inventory,#unboxStatistics) > .card-h {
 padding:0 0 18px; margin-bottom:18px; border-bottom:1px solid #b6c9d11f;
}
body.sc-network[data-net-page=unboxing] :is(#contents .catalogPager,#inventory .inventoryPager) {
 margin-top:18px; padding-top:16px; border-top:1px solid #b6c9d11f;
}
body.sc-network[data-net-page=unboxing] #contents .prizeCard { min-width:0; overflow-wrap:anywhere; }
body.sc-network[data-net-page=unboxing] :is(#inventory,#unboxStatistics) > .card-b { padding:0; }
body.sc-network[data-net-page=unboxing] #inventory { margin-top:24px; }
body.sc-network[data-net-page=unboxing] #unboxStatistics { border-top:0; }
body.sc-network[data-net-page=unboxing] #inventory .historyItem { min-width:0; overflow-wrap:anywhere; }
/* Frosted odds panel keeps the background visible without competing with the figures. */
body.sc-network[data-net-page=unboxing] .openingLayout > .oddsSection {
 min-width:0;align-self:start;margin:0;padding:20px;
 border:1px solid #b6c9d140;border-radius:2px;
 background:#111b25b8;box-shadow:0 12px 28px #00000038,inset 0 1px #ffffff08;
 -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
body.sc-network[data-net-page=unboxing] .oddsSection > .card-h {
 padding:0 0 16px;margin:0 0 12px;background:none;
 border-bottom:1px solid #b6c9d124;
}
body.sc-network[data-net-page=unboxing] .oddsSection > .card-b { padding:0; }
body.sc-network[data-net-page=unboxing] .oddsSection .card-h > .mono { color:#b9c7d4; }
@media(max-width:420px) {
 body.sc-network[data-net-page=unboxing] .openingLayout > .oddsSection { padding:16px; }
}
/* The clipped photo layer leaves reward art, focus rings and opening effects untouched. */
body.sc-network[data-net-page=unboxing] :is(#opening,#contents,#inventory,#unboxStatistics) {
 position:relative;isolation:isolate;background:#07121c;
 --section-photo-position:left center;--section-photo-shade:#06101999;
}
body.sc-network[data-net-page=unboxing] #contents { --section-photo-position:center 70%;--section-photo-shade:#061019ad; }
body.sc-network[data-net-page=unboxing] #inventory { --section-photo-position:right center;--section-photo-shade:#070d1b99; }
body.sc-network[data-net-page=unboxing] #unboxStatistics { --section-photo-position:center 58%;--section-photo-shade:#061019c2; }
body.sc-network[data-net-page=unboxing] :is(#opening,#contents,#inventory,#unboxStatistics)::before {
 content:'';display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;
 width:auto;height:auto;opacity:1;border-radius:inherit;
 background-image:linear-gradient(180deg,var(--section-photo-shade),#040e19b3),url('/assets/unboxing-armory-20260912/armory.webp');
 background-position:center,var(--section-photo-position);background-size:cover;background-repeat:no-repeat;
 filter:blur(4px);clip-path:inset(0);transform:none;
}
/* Dedicated, quiet display scenes keep each case in focus. */
body.sc-network[data-net-page=unboxing] #boxStore .boxCard {
 isolation:isolate;background:#0b121b;
 --box-photo:none;--box-photo-size:cover;--box-photo-position:center top;--box-photo-height:240px;
}
body.sc-network[data-net-page=unboxing] #boxStore .boxCard:has([data-buy="sweden"]) {
 --box-photo:url('/assets/case-scenes-20260912/sweden.webp');
}
body.sc-network[data-net-page=unboxing] #boxStore .boxCard:has([data-buy="mystery"]) {
 --box-photo:url('/assets/case-scenes-20260912/mystery.webp');
}
body.sc-network[data-net-page=unboxing] #boxStore .boxCard:has([data-buy="samp"]) {
 --box-photo:url('/assets/case-scenes-20260912/samp.webp');
}
body.sc-network[data-net-page=unboxing] #boxStore .boxCard:has([data-buy="grpls"]) {
 --box-photo:url('/assets/case-scenes-20260912/grpls.webp');
}
body.sc-network[data-net-page=unboxing] #boxStore .boxCard:has([data-buy="cs16"]) {
 --box-photo:url('/assets/case-scenes-20260912/cs16.webp');
}
body.sc-network[data-net-page=unboxing] #boxStore .boxCard::before {
 content:'';position:absolute;inset:0 0 auto;z-index:-1;pointer-events:none;
 border-radius:inherit;height:var(--box-photo-height);background-color:#0b121b;
 background-image:linear-gradient(180deg,#06101b0d,#0b121b26 35%,#0b121bad 72%,#0b121b 100%),var(--box-photo);
 background-size:cover,var(--box-photo-size);background-position:center,var(--box-photo-position);background-repeat:no-repeat;
 filter:blur(.8px);clip-path:inset(0);
}
body.sc-network[data-net-page=unboxing] #boxStore .boxCard .priceCurrency { color:#c5ced9; }
/* Match the shared selection badge instead of the legacy solid mystery fill. */
body.sc-network[data-net-page=unboxing] #boxStore .boxCard.mystery .boxTag {
 background:color-mix(in srgb,var(--ba) 24%,#1d232b);
}
/* Inventory scenes follow the item's server, independently of the selected box. */
body.sc-network[data-net-page=unboxing] #historyList .historyItem {
 position:relative;isolation:isolate;
 --inventory-photo:none;--inventory-photo-size:cover;--inventory-photo-position:center;
}
body.sc-network[data-net-page=unboxing] #historyList .historyItem:has(.hName[data-sc-prize-server=samp]) {
 --inventory-photo:url('/assets/home-studio-20260909/server-worlds.webp');--inventory-photo-size:auto calc(300% + 9px);--inventory-photo-position:right center;
}
body.sc-network[data-net-page=unboxing] #historyList .historyItem:has(.hName[data-sc-prize-server=grpls]) {
 --inventory-photo:url('/assets/home-studio-20260909/server-worlds.webp');--inventory-photo-size:auto calc(300% + 9px);--inventory-photo-position:right bottom;
}
body.sc-network[data-net-page=unboxing] #historyList .historyItem:has(.hName[data-sc-prize-server=cs16]) {
 --inventory-photo:url('/assets/cs-art-20260911/zombie-survival.webp');--inventory-photo-position:65% center;
}
body.sc-network[data-net-page=unboxing] #historyList .historyItem:has(:where(.hName:is([data-sc-prize-server=samp],[data-sc-prize-server=grpls],[data-sc-prize-server=cs16])))::before {
 content:'';display:block;position:absolute;inset:0 0 auto;z-index:-1;pointer-events:none;
 width:auto;height:164px;opacity:1;border-radius:inherit;
 background-color:#07121c;
 background-image:linear-gradient(180deg,#06101866,#06101880 55%,#171d26 100%),var(--inventory-photo);
 background-size:cover,var(--inventory-photo-size);background-position:center,var(--inventory-photo-position);background-repeat:no-repeat;
 filter:blur(3px);clip-path:inset(0);transform:none;
}
body.sc-network[data-net-page=unboxing] #historyList .historyItem .hThumb { filter:drop-shadow(0 4px 6px #02070de6); }
body.sc-network[data-net-page=unboxing] #historyList .historyItem .hLeft>.srvBadge { background:#030b17e6!important; }
body.sc-network[data-net-page=unboxing] #historyList[data-view=list] .historyItem::before {
 inset:0;width:auto;height:auto;background-image:linear-gradient(90deg,#07101899,#071018e6 60%),var(--inventory-photo);
}
/* Reel and catalog rewards use the same server scenes as inventory items. */
body.sc-network[data-net-page=unboxing] :is(#roller .csItem,#catalogGrid .prizeCard) {
 isolation:isolate;--prize-photo:none;--prize-photo-size:cover;--prize-photo-position:center;
}
body.sc-network[data-net-page=unboxing] :is(#roller .csItem,#catalogGrid .prizeCard):has([data-sc-prize-server=samp]) {
 --prize-photo:url('/assets/home-studio-20260909/server-worlds.webp');--prize-photo-size:auto calc(300% + 9px);--prize-photo-position:right center;
}
body.sc-network[data-net-page=unboxing] :is(#roller .csItem,#catalogGrid .prizeCard):has([data-sc-prize-server=grpls]) {
 --prize-photo:url('/assets/home-studio-20260909/server-worlds.webp');--prize-photo-size:auto calc(300% + 9px);--prize-photo-position:right bottom;
}
body.sc-network[data-net-page=unboxing] :is(#roller .csItem,#catalogGrid .prizeCard):has([data-sc-prize-server=cs16]) {
 --prize-photo:url('/assets/cs-art-20260911/zombie-survival.webp');--prize-photo-position:65% center;
}
body.sc-network[data-net-page=unboxing] #catalogGrid .prizeCard::before {
 content:'';display:block;position:absolute;inset:0 0 auto;z-index:-1;width:auto;height:160px;border-radius:inherit;
}
body.sc-network[data-net-page=unboxing] #catalogGrid .prizeCard::before,
body.sc-network[data-net-page=unboxing] #roller .csItem-bg {
 background-color:#07121c;
 background-image:linear-gradient(180deg,#06101866,#06101880 50%,#1a2028 100%),var(--prize-photo);
 background-size:cover,var(--prize-photo-size);background-position:center,var(--prize-photo-position);background-repeat:no-repeat;
 pointer-events:none;filter:blur(3px);clip-path:inset(0);opacity:1;transform:none;
}
body.sc-network[data-net-page=unboxing] :is(#catalogGrid .prizeArt,#roller .csItem-icon) { filter:drop-shadow(0 4px 6px #02070de6); }
body.sc-network[data-net-page=unboxing] #catalogGrid .prizeServer { align-self:flex-start;max-width:100%;padding-inline:5px;border-radius:3px;background:#030b17e6; }
body.sc-network[data-net-page=unboxing] #roller .csItem-srv { background:#030b17e6; }
@media(max-width:760px) {
 body.sc-network[data-net-page=unboxing] #opening { padding:20px; }
 body.sc-network[data-net-page=unboxing] :is(#contents,#inventory,#unboxStatistics) { padding:20px; }
}
@media(max-width:420px) {
 body.sc-network[data-net-page=unboxing] #unboxStatistics .statNum:not(.best) { font-size:20px; }
 body.sc-network[data-net-page=unboxing] #opening { padding:16px; }
 body.sc-network[data-net-page=unboxing] :is(#contents,#inventory,#unboxStatistics) { padding:16px; }
 body.sc-network[data-net-page=unboxing] :is(#contents .catalogPager,#inventory .inventoryPager) { gap:10px; flex-wrap:wrap; }
 body.sc-network[data-net-page=unboxing] #opening > .card-h { margin-bottom:18px; padding-bottom:14px; }
}