@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#151e27;--bgdeep:#0d151e;--panel:#202d38;--panel2:#263543;--edge:#3c4b57;--edge2:#4b5e6b;--white:#e5e9eb;--muted:#9eacb9;--accent:#dfbc7a;--green:#b3c991;--blue:#5f85d9;--purple:#a26cdb;--pink:#d455b8;--red:#e45961;--gold:#e4bd70;--head:'Barlow Condensed',Impact,sans-serif;--body:'Inter',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 74% 0%,#374a59 0%,transparent 45%),linear-gradient(150deg,#1a2834,#101820 85%);color:var(--white);font:13px/1.55 var(--body);min-height:100vh}body.modal-open{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.44;cursor:default}a{text-decoration:none;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.noise{pointer-events:none;position:fixed;inset:0;z-index:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.shell{position:relative;display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 14px 18px;background:#0e1720ee;border-right:1px solid #3b4853;display:flex;flex-direction:column;box-shadow:12px 0 45px #0b131a55;z-index:3}.brand{height:95px;display:flex;align-items:flex-start;gap:10px;margin:0 9px 27px;border-bottom:1px solid #344350;padding-top:8px}.brand-logo{flex:0 0 40px;height:40px;background:#dcb779;color:#16202a;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 71%,73% 100%,0 100%);font:800 27px var(--head);letter-spacing:-1px}.brand-logo span{font-size:16px}.brand-words{padding-top:0}.brand-words strong{display:block;line-height:1;font:800 24px var(--head);letter-spacing:.7px}.brand-words strong span{color:var(--accent)}.brand-words small{display:block;color:#80909f;font:700 8px/2 var(--body);letter-spacing:1.1px}.navgroup-label{font-size:10px;font-weight:800;letter-spacing:2px;color:#788c9b;margin:0 16px 11px}.settings-label{margin-top:39px}.sidebar nav{display:grid;gap:5px}.nav{border:1px solid transparent;border-left:3px solid transparent;border-radius:2px;display:flex;align-items:center;width:100%;height:47px;background:transparent;color:#b2c0c9;text-align:left;font-weight:650;gap:13px;padding:0 14px}.nav:hover{background:#263442}.nav.active{border-left-color:var(--accent);background:linear-gradient(90deg,#41494277,#263441);color:#f8e2b1}.nav-icon{font-size:20px;width:22px;text-align:center;line-height:1}.nav-arrow,.nav-number{margin-left:auto;font-size:14px;color:#8da1ae}.nav-number{font-size:11px}.pref{position:relative;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px 14px;color:#a3b4c0;font-size:11px}.pref input{opacity:0;position:absolute;right:14px;width:32px;height:17px;cursor:pointer;z-index:1}.toggle{height:17px;width:32px;background:#425362;border:1px solid #5b6b76;border-radius:100px;transition:.2s;position:relative}.toggle:before{content:'';position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#adbcc6;transition:.2s}.pref input:checked+.toggle{background:#738366;border-color:#a3c587}.pref input:checked+.toggle:before{transform:translateX(14px);background:#e1eec9}.sidebar-bottom{margin-top:auto;padding:21px 15px 0;border-top:1px solid #31404d;color:#8195a4;font-size:10px;line-height:1.8}.live{font-size:10px;letter-spacing:1.2px;color:#b8d6a2;font-weight:750;margin-bottom:9px}.live-dot,.status-spark{display:inline-block;background:#b2d28c;width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 8px #b2d28c}.version{padding-top:23px;color:#c4d1d8;font:800 14px var(--head);letter-spacing:1px}.version span{display:block;color:#718391;font:600 9px var(--body);letter-spacing:.7px}.main{min-width:0}.topbar{height:75px;background:#1a2732d9;border-bottom:1px solid #42505e;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(22px,3.2vw,55px)}.crumb{font-size:10px;font-weight:750;letter-spacing:2px;color:#91a1ae;white-space:nowrap}.crumb span{margin:0 13px;color:#5b7482}.crumb strong{color:#ecf2f3}.topright{display:flex;align-items:center;gap:20px}.topline{font-size:9px;letter-spacing:1.6px;color:#8c9ca8;white-space:nowrap}.balance{display:flex;align-items:center;gap:12px;padding:0 0 0 18px;border-left:1px solid #435260}.wallet-icon{color:#e6c68e;font-size:27px}.balance small{font-weight:750;letter-spacing:1.3px;color:#8597a5;font-size:8px;display:block}.balance strong{display:block;font:700 21px var(--head);white-space:nowrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:2px;min-height:38px;padding:11px 18px;font-weight:800;letter-spacing:.75px;font-size:10px;transition:background .2s,border-color .2s,color .2s}.btn-primary{background:linear-gradient(#e1c894,#c4a776);border:1px solid #f4dc9d;color:#18222b;box-shadow:0 3px 0 #8b754c}.btn-primary:hover:not(:disabled){background:#efdbaf}.btn-ghost{background:#344654b0;color:#ecf1f1;border:1px solid #61717c}.btn-ghost:hover{background:#425764;border-color:#9daeb8}.btn-link{background:transparent;border:1px solid transparent;color:#b6c4cd}.btn-link:hover{color:white}.danger-hover:hover{border-color:#c76a6a;color:#f3a2a2}.content{max-width:1510px;margin:auto;padding:45px clamp(20px,3.2vw,55px) 95px}.view{display:none;animation:viewIn .27s ease-out}.view.active{display:block}@keyframes viewIn{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.intro{margin-bottom:29px}.intro-split{display:flex;justify-content:space-between;align-items:flex-end;gap:26px}.overline{font-size:9px;font-weight:800;letter-spacing:2.3px;color:var(--accent);margin-bottom:12px}.sep{color:#8293a0;margin:0 6px}h1{font:700 clamp(39px,4.6vw,68px)/.98 var(--head);letter-spacing:.5px;margin:0 0 15px}h1 .head-light{font-weight:400;color:#c3d0d6}.subtitle{max-width:680px;color:#abb9c4;font-size:12px;line-height:1.8;margin:0}.number-stat{display:flex;align-items:center;gap:12px;flex-shrink:0}.number-stat strong{font:700 56px/.9 var(--head);color:var(--accent)}.number-stat span{font-size:9px;color:#a7b5bf;font-weight:800;letter-spacing:1.4px;line-height:1.6}.toolbar{display:flex;align-items:center;gap:10px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:12px 0;margin-bottom:18px}.searchwrap{display:flex;align-items:center;gap:10px;background:#192631;border:1px solid #4a5a66;width:min(320px,100%);padding:0 12px;height:39px;color:#8499a8}.searchwrap span{font-size:23px}.searchwrap input{width:100%;min-width:0;background:transparent;border:none;outline:none;color:#e3ebf0;font-size:11px}.searchwrap input::placeholder{color:#7e93a2}select{height:39px;max-width:200px;background:#24333f;border:1px solid #4b5e6c;color:#d4e0e7;padding:0 34px 0 12px;font-size:11px;border-radius:1px}.toolbar-count{margin-left:auto;white-space:nowrap;color:#92a3b1;font-weight:800;letter-spacing:1px;font-size:9px}.data-status{margin:0 0 15px;padding:10px 13px;color:#cfbd8f;background:#34403366;border-left:2px solid #e0bd7d;font-size:11px}.data-status.loaded{color:#9cbbab;background:#243c3b88;border-left-color:#8dbcb1}.data-status.failed{color:#e4b1a3;background:#4b3032aa;border-left-color:#d77269}.casegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.casecard{background:linear-gradient(175deg,#293b47,#1c2a36 92%);border:1px solid #4b5b65;min-width:0;position:relative;overflow:hidden;transition:transform .18s,border .18s}.casecard:hover{transform:translateY(-3px);border-color:#d5b980}.case-art{position:relative;height:194px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 60% 55% at 50% 65%,#7184912e,transparent),linear-gradient(170deg,#3145515a,#22303a55)}.case-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 70%,#1e2e39b5)}.case-art img{max-width:80%;width:172px;max-height:160px;object-fit:contain;filter:drop-shadow(0 18px 18px #0d1822c0);transition:transform .24s;transform:rotate(-4deg)}.casecard:hover .case-art img{transform:rotate(0) scale(1.07)}.case-index{position:absolute;top:12px;left:14px;color:#bec9cf;font-size:9px;font-weight:750;letter-spacing:1.7px}.case-body{padding:12px 14px 14px;border-top:1px solid #465762;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.case-body h3{font:650 21px/1.05 var(--head);margin:0 0 6px}.case-body p{font-size:9px;color:#8ca0af;margin:0}.case-action{text-align:right}.case-action strong{display:block;color:#f4d69c;font:700 20px var(--head)}.case-action button{font-size:9px;letter-spacing:1px;font-weight:800;border:0;background:transparent;color:#d9e8e5;padding:4px 0 0}.case-action button:hover{color:var(--accent)}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:45px 0 18px;padding-bottom:10px;border-bottom:1px solid #495965}.sectionhead h2{font:700 25px var(--head);margin:0}.sectionhead span{font-size:9px;font-weight:700;color:#8fa1ad;letter-spacing:1.4px}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature{border:1px solid #4c5b67;background:#26364190;padding:20px}.feature>span{display:flex;align-items:center;justify-content:space-between;color:#6c8392;font:700 18px var(--head);margin-bottom:15px}.feature>span b{font:400 28px var(--head);color:#d2b981}.feature strong{font-size:12px}.feature p{font-size:11px;color:#95a9b7;line-height:1.7;margin:8px 0 0}.opening-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.text-back{background:none;border:0;padding:8px 0;color:#b1c0c9;font-size:10px;font-weight:800;letter-spacing:1.1px}.text-back:hover{color:#efd4a6}.tiny-label{font-size:9px;color:#8194a3;font-weight:800;letter-spacing:1.4px}.tiny-label span{color:#e0c895}.case-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:24px}.price-large{text-align:right;white-space:nowrap}.price-large small{display:block;color:#93a5b0;letter-spacing:1.5px;font-size:9px}.price-large strong{font:700 31px var(--head);color:#eed3a3}.unlock-stage{background:radial-gradient(ellipse 44% 48% at 50% 30%,#48607066,transparent),linear-gradient(#283c4b,#182530 80%);border:1px solid #59707a;min-height:460px;position:relative;text-align:center;padding:0 23px 27px;overflow:hidden;box-shadow:inset 0 0 90px #0b17236b}.unlock-stage:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ceb98b,transparent)}.stage-topline{position:relative;z-index:1;height:44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #57666f77;color:#9eafb9;font-size:9px;letter-spacing:1.5px;font-weight:750}.hero-case{height:147px;display:grid;place-items:center;transition:height .5s,opacity .35s}.hero-case img{width:170px;max-height:120px;object-fit:contain;filter:drop-shadow(0 20px 17px #0a1217b0);transform:rotate(-5deg)}.unlock-stage.spinning .hero-case{height:16px;opacity:0}.reel-wrap{max-width:1040px;margin:0 auto;position:relative}.reel-shroud{height:152px;overflow:hidden;background:linear-gradient(#172631,#0f1b25);border-top:1px solid #66747c;border-bottom:1px solid #66747c;mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}.reel-shroud:before,.reel-shroud:after{pointer-events:none;position:absolute;top:0;bottom:0;width:24%;content:'';z-index:2}.reel-shroud:before{left:0;background:linear-gradient(90deg,#152330bc,transparent)}.reel-shroud:after{right:0;background:linear-gradient(-90deg,#152330bc,transparent)}.reel{height:100%;display:flex;align-items:center;gap:6px;width:max-content;will-change:transform}.reelitem{flex:none;width:140px;height:133px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;overflow:hidden;border-bottom:4px solid var(--tier);background:linear-gradient(0deg,color-mix(in srgb,var(--tier) 20%,#263640),#32424c);padding:7px 9px}.reelitem img{height:92px;width:132px;object-fit:contain;filter:drop-shadow(0 6px 9px #0008)}.gunplaceholder{display:grid;place-items:center;height:92px;width:100%;color:#cbd6db;font:700 23px/1 var(--head);text-align:center}.reelitem small{font-size:9px;color:#d7e0e8;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:124px}.marker{position:absolute;z-index:6;left:calc(50% - 7px);border-left:7px solid transparent;border-right:7px solid transparent}.marker-top{top:-2px;border-top:14px solid #e9d19b}.marker-bottom{bottom:-2px;border-bottom:14px solid #e9d19b}.centre-glow{position:absolute;pointer-events:none;z-index:4;top:0;bottom:0;left:50%;width:2px;background:#e6cb8f;box-shadow:0 0 13px #e6cb8faa;transform:translateX(-50%)}.openstatus{color:#b1c0c9;letter-spacing:1.7px;font-size:9px;font-weight:800;margin:22px 0 15px}.btn-open{min-width:260px;min-height:49px;font-size:11px}.btn-open span{border-left:1px solid #6e6b59;padding-left:13px}.stage-foot{font-size:8px;color:#8293a0;letter-spacing:1.2px;margin-top:23px}.stage-foot span{margin:0 10px}.tierlegend{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:18px}.tierlegend div{color:#a8b6c0;font-size:9px;letter-spacing:1.1px;font-weight:700}.tierlegend i{display:inline-block;width:7px;height:7px;margin-right:5px}.itemgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}.itemcard{background:linear-gradient(0deg,color-mix(in srgb,var(--tier) 12%,#23333e),#2b3c49);border:1px solid #4d5d69;border-bottom:3px solid var(--tier);min-width:0;overflow:hidden;position:relative;transition:border-color .15s,transform .15s}.itemcard:hover{border-color:var(--tier);transform:translateY(-2px)}.itemart{height:124px;display:grid;place-items:center;position:relative;padding:9px;overflow:hidden}.itemart:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 95%,color-mix(in srgb,var(--tier) 30%,transparent),transparent 65%)}.itemart img{max-width:100%;width:174px;height:105px;object-fit:contain;z-index:1;filter:drop-shadow(0 7px 9px #0008)}.itemart .gunplaceholder{z-index:1}.item-data{padding:8px 10px 10px}.item-data strong{font-size:11px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.item-data p{color:#abc0ca;font-size:10px;margin:3px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-data small{font-size:9px;color:#8da1ae;display:block}.item-value{color:#e5cf9f!important;font-weight:750;margin-top:8px}.item-actions{display:flex;gap:5px;margin-top:10px}.item-actions button{flex:1;border:1px solid #667987;background:#3a505c;color:#e7eef0;font-size:9px;padding:8px 4px;font-weight:800;letter-spacing:.3px}.item-actions .sell-button{max-width:58px;background:#2b3e48}.item-actions button:hover{background:#5a707d}.itemcard.clickable .itemart{cursor:pointer}.inventory-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#233440b5;border:1px solid #4c5f6b;margin-bottom:23px}.inventory-summary>div{padding:17px 22px;border-right:1px solid #465763}.inventory-summary>div:last-child{border:0}.inventory-summary small{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#91a3af;display:block}.inventory-summary strong{font:700 26px var(--head)}.empty{grid-column:1/-1;padding:68px 25px;text-align:center;border:1px dashed #637581;color:#8fa4b2}.empty strong{font:700 29px var(--head);display:block;color:#e3e9ed;margin-bottom:7px}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.statbox{padding:23px;background:#263946;border:1px solid #546774}.statbox small{display:block;font-size:10px;letter-spacing:1px;color:#a8b4bf}.statbox strong{font:700 37px var(--head);color:#f0d7a7}.stat-panel{margin-top:34px}.distrow{display:grid;grid-template-columns:125px 1fr 80px 80px;align-items:center;gap:15px;margin:13px 0;color:#c7d2da;font-size:11px}.distrow>strong{font:700 18px var(--head)}.distrow>small{text-align:right;color:#8095a2}.distbar{height:7px;background:#0f1c27}.distbar span{height:100%;background:var(--tier);display:block;min-width:0}.overlay{position:fixed;inset:0;z-index:20;display:none;background:#07111be8}.overlay.show{display:flex}.reveal-overlay{justify-content:center;align-items:center;padding:18px;backdrop-filter:blur(7px)}.reveal-scene{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:min(1050px,100%);min-height:min(650px,94vh);border:1px solid #667785;background:radial-gradient(ellipse at center 40%,color-mix(in srgb,var(--tier) 34%,#273744),#131e28 75%);box-shadow:0 30px 110px #000a;padding:34px 25px}.reveal-scene:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--tier)}.reveal-atmosphere{position:absolute;inset:10% 7%;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--tier) 23%,transparent),transparent 61%);animation:glowPulse 4s ease-in-out infinite alternate}@keyframes glowPulse{from{opacity:.4;transform:scale(.88)}to{opacity:1;transform:scale(1.08)}}.overlay-close{position:absolute;right:18px;top:13px;font-size:20px;color:#bbcad3;background:transparent;border:0;padding:10px;z-index:3}.reveal-kicker{z-index:1;color:#e6d6b6;font-size:10px;font-weight:800;letter-spacing:2px;margin:7px 0 15px}.reveal-kicker span{color:#7d94a4}.reveal-image{z-index:1;width:100%;height:280px;display:grid;place-items:center;animation:revealRise .8s both}@keyframes revealRise{from{opacity:0;transform:translateY(26px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}.reveal-image img{width:100%;max-width:660px;max-height:270px;object-fit:contain;filter:drop-shadow(0 27px 24px #0a111cba)}.reveal-image .gunplaceholder{height:240px;font-size:50px}.reveal-rarity{z-index:1;color:var(--tier);font-weight:800;letter-spacing:2px;font-size:10px}.reveal-scene h2{z-index:1;font:700 clamp(27px,4vw,45px)/1.1 var(--head);margin:9px 0 6px}.reveal-wear{z-index:1;font-size:11px;color:#a7bbc8}.reveal-stats{z-index:1;display:grid;grid-template-columns:1fr 1fr;width:min(450px,90%);margin:22px auto 7px}.reveal-stats div{padding:8px 15px}.reveal-stats div:first-child{border-right:1px solid #667481}.reveal-stats small{display:block;color:#9fb0bc;letter-spacing:1.2px;font-size:9px}.reveal-stats strong{display:block;font:700 24px var(--head)}.float-track{position:relative;z-index:1;width:min(440px,90%);height:5px;background:linear-gradient(90deg,#58b9b4 0 7%,#8abf90 7% 15%,#dbc776 15% 38%,#db9659 38% 45%,#cc6e5d 45% 100%)}.float-track span{display:block;position:absolute;height:13px;top:-4px;border-left:2px solid #f7f5df;box-shadow:0 0 7px #000;left:0}.reveal-actions{z-index:1;display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:22px}.inspect-overlay{background:#0d1720;overflow-y:auto;z-index:30}.inspect-layout{width:100%;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 30% 31%,#334b5d,#13202d 72%)}.inspect-topbar{flex:0 0 65px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #51616c;background:#14212ce8}.inspect-label{font-size:9px;letter-spacing:1.6px;color:#95a8b6;font-weight:750}.inspect-label span{color:#6c7f8e;margin:0 9px}.top-rarity{font-weight:800;letter-spacing:1.3px;font-size:10px;color:var(--tier)}.inspect-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 343px;min-height:0}.inspect-stage{position:relative;min-width:0;overflow:hidden;min-height:650px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 52%,#52647255,transparent 60%),repeating-linear-gradient(0deg,transparent 0 71px,#ffffff06 72px 73px)}.inspect-stage:before,.inspect-stage:after{content:'';position:absolute;pointer-events:none;inset:0}.inspect-stage:before{background:linear-gradient(90deg,#09182166,transparent 26%,transparent 75%,#07161d66)}.inspect-stage:after{inset:auto 0 0;height:25%;background:linear-gradient(transparent,#101e298a)}.stage-light{position:absolute;inset:8% 0;pointer-events:none;background:radial-gradient(ellipse 54% 50% at 50% 40%,#8aa1b129,transparent)}.inspect-head{position:relative;z-index:1;padding:37px clamp(24px,4vw,66px) 0}.inspect-head h2{font:700 clamp(31px,4vw,53px)/1 var(--head);margin:0}.inspect-head h2 span{font-weight:400;color:#ccd6dc}.inspect-subhead{font-size:10px;font-weight:700;color:#cbd3d6;margin-top:10px;letter-spacing:1.4px}.weapon-canvas-wrap{position:relative;flex:1;min-height:340px;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab;z-index:1}.weapon-canvas-wrap.dragging{cursor:grabbing}.weapon-canvas-wrap canvas{display:block;max-width:100%;max-height:100%;width:100%;height:100%;touch-action:none;filter:drop-shadow(0 35px 30px #07111bdd)}.weapon-canvas-wrap img{object-fit:contain;max-width:90%;max-height:65%;filter:drop-shadow(0 30px 25px #000b)}#inspectPlaceholder{font:700 36px var(--head);color:#acbdc7}.inspect-stage-bottom{padding:20px 32px;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:2;border-top:1px solid #55677455}.inspector-hint{font-size:9px;letter-spacing:1.2px;color:#90a3ae}.inspector-hint span{color:#dbc58b;margin:0 5px}.inspection-controls{display:flex;gap:5px}.inspection-controls button{height:34px;min-width:35px;background:#273c49c9;border:1px solid #5e7280;color:#e3ebef;font:700 17px var(--body)}.inspection-controls button:hover{background:#47606e}.inspect-details{overflow-y:auto;background:#17242fdf;border-left:1px solid #5c6e79;padding:29px 25px 24px;min-width:0}.detail-section{margin-bottom:11px}.inspect-details>h2{font:700 30px/1.1 var(--head);margin:0 0 8px}.detail-rarity{font-size:10px;font-weight:850;letter-spacing:1.3px;color:var(--tier)}.detail-divider{height:1px;background:#4a5e69;margin:22px 0}.field-title{color:#9eb0bb;letter-spacing:1.4px;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.copy-btn{background:#314653;color:#d4e2e8;border:1px solid #566d7a;border-radius:2px;padding:5px 8px;font-size:9px;letter-spacing:.4px}.copy-btn:hover{background:#455e6d}.precise-float{font:700 clamp(24px,2.6vw,33px) var(--head);letter-spacing:1px;margin:6px 0 14px;color:#edf3f3;overflow-wrap:anywhere}.wear-bar{height:10px;position:relative;background:linear-gradient(90deg,#59b5b0 0 7%,#8bb98b 7% 15%,#d6c773 15% 38%,#dba064 38% 45%,#c76460 45% 100%)}.wear-bar-marker{position:absolute;top:-6px;left:0;height:23px;width:2px;background:#f6f6ed;box-shadow:0 0 7px #12191b}.wear-ends,.wear-categories{display:flex;justify-content:space-between;color:#8199a5;font-size:8px;margin-top:6px}.wear-categories{color:#adbfca;font-weight:800;margin-top:9px}.detail-list{display:grid;gap:13px}.detail-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.detail-list span{color:#94a7b4;font-size:9px;font-weight:750;letter-spacing:.8px}.detail-list strong{font-size:10px;max-width:60%;text-align:right;overflow-wrap:anywhere;color:#e8eff3}.wear-note{margin-top:26px;padding:15px;background:#283b46;border-left:2px solid #bca573}.wear-note strong{font-size:9px;letter-spacing:1px;color:#e0c899}.wear-note p{margin:7px 0 0;color:#a1b2bf;font-size:10px;line-height:1.7}.inspect-actions{display:flex;gap:7px;margin-top:19px}.inspect-actions .btn{flex:1;padding-left:10px;padding-right:10px;white-space:nowrap}.toast{position:fixed;z-index:50;right:18px;bottom:18px;max-width:min(430px,calc(100vw - 36px));border:1px solid #6f7f87;background:#243746;color:#e1ecf2;padding:14px 21px;box-shadow:0 12px 50px #0009;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1250px){.casegrid{grid-template-columns:repeat(3,minmax(0,1fr))}.topline{display:none}.content{padding-left:25px;padding-right:25px}.case-art{height:170px}}
@media(max-width:980px){.shell{grid-template-columns:74px minmax(0,1fr)}.sidebar{padding:18px 8px}.brand{justify-content:center;padding:0;margin:0 0 20px;height:68px}.brand-words,.navgroup-label,.nav span:not(.nav-icon),.sidebar-bottom,.pref{display:none}.nav{padding:0;justify-content:center}.nav-icon{font-size:25px!important}.casegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspect-main{grid-template-columns:minmax(0,1fr) 300px}.inspect-details{padding:24px 16px}.inspect-stage{min-height:570px}}
@media(max-width:700px){.shell{display:block;padding-bottom:65px}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:64px;z-index:9;display:block;padding:3px 10px;background:#12202af5;border-top:1px solid #66737b;border-right:0}.brand{display:none}.sidebar nav{display:flex;height:100%;gap:6px}.nav{display:flex;flex:1;height:100%;flex-direction:column;justify-content:center;gap:2px;padding:4px 7px;border-left:0;border-bottom:3px solid transparent;font-size:9px!important}.nav span:not(.nav-icon){display:inline}.nav.active{border-left:0;border-bottom-color:var(--accent)}.nav-icon{font-size:20px!important}.nav-number,.nav-arrow{display:none!important}.topbar{height:63px;padding:0 15px}.crumb{font-size:9px}.topright{gap:8px}.topright .btn{font-size:9px;padding:8px;min-height:32px}.balance{padding-left:0;border:0;gap:6px}.wallet-icon{font-size:19px}.balance small{display:none}.balance strong{font-size:18px}.content{padding:31px 14px 70px}h1{font-size:44px}.number-stat{display:none}.casegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.case-art{height:147px}.case-art img{width:120px;max-height:130px}.case-body{padding:11px;gap:5px}.case-body h3{font-size:18px}.case-action strong{font-size:18px}.toolbar{flex-wrap:wrap;gap:7px}.toolbar-count{display:none}.searchwrap{width:100%}.toolbar select{flex:1;min-width:0}.featuregrid{grid-template-columns:1fr}.case-heading{align-items:start}.case-heading h1{font-size:36px}.price-large strong{font-size:23px}.unlock-stage{padding:0 9px 20px;min-height:410px}.hero-case{height:130px}.reel-shroud{height:136px}.reelitem{height:119px}.reelitem img{height:82px}.opening-top .tiny-label{display:none}.stage-foot{font-size:7px}.tierlegend{gap:10px}.inventory-summary>div{padding:11px}.inventory-summary small{font-size:7px}.inventory-summary strong{font-size:21px}.itemgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.statgrid{grid-template-columns:repeat(2,1fr)}.distrow{grid-template-columns:90px 1fr 27px;gap:8px}.distrow>small{display:none}.inspect-overlay{z-index:15}.inspect-topbar{padding:0 15px;height:50px;flex-basis:50px}.inspect-label{display:none}.inspect-main{display:block}.inspect-stage{height:440px;min-height:440px}.inspect-head{padding:18px 18px 0}.inspect-head h2{font-size:31px}.weapon-canvas-wrap{min-height:240px}.inspect-stage-bottom{padding:8px 14px;min-height:55px}.inspector-hint{font-size:8px;max-width:230px}.inspect-details{border-left:none;border-top:1px solid #6c7c86;padding:23px 18px 90px}.inspect-actions{position:sticky;bottom:65px;background:#17242f;padding:7px 0}.reveal-scene{min-height:500px;padding:22px 12px}.reveal-image{height:180px}.reveal-image img{max-height:174px}.reveal-scene h2{font-size:31px}.reveal-actions{gap:6px}.reveal-actions .btn{padding:10px}.reveal-stats strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}

.wear-preview-control{margin-top:21px;padding:13px 11px;background:#223440b8;border:1px solid #4a606d}.wear-preview-title{display:flex;align-items:center;justify-content:space-between;gap:7px}.wear-preview-title span{font-size:8px;color:#aebec7;font-weight:800;letter-spacing:.8px}.wear-preview-title strong{font-size:8px;font-weight:800;color:#e4d1a6;text-align:right}.wear-preview-control input{width:100%;margin:14px 0 9px;accent-color:#e2c58e;cursor:pointer}.preview-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px}.preview-bottom span{color:#879dab;font-size:7px;letter-spacing:.5px}.preview-bottom button{font-size:9px;background:transparent;color:#d6c9aa;border:0;font-weight:800}.preview-bottom button:hover{color:white}

/* CASE//LAB 5.5 · per-case price clarity */
.case-action small{display:block;font-size:8px;font-weight:800;letter-spacing:1.1px;color:#9aadb8;margin-top:2px;white-space:nowrap}
.price-large .price-breakdown{display:block;margin-top:4px;font-size:10px;line-height:1.4;color:#b7c5c9;font-weight:700;letter-spacing:.3px;white-space:normal}
@media(max-width:700px){.case-action small{font-size:7px;letter-spacing:.55px}.price-large .price-breakdown{font-size:9px;max-width:155px;margin-left:auto}}

/* CASE//LAB 6.0 weapon studio */
.teaser-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.weapon-stage{min-height:460px}
.weapon3d-host{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(37,54,69,.88),rgba(9,14,19,.98));}
.weapon3d-canvas{width:100%;height:100%;display:block}
.weapon3d-host.dragging{cursor:grabbing}
.weapon-studio-layout .studio-panel{gap:14px}
.weapon-finish-box .btn{width:100%}
.weapon-system-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.weapon-system-tags span{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:.73rem;letter-spacing:.08em;color:#d7e1e8}
@media (max-width: 900px){
  .weapon-stage{min-height:360px}
}

/* 6.3 -- nonblocking catalogue loading and explicit retry control */
.catalogue-retry{background:rgba(23,50,60,.7);border:1px solid rgba(186,210,227,.35);color:#d4eaf4;cursor:pointer;padding:7px 12px;margin-left:10px;font-weight:800;letter-spacing:.6px;font-size:10px;white-space:normal;vertical-align:middle}
.catalogue-retry:hover:not(:disabled){background:rgba(65,119,142,.6);border-color:#98c9dd}
.catalogue-retry:disabled{opacity:.6;cursor:wait}


.cs2inspect-box .gun-workshop-actions{display:flex;gap:10px;flex-wrap:wrap}.cs2inspect-box .btn{flex:1 1 180px}.gun-model-mode-row{flex-wrap:wrap}.cs2inspect-box input{font-family:inherit}.gun-live-frame.cs2inspect-frame{background:transparent}.cs2inspect-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;color:#d8e1e8;background:radial-gradient(circle at 50% 40%,rgba(29,41,53,.95),rgba(11,18,25,.98));border-radius:28px}.cs2inspect-empty strong{display:block;margin-bottom:10px;color:#fff;letter-spacing:.08em}.cs2inspect-empty span{display:block;font-size:.9rem;opacity:.82}.cs2inspect-active-note{color:#f4d28a}

/* Optional locally imported sound pack */
.sound-pack-section{margin:36px 0 28px;padding:20px 23px;background:linear-gradient(145deg,rgba(34,49,60,.95),rgba(17,28,38,.94));border:1px solid #4e626f;border-radius:4px}
.sound-pack-section .sectionhead{margin:0 0 10px}.sound-pack-help,.sound-pack-legal{font-size:11px;color:#b2c4d0;line-height:1.7}.sound-pack-legal{color:#8398a8}.sound-pack-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0}.sound-pack-actions .btn{font-size:10px;min-height:38px;white-space:normal}.sound-pack-actions select{max-width:none;min-width:185px;flex:1}.sound-pack-status{font-size:11px;color:#a9d4cc;line-height:1.6;overflow-wrap:anywhere}.sound-pack-section label.btn{cursor:pointer}
@media(max-width:700px){.sound-pack-section{padding:14px}.sound-pack-actions .btn,.sound-pack-actions select{flex:1 1 100%}}

/* CASE//LAB 6.9: origin-aware cs2inspect recovery */
.cs2inspect-origin-check{padding:12px 14px;border:1px solid rgba(168,194,211,.26);background:rgba(11,21,30,.6);margin:10px 0;border-radius:8px;line-height:1.5}
.cs2inspect-origin-check strong{font-size:11px;color:#d9eadf;letter-spacing:.05em;overflow-wrap:anywhere}
.cs2inspect-origin-check p{font-size:11px;color:#a7b7c4;margin:6px 0 10px;line-height:1.55}
.cs2inspect-origin-check button{width:100%;white-space:normal}
.cs2inspect-pending,.cs2inspect-diagnostic{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(18px,3vw,42px);background:radial-gradient(ellipse at 50% 36%,#283a4b 0%,#101b26 73%);border:1px solid rgba(176,197,209,.25);color:#e7edf1;box-sizing:border-box;gap:10px;overflow-y:auto}
.cs2inspect-pending strong,.cs2inspect-diagnostic h3{font-size:clamp(15px,1.6vw,22px);line-height:1.25;letter-spacing:.035em;color:#eef4f7;margin:0}
.cs2inspect-pending span,.cs2inspect-diagnostic p{font-size:clamp(11px,1vw,13px);line-height:1.6;color:#adbfc9;max-width:550px;margin:0}
.cs2inspect-spinner{width:34px;height:34px;border:3px solid rgba(181,205,219,.22);border-top-color:#d7bf8a;border-radius:50%;animation:cs2-spin 1s linear infinite;margin-bottom:8px}
@keyframes cs2-spin{to{transform:rotate(360deg)}}
.cs2inspect-diagnostic-eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:#d8bb7c;margin-bottom:7px}
.cs2inspect-diagnostic .cs2inspect-diagnostic-origin{color:#d5c79e;font-weight:750;overflow-wrap:anywhere}
.cs2inspect-diagnostic-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:12px}
.cs2inspect-diagnostic-actions button,.cs2inspect-diagnostic-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 12px;border:1px solid #647f8e;background:#314655;color:#e3eff8;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.045em;border-radius:4px;cursor:pointer}
.cs2inspect-diagnostic-actions button:hover,.cs2inspect-diagnostic-actions a:hover{border-color:#a1c4d7;background:#3b596d}
@media(max-width:700px){.cs2inspect-diagnostic{justify-content:flex-start;padding:28px 18px}.cs2inspect-diagnostic-actions>*{flex:1 1 100%}}


/* CASE//LAB 7.2: hosted CS2 skin viewer and fast wear feedback */
/* CASE//LAB 6.9: origin-aware cs2inspect recovery */
.cs2inspect-origin-check{padding:12px 14px;border:1px solid rgba(168,194,211,.26);background:rgba(11,21,30,.6);margin:10px 0;border-radius:8px;line-height:1.5}
.cs2inspect-origin-check strong{font-size:11px;color:#d9eadf;letter-spacing:.05em;overflow-wrap:anywhere}
.cs2inspect-origin-check p{font-size:11px;color:#a7b7c4;margin:6px 0 10px;line-height:1.55}
.cs2inspect-origin-check button{width:100%;white-space:normal}
.cs2inspect-pending,.cs2inspect-diagnostic{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(18px,3vw,42px);background:radial-gradient(ellipse at 50% 36%,#283a4b 0%,#101b26 73%);border:1px solid rgba(176,197,209,.25);color:#e7edf1;box-sizing:border-box;gap:10px;overflow-y:auto}
.cs2inspect-pending strong,.cs2inspect-diagnostic h3{font-size:clamp(15px,1.6vw,22px);line-height:1.25;letter-spacing:.035em;color:#eef4f7;margin:0}
.cs2inspect-pending span,.cs2inspect-diagnostic p{font-size:clamp(11px,1vw,13px);line-height:1.6;color:#adbfc9;max-width:550px;margin:0}
.cs2inspect-spinner{width:34px;height:34px;border:3px solid rgba(181,205,219,.22);border-top-color:#d7bf8a;border-radius:50%;animation:cs2-spin 1s linear infinite;margin-bottom:8px}
@keyframes cs2-spin{to{transform:rotate(360deg)}}
.cs2inspect-diagnostic-eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:#d8bb7c;margin-bottom:7px}
.cs2inspect-diagnostic .cs2inspect-diagnostic-origin{color:#d5c79e;font-weight:750;overflow-wrap:anywhere}
.cs2inspect-diagnostic-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:12px}
.cs2inspect-diagnostic-actions button,.cs2inspect-diagnostic-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 12px;border:1px solid #647f8e;background:#314655;color:#e3eff8;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.045em;border-radius:4px;cursor:pointer}
.cs2inspect-diagnostic-actions button:hover,.cs2inspect-diagnostic-actions a:hover{border-color:#a1c4d7;background:#3b596d}
@media(max-width:700px){.cs2inspect-diagnostic{justify-content:flex-start;padding:28px 18px}.cs2inspect-diagnostic-actions>*{flex:1 1 100%}}

.cs2inspect-box .gun-workshop-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 10px}
.cs2inspect-box .gun-workshop-actions button{flex:1 1 140px}
.gun-model-mode-row{flex-wrap:wrap}
.cs2inspect-box input{width:100%;max-width:100%;font-family:inherit}
.gun-live-frame.cs2inspect-frame{background:transparent}
.cs2inspect-wear-debug{padding:12px 14px;border:1px solid rgba(186,210,188,.3);background:rgba(15,35,31,.5);margin-top:12px;display:grid;gap:4px;border-radius:6px}
.cs2inspect-wear-debug span{font-size:10px;letter-spacing:1.1px;color:#b7cfbd;font-weight:800}
.cs2inspect-wear-debug strong{font-size:18px;color:#e0eccf;letter-spacing:.02em}
.cs2inspect-wear-debug small{font-size:10px;color:#a3b4b5;line-height:1.6}
.cs2inspect-pending{background:linear-gradient(0deg,rgba(16,23,33,.93),rgba(13,24,36,.79));}
.cs2inspect-pending .cs2inspect-poster{width:min(380px,66%);height:clamp(110px,18vh,210px);object-fit:contain;filter:drop-shadow(0 18px 20px #02070bb0);margin-bottom:12px}

/* CASE//LAB 7.3 — cloud inventory profiles. Neutral surface hierarchy, no overlays. */
.cloud-panel,.cloud-viewer{margin:28px 0 30px;padding:26px;border:1px solid rgba(157,185,207,.16);background:linear-gradient(150deg,rgba(30,42,54,.96),rgba(14,23,33,.97));border-radius:18px;box-shadow:0 18px 48px rgba(0,0,0,.12)}
.cloud-panel-head,.cloud-viewer-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}
.cloud-panel-head h2,.cloud-viewer-head h2{font-size:clamp(21px,2.3vw,32px);margin:7px 0;color:#fff;letter-spacing:-.025em}
.cloud-panel-head h2 span{font-weight:400;color:#91a7b7}.cloud-panel-head p,.cloud-viewer-head p{color:#9eafbc;max-width:680px;line-height:1.65;margin:6px 0 0;font-size:13px}
.cloud-status-bubble{flex:0 0 auto;padding:9px 12px;border:1px solid rgba(116,154,191,.23);border-radius:8px;color:#a8c1d1;font-size:10px;letter-spacing:.12em;white-space:nowrap}
.cloud-status{min-height:42px;padding:12px 15px;margin-bottom:18px;border-radius:8px;color:#bacddc;background:rgba(19,32,44,.9);border:1px solid rgba(140,165,184,.13);font-size:12px;line-height:1.45}
.cloud-status[data-type="good"]{color:#a7d4c6}.cloud-status[data-type="error"]{color:#f0aaad}
.cloud-controls{display:grid;grid-template-columns:minmax(210px,1fr) minmax(220px,1.4fr);gap:16px;align-items:end}
.cloud-controls .studio-field{margin:0}.cloud-controls .studio-field input{width:100%}
.cloud-public-label{display:flex;gap:11px;align-items:center;min-height:53px;padding:9px 13px;border:1px solid rgba(158,190,218,.15);border-radius:10px;background:rgba(8,18,27,.5);color:#dce9f2;font-size:12px;font-weight:700;cursor:pointer}
.cloud-public-label input{accent-color:#84c7e2;width:18px;height:18px;flex:0 0 auto}.cloud-public-label small{display:block;margin-top:3px;color:#93a8b8;font-weight:400;font-size:11px;line-height:1.4}
.cloud-actions{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0}.cloud-actions .btn{font-size:11px;padding:12px 15px;min-height:40px}
.cloud-url-box{margin:8px 0 20px}.cloud-url-box span{font-size:10px;color:#a2b7c7;letter-spacing:.07em}.cloud-url-box input,.cloud-search input{width:100%;margin-top:7px;border:1px solid rgba(151,180,206,.2);background:#0c1822;color:#d1e4f1;padding:12px;border-radius:9px;outline:none;min-width:0;font:inherit;font-size:12px}.cloud-url-box input:focus,.cloud-search input:focus{border-color:#70b9d5}
.cloud-divider{height:1px;background:rgba(150,176,197,.14);margin:22px 0}.cloud-panel-subhead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:11px}.cloud-panel-subhead strong{font-size:12px;color:#e6eff7;letter-spacing:.07em}.cloud-panel-subhead span{font-size:11px;color:#95aabb}
.cloud-search{display:flex;gap:9px;align-items:center}.cloud-search input{flex:1;margin-top:0}.cloud-search .btn{flex:0 0 auto;white-space:nowrap}
.cloud-recovery{margin-top:17px;border:1px solid rgba(156,188,212,.12);padding:12px 15px;border-radius:10px;color:#a6bbca;font-size:12px}.cloud-recovery summary{cursor:pointer;font-weight:600}.cloud-recovery p{color:#91a9ba;line-height:1.6;margin:12px 0}
.cloud-viewer{border-color:rgba(134,180,208,.26)}.cloud-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.cloud-item-card{min-width:0;border:1px solid rgba(151,174,193,.14);border-radius:12px;background:#0e1923;padding:12px;display:flex;flex-direction:column;gap:5px;overflow:hidden}.cloud-item-card[data-tier="gold"]{border-color:rgba(226,183,93,.45)}.cloud-item-card[data-tier="red"]{border-color:rgba(217,97,104,.37)}
.cloud-item-card strong{font-size:12px;color:#eaf3fa;line-height:1.5;overflow-wrap:anywhere}.cloud-item-card small{font-size:10px;line-height:1.6;color:#98adbd}.cloud-card-art{height:110px;display:flex;align-items:center;justify-content:center}.cloud-card-art img{max-width:100%;max-height:100%;object-fit:contain}.cloud-card-art span{font-size:11px;color:#728aa0}.cloud-empty{color:#92aab9;padding:25px}
@media(max-width:820px){.cloud-panel-head,.cloud-viewer-head{flex-direction:column}.cloud-status-bubble{display:none}.cloud-controls{grid-template-columns:1fr}.cloud-panel,.cloud-viewer{padding:17px}.cloud-panel-subhead{align-items:flex-start;flex-direction:column}.cloud-search{flex-wrap:wrap}.cloud-search .btn{width:100%}}
/* Explicitly honour hidden state even for flex/grid component styles. */
.cloud-panel [hidden],.cloud-viewer[hidden]{display:none!important}

/* CASE//LAB 8.0: account cards and audited developer console */
.account-identity{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0}
.account-identity span,.account-identity small{display:block;letter-spacing:.13em;color:#91a4b4;font-size:.7rem}
.account-identity strong{display:block;font-size:1.5rem;color:#eef5ff;margin:3px 0}
.account-cloud-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;font-size:.72rem;letter-spacing:.065em;color:#8ab8bb}
.account-cloud-strip span{border:1px solid rgba(100,168,164,.22);border-radius:6px;padding:8px 10px}
.account-panel input[type=text],.account-panel input[type=password],.account-panel input[type=number],.account-panel input[type=search],.account-panel select{min-width:0}
.account-panel #accountMyLink{flex:1 1 240px;background:#142029;border:1px solid #344652;border-radius:6px;color:#bfd1df;padding:10px;font-size:.82rem}
.account-panel #accountStatus[data-error=true]{color:#ffa9a2}
.account-admin-area{border:1px solid #b7884f55;background:linear-gradient(150deg,#1b242c,#161c24);border-radius:12px;padding:18px;margin-top:20px}
.account-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.account-admin-grid .studio-field{min-width:0}
.account-admin-grid label:has(input[type=checkbox]){display:flex;align-items:center;justify-content:center}
.account-panel .cloud-search{flex-wrap:wrap}
.account-panel .cloud-search>input{flex:1 1 210px}
@media(max-width:710px){.account-admin-grid{grid-template-columns:1fr}}

.public-item-inspect{width:min(1100px,95vw);margin:auto;max-height:94vh;overflow:auto;background:linear-gradient(160deg,#1d2b36,#0f161f);border:1px solid #344451;border-radius:18px;padding:20px;box-shadow:0 24px 80px #000a}
.public-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.public-item-head h2{font-size:1.35rem;margin:8px 0}
.public-item-head p{color:#9db2c2;font-size:.85rem}
.public-item-viewer{height:min(62vh,620px);min-height:350px;border-radius:14px;position:relative;overflow:hidden;background:radial-gradient(circle,#233544,#0f1923);display:flex;align-items:center;justify-content:center;text-align:center;color:#afc1ce}
.public-item-viewer iframe{width:100%;height:100%;border:0;position:absolute;inset:0}
.cloud-item-card .btn{margin-left:auto}
@media(max-width:600px){.public-item-inspect{padding:12px}.public-item-viewer{min-height:270px}}

/* CASE//LAB 8.1 · player index, avatars and developer inventory administration */
.account-directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:14px 0 16px;}
.account-directory-card{display:flex;gap:11px;align-items:center;text-align:left;min-width:0;width:100%;padding:14px;border-radius:14px;border:1px solid rgba(150,177,203,.18);background:rgba(23,34,48,.8);color:#e8f0fb;cursor:pointer;transition:background .16s,border-color .16s,transform .16s;}
.account-directory-card:hover{background:rgba(38,59,80,.9);border-color:rgba(108,176,240,.65);transform:translateY(-2px);}
.account-directory-details{display:flex;flex-direction:column;min-width:0;gap:4px;font-size:.83rem;}.account-directory-details strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.account-directory-details span{color:#9cafc3;font-size:.75rem}
.player-avatar,.profile-header-avatar,.account-directory-avatar{width:46px;height:46px;flex:none;display:grid;place-items:center;border:1px solid rgba(115,165,205,.4);background:linear-gradient(135deg,#263c53,#15304b);border-radius:14px;overflow:hidden;color:#fff;font-weight:900;font-size:1.2rem;}
.player-avatar{width:62px;height:62px}.profile-header-avatar{width:72px;height:72px}.player-avatar img,.account-directory-avatar img,.profile-header-avatar img{height:100%;width:100%;object-fit:cover}
.account-avatar-settings{margin:12px 0;display:flex;gap:18px;align-items:center;border:1px solid rgba(130,159,185,.16);border-radius:14px;padding:16px;background:rgba(15,25,37,.55)}
.avatar-input-area{flex:1;display:flex;flex-direction:column;gap:6px;align-items:start}.avatar-input-area p{margin:0;font-size:.75rem;color:#9cafc3}.avatar-input-area input{width:100%;font-size:.8rem;min-width:0}.avatar-input-area .btn{font-size:.7rem}
.cloud-viewer-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cloud-viewer-head>div:nth-child(2){flex:1}
.admin-item-pane,.admin-site-key{border:1px solid rgba(150,177,203,.18);border-radius:14px;padding:16px;margin:16px 0;background:rgba(9,17,27,.5)}
.admin-inventory-grid{max-height:460px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:10px;margin:12px 0}.admin-inventory-grid .cloud-item-card{cursor:pointer;position:relative;transition:border-color .14s}.admin-inventory-grid .cloud-item-card.is-selected{border-color:#59adff;outline:1px solid #59adff}.admin-inventory-grid .cloud-item-card .btn{padding:7px 10px}
.admin-quality-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:10px 0 14px}.admin-quality-row>span{font-size:.73rem;color:#91a6bd;font-weight:700}.admin-quality-row button{padding:7px 9px;border-radius:8px;border:1px solid rgba(140,170,199,.25);background:rgba(42,58,77,.65);color:#d9e8fa;font-size:.72rem;cursor:pointer}.admin-quality-row button:hover{border-color:#59adff}.admin-quality-row strong{font-size:.7rem;letter-spacing:.08em;color:#80d5c3}
@media(max-width:600px){.account-avatar-settings{flex-direction:column;align-items:start}.admin-inventory-grid{grid-template-columns:1fr}.cloud-viewer-head{align-items:start}}

/* 8.9 artwork recovery: layout-safe media and tasteful offline vector fallbacks. */
.weapon-art-media{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;flex:1 1 auto}
.weapon-art-media>img{display:block;max-height:100%;max-width:100%;object-fit:contain}
.weapon-art-media>img[hidden],.weapon-art-fallback[hidden],.case-art-fallback[hidden]{display:none!important}
.weapon-art-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--tier,#aebdc9) 35%,#aabccc)}
.weapon-silhouette{width:min(97%,220px);height:84%;max-height:115px;filter:drop-shadow(0 9px 13px #081621aa)}
.reelitem>.weapon-art-media{height:92px;flex:0 0 92px}
.reelitem .weapon-silhouette{max-height:82px}
.itemart>.weapon-art-media{position:relative;z-index:1}
.reveal-image .weapon-art-media{flex:0 0 auto;height:100%}
.reveal-image .weapon-silhouette{max-height:240px;width:min(80%,420px)}
.case-art-fallback{display:flex;align-items:center;justify-content:center;width:75%;height:80%;color:#a4b8c8;position:relative;z-index:1}
.case-silhouette{max-height:140px;max-width:150px;width:90%;fill:#304657;stroke:#9eb1c1;stroke-width:5;stroke-linejoin:round;filter:drop-shadow(0 15px 12px #0a1824)}
.case-art-fallback svg path{fill:none}
#caseHero .case-art-fallback{width:100%;height:100%}
#caseHero .case-silhouette{max-height:210px;max-width:210px}

.profile-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0 0 14px}
.profile-stat-chip{padding:12px 13px;border:1px solid rgba(119,165,198,.2);border-radius:14px;background:linear-gradient(160deg,rgba(26,40,54,.95),rgba(12,22,32,.92));display:flex;flex-direction:column;gap:5px;min-width:0}
.profile-stat-chip small{font-size:10px;letter-spacing:.12em;color:#97aec0}.profile-stat-chip strong{font-size:16px;color:#eef6fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-highlight-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 16px}
.profile-highlight-item{display:flex;gap:10px;align-items:center;text-align:left;padding:10px 12px;border-radius:14px;border:1px solid rgba(136,177,206,.18);background:rgba(18,29,40,.78);color:#eef4fb;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}
.profile-highlight-item:hover{transform:translateY(-2px);border-color:rgba(113,179,236,.6);background:rgba(29,45,60,.92)}
.profile-highlight-art{width:58px;height:46px;border-radius:10px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(67,97,126,.95),rgba(21,33,45,.95));color:#ddbf7b;font-size:22px;overflow:hidden;flex:none}
.profile-highlight-art img{width:100%;height:100%;object-fit:contain}.profile-highlight-meta{display:grid;gap:3px;min-width:0;flex:1}.profile-highlight-meta strong,.profile-highlight-meta small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-highlight-meta strong{font-size:12px}.profile-highlight-meta small{font-size:10px;color:#a4bac9}
.cloud-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.cloud-item-card{padding:14px;background:linear-gradient(160deg,rgba(20,31,42,.96),rgba(10,18,27,.98));gap:10px;position:relative}
.cloud-card-topline,.cloud-card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center}.cloud-card-topline span{font-size:10px;letter-spacing:.1em}
.cloud-card-rarity{color:#e7c274}.cloud-card-kind{color:#92aabb}.cloud-card-art{height:124px;display:flex;align-items:center;justify-content:center}
.cloud-card-media{width:100%;height:100%;border-radius:14px;border:1px solid rgba(123,159,187,.14);background:radial-gradient(circle at 50% 45%,rgba(54,75,96,.88),rgba(15,25,35,.98));display:grid;place-items:center;overflow:hidden;color:#dabc79;font-size:34px}
.cloud-card-media.is-fallback{font-weight:900}.cloud-card-media img{width:100%;height:100%;object-fit:contain}
.cloud-item-info{display:grid;gap:4px}.cloud-item-info strong{font-size:14px}.cloud-item-info span{font-size:12px;color:#cbd9e5}
.cloud-card-meta{display:flex;flex-wrap:wrap;gap:6px}.cloud-card-meta small{padding:5px 8px;border-radius:999px;background:rgba(118,151,178,.12);border:1px solid rgba(118,151,178,.12);font-size:9px;letter-spacing:.08em;color:#9fb6c7}
.cloud-card-footer .btn{margin-left:auto}.cloud-card-float{font-size:10px;color:#93acbe}
.account-directory-card{padding:16px;border-radius:16px}.account-directory-avatar{width:56px;height:56px}.account-directory-details{gap:5px}.account-directory-badge{display:inline-flex;align-self:flex-start;padding:4px 8px;border-radius:999px;background:rgba(106,155,194,.16);border:1px solid rgba(106,155,194,.18);color:#d5e8f7;font-size:10px;letter-spacing:.08em;font-weight:700}.account-directory-stat{color:#daba7f!important;font-weight:700}
.leaderboard-entry{grid-template-columns:85px minmax(0,1fr) minmax(100px,145px) auto}.leaderboard-person{display:flex;gap:10px;align-items:center;min-width:0}.leaderboard-avatar{width:50px;height:50px;border-radius:14px;border:1px solid rgba(115,165,205,.35);background:linear-gradient(135deg,#284159,#132c43);overflow:hidden;display:grid;place-items:center;color:#fff;font-weight:900}.leaderboard-avatar img{width:100%;height:100%;object-fit:cover}
@media(max-width:720px){.profile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-highlight-strip{grid-template-columns:1fr}.cloud-gallery{grid-template-columns:1fr}.leaderboard-entry{grid-template-columns:46px minmax(0,1fr) auto}.leaderboard-person{grid-column:2/-1}.leaderboard-value{grid-column:2/3}.leaderboard-entry .btn{grid-column:2/-1}}

/* CASE//LAB 9.5 — permanent free case highlights */
.casecard-free{border-color:rgba(138,221,171,.55);background:linear-gradient(165deg,#1e3b36,#162b31 95%);box-shadow:0 0 0 1px rgba(121,205,159,.12),0 10px 32px rgba(5,22,16,.3)}
.casecard-free .case-index{color:#b3edc8}.casecard-free .case-action strong{color:#a4efbe}
.casecard-free .case-art{background:radial-gradient(ellipse 62% 70% at 50% 65%,rgba(108,203,137,.2),transparent),linear-gradient(170deg,rgba(24,65,51,.65),rgba(18,42,42,.65))}
.free-case-odds{margin:9px auto 14px;max-width:850px;padding:10px 14px;border:1px solid rgba(151,214,171,.22);background:rgba(21,48,39,.72);color:#b7e7ca;line-height:1.7;font-size:10px;font-weight:700;letter-spacing:.35px;text-align:center}
.free-case-odds[hidden]{display:none!important}

/* CASE//LAB 10.1 — featured inventory showcase */
.showcase{margin:18px 0 24px;padding:18px;border:1px solid #52687b80;border-radius:16px;background:linear-gradient(135deg,#1c3343,#101d29)}
.showcase-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px;font-weight:800;letter-spacing:.1em}.showcase-heading small{color:#b3c5d2;font-size:10px}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.showcase-slot{min-height:150px;border:1px solid #56718480;border-radius:12px;background:#0c1a28b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:12px;text-align:center;overflow:hidden}.showcase-slot strong{font-size:12px;overflow-wrap:anywhere}.showcase-slot>span{color:#a2b5c5;font-size:11px}.showcase-art{width:100%;height:100px;display:grid;place-items:center;overflow:hidden}.showcase-art img{max-width:100%;max-height:100%;object-fit:contain}.showcase-slot button{font-size:10px;padding:8px 12px}@media(max-width:540px){.showcase{padding:10px}.showcase-grid{gap:6px}.showcase-slot{padding:6px;min-height:120px}.showcase-art{height:65px}.showcase-slot strong{font-size:10px}}

/* CASE//LAB 10.4 — compact, premium public profile */
#cloudViewedProfile.cloud-viewer{position:relative;isolation:isolate;overflow:hidden;padding:clamp(14px,2.8vw,30px);border:1px solid rgba(137,169,220,.24);border-radius:24px;background:linear-gradient(150deg,#1a2538 0%,#101a2b 45%,#0b121e 100%);box-shadow:0 22px 55px rgba(0,0,0,.3)}
#cloudViewedProfile.cloud-viewer:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:175px;background:radial-gradient(ellipse at 20% 0%,rgba(88,104,224,.24),transparent 65%),radial-gradient(ellipse at 90% 20%,rgba(43,174,207,.13),transparent 65%);pointer-events:none}
#cloudViewedProfile .cloud-viewer-head{display:flex;align-items:center;gap:clamp(12px,2vw,22px);padding:12px 0 22px;margin-bottom:18px;border-bottom:1px solid rgba(164,190,220,.14)}
#cloudViewedProfile .profile-header-avatar{width:clamp(70px,10vw,106px);height:clamp(70px,10vw,106px);flex:none;border:3px solid rgba(159,188,249,.42);border-radius:24px;box-shadow:0 12px 32px rgba(0,0,0,.35);overflow:hidden}
#cloudViewedProfile .cloud-viewer-head h2{font-size:clamp(22px,3.6vw,36px);letter-spacing:-.035em;overflow-wrap:anywhere;margin:5px 0}
#cloudViewedProfile .cloud-viewer-head p{color:#aabed5;font-size:13px}
#cloudViewedProfile #cloudViewedClose{margin-left:auto;flex:none}
#cloudViewedProfile .profile-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
#cloudViewedProfile .profile-stat-chip{min-height:78px;border-color:rgba(135,171,222,.18);background:rgba(8,17,31,.58);border-radius:16px;justify-content:center}
#cloudViewedProfile .profile-stat-chip strong{font-size:clamp(16px,2.5vw,23px);letter-spacing:-.025em}
#cloudViewedProfile .profile-section-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:18px 0 11px;font-size:12px;font-weight:800;letter-spacing:.13em;color:#f0f5ff}
#cloudViewedProfile .profile-section-title span{font-size:10px;color:#91a8c5;font-weight:500}
#cloudViewedProfile .profile-highlight-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#cloudViewedProfile .profile-highlight-item{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:12px;border-radius:18px;background:linear-gradient(155deg,rgba(39,55,83,.9),rgba(15,25,42,.94));box-shadow:inset 0 1px rgba(255,255,255,.06)}
#cloudViewedProfile .profile-highlight-art{width:100%;height:105px;background:radial-gradient(ellipse,rgba(84,105,152,.35),rgba(9,18,31,.25));border-radius:12px}
#cloudViewedProfile .profile-highlight-meta{width:100%}
#cloudViewedProfile .cloud-gallery{gap:12px}
@media(max-width:650px){#cloudViewedProfile .cloud-viewer-head{flex-wrap:wrap}#cloudViewedProfile #cloudViewedClose{width:100%;margin-left:0}#cloudViewedProfile .profile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#cloudViewedProfile .profile-highlight-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#cloudViewedProfile .profile-highlight-item{padding:6px;border-radius:11px}#cloudViewedProfile .profile-highlight-art{height:65px}#cloudViewedProfile .profile-highlight-meta strong{font-size:10px}#cloudViewedProfile .profile-highlight-meta small{font-size:9px}}

/* CASE//LAB 10.6: rare-special encrypted reveal; visual only, no impact on drops */
.reveal-scene{position:relative;isolation:isolate}.gold-glitch-curtain{display:none;position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at center,#b8872470,#101922 65%),#101820}.gold-glitch-active .gold-glitch-curtain{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:goldCurtainExit 2.6s steps(1,end) forwards}.gold-glitch-grid{position:absolute;inset:0;opacity:.65;background:repeating-linear-gradient(0deg,transparent 0 6px,#d6a84929 7px 9px),repeating-linear-gradient(90deg,#f3d3850a 0 3px,transparent 4px 23px);animation:goldGlitchShift .19s steps(3,end) infinite}.gold-glitch-label{position:relative;z-index:1;font:900 clamp(16px,4vw,32px)/1.2 var(--head);letter-spacing:.12em;color:#f6d997;text-shadow:3px 0 #e9ad31,-3px 0 #647d83,0 0 28px #e7aa48;text-align:center;padding:0 16px;animation:goldGlitchText .16s steps(2,end) infinite}.gold-glitch-label span{display:block;margin-top:15px;font:700 10px var(--body);letter-spacing:.3em;color:#e5c88c}.gold-glitch-progress{position:relative;width:min(260px,70%);height:3px;background:#f3d58a24;margin-top:26px;overflow:hidden}.gold-glitch-progress:before{content:"";display:block;height:100%;background:#e9c06b;animation:goldLoad 2.1s linear forwards}@keyframes goldLoad{from{width:0}to{width:100%}}@keyframes goldGlitchShift{0%{transform:translate(0,0)}33%{transform:translate(11px,-7px)}66%{transform:translate(-9px,5px)}100%{transform:translate(0,0)}}@keyframes goldGlitchText{0%{transform:translateX(-3px);filter:brightness(1.5)}50%{transform:translateX(3px);filter:brightness(.75)}100%{transform:none}}@keyframes goldCurtainExit{0%,78%{opacity:1;visibility:visible}79%{opacity:.85;visibility:visible}85%{opacity:.5;visibility:visible}92%{opacity:.18;visibility:visible}100%{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.gold-glitch-curtain{display:none!important}}

/* CASE//LAB 10.8 — immersive admin-only case roll preview */
.admin-roll-overlay{z-index:1100;background:rgba(4,8,13,.94);backdrop-filter:blur(18px);align-items:center;justify-content:center;padding:16px}
.admin-roll-shell{width:min(100%,1050px);padding:clamp(16px,3vw,34px);border:1px solid #576271;background:radial-gradient(ellipse at 50% 4%,#2c3641,#111922 60%,#0b1119);box-shadow:0 28px 90px #000b,0 0 0 1px #ffffff0b inset;color:#e6ebed;overflow:hidden;position:relative}
.admin-roll-shell:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#dfac4e,transparent)}
.admin-roll-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.admin-roll-head small{color:#d5a958;font-weight:800;letter-spacing:.19em}.admin-roll-head h2{font-size:clamp(23px,4vw,39px);margin:8px 0 5px;letter-spacing:.07em}.admin-roll-head p{color:#99a7b4;font-size:12px}.admin-roll-close{color:#f0f0f0;background:#25313b;border:1px solid #57616b;border-radius:3px;min-width:44px;min-height:44px;cursor:pointer}
.admin-roll-case{text-align:center;margin:clamp(18px,4vh,34px) auto 24px}.admin-roll-case-symbol{font-size:54px;color:#d2a75d;text-shadow:0 0 40px #c9984555;line-height:1}.admin-roll-case-name{font-weight:900;letter-spacing:.2em;margin-top:8px}.admin-roll-case-sub{font-size:10px;color:#8c9ba7;letter-spacing:.22em;margin-top:5px}
.admin-roll-window{height:clamp(135px,22vh,200px);position:relative;overflow:hidden;border-block:1px solid #67717c;background:linear-gradient(#101821,#1c2631 50%,#101821)}
.admin-roll-window:before,.admin-roll-window:after{content:'';position:absolute;z-index:3;top:0;bottom:0;width:17%;pointer-events:none}.admin-roll-window:before{left:0;background:linear-gradient(90deg,#101821,transparent)}.admin-roll-window:after{right:0;background:linear-gradient(270deg,#101821,transparent)}
.admin-roll-track{height:100%;display:flex;gap:8px;align-items:center;will-change:transform;width:max-content}.admin-roll-card{flex:none;width:clamp(115px,19vw,158px);height:85%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border:1px solid #6a7c8b44;border-bottom:4px solid var(--roll-rarity);background:linear-gradient(140deg,#34404b,#1c2631);text-align:center;padding:8px}.admin-roll-card-art{font-size:clamp(32px,6vw,57px);color:var(--roll-rarity);filter:drop-shadow(0 0 16px var(--roll-rarity))}.admin-roll-card-name{font-weight:800;font-size:11px}.admin-roll-card small{font-size:8px;letter-spacing:.08em;color:#9babb7}.admin-roll-gold{background:linear-gradient(140deg,#3a3020,#201c19)}.admin-roll-gold .admin-roll-card-art{filter:blur(9px);opacity:.5}
.admin-roll-pointer{position:absolute;z-index:4;left:50%;top:0;bottom:0;width:2px;background:#efc26c;box-shadow:0 0 17px #f7c45f;transform:translateX(-50%)}.admin-roll-pointer:before,.admin-roll-pointer:after{content:'';position:absolute;left:-7px;border-left:8px solid transparent;border-right:8px solid transparent}.admin-roll-pointer:before{top:0;border-top:12px solid #efc26c}.admin-roll-pointer:after{bottom:0;border-bottom:12px solid #efc26c}.admin-roll-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,#ffffff08 6px 7px);opacity:.35}
.admin-roll-status{text-align:center;min-height:25px;margin:24px 0 10px;font-size:12px;font-weight:900;letter-spacing:.18em;color:#d5dfe8}.admin-roll-progress{height:4px;background:#26313a;overflow:hidden}.admin-roll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#8b9da9,#e8b95b);box-shadow:0 0 20px #d9a951}.admin-roll-shell footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:9px;letter-spacing:.08em;color:#80929e;margin-top:17px}.admin-roll-shell footer span{color:#d6ae63}
.admin-roll-critical .admin-roll-window{animation:adminGoldFlash .2s steps(2) 4}.admin-roll-critical .admin-roll-status{color:#f7c56e;text-shadow:0 0 15px #e5b154}.admin-roll-critical .admin-roll-scan{opacity:.85;animation:adminGoldJitter .12s steps(2) infinite}
@keyframes adminGoldFlash{50%{filter:brightness(1.8) contrast(1.3)}}@keyframes adminGoldJitter{50%{transform:translateY(9px)}}
@media(max-width:540px){.admin-roll-head h2{font-size:22px}.admin-roll-case-symbol{font-size:40px}.admin-roll-shell footer{font-size:8px}.admin-roll-status{font-size:10px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.admin-roll-critical .admin-roll-window,.admin-roll-critical .admin-roll-scan{animation:none!important}}
