/* Theme 10 · Obsidian Relic. Surface styling only: layouts and input hit areas stay in their owning stylesheets. */
:root{--relic-ink:#080d0c;--relic-panel:#101714;--relic-panel-raised:#18231d;--relic-gold:#c6a35e;--relic-gold-bright:#f0d89d;--relic-line:#a68b4c70;--relic-line-soft:#a68b4c36;--relic-text:#f1ead7;--relic-muted:#aeb6a6;--relic-emerald:#116b42;--relic-emerald-light:#2eab66;--relic-selected:#77e39a}
body{color:var(--relic-text);background:var(--relic-ink)}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;color:var(--relic-text)}
p,.muted{color:var(--relic-muted)}
.eyebrow,.gear-section-title,.detail-item-label,.trade-grid-title{color:var(--relic-gold-bright)}
.panel{background:linear-gradient(145deg,#17211dfb,#090f0dfb 70%);border-color:var(--relic-gold);border-radius:3px;box-shadow:inset 0 0 0 3px #080e0b,inset 0 0 0 4px #a68b4c24,0 18px 60px #0008}
.veil{background:#03080699;backdrop-filter:blur(5px)}
.sheet-head,.rule{border-color:var(--relic-line-soft)}
.sheet:has(.gear-workspace)>.sheet-head{background:#111a15}
.sheet-head{background:linear-gradient(90deg,#c6a35e0b,transparent);border-bottom-color:var(--relic-line)}
.sheet-head h2{text-shadow:0 2px 4px #0008}
button{background:linear-gradient(180deg,#253129,#131b17);border-color:var(--relic-line);border-radius:3px;color:var(--relic-text);box-shadow:inset 0 1px 0 #ead89c13;transition:background .15s,border-color .15s,box-shadow .15s}
button:hover:not(:disabled){background:linear-gradient(180deg,#344839,#1b2b21);border-color:var(--relic-gold-bright);box-shadow:inset 0 1px 0 #f9e4b826,0 0 10px #c6a35e15}
button:active:not(:disabled){background:#0d2016;box-shadow:inset 0 2px 5px #0008}
button.gold,.gear-equip,.trade-confirm-actions .gold{color:#fff0c8;background:linear-gradient(180deg,#22834d,#105731 70%,#0b3f26);border-color:#d1b776;box-shadow:inset 0 0 0 2px #082c18,inset 0 0 0 3px #61ad653b,0 2px 5px #0005;text-shadow:0 1px 2px #03180b}
button.gold:hover:not(:disabled),.gear-equip:hover:not(:disabled){background:linear-gradient(180deg,#35a260,#126c3d);border-color:#ffde9e;box-shadow:inset 0 0 0 2px #0a4025,0 0 14px #38c86c32}
button:disabled{opacity:.42;filter:saturate(.3);box-shadow:none;cursor:default}
button.on,button.selected,button[aria-pressed=true],.settings-choice .choice button.on{background:linear-gradient(#23573a,#113c28);color:#edffe7;border-color:var(--relic-selected);box-shadow:inset 0 0 0 1px #77e39a24,0 0 9px #51e8811c}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e5ca85;outline-offset:2px}
input,select{background:#080f0c;border-color:var(--relic-line);color:var(--relic-text);border-radius:3px;box-shadow:inset 0 2px 5px #0003}
input::placeholder{color:#94a192}
.badge{background:#0b130ed9;color:var(--relic-gold-bright);border-color:var(--relic-line)}
.gear-main,.gear-picker,.gear-inspector,.gear-skills,.bag-items,.bag-details,.market-list,.market-workspace>.gear-picker,.market-workspace>.gear-inspector,.community-chat-pane,.community-roster,.community-detail,.trade-workbench,.trade-inventory-pane,.explorer-library,.explorer-detail,.codex-library,.codex-detail{background:linear-gradient(150deg,#131c17,#080e0b);border-color:var(--relic-line);border-radius:3px;box-shadow:inset 0 1px 0 #e4c9880a}
.gear-hero{background:radial-gradient(ellipse at 50% 70%,#72af5724,transparent 68%)}
.gear-slot,.equipment-slot,.gear-choice,.item-card,.inventory-cell,.trade-card,.trade-empty-slot,.explorer-icon,.hero-card,.codex-tile{background:radial-gradient(ellipse at 50% 15%,#35472a2b,transparent 75%),linear-gradient(145deg,#141c16,#080e0b);border-color:#a68b4c80;border-radius:3px}
.inventory-cell.empty-cell,.trade-empty-slot{border-color:#ad935a38;background:#080e0bc9}
.gear-slot small,.gear-slot span,.gear-choice>small,.gear-section-title span,.detail-item-head small{color:#aeb6a6}
.gear-slot b,.gear-inspector h3,.bag-details h3,.explorer-detail h3{color:#f2e7c8}
.gear-slot.focused,.gear-choice.selected,.inventory-cell.selected,.explorer-icon.selected,.hero-card.picked,.codex-tile.selected{border-color:#efd291;background:radial-gradient(ellipse at center,#9a7c2830,transparent 80%),#132319;box-shadow:inset 0 0 0 1px #efd29144,0 0 10px #d5ac451f}
.gear-slot.forge-unavailable{filter:grayscale(.85);opacity:.46}
.gear-detail-art,.bag-detail-image{background:radial-gradient(ellipse,#b48a3228,transparent 70%)}
.gear-compare,.gear-stat-table>div,.detail-item-stats,.detail-item-options>div,.gear-all-stats,.gear-picker-head{border-color:var(--relic-line-soft)}
.gear-option,.forge-option,.detail-item,.skill-sheet-entry,.party-row,.roster-person,.trade-offer-side,.forge-inline-preview,.forge-comparison section{background:#101b14;border-color:var(--relic-line-soft);border-radius:3px}
.gear-option.unlocked,.detail-item.options-open{background:#15251a;border-color:#ad96585e}
.detail-item.options-closed{background:#0b120ee6}
.gear-stat-table b,.detail-item-stats b,.stats-grid b,.inventory-level,.inventory-count,.gear-item-level,.gear-item-count{color:var(--relic-gold-bright)}
.gear-stat-table b.stat-preview-up{color:#86ed9f}.gear-stat-table b.stat-preview-down{color:#ff8b82}
.gear-slot-art b,.inventory-level,.inventory-count{background:#080e0bba;text-shadow:0 1px 3px #000}
.gear-side-label,.skill-sheet-group{color:#d1b778}
.skill-sheet-entry.is-passive{background:#111c1c}
.skill-sheet-key{background:#c7aa68;color:#08150d}
.forge-success-meter{border-color:var(--relic-gold);background:#070d09}
.forge-success-fill{background:linear-gradient(90deg,#13592e,#47964e);border-right-color:#e3d696}
.forge-success-label{color:#fff1cd}
.forge-option.selected{background:#23462b;border-color:#80d997}
.shop-modal{--shop-gold:#efd393;--shop-line:#c6a35e55;--shop-ink:#0b120e}
.shop-categories button.on,.community-tabs button.on,.gear-filters button.on{background:linear-gradient(#286641,#123c26);border-color:#75cc8c;color:#fff0cd}
/* Pack illustration palettes and white Passive names deliberately keep their authored colors. */
.pack-promo,.shop-browser .pack-select-card{border-color:color-mix(in srgb,var(--pack-accent,#c6a35e) 70%,transparent)}
.pack-shelf-price{background:#000b;color:#f5df9e}
.pack-select-card[data-category=passive] .pack-shelf-copy h3{color:#fff}
.pack-preview article,.reveal-front{background:radial-gradient(ellipse at top,#31502b,#0a130d 80%);border-color:#c6a35e}
.community-tabs,.community-profile-head,.chat-compose,.trade-section-head,.trade-grid-title{border-color:var(--relic-line-soft)}
.community-history{background:#080e0a66}
.community-chat-pane .chat-line,.community-roster .roster-person{border-bottom-color:#b8a36b24}
.community-feedback,.social-notice{background:#1d2f1ce6;border-color:#d1b77666;color:#e9d59d}
.trade-offer-side.their-side{background:#111c1c;border-color:#8fa4a344}
.trade-ready{color:#8febaa;border-color:#8febaa77;background:#13472b99}
.trade-item-grid .inventory-cell:hover{border-color:#ead198}
#hud header{background:linear-gradient(#080e0dea,#080e0d77,transparent)}
#hud nav button{background:linear-gradient(#19281fd9,#0b130fdb);border-color:#b59b5f66;color:#e8ddbc}
#hud nav button:hover{border-color:#e5c88a;background:#243d2b}
.wallet,.panel-wallet{color:#f0d18b}
.sheet-head>.panel-wallet{background:#0a130e;border-color:#c6a35e77;box-shadow:inset 0 0 12px #bfa65c0d}
.vitals.panel{background:linear-gradient(120deg,#122019f2,#090f0ef2);border-color:#bfa36899}
.hero-avatar-frame{background:#0b170f;border-color:#c7ac69;box-shadow:inset 0 0 0 1px #dfc27b33}
#hero-settings{background:#0e1c13;border-color:#b39b5a66;color:#efd393}
#minimap{border-color:#bfa368;box-shadow:0 0 0 2px #0a140e,0 4px 18px #0008}
#combat-wheel .attack-control,#combat-wheel #skills .skill{background:radial-gradient(circle at 40% 30%,#304a2fe8,#0b1b11 75%);border-color:#c5a563;box-shadow:inset 0 0 0 2px #06130c,0 3px 9px #0008}
#combat-wheel #attack-main{background:radial-gradient(circle at 40% 25%,#34794b,#0d3320 70%);border-color:#e5c588}
#combat-wheel #skills .skill.auto{border-color:#87ef9c;box-shadow:inset 0 0 0 1px #56bf7180,0 0 12px #58ed6a55}
#combat-wheel #skills .skill.auto:after{color:#c1ffc2;text-shadow:0 1px 3px #000}
#combat-wheel #skills .skill .cooldown{background:#030b08c9;color:#fff1cc;text-shadow:0 2px 3px #000}
#toast,#aim-hint{color:#f5e2ae}#toast{background:#0b170ff2;border-color:#c7a86788}
/* Keep message channel colors, unread red, HP/MP fills and gameplay indicators in the base stylesheet. */
#community-hud.unified-chat .chat-preview{border-color:#ac955e66;background:linear-gradient(140deg,#08140c88,#07120c70);box-shadow:inset 0 1px 0 #e9d89616}
#field-party-compose input{background:#08140cc9;border-color:#ac955e66}
.auth .sigil{color:#e4c88d;text-shadow:0 0 25px #83c66522}.auth label,.auth small{color:#a8b69f}.auth .social-auth button{border-color:#a68b4c60}
.onboard-card,.onboard-guide,.gate-card,.death-box,.community-dialog{background:linear-gradient(145deg,#17221b,#0a100d);border-color:#c6a35e99}
.onboard-guide-head{border-color:var(--relic-line-soft)}
body.touch-ui .mobile-drawer,body.touch-ui #mobile-menu{background:#0b140fee;border-color:var(--relic-line)}
body.touch-ui #m-drawer{background:linear-gradient(145deg,#17211df7,#090f0df7);border-color:var(--relic-gold)}
/* Phone columns already scroll independently; keep their text blocks from shrinking into each other. */
body.touch-ui .single-item-details>*,body.touch-ui .gear-main>.gear-all-stats{flex-shrink:0}
@media(prefers-reduced-motion:reduce){button{transition:none}}
/* Painted dressing room: 4 left + 4 right + 3 accessories beneath the hero. */
.compact-equipment:has(.gear-main-art){grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1fr)}
.compact-equipment .gear-main-art{position:relative;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 45%,#45613c4d,transparent 66%),linear-gradient(150deg,#14241a,#080e0b);padding:12px}
.gear-main-art>.gear-section-title{padding-bottom:12px;gap:5px}
.gear-stats-toggle{font-size:10px;letter-spacing:0;padding:6px 10px}
.gear-stats-toggle.has-preview{color:#a4efb1;border-color:#59b575}
.gear-art-stage{flex:1;min-height:0;display:grid;grid-template-columns:clamp(62px,6.4vw,104px) minmax(0,1fr) clamp(62px,6.4vw,104px);grid-template-rows:minmax(0,1fr) auto;gap:12px 10px;align-items:stretch}
.gear-art-side{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));align-content:center;gap:10px;min-height:0;padding-block:16px}
.gear-art-left{grid-column:1;grid-row:1}.gear-art-right{grid-column:3;grid-row:1}
.gear-art-bottom{grid-column:1/-1;grid-row:2;display:flex;gap:12px;justify-content:center;min-width:0}
.compact-equipment .gear-main-art .gear-slot{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;width:100%;height:100%;min-height:0;max-height:none;padding:4px;border-radius:8px;text-align:center;background:radial-gradient(ellipse at 50% 35%,#3e523837,#080e0b 85%);box-shadow:inset 0 0 0 2px #080d0c,inset 0 0 0 3px #a68b4c25}
.compact-equipment .gear-main-art .gear-slot.focused{box-shadow:inset 0 0 0 2px #080d0c,inset 0 0 0 3px #e8c77880,0 0 14px #bd994529}
.compact-equipment .gear-main-art .gear-slot-art{position:relative;width:100%;height:auto;max-height:calc(100% - 15px);aspect-ratio:1;flex:0 1 auto;min-height:0;max-width:106px}
.compact-equipment .gear-main-art .gear-slot-art img{width:100%;height:100%;padding:4px 0;object-fit:contain}
.gear-main-art .gear-slot>div:last-child>b,.gear-main-art .gear-slot>div:last-child>span{display:none}
.compact-equipment .gear-main-art .gear-slot small{font-size:9px;letter-spacing:.7px;line-height:11px}
.compact-equipment .gear-main-art .gear-art-bottom>.gear-slot{width:clamp(62px,6.4vw,104px);height:clamp(76px,7.7vw,124px);flex:none}
.compact-equipment .gear-main-art .gear-painted-hero{position:relative;grid-column:2;grid-row:1;display:flex;justify-content:center;align-items:center;min-height:0;height:100%;padding:0;background:radial-gradient(ellipse at 50% 85%,#bfa56519,transparent 50%);cursor:pointer}
.gear-character-art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px #0007);min-height:0}
.gear-character-caption{position:absolute;bottom:0;left:-15px;right:-15px;padding:12px 4px 3px;text-align:center;background:linear-gradient(transparent,#0a130be6);border-radius:6px}
.compact-equipment .gear-main-art .gear-hero h3{font-size:14px;margin:0 0 3px;overflow-wrap:anywhere}
.gear-stats-drawer{position:absolute;z-index:4;top:54px;right:10px;bottom:10px;width:min(310px,calc(100% - 20px));padding:15px;background:#0a130cf7;border:1px solid var(--relic-gold);border-radius:6px;box-shadow:-14px 8px 30px #0009;overflow:auto}
.gear-stats-drawer[hidden]{display:none}
.gear-main-art .gear-all-stats{margin:0;padding:0;border:0}
.gear-main-art .gear-stat-table{grid-template-columns:1fr;gap:3px}
.gear-main-art .gear-stat-table>div{min-height:23px}
@media(max-height:760px){
 .gear-art-stage{gap:7px}.gear-art-side{gap:6px;padding-block:0}
 .compact-equipment .gear-main-art .gear-slot small{font-size:8px;line-height:10px}
 .compact-equipment .gear-main-art .gear-art-bottom>.gear-slot{height:78px;width:72px}
}
@media(max-width:1100px){
 .compact-equipment:has(.gear-main-art) .single-item-details .gear-option{padding:5px;margin:3px 0}
 .compact-equipment:has(.gear-main-art) .single-item-details .gear-detail-art,.compact-equipment:has(.gear-main-art) .single-item-details .gear-detail-art img{height:90px}
 .gear-art-stage{grid-template-columns:60px minmax(0,1fr) 60px;column-gap:5px}
 .compact-equipment .gear-main-art .gear-art-bottom>.gear-slot{width:60px;height:78px}
 .gear-art-bottom{gap:7px}
}
@media(max-width:700px){
 .compact-equipment:has(.gear-main-art){grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr);gap:4px}
 .compact-equipment .gear-main-art{padding:4px}
 .gear-art-stage{grid-template-columns:32px minmax(0,1fr) 32px;gap:4px}
 .gear-art-side{gap:5px;padding-block:0}
 .compact-equipment .gear-main-art .gear-slot{padding:2px;gap:1px;border-radius:4px}
 .compact-equipment .gear-main-art .gear-slot small{font-size:6px;letter-spacing:0;line-height:8px}
 .compact-equipment .gear-main-art .gear-art-bottom>.gear-slot{width:32px;height:47px}
 .gear-art-bottom{gap:5px}
 .compact-equipment .gear-main-art .gear-hero h3{font-size:9px}
 .gear-character-caption{left:-4px;right:-4px}
 .gear-main-art>.gear-section-title{font-size:8px;flex-wrap:wrap;padding-bottom:6px}
 .gear-stats-toggle{font-size:8px;padding:4px 6px}
 .gear-stats-drawer{top:58px;padding:8px}
 .gear-main-art .gear-stat-table>div{font-size:8px;min-height:22px}
}
body.touch-ui .compact-equipment:where(:not(.desktop-equipment-layout .compact-equipment)) .gear-main-art .gear-art-stage{flex:none;height:max(360px,calc(100dvh - 150px))}
/* Owner revision: reference bust as the equipment backdrop; stats visible below. */
.compact-equipment .gear-main-bust{background:#0b140e}
.gear-main-bust .gear-art-stage{position:relative;isolation:isolate;gap:8px;background:linear-gradient(90deg,#07100cd9,transparent 28%,transparent 72%,#07100cd9),linear-gradient(0deg,#09120fee,transparent 40%),var(--gear-hero-art,url('hero-art/forest-ranger-bust.webp')) center top/auto 100% no-repeat;border-radius:5px}
.gear-main-bust .gear-art-side{padding-block:4px;gap:6px}
.compact-equipment .gear-main-bust .gear-slot{background:#08100dc7}
.compact-equipment .gear-main-bust .gear-painted-hero{background:none}
.gear-main-bust .gear-character-caption{bottom:0;background:linear-gradient(transparent,#07100dd9)}
.compact-equipment .gear-main-bust .gear-art-bottom>.gear-slot{height:70px;width:76px}
.gear-main-bust .gear-art-bottom{gap:10px;padding-bottom:4px}
.gear-main-bust>.gear-all-stats{flex:none;min-height:0;margin:10px 0 0;padding:9px 0 0;border-top:1px solid var(--relic-line-soft)}
.gear-main-bust .gear-stat-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px}
.gear-main-bust .gear-stat-table>div{min-height:18px;font-size:10px}
.gear-main-bust .gear-stat-table b{font-size:11px}
@media(max-height:760px){
 .compact-equipment .gear-main-bust .gear-art-bottom>.gear-slot{height:56px;width:62px}
 .gear-main-bust .gear-stat-table>div{min-height:16px;font-size:9px}
 .gear-main-bust .gear-stat-table b{font-size:10px}
 .gear-main-bust>.gear-all-stats{margin-top:6px;padding-top:6px}
}
@media(max-width:700px){
 .compact-equipment .gear-main-bust .gear-art-bottom>.gear-slot{height:43px;width:32px}
 .gear-main-bust .gear-stat-table{grid-template-columns:1fr;gap:0}
 .gear-main-bust .gear-stat-table>div{font-size:7px;min-height:14px}
 .gear-main-bust .gear-stat-table b{font-size:8px}
 .gear-main-bust .gear-art-bottom{gap:4px}
}
body.touch-ui .compact-equipment:where(:not(.desktop-equipment-layout .compact-equipment)) .gear-main-bust .gear-art-stage{height:320px;flex:none}
/* One square size for worn gear (including rings) and the Equipment inventory. */
.compact-equipment:has(.gear-main-bust){--gear-cell:clamp(24px,min(4.3vw,7vh),72px)}
.gear-main-bust .gear-art-stage{grid-template-columns:var(--gear-cell) minmax(0,1fr) var(--gear-cell)}
.gear-main-bust .gear-art-side{grid-template-rows:repeat(4,var(--gear-cell));align-content:space-between;padding-block:4px}
.compact-equipment .gear-main-bust .gear-slot,.compact-equipment .gear-main-bust .gear-art-bottom>.gear-slot{width:var(--gear-cell);height:var(--gear-cell);min-height:var(--gear-cell);max-height:var(--gear-cell);padding:4px;gap:0;aspect-ratio:1;flex:none;overflow:hidden}
.compact-equipment .gear-main-bust .gear-slot-art{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;flex:none}
.compact-equipment .gear-main-bust .gear-slot-art img{padding:0}
.gear-main-bust .gear-slot>div:last-child{position:absolute;left:2px;right:2px;bottom:1px;background:#08100dcc;border-radius:2px;pointer-events:none}
.compact-equipment .gear-main-bust .gear-slot small{font-size:7px;line-height:9px;letter-spacing:.2px}
.compact-equipment:has(.gear-main-bust) .inventory-slots{grid-template-columns:repeat(5,var(--gear-cell));grid-auto-rows:var(--gear-cell);justify-content:start;gap:3px;align-content:start}
.compact-equipment:has(.gear-main-bust) .inventory-cell{width:var(--gear-cell);height:var(--gear-cell);padding:4px}
.gear-main-bust .gear-slot-art .gear-item-count{bottom:8px}
@media(max-width:700px){
 .compact-equipment:has(.gear-main-bust){--gear-cell:clamp(14px,3.7vw,25px)}
 .compact-equipment .gear-main-bust .gear-slot,.compact-equipment .gear-main-bust .gear-art-bottom>.gear-slot,.compact-equipment:has(.gear-main-bust) .inventory-cell{padding:1px}
 .compact-equipment .gear-main-bust .gear-slot small{font-size:5px;line-height:6px;letter-spacing:0}
 .gear-main-bust .gear-slot-art .gear-item-count{bottom:5px}
}
/* Tighter Equipment panel, raised accessories, and one continuous lower shadow. */
@media(min-width:1101px){
 .compact-equipment:has(.gear-main-bust){grid-template-columns:minmax(0,1.5fr) minmax(0,1.15fr) minmax(0,1.15fr)}
}
.gear-main-bust .gear-art-stage{background:radial-gradient(ellipse at 50% 38%,#31553b 0%,#203f2b 46%,#142d20 100%)}
.gear-main-bust .gear-art-stage::after{content:'';position:absolute;z-index:-1;inset:0;background:var(--gear-hero-art,url('hero-art/forest-ranger-bust.webp')) center top/auto 100% no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 78%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 9%,#000 72%,transparent 100%);mask-composite:intersect;pointer-events:none}
.gear-main-bust .gear-art-stage::before{content:'';position:absolute;z-index:0;inset:auto 0 0;height:28%;background:linear-gradient(180deg,transparent,#10291b66 62%,#0d2118b3 100%);border-radius:0 0 5px 5px;pointer-events:none}
.gear-main-bust .gear-art-side,.gear-main-bust .gear-art-bottom{position:relative;z-index:1}
.gear-main-bust .gear-character-caption{bottom:25px;background:none;text-shadow:0 1px 4px #000,0 0 8px #000}
.gear-main-bust .gear-art-bottom{transform:translateY(-24px)}
.gear-main-bust .gear-art-bottom{pointer-events:none}
.gear-main-bust .gear-art-bottom>.gear-slot{pointer-events:auto}
@media(max-height:760px){
 .gear-main-bust .gear-art-bottom{transform:translateY(-14px)}
 .gear-main-bust .gear-character-caption{bottom:15px}
}
@media(max-width:700px){
 .gear-main-bust .gear-art-bottom{transform:translateY(-10px)}
 .gear-main-bust .gear-character-caption{bottom:11px}
}
/* Restore the earlier large art scale, keeping bag and worn slots equal. */
.compact-equipment:has(.gear-main-bust){--gear-cell:clamp(28.8px,min(5.76vw,9vh),93.6px)}
.compact-equipment:has(.gear-main-bust) .inventory-slots{grid-template-columns:repeat(4,var(--gear-cell))}
@media(max-width:1100px){
 .compact-equipment:has(.gear-main-bust) .inventory-slots{grid-template-columns:repeat(3,var(--gear-cell))}
}
@media(max-width:700px){
 .compact-equipment:has(.gear-main-bust){--gear-cell:clamp(18px,5.58vw,36px)}
 .compact-equipment:has(.gear-main-bust) .inventory-slots{grid-template-columns:repeat(3,var(--gear-cell));gap:2px;padding:2px}
}
/* Five-column bag owns its width; details keep their width; Equipment takes the remainder. */
.compact-equipment:has(.gear-main-bust){--gear-details-width:clamp(230px,27.78vw,493px);grid-template-columns:minmax(0,1fr) var(--gear-bag-width,calc(5 * var(--gear-cell) + 48px)) var(--gear-details-width)}
.compact-equipment:has(.gear-main-bust) .gear-picker>.inventory-slots{flex:1;min-height:0;grid-template-columns:repeat(5,var(--gear-cell));grid-auto-rows:var(--gear-cell);align-content:start;gap:3px;padding:4px;margin:0;overflow:hidden}
.compact-equipment:has(.gear-main-bust) .gear-picker .inventory-cell{border-radius:0;border-color:#778879;background:#0b1412;box-shadow:none}
.compact-equipment:has(.gear-main-bust) .gear-picker>.gear-pagination{flex:none;margin-top:10px}
@media(max-width:900px){
 .compact-equipment:has(.gear-main-bust){--gear-cell:clamp(12px,3.1vw,28px);grid-template-columns:minmax(0,1fr) var(--gear-bag-width,calc(5 * var(--gear-cell) + 22px)) minmax(0,.9fr)}
 .compact-equipment:has(.gear-main-bust)>.gear-picker{padding:4px}
}
/* Verdant Gold item sockets: eight cut corners, warm metal rim, forest-green interior. */
:is(.gear-slot,.inventory-cell,.explorer-icon,.trade-card,.codex-tile){--item-cut:9%;position:relative;isolation:isolate;clip-path:polygon(var(--item-cut) 0,calc(100% - var(--item-cut)) 0,100% var(--item-cut),100% calc(100% - var(--item-cut)),calc(100% - var(--item-cut)) 100%,var(--item-cut) 100%,0 calc(100% - var(--item-cut)),0 var(--item-cut));border-radius:0!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important}
:is(.gear-slot,.inventory-cell,.explorer-icon,.trade-card,.codex-tile)::before,:is(.gear-slot,.inventory-cell,.explorer-icon,.trade-card,.codex-tile)::after{content:'';position:absolute;z-index:-1;pointer-events:none;clip-path:polygon(9% 0,91% 0,100% 9%,100% 91%,91% 100%,9% 100%,0 91%,0 9%)}
:is(.gear-slot,.inventory-cell,.explorer-icon,.trade-card,.codex-tile)::before{inset:0;background:linear-gradient(135deg,#fff2b5 0%,#b47a2e 20%,#f5d77d 45%,#8e5e21 72%,#ffe7a1 100%)}
:is(.gear-slot,.inventory-cell,.explorer-icon,.trade-card,.codex-tile)::after{inset:2px;background:radial-gradient(ellipse at 45% 28%,#31563a,#172f20 65%,#0d2016);box-shadow:inset 0 0 0 1px #e5c87a38,inset 0 2px 8px #0007}
:is(.inventory-cell.empty-cell,.trade-empty-slot)::before{opacity:.48}
:is(.inventory-cell.selected,.gear-slot.focused,.explorer-icon.selected,.codex-tile.selected)::before{background:linear-gradient(135deg,#fff9d4,#e4b94d 32%,#fff1ab 55%,#b37a28 78%,#fff5c6)}
:is(.inventory-cell.selected,.gear-slot.focused,.explorer-icon.selected,.codex-tile.selected)::after{background:radial-gradient(ellipse at 45% 28%,#48663d,#24492d 66%,#15301e)}
.inventory-level{left:6px;top:4px}.inventory-count{right:6px;bottom:4px}
/* Concept 08 trial: Emerald Tactics. Geometry stays owned by the fitted Equipment layout. */
:is(.gear-slot,.inventory-cell,.explorer-icon,.trade-card,.codex-tile){clip-path:none;border-radius:10px!important}
:is(.gear-slot,.inventory-cell,.explorer-icon,.trade-card,.codex-tile)::before,:is(.gear-slot,.inventory-cell,.explorer-icon,.trade-card,.codex-tile)::after{clip-path:none;border-radius:inherit}
:is(.gear-slot,.inventory-cell,.explorer-icon,.trade-card,.codex-tile)::before{background:linear-gradient(140deg,#a2c8b7,#4d8b7c 45%,#2e6258 75%,#83b6a4)}
:is(.gear-slot,.inventory-cell,.explorer-icon,.trade-card,.codex-tile)::after{background:radial-gradient(ellipse at 45% 25%,#24574b,#123d35 66%,#092c28);box-shadow:inset 0 1px 0 #c5eadc22,inset 0 -2px 4px #041d1a80}
.gear-slot::before,:is(.inventory-cell.selected,.gear-slot.focused,.explorer-icon.selected,.codex-tile.selected)::before{background:linear-gradient(145deg,#fff1af,#cf9e3c 38%,#f6d77d 67%,#a87727)}
:is(.inventory-cell.selected,.gear-slot.focused,.explorer-icon.selected,.codex-tile.selected)::after{background:radial-gradient(ellipse at 45% 25%,#346e50,#1b4d39 66%,#10352b)}
.explorer-icon::after,.explorer-icon.selected::after{background:var(--inventory-item-background)}
.equipment-modal .sheet{background:linear-gradient(145deg,#123f38,#092d2a 75%);border-color:#d8bd6e;border-radius:13px;box-shadow:inset 0 0 0 2px #689b7955,0 18px 60px #0008}
.equipment-modal .sheet-head{background:transparent!important;border-color:#c5bc7859}
.equipment-modal .sheet-head h2,.equipment-modal .gear-inspector h3,.equipment-modal .gear-hero h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#fff6d7}
.equipment-modal .gear-main,.equipment-modal .gear-picker,.equipment-modal .gear-inspector,.equipment-modal .gear-skills{background:linear-gradient(145deg,#123e37,#082b29);border-color:#c7b66a9c;border-radius:11px;box-shadow:inset 0 1px 0 #d2eacb1a}
.equipment-modal .gear-section-title{color:#f7e9b8}
.equipment-modal .gear-main-bust .gear-art-stage{background:radial-gradient(ellipse at 50% 38%,#2c6548,#174d3c 55%,#0b3932);border-radius:8px}
.equipment-modal .gear-main-bust .gear-art-stage::before{background:linear-gradient(180deg,transparent,#0f3d3166 65%,#0b332db3)}
.equipment-modal .gear-all-stats{border-color:#79ac8b55;background:#0b302b66}
.equipment-modal .gear-stat-table>div{border-color:#639e7d24}
.equipment-modal .gear-stat-table span,.equipment-modal .gear-inspector p{color:#c6dbca}
.equipment-modal .inventory-slots{background:#062a27;border-color:#6d9f88}
.equipment-modal button.gold,.equipment-modal .gear-equip{background:linear-gradient(180deg,#48b95e,#13963b 70%,#087b31);border-color:#f1d580;border-radius:10px;box-shadow:inset 0 1px 0 #c0f8ac66,0 2px 4px #0005;color:#fff9dd;text-shadow:0 1px 2px #104e24}
.equipment-modal input{background:#082d29;border-color:#64988070}
@media(max-width:700px){:is(.gear-slot,.inventory-cell,.explorer-icon,.trade-card,.codex-tile){border-radius:5px!important}}
/* Filled equipment slots show the item only; empty slots retain their category prompt. */
.equipment-modal .gear-slot:not(.gear-slot-empty)>div:last-child{display:none}
.equipment-modal .gear-main-bust .gear-slot:not(.gear-slot-empty) .gear-item-count{bottom:0}