/* CaseDrop 1.2 */
.item-card{background:linear-gradient(155deg,color-mix(in srgb,var(--rarity) 27%,var(--surface)),var(--surface) 76%);border:1px solid color-mix(in srgb,var(--rarity) 48%,var(--border));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--rarity) 28%,transparent)}
.item-card:before{content:'';position:absolute;top:0;left:14%;right:14%;height:3px;background:var(--rarity);border-radius:0 0 8px 8px;box-shadow:0 0 18px var(--rarity)}
.item-card .item-rarity{color:var(--rarity);background:color-mix(in srgb,var(--rarity) 12%,transparent);border-radius:7px;padding:5px 8px;display:inline-block;font-size:10px;font-weight:650;margin:5px auto;line-height:1.3}
.item-card .item-name{color:var(--text);line-height:1.35;min-height:34px}.item-card>img,.item-art>img{filter:drop-shadow(0 12px 16px color-mix(in srgb,var(--rarity) 32%,transparent))}
.item-art{background:none;border:0;display:block;width:100%;padding:0;height:130px;cursor:zoom-in}.item-art>img{width:100%;height:100%;object-fit:contain}.item-card .item-flags{z-index:3}
[data-theme=light] .item-card{background:linear-gradient(150deg,color-mix(in srgb,var(--rarity) 17%,white),white 84%)}[data-theme=light] .item-card .item-rarity{color:color-mix(in srgb,var(--rarity) 75%,#17213a)}
.case-skin-art{position:relative;width:100%;height:100%;isolation:isolate}.case-skin-decoration{position:absolute;inset:15% 8%;z-index:-1;border-radius:35%;opacity:0;pointer-events:none}
.skin-neon .case-render{filter:hue-rotate(28deg) saturate(1.8) drop-shadow(0 0 17px #bd66ff70)}.skin-neon .case-skin-decoration{opacity:1;background:radial-gradient(ellipse,#b662ff2c,transparent 70%)}
.skin-arctic .case-render{filter:grayscale(.65) brightness(1.35) drop-shadow(0 0 12px #81dfff80)}.skin-arctic .case-skin-decoration{opacity:1;background:radial-gradient(ellipse,#8ce6ff30,transparent 70%)}
.skin-inferno .case-render{filter:sepia(1) saturate(4) hue-rotate(325deg) brightness(1.15) drop-shadow(0 0 16px #ff763660)}.skin-inferno .case-skin-decoration{opacity:1;background:radial-gradient(ellipse,#ff82243a,transparent 70%)}
.skin-gold .case-render{filter:sepia(1) saturate(2) brightness(1.2) drop-shadow(0 0 15px #f1ce7155)}.skin-gold .case-skin-decoration{opacity:1;background:radial-gradient(ellipse,#e6be622d,transparent 70%)}
.skin-graffiti .case-render{filter:hue-rotate(185deg) saturate(1.7) drop-shadow(0 0 13px #ef76bb50)}.skin-graffiti .case-skin-decoration{opacity:.7;background:repeating-linear-gradient(135deg,transparent 0 18px,#63e6ed18 18px 25px,transparent 25px 42px,#ef74da19 42px 49px);transform:rotate(-12deg)}
.case-skin-tag{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.6px;white-space:nowrap;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:3px 8px;pointer-events:none}
.case-style-row{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0 26px}.case-style-row h3{font-size:15px;margin:0 0 6px}.case-style-row p{color:var(--muted);font-size:11px;margin:0}
.case-skin-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:17px 0}.skin-option{border:1px solid var(--border);background:var(--surface2);border-radius:20px;padding:12px 8px;min-width:0}.skin-option.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.skin-option>div{height:125px}.skin-option .case-visual{height:100%;width:100%}.skin-option .case-weapon-feature{max-width:115px}.skin-option b{display:block;font-size:12px}.skin-option small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.skin-picker-bottom{display:flex;gap:15px;align-items:center;justify-content:space-between}.skin-picker-bottom p{font-size:11px;max-width:330px}
.global-drops{margin:0 0 30px}.global-drops .section-head h2{font-size:23px}.global-drops .section-head .sub{font-size:11px}.drop-feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.compact-feed .drop-feed-grid{display:flex;overflow-x:auto;gap:12px;padding-bottom:10px;scrollbar-width:thin;scroll-snap-type:x proximity}.public-drop{padding:15px;min-width:0;border-color:color-mix(in srgb,var(--rarity) 30%,var(--border));background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--rarity) 15%,transparent),transparent 70%),var(--surface)}.compact-feed .public-drop{flex:0 0 207px;scroll-snap-align:start}.drop-player{display:flex;gap:9px;align-items:center}.drop-player .profile-dot{width:31px;height:31px;flex-shrink:0;font-size:10px}.drop-player>div{min-width:0}.drop-player b{font-size:11px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.drop-player small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.drop-art{height:95px;margin:8px 0}.drop-art img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 8px 15px color-mix(in srgb,var(--rarity) 33%,transparent))}.drop-item-name{font-size:12px;display:block;line-height:1.4;min-height:32px}.drop-rarity{font-size:9px;color:var(--rarity);display:block;margin-top:5px}.drop-case{display:flex;justify-content:space-between;gap:6px;font-size:9px;margin-top:12px;padding-top:11px;border-top:1px solid var(--border)}.drop-case span{color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.drop-case strong{white-space:nowrap;color:var(--gold)}
.release-more{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.release-more button{background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:14px 9px;display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px}.release-more .icon{width:19px;height:19px}
.tutorial{text-align:center;padding:5px 15px 15px}.tutorial-art{height:150px;display:flex;justify-content:center;align-items:center}.tutorial-art .toy-object{width:135px;height:135px}.tutorial h3{font-size:24px;line-height:1.22;margin:16px auto 12px;max-width:390px;letter-spacing:-.5px}.tutorial p{color:var(--muted);font-size:13px;line-height:1.7;max-width:390px;margin:0 auto}.tutorial-dots{display:flex;gap:7px;justify-content:center;margin:25px 0}.tutorial-dots i{height:5px;width:16px;background:var(--border);border-radius:8px}.tutorial-dots i.active{width:30px;background:var(--accent)}.tutorial-actions{display:flex;justify-content:space-between;gap:10px}.tutorial-actions button{min-width:120px}
.inventory-controls{display:grid;grid-template-columns:minmax(140px,1fr) 190px 130px}.bulk-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px;margin:0 0 18px}.bulk-tools .inline-label{font-size:11px;display:flex;gap:7px;align-items:center;cursor:pointer}.bulk-tools small{color:var(--muted);font-size:9px;margin-left:auto}.inventory-cell{position:relative;min-width:0}.inventory-cell .item-card{height:100%}.inventory-cell.bulk-selected .item-card{outline:2px solid var(--accent);outline-offset:1px}.bulk-toggle{position:absolute;top:12px;left:11px;width:26px;height:26px;z-index:3;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-size:18px;font-weight:700}.bulk-selected .bulk-toggle{background:var(--accent);color:#131423;border-color:var(--accent)}.inventory-load{display:block;margin:20px auto}.bulk-checkout{position:sticky;bottom:20px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 22px;margin:18px auto 0;max-width:700px;box-shadow:0 10px 40px #0003;border-color:var(--accent)}.bulk-checkout>div{display:flex;gap:15px;align-items:center}.bulk-checkout b{font-size:13px}.bulk-checkout span{color:var(--gold);font-size:16px;font-weight:700}.item-detail-actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.item-detail-view .item-card{max-width:320px;margin:auto;padding:22px}.item-detail-view .item-card img{height:170px;width:100%;object-fit:contain}
.player-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-tabs button:last-child{grid-column:auto}.text-back{border:0;background:none;color:var(--muted);font-size:12px;margin:0 0 16px;padding:0}.dossier-hero{display:flex;gap:16px;align-items:center;padding:25px}.dossier-hero>.profile-dot{width:65px;height:65px;font-size:21px;flex-shrink:0}.dossier-hero h2{font-size:26px;margin:0 0 8px}.dossier-hero p{font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin:0 0 10px}.dossier-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0}.dossier-metrics>div{padding:18px}.dossier-metrics small{display:block;color:var(--muted);font-size:10px}.dossier-metrics b{font-size:18px;display:block;margin-top:10px;overflow-wrap:anywhere}.dossier-actions{margin:15px 0 25px}.dossier-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px}.dossier-tabs button{background:var(--surface);border:1px solid var(--border);padding:14px 8px;border-radius:13px;font-size:12px}.dossier-tabs button.active{color:var(--accent);border-color:var(--accent)}.dossier-tabs small{font-size:10px;margin-left:6px;color:var(--muted)}.dossier-list{overflow:hidden}.dossier-row{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:17px 22px;border-bottom:1px solid var(--border)}.dossier-row:last-child{border:0}.dossier-row>div{min-width:0}.dossier-row>div:last-child{text-align:right;flex-shrink:0;max-width:48%}.dossier-row b{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.dossier-row small{display:block;font-size:9px;color:var(--muted);line-height:1.5;margin-top:5px;overflow-wrap:anywhere}.good-text{color:#77cba9}.loss-text{color:#e58698}
.backup-intro{padding:28px;margin-bottom:20px}.backup-intro h2{font-size:28px;margin:12px 0}.backup-intro p{color:var(--muted);font-size:12px;line-height:1.7;max-width:600px;margin-bottom:18px}.backup-list{display:grid;gap:13px}.backup-card{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:23px}.backup-card>div{min-width:0}.backup-card h3{font-size:18px;margin:14px 0 8px}.backup-card p{color:var(--muted);font-size:11px;line-height:1.6}.backup-card small{font-size:9px;color:var(--muted);overflow-wrap:anywhere}.backup-actions{display:flex;gap:9px;flex-shrink:0}.backup-actions a{text-decoration:none}.restore-guide li{font-size:12px;line-height:1.8;color:var(--muted);margin:8px 0}.restore-guide code{overflow-wrap:anywhere;color:var(--text)}
@media(max-width:1100px){.drop-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dossier-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.global-drops{margin-bottom:23px}.global-drops .section-head{gap:10px}.global-drops .section-head h2{font-size:19px}.global-drops .section-head .sub{font-size:9px;line-height:1.5}.global-drops .section-head>.btn{font-size:10px;padding:10px;white-space:nowrap}.compact-feed .public-drop{flex-basis:174px;padding:12px}.compact-feed .drop-art{height:75px}.drop-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.drop-item-name{font-size:10px;min-height:29px}.public-drop{padding:12px}.drop-case{flex-direction:column;gap:5px}.drop-art{height:80px}.case-style-row{padding:16px;gap:10px}.case-style-row h3{font-size:13px}.case-style-row p{font-size:10px}.case-style-row>.btn{padding:11px;font-size:11px}.case-skin-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skin-option>div{height:110px}.skin-picker-bottom{flex-direction:column;align-items:stretch}.tutorial{padding:0 3px 8px}.tutorial h3{font-size:22px}.tutorial p{font-size:12px}.tutorial-art{height:130px}.tutorial-art .toy-object{height:120px;width:120px}.tutorial-actions button{min-width:0;flex:1}.inventory-controls{grid-template-columns:1fr 1fr;gap:9px}.inventory-controls input{grid-column:1/-1;min-width:0}.inventory-controls select{min-width:0;max-width:100%;font-size:11px}.bulk-tools{gap:8px;padding:12px}.bulk-tools .btn{font-size:10px;padding:10px}.bulk-tools .inline-label{font-size:10px}.bulk-tools small{margin-left:0;width:100%;font-size:9px}.bulk-toggle{width:23px;height:23px;left:9px;top:9px;font-size:15px}.item-art{height:105px}.item-card .item-rarity{font-size:8px;padding:4px 6px}.item-card .item-name{min-height:30px;font-size:10px}.bulk-checkout{bottom:110px;padding:14px;gap:8px}.bulk-checkout>div{display:block}.bulk-checkout b{display:block;font-size:11px}.bulk-checkout span{display:block;font-size:14px;margin-top:5px}.bulk-checkout>.btn{font-size:11px;padding:12px}.admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-tabs button{font-size:10px;padding:13px 8px}.admin-tabs button:last-child{grid-column:auto}.dossier-hero{padding:19px;gap:13px}.dossier-hero h2{font-size:23px}.dossier-hero>.profile-dot{width:53px;height:53px;font-size:17px}.dossier-metrics{gap:9px}.dossier-metrics>div{padding:15px}.dossier-metrics b{font-size:16px}.dossier-metrics small{font-size:9px}.dossier-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dossier-actions button:last-child{grid-column:1/-1}.dossier-tabs{gap:5px}.dossier-tabs button{font-size:10px;padding:12px 4px}.dossier-tabs small{display:block;margin:4px 0 0}.dossier-row{padding:14px;gap:10px}.dossier-row b{font-size:10px}.dossier-row small{font-size:8px}.backup-intro{padding:20px}.backup-intro h2{font-size:24px}.backup-intro .controls{flex-direction:column;align-items:stretch}.backup-card{padding:18px;flex-direction:column;align-items:stretch;gap:12px}.backup-actions{display:grid;grid-template-columns:1fr 1fr}.backup-actions .btn{font-size:10px;text-align:center}.backup-card h3{font-size:17px}.backup-card p{font-size:10px}.release-more button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.case-skin-art *{animation:none!important}}
.admin-tabs.dossier-navigation{display:none}
@media(max-width:650px){.item-card .item-rarity{font-size:9px}.item-card .item-name{font-size:11px;min-height:32px}}