/* Shared terminal surfaces: restrained depth, legible selection and event feedback. */
:root{--surface-rim:#d6b65c22;--surface-inset:#00000032;--focus-ring:#a7d9c7}
.panel{background-image:linear-gradient(135deg,#e2d6a503,transparent 40%);box-shadow:0 7px 20px #0000001c,inset 0 1px var(--surface-rim)}
.pbar{background:linear-gradient(90deg,#101912,#1b231ccf);box-shadow:inset 0 -1px #d6b65c12;letter-spacing:.1em}
.hdr{box-shadow:0 8px 24px #0003,inset 0 1px #e3bd7140;background-image:linear-gradient(115deg,#c9a4570c,transparent 40%,#83bba306)}
.hdr .st .k{color:var(--dim);letter-spacing:.15em}.hdr .v{font-variant-numeric:tabular-nums;text-shadow:0 1px 6px #0005}
button,a,input,select,summary{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
.hb,.bank-cell,.skt,.gs,.tab{transition:background-color .14s,border-color .14s,box-shadow .14s}
.hb:active:not(:disabled){transform:translateY(1px)}
@media(hover:hover){.hb:hover:not(:disabled),.tab:hover{box-shadow:inset 0 0 0 1px #d8c57c35;background-image:linear-gradient(#dbc7810c,#dbc7810c)}.bank-cell:hover,.gs.on:hover{border-color:var(--teal);background-image:radial-gradient(ellipse at center,#83c4a31c,transparent 75%)}.hunt-card:hover,.reward-card:hover{box-shadow:0 7px 18px #0003,inset 0 1px #e2c47745}}
.bank-cell{background-image:linear-gradient(145deg,#ffffff04,#0000000c);box-shadow:inset 0 1px #d2d0a307}.bank-cell>b{font-variant-numeric:tabular-nums;text-shadow:1px 1px #000}
.skt{background-image:linear-gradient(140deg,#ffffff04,transparent);position:relative}.skt.on{border-color:var(--c);box-shadow:inset 0 0 20px color-mix(in srgb,var(--c) 8%,transparent)}.skt.on .skn{color:var(--c)}.skt .bar3{background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#b0b39912 calc(10% - 1px),#b0b39912 10%)}
.skt.on .bar3>i{box-shadow:0 0 7px color-mix(in srgb,var(--c) 35%,transparent)}
.bar3,.hpbar,.xpbar{box-shadow:inset 0 1px 3px #0005}.hunt-card,.hunt-shop-card,.reward-card{background-image:radial-gradient(ellipse at 0 0,#d3b66509,transparent 65%)}
.hunt-accept,.hunt-shop-card>.hb.up{box-shadow:inset 0 1px #b3d27a12;letter-spacing:.06em}
#players-online{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;color:var(--teal);white-space:nowrap}#players-online::before{content:'';height:4px;width:4px;background:currentColor;box-shadow:0 0 5px currentColor;border-radius:50%}
.hearth-heat{display:flex!important;flex-direction:column;align-items:stretch!important;gap:5px!important;width:132px;padding:3px 0}.hearth-heat>span{display:flex;justify-content:space-between;align-items:baseline;color:var(--dim);font-size:9px;letter-spacing:.1em}.hearth-heat b{color:#f3be70!important;font-size:16px}.hearth-heat b small{font-size:9px;color:var(--dim);font-weight:normal;letter-spacing:0}.hearth-heat-track{display:block;position:relative;height:10px;border:1px solid #93794a65;background:#120f0b;box-shadow:inset 0 1px 4px #000;overflow:hidden}.hearth-heat-track>i{position:absolute;inset:1px auto 1px 1px;width:calc((100% - 2px)*var(--heat));background:linear-gradient(90deg,#91532e,#d9853d 55%,#f5d285);box-shadow:0 0 9px #ea8b32;transition:width .6s ease-out}.hearth-heat-track::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#150f0a99 calc(10% - 1px),#150f0a99 10%)}
.hearth-heat.maximum .hearth-heat-track{border-color:#e8ac54;animation:hearth-ember 3.5s ease-in-out infinite}.hearth-heat.maximum b{color:#ffe0a3!important;text-shadow:0 0 9px #e7924c70}
@keyframes hearth-ember{0%,100%{box-shadow:0 0 3px #ce6c2520}50%{box-shadow:0 0 12px #dc872747}}
.guest-milestone{border-top:2px solid #dcba6b!important;background-image:radial-gradient(ellipse at top,#d8b45b16,transparent 65%)!important}.account-card p{line-height:1.65}.account-card button{min-height:42px}
.account-card [role=status]::before{content:'';display:inline-block;width:6px;height:6px;background:#a7d9c7;margin-right:9px;box-shadow:0 0 7px #a7d9c766}
@media(max-width:600px){.hearth-heat{width:110px}.hunt-strip{align-items:center}.hunt-strip>span{min-height:24px}.pbar{letter-spacing:.07em}.hunt-nav .hb{min-height:44px}.hunt-shop-nav .hb{min-height:40px}}
@media(prefers-reduced-motion:reduce){.hearth-heat.maximum .hearth-heat-track{animation:none}.hb,.bank-cell,.skt,.gs,.tab,.hearth-heat-track>i{transition:none}.hb:active:not(:disabled){transform:none}}
/* Closed popovers must not participate in mobile overflow calculations. */
#path-menu:not([open])>.journey-panel{display:none!important}
#skgrid .skt{min-width:0}#skgrid .skn{min-width:0}#skgrid .skl{white-space:nowrap}
.cc-details>summary{padding:9px 0;cursor:pointer}.cc-details[open]{padding-bottom:10px}.cc-details .dim{display:block;line-height:1.6;margin-top:10px;font-size:10px}
@media(max-width:600px){
 #skgrid .skt{grid-template-columns:minmax(0,1fr);gap:6px;padding:9px 5px}
 #skgrid .skn{font-size:8px;gap:3px;white-space:nowrap}
 #skgrid .skl{font-size:11px;justify-self:end;line-height:1.5}
 #skgrid .skt.on:after{right:5px;top:auto;bottom:7px;width:3px;height:3px}
 [data-view=skills]>.pbar{flex-wrap:wrap;gap:8px}
 [data-view=skills]>.pbar .m{order:4;flex-basis:100%;margin:0}
 #path-menu[open]>.journey-panel{width:calc(100vw - 24px);box-sizing:border-box}
 .cc-bonuses>span{gap:8px}.cc-bonuses b{overflow-wrap:anywhere}
}
body[data-v=pick][data-combat-section=slayerdungeons] .loadout-panel{display:none!important}
body[data-v=pick][data-combat-section=slayerdungeons] .adv{grid-template-columns:minmax(0,1fr);max-width:1250px}
body[data-v=pick][data-combat-section=slayerdungeons] .adv [data-view=pick]{grid-column:1/-1}
.slayer-hunt>.hb{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.5}

/* One available minigame: give Barrows the full gallery frame. */
#acts .minigame-lobby{grid-template-columns:minmax(0,1fr)}
#acts .minigame-lobby>.barrows{width:min(100%,760px);justify-self:center;text-align:center;min-height:0}
#acts .minigame-lobby>.barrows .brothers-art{justify-content:center}
#acts .minigame-lobby>.siege,#acts .minigame-lobby>.delve,#acts .minigame-lobby>.duel{display:none!important}
.reward-card:has([data-starter]){display:none}
/* Selected actions read as controls, with feedback confined to actual events. */
.recipe-card.current,.hunt-card:has(.hunt-accept:focus-visible){border-color:var(--teal);box-shadow:inset 3px 0 var(--teal),0 4px 16px #0003}
.cc-spec{box-shadow:inset 0 1px #e4e99840,0 2px 8px #0005}
.bank-cell:focus-visible,.skt:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
@media(max-width:600px){.combat-production .arena.fight{min-height:225px;padding-top:18px;padding-bottom:18px}.combat-production .stghead{padding-bottom:10px}.combat-production .hud>span{padding:8px 6px}.combat-production .hud b{font-size:15px}.combat-production .hud{margin-top:8px}}