/* P11: outdoor surfaces only; in-run loot, extraction and combat keep P10 styling. */
.realm-battlefield,.bf-inventory[data-inventory-mode="warehouse"],.bf-exchange{--bf-ink:#204e4c;--bf-paper:#eef0df;--bf-line:#a8b8a2;--bf-gold:#b6a36b;--bf-teal:#204e4c;--bf-soft:#cedbcb}
#game-root .realm-battlefield:not([hidden]),.bf-inventory[data-inventory-mode="warehouse"],.bf-exchange{background:linear-gradient(180deg,#edf0e2f5,#d2dfd1ed),url('../assets/images/scenes-v1/dungeon-01.webp') center/cover;color:var(--bf-ink)}
#game-root .realm-battlefield:not([hidden]){border:1px solid var(--bf-line);padding:14px 12px 12px;gap:0}
#game-root .realm-battlefield__header{grid-template-columns:72px minmax(0,1fr) 72px;padding-bottom:10px;border-bottom:1px solid #adbb9e80}
#game-root .realm-battlefield__header h2{font-size:25px;letter-spacing:2px}
#game-root .realm-battlefield__header button{min-height:44px;font-size:13px}
#game-root .realm-battlefield__story{font-size:12px;color:#516b60!important;margin:10px 0 13px;max-width:350px}
#game-root .realm-battlefield__modes{width:300px;max-width:96%;border-radius:8px;background:#eaf0e0a0}
#game-root .realm-battlefield__modes button{font-size:15px;min-height:44px}
#game-root .realm-battlefield__selector{max-width:400px;flex:1 0 260px;min-height:260px;gap:8px;grid-template-columns:30px minmax(0,1fr) 30px;margin:14px 0 12px}
#game-root .realm-battlefield__selector>button{width:30px;min-height:48px;font-size:28px}
#game-root .realm-battlefield__card{min-height:260px;max-height:420px;border-width:1px;border-radius:13px;box-shadow:inset 0 0 0 3px #d8cd9b80,0 5px 14px #274b4222}
#game-root .realm-battlefield__portal{opacity:.65;box-shadow:0 0 18px #cdece780}
#game-root .realm-battlefield__card h3{font-size:36px;letter-spacing:5px}
#game-root .realm-battlefield__card strong{font-size:15px}
#game-root .realm-battlefield__card p{font-size:13px}
#game-root .realm-battlefield__actions{width:294px;max-width:calc(100% - 56px)}
#game-root .realm-battlefield__start{min-height:50px;font-size:22px}
#game-root .realm-battlefield__aux{gap:8px;margin-top:10px}
#game-root .realm-battlefield__aux button{min-height:44px;font-size:15px;border-color:var(--bf-line)}
#game-root .realm-battlefield__status:empty{display:none}
#game-root .realm-current-gear{display:none}
#game-root .realm-battlefield__balance{font-size:12px;color:#536b60!important;margin:10px 0 0;text-align:center}
.bf-inventory[data-inventory-mode="warehouse"],.bf-exchange{padding:16px 14px;gap:12px}
.bf-inventory[data-inventory-mode="warehouse"] header,.bf-exchange header{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr) 82px;gap:2px;align-items:center;min-height:56px;padding:0 0 10px;border-bottom:1px solid #adbb9e80}
.bf-inventory[data-inventory-mode="warehouse"] header h2,.bf-exchange header h2{grid-column:2;text-align:center;font-size:22px;white-space:nowrap;letter-spacing:1px;color:var(--bf-ink)!important}
.bf-inventory[data-inventory-mode="warehouse"] header [data-inv-close]{position:static;grid-column:1;grid-row:1;justify-self:start}
.bf-inventory[data-inventory-mode="warehouse"] [data-inv-capacity]{right:0;top:5px;font-size:11px}
.bf-inventory[data-inventory-mode="warehouse"] [data-inv-currency]{right:0;top:26px;font-size:12px}
.bf-exchange header span{grid-column:3;text-align:right;font-size:12px;white-space:nowrap}
.bf-inventory[data-inventory-mode="warehouse"] button:not(.bf-inventory__tile),.bf-exchange button{min-height:44px;border-radius:7px;border-color:var(--bf-gold);padding:8px 12px;background:var(--bf-teal)!important;color:#f6eed1!important;box-shadow:none}
.bf-inventory[data-inventory-mode="warehouse"] button:disabled,.bf-exchange button:disabled{opacity:.42;cursor:default;filter:saturate(.3)}
.bf-inventory[data-inventory-mode="warehouse"] h3{font-size:16px;letter-spacing:1px;margin:0 0 10px}
.bf-inventory[data-inventory-mode="warehouse"] .bf-inventory__body{gap:18px}
.bf-inventory[data-inventory-mode="warehouse"] .bf-inventory__slots{width:228px;max-width:78%;gap:14px}
.bf-inventory[data-inventory-mode="warehouse"] .bf-inventory__icon{border:1px solid #a6b89d;border-radius:8px;background:linear-gradient(150deg,#f2f3e6,#cddbc9);box-shadow:inset 0 0 0 2px #eef0df90}
.bf-inventory[data-inventory-mode="warehouse"] .bf-inventory__icon svg{width:65%;height:65%;filter:none}
.bf-inventory[data-inventory-mode="warehouse"] .bf-inventory__list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:2px 4px 2px 2px;scrollbar-width:thin;scrollbar-color:#9eae97 transparent}
.bf-inventory[data-inventory-mode="warehouse"] .bf-inventory__list::-webkit-scrollbar{width:5px}
.bf-inventory[data-inventory-mode="warehouse"] .bf-inventory__list::-webkit-scrollbar-thumb{background:#9eae97;border-radius:8px}
.bf-inventory[data-inventory-mode="warehouse"] .bf-inventory__list .bf-inventory__icon{width:100%;max-width:70px}
.bf-inventory[data-inventory-mode="warehouse"] .bf-inventory__name{font-size:12px;line-height:20px;min-height:20px}
.bf-inventory[data-inventory-mode="warehouse"] .bf-inventory__empty{font-size:19px;opacity:.22}
.bf-inventory[data-inventory-mode="warehouse"] footer{border-top:1px solid #adbb9e80;padding-top:10px}
.bf-inventory[data-inventory-mode="warehouse"] :is(.bf-inventory__detail,.bf-inventory__sale)>div,.bf-exchange__confirm>div{width:calc(100% - 40px);max-width:310px;box-sizing:border-box;padding:20px 16px;text-align:center;background:#edf0df;border:1px solid #b6a36b}
.bf-inventory[data-inventory-mode="warehouse"] :is(.bf-inventory__detail,.bf-inventory__sale) button,.bf-exchange__confirm button{margin:6px;min-width:80px}
.bf-exchange{gap:0}
.bf-exchange__columns,.bf-exchange article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr) 72px;gap:4px;align-items:center;text-align:center}
.bf-exchange__columns{padding:13px 8px 10px;font-size:12px;color:#617667;border-bottom:1px solid var(--bf-line);margin-top:12px}
.bf-exchange__columns>span:first-child,.bf-exchange article h3{text-align:left}
.bf-exchange__list{display:block;flex:0 1 auto;overflow:auto;border:1px solid #a8b8a280;border-top:0;border-radius:0 0 9px 9px;background:#eef0dfaa}
.bf-exchange article{padding:10px 7px;border:0;border-bottom:1px solid #b4c1aa70;border-radius:0;background:transparent}
.bf-exchange article:last-child{border-bottom:0}
.bf-exchange article h3{font-size:16px;margin:0;color:var(--bf-ink)!important;font-weight:normal}
.bf-exchange article span{font-size:13px;white-space:nowrap}
.bf-exchange article button{padding:8px 5px;font-size:13px;white-space:nowrap}
.bf-exchange footer{margin-top:12px}
.bf-exchange__confirm p:empty{display:none}
@media(max-width:370px){.bf-inventory[data-inventory-mode="warehouse"],.bf-exchange{padding:12px 10px}.bf-inventory[data-inventory-mode="warehouse"] header h2,.bf-exchange header h2{font-size:20px}.bf-exchange__columns,.bf-exchange article{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr) 65px;gap:2px}#game-root .realm-battlefield__header h2{font-size:23px}}

/* P11-2: compact seasonal catalog; currency unit belongs in the header. */
.bf-exchange > header {grid-template-columns:65px minmax(0,1fr) 130px;}
.bf-exchange > header > span {font-size:12px;white-space:nowrap;}
.bf-exchange__season {margin:0 0 6px;text-align:right;font-size:12px;opacity:.75;}
.bf-exchange__columns,.bf-exchange__list > article {grid-template-columns:minmax(76px,1fr) 42px minmax(65px,.85fr) 72px;}
@media(max-width:370px){.bf-exchange > header {grid-template-columns:55px minmax(0,1fr) 120px;}.bf-exchange > header > span {font-size:11px;}.bf-exchange__columns,.bf-exchange__list > article {grid-template-columns:minmax(65px,1fr) 34px 65px 65px;gap:2px;}.bf-exchange__list h3{font-size:14px;}}

.bf-exchange > header > button {white-space:nowrap;padding:8px 9px;}
/* Realm lobby: jade plaques for secondary actions; gold remains the start action. */
#game-root .realm-battlefield :is(.realm-battlefield__header,.realm-battlefield__aux)>button{
  position:relative;isolation:isolate;appearance:none;box-sizing:border-box;
  border:1px solid #b8a56f!important;border-radius:8px!important;
  background:linear-gradient(145deg,#2c6261 0%,#1c4e50 55%,#163f43 100%)!important;
  color:#f2e6bd!important;font-family:inherit;line-height:1.25;white-space:nowrap;
  box-shadow:inset 0 0 0 2px #d6c58e24,inset 0 1px 0 #fff1bc42,0 2px 3px #173d3a20!important;
  text-shadow:0 1px 1px #092d32;cursor:pointer;
}
#game-root .realm-battlefield .realm-battlefield__header>button{min-height:40px;padding:8px 5px;font-size:13px;letter-spacing:.5px}
#game-root .realm-battlefield .realm-battlefield__aux>button{min-height:42px;padding:8px 10px;font-size:15px;letter-spacing:2px}
#game-root .realm-battlefield :is(.realm-battlefield__header,.realm-battlefield__aux)>button::after{
  content:'';position:absolute;inset:4px;border-inline:1px solid #d5c28c66;border-radius:3px;pointer-events:none;
}
#game-root .realm-battlefield :is(.realm-battlefield__header,.realm-battlefield__aux)>button:active:not(:disabled){
  background:linear-gradient(145deg,#173e42,#245856)!important;box-shadow:inset 0 2px 4px #0a292d66!important;
}
#game-root .realm-battlefield :is(.realm-battlefield__header,.realm-battlefield__aux)>button:focus-visible{outline:2px solid #b89646;outline-offset:3px}
@media(hover:hover){#game-root .realm-battlefield :is(.realm-battlefield__header,.realm-battlefield__aux)>button:hover:not(:disabled){border-color:#ddc58d!important;background:linear-gradient(145deg,#376f6c,#205458)!important}}
#game-root .realm-battlefield__card .realm-battlefield__level{position:absolute;top:0;left:0;right:0;margin:0;padding:15px 6px 25px;text-align:center;z-index:1;background:linear-gradient(#123c42c9,transparent);font-size:32px;letter-spacing:4px}
#game-root .bf-inventory__gear-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#game-root .bf-inventory__gear-heading h3{margin:0}
#game-root .bf-inventory[data-inventory-mode="warehouse"] button[data-inv-power]{min-height:32px;padding:3px 9px;font-size:15px;white-space:nowrap;border:1px solid #ab995e;border-radius:7px;background:#e4e8d5!important;color:#19494b!important;box-shadow:none}
#game-root [data-inv-power-detail]{font-size:12px;line-height:1.6;color:#466363;margin:0 0 10px}