/* NEWGAME release — reusable equipment UI on VOIDCASE's black/red canvas. */
.newgame-case-action{width:min(700px,60%);left:50%;bottom:28px;transform:translateX(-50%);z-index:6;text-align:center}
.newgame-controls{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.newgame-controls label{display:flex;align-items:center;gap:8px;font:9px var(--font-mono);letter-spacing:.08em;color:#b4aaaa}
.newgame-controls select,.newgame-inventory-toolbar select{background:#0b0a0a;color:#e8e5e1;border:1px solid #463236;padding:9px 12px;font:11px var(--font-mono)}
.newgame-controls .button{padding:12px 22px;margin:0;font:11px var(--font-mono)}
.newgame-controls input{accent-color:#d90018}
.newgame-case-action .small-note{margin:8px 0;font-size:9px;line-height:1.5}
.newgame-case-action #game-boss{font-size:9px;color:#bda3a3}
.home-gear{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 auto 18px;max-width:510px;text-align:left}
.newgame-slot{border:1px solid #342a2c;background:linear-gradient(135deg,#100c0d,#050505 70%);padding:20px;min-width:0;position:relative;transition:border-color .18s,background .18s}
.newgame-slot:before{content:'+';position:absolute;top:-9px;right:-4px;color:#6a3339;font:14px var(--font-mono)}
.newgame-slot>.technical-label{display:block;color:#9d7c80;font-size:10px;margin-bottom:14px}
.newgame-slot>.newgame-card{width:100%;margin:0 0 12px}
.newgame-slot>.small-note{font-size:11px;line-height:1.7;margin:14px 0 0;min-height:56px}
.newgame-slot>.text-button{font-size:9px}
.newgame-slot.compact{padding:9px 10px;min-height:66px;background:#080606d9}
.newgame-slot.compact>.technical-label{margin:0 0 5px;font-size:8px}
.newgame-slot.compact button{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:0;line-height:1.3;text-align:left;width:100%;padding:0;min-height:25px}
.newgame-slot.compact .hat-art{height:28px!important;min-height:0;width:32px;flex-shrink:0;margin:0}
.newgame-slot.compact .hat-art img{max-height:34px;max-width:34px}
.newgame-slot.compact .effect-label{display:none}
.player-stat-panel{position:absolute;z-index:3;top:44%;left:3%;width:190px;font:10px var(--font-mono);color:#9a8c8c}
.player-stat-panel .player-level{font-size:12px;color:#e8e5e1;letter-spacing:.12em;margin-bottom:12px}
.player-stat-panel progress{width:140px;height:2px;margin:0;display:block}
progress{appearance:none;border:0;background:#2b2022;color:#d90018;accent-color:#d90018}
progress::-webkit-progress-bar{background:#2b2022}progress::-webkit-progress-value{background:#d90018;transition:width .15s}
.player-stat-panel .small-note{font-size:8px;margin:12px 0;line-height:1.8}
.player-stat-panel summary{font-size:8px;cursor:pointer;letter-spacing:.08em;color:#bbaaaa}
#view-home{min-height:max(850px,100svh)}
#view-home .hero-stage{bottom:27%;top:-2%}
#view-inventory:not(.hidden){display:block;height:auto;min-height:100svh;overflow:visible;padding-bottom:70px}
.newgame-inventory-toolbar{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;padding:18px 0 24px}
.newgame-inventory-toolbar .text-button{font-size:9px}
.newgame-item-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;min-width:0}
.newgame-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:13px;min-width:0;position:relative;background:#0b0a0a;border:1px solid #343030;border-bottom:2px solid var(--item-color,#555);color:#e8e5e1;font-family:var(--font-ui);transition:transform .2s var(--ease-industrial),background .2s;isolation:isolate;overflow:hidden;contain:layout style}
button.newgame-card:hover{background:#151011;transform:translateY(-3px)}
.newgame-card.common{--item-color:#aaa9a3}.newgame-card.uncommon{--item-color:#80b893}.newgame-card.rare{--item-color:#7f9eda}.newgame-card.legendary{--item-color:#dba650}
.newgame-card .gear-level{font:10px var(--font-mono);color:var(--item-color);letter-spacing:.08em;z-index:1}
.newgame-card .hat-art{height:104px!important;min-height:0;margin:6px 0 12px;width:100%}
.newgame-card .hat-art img{max-height:112px;max-width:100%;object-fit:contain;filter:drop-shadow(0 7px 12px #000)}
.newgame-card .item-name{font-size:12px;line-height:1.4;min-height:34px;display:block}
.newgame-card .gear-effect{font:9px/1.6 var(--font-mono);color:#baaeae;margin-top:8px}
.newgame-card .gear-price{font:8px/1.6 var(--font-mono);color:#877b7d;display:block;margin:5px 0}
.gear-mods{color:#b6a5cb;font:8px/1.6 var(--font-mono);margin-top:6px}
.gear-locked{font:8px/1.6 var(--font-mono);color:#e08579;margin-top:6px}
.gear-compare{font:8px/1.6 var(--font-mono);color:#8b7b7e;margin-top:7px}.gear-compare.better,.gear-compare.new{color:#83ab91}.gear-compare.worse{color:#c38181}
.newgame-pager{display:flex;align-items:center;justify-content:center;gap:30px;margin:20px 0 35px}
.newgame-loadout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0}
.newgame-build-stats{padding:18px 0 28px;border-bottom:1px solid #2a2223;font:11px/1.8 var(--font-mono);color:#b3a5a5}
.is-drag-over{border-color:#d90018!important;background:#24090e!important;box-shadow:inset 0 0 30px #d9001814}
.is-drag-source{opacity:.3;transition:none!important}
.newgame-dragging{user-select:none;cursor:grabbing}.newgame-dragging *{cursor:grabbing!important}
.newgame-drag-ghost{position:fixed!important;z-index:10000;top:0;left:0;width:140px;pointer-events:none!important;will-change:transform;box-shadow:0 12px 40px #000c;transition:none!important;animation:none!important}
.newgame-drag-ghost .hat-art{height:70px!important}.newgame-drag-ghost .gear-price,.newgame-drag-ghost .gear-compare,.newgame-drag-ghost .gear-mods{display:none}
.newgame-gear-dialog{width:min(600px,92vw)}.newgame-gear-dialog h2{font-size:28px;margin-top:18px}
#gear-detail>.newgame-card{width:200px;float:right;margin:0 0 18px 22px}
#gear-detail>.small-note{font-size:12px;line-height:1.7}.newgame-detail-actions{clear:both;display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.newgame-detail-actions .button{margin:0;padding:12px 16px;font-size:10px}.newgame-detail-actions .text-button{font-size:10px}
.newgame-detail-actions form{width:100%;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid #35282b;padding-top:20px}.newgame-detail-actions input{width:95px;margin:0}
#opening-dialog{width:min(1050px,94vw);max-height:88svh;overflow:auto;padding:28px;background:#090708ed;border:1px solid #4e2027}
#opening-dialog h2{font-size:30px}#newgame-rewards{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px;max-height:48svh;overflow:auto;margin-top:16px}
#newgame-rewards .newgame-card{min-width:0;animation:gear-deal .28s var(--ease-industrial) both}
#newgame-rewards .overload-origin{font:8px/1.5 var(--font-mono);color:#bf828a;min-height:24px}
#newgame-procs{display:flex;gap:10px;flex-wrap:wrap;font:10px var(--font-mono);color:#f0d4d7;margin:16px 0}
#newgame-procs .overload-event{border:1px solid #7d1f2d;background:#2c0c12;padding:8px 12px;animation:proc-flash .3s ease-out}
#newgame-reels .roulette{height:235px}#newgame-reels .reel{gap:12px}#newgame-reels .newgame-card{width:150px;flex:0 0 150px;height:215px}
.loot-combo{font:18px var(--font-mono);color:#e34b5c;letter-spacing:.2em;text-shadow:0 0 20px #d90018;margin:10px}
.newgame-recycle-flight{position:fixed;z-index:1500;pointer-events:none;will-change:transform;max-height:230px}
.pending-at-risk #pending-grid,.pending-at-risk #locked-grid{outline:1px solid #d90018;outline-offset:5px}
.newgame-boss-dialog{width:min(580px,94vw);text-align:center;border:1px solid #78313c;background:radial-gradient(ellipse at center,#26090e,#090708 65%)}
#boss-content{display:flex;flex-direction:column;align-items:center;gap:14px}.boss-core{width:150px;height:150px;border:1px solid #ae2b3d;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);background:radial-gradient(circle,#6a1322,#14080b);font:70px var(--font-mono);color:#ff5268;transition:transform .1s,background .1s;box-shadow:inset 0 0 40px #d9001826;touch-action:manipulation}
.boss-core:hover{background:#4c1420}.boss-core:active{transform:scale(.94)}.boss-health{height:5px;width:100%}.fight-clock{font:30px var(--font-mono);color:#f5c9ce;margin:0}.boss-offer{width:100%;font-size:11px!important;margin:0!important;line-height:1.7}
.newgame-rules{border-top:1px solid #382326;margin-top:26px}.newgame-rules p{margin:18px 0}.market-seller-group{margin:28px 0 38px}.market-seller-group>.player-link{margin-bottom:18px}.market-listing>.button{width:100%;font-size:8px;margin:8px 0 0;padding:10px 4px}
#profile-best .newgame-card,#profile-inventory .newgame-card{height:auto;min-height:210px}
@keyframes gear-deal{from{opacity:0;transform:translateY(-12px) rotate(-3deg) scale(.93)}to{opacity:1;transform:none}}
@keyframes proc-flash{from{box-shadow:0 0 25px #d9001870;transform:translateY(5px)}to{box-shadow:none;transform:none}}
@media(min-width:1450px){.newgame-item-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.newgame-case-action{bottom:34px}.newgame-card .hat-art{height:120px!important}}
@media(max-width:1050px){.newgame-item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.player-stat-panel{top:32%;width:145px}.player-stat-panel .small-note{font-size:8px}.newgame-case-action{width:68%}.home-gear{max-width:450px}.newgame-loadout{gap:12px}.newgame-slot{padding:12px}}
@media(max-width:700px){#view-home{min-height:1000px}#view-home .hero-stage{top:130px;bottom:290px;left:0;right:0}.newgame-case-action{width:90%;bottom:50px}.home-gear{margin-bottom:20px}.newgame-controls{gap:12px}.newgame-controls label{font-size:8px}.newgame-controls .button{padding:12px 16px}.player-stat-panel{top:190px;left:5%;width:130px;pointer-events:none}.player-stat-panel details{pointer-events:auto;background:#050505cc}.player-stat-panel .player-level{font-size:9px}.player-stat-panel progress{width:100px}.player-stat-panel .small-note{font-size:7px}.newgame-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.newgame-loadout{grid-template-columns:1fr}.newgame-loadout .newgame-slot{display:grid;grid-template-columns:110px 1fr;gap:8px 16px}.newgame-loadout .newgame-slot>.technical-label{grid-column:1/-1}.newgame-loadout .newgame-slot>.newgame-card{grid-row:2/4}.newgame-slot>.small-note{min-height:0}.newgame-slot.compact{padding:8px 6px}.newgame-slot.compact button{font-size:7px}.newgame-slot.compact .hat-art{display:none!important}.newgame-card{padding:10px}.newgame-card .item-name{font-size:11px}.newgame-inventory-toolbar{gap:15px}#view-inventory:not(.hidden){padding-top:180px}.newgame-boss-dialog{padding:24px}.newgame-controls #game-open{flex:1 0 55%}#newgame-rewards{grid-template-columns:repeat(2,minmax(0,1fr))}#gear-detail>.newgame-card{width:130px;margin-left:12px}#view-home .community-controls{top:1015px}.resource-bar #show-shop{margin-left:0}}
@media(prefers-reduced-motion:reduce){.newgame-card,.newgame-slot{transition:none!important}#newgame-rewards .newgame-card,#newgame-procs .overload-event{animation:none}.newgame-drag-ghost{will-change:auto}}

.newgame-case-action{pointer-events:auto}
#view-home .rail-copy{display:none}
@media(min-width:701px){#view-home .chat-panel{height:300px;max-height:300px;width:260px}.player-stat-panel{top:46%}}

.gear-placed{animation:gear-deal .45s var(--ease-industrial) both}
#view-loadout .page-heading{padding-bottom:16px;margin-bottom:18px}
#view-loadout h1{font-size:40px}
@media(min-width:701px){.newgame-loadout{position:sticky;top:12px;z-index:7;background:#000;padding:8px 0;margin:18px 0}.newgame-loadout .newgame-slot{padding:14px}.newgame-loadout .newgame-slot>.newgame-card{height:190px;min-height:0;padding:9px}.newgame-loadout .newgame-card .hat-art{height:62px!important;margin:0 0 5px}.newgame-loadout .newgame-card .hat-art img{max-height:70px}.newgame-loadout .newgame-card .item-name{min-height:18px;margin:0;font-size:11px}.newgame-loadout .newgame-card .gear-effect{margin-top:3px;font-size:8px}.newgame-loadout .newgame-card .gear-price{font-size:7px;margin:3px 0}.newgame-loadout .newgame-card .gear-compare{margin:0}.newgame-loadout .newgame-slot>.small-note{font-size:9px;min-height:42px;line-height:1.6;margin-top:10px}}
html,body{overflow-x:clip}
@media(max-width:700px){#view-home .viewer-toolbar{bottom:44px;font-size:7px}}