/* Painted brass, blue cloth and readable numbers: one visual language across menus. */
.fantasy-icon{display:inline-block;width:36px;height:36px;flex:0 0 36px;background:url('/art/interface/navigation-v2.webp') var(--icon-x) var(--icon-y)/400% 400% no-repeat;vertical-align:middle;filter:drop-shadow(0 2px 2px #0009)}
.shell .painted-page-heading{background:linear-gradient(90deg,#0c1526ed 0%,#0c1526bf 36%,#0c15262e 85%),var(--page-art) center/cover!important;isolation:isolate;position:relative;min-height:138px;border:1px solid #ba9b6040;border-radius:5px;box-shadow:inset 0 1px #dac79d12;overflow:hidden;padding:22px 26px!important}
.shell .painted-page-heading :is(h1,h2,p,strong,small){text-shadow:0 2px 4px #000b}
.shell .painted-page-heading .menu-illustration{display:none}
.shell .handbook-category-painting{opacity:.34;mask-image:linear-gradient(90deg,transparent 0%,#000 60%)}
.shell .handbook-category-label{position:relative;z-index:1}
.guild-level-crest{position:relative;isolation:isolate}.guild-level-crest>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.guild-level-crest>strong{position:absolute!important;inset:52% 0 auto!important;transform:none!important;text-align:center;line-height:1;font-size:1.75rem;text-shadow:0 2px 3px #000}
.guild-directory .guild-level-crest>strong{font-size:1.0625rem}
.realm-wallet{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:116px;color:#f0ca76;font:600 .75rem/1.35 system-ui;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.realm-wallet>span,.realm-wallet>button{display:flex;align-items:center;gap:7px;white-space:nowrap;min-height:23px}
.realm-wallet .wallet-crowns{padding:0;background:none;border:0;box-shadow:none;color:#bdcaff;font:inherit;cursor:pointer;min-width:0}
.realm-wallet .fantasy-icon{width:24px;height:24px;flex-basis:24px}
.realm-wallet .wallet-crowns:focus-visible{outline:2px solid #ddbd78;outline-offset:3px}
.gold-coin{display:inline-grid;place-items:center;width:18px;height:14px;border-radius:50%;border:1px solid #ffda70;color:#fff4be;line-height:1;font-size:12px;box-shadow:0 2px 0 #966011,inset 0 0 0 2px #ad6f15,0 2px 5px #0009;background:linear-gradient(155deg,#fff1a7,#edbd42 45%,#936418)}
.realm-wallet .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shell .topbar>.realm-wallet{justify-self:end;grid-column:2;grid-row:1}
.nav-boss-backdrop{display:none;pointer-events:none}
.shell .nav-brand-emblem{display:none}
.battle-kill-progress{display:block;color:#e3c28a;font:600 .6875rem/1.5 system-ui;margin-top:5px;font-variant-numeric:tabular-nums}
.shell .zone-badge{position:relative;top:0;left:0;transform:none;width:100%;max-width:100%;box-sizing:border-box;padding:9px 14px;white-space:normal}
.shell .zone-badge>span:first-child{font-size:1.125rem}.shell .zone-badge>small{font-size:.6875rem}
.shell .battle-minimap{position:absolute;z-index:8;right:14px;top:12px;width:138px;padding:0;background:none;border:0;box-shadow:none;overflow:visible}
.shell .minimap-open{position:relative;display:block;width:100%;padding:0;border:0;box-shadow:none;background:none;color:#efd7a9;cursor:pointer}
.shell .battle-minimap h2{position:absolute;z-index:2;top:0;left:-5px;right:-5px;border:1px solid #b3965c;border-radius:3px;background:linear-gradient(#243044,#111925);font:600 .625rem/1.25 system-ui;padding:4px 2px;margin:0;text-align:center;box-shadow:0 2px 5px #0008}
.shell .battle-minimap .minimap{display:block;width:138px;height:138px;aspect-ratio:1;margin:10px 0 0;border:3px solid #b29c68;border-radius:50%;overflow:hidden;background:#121a28;box-shadow:0 0 0 2px #293643,inset 0 0 0 2px #1b2530,0 4px 12px #0009}
.shell .battle-minimap #minimap{position:relative;inset:auto;width:100%;height:100%;background:#121a28;border-radius:50%;overflow:hidden}
.shell .battle-minimap #minimap>svg{width:100%;height:100%;object-fit:contain}
.minimap-north{position:absolute;top:18px;left:calc(50% - 5px);font:bold 11px Georgia;color:#ffe6a7;text-shadow:0 1px 3px #000}
.minimap-expand{position:absolute;right:0;bottom:2px;display:grid;place-items:center;width:26px;height:26px;border:1px solid #b89c60;border-radius:50%;background:#152334;color:#f2da9b;font-size:21px;box-shadow:0 2px 4px #0009}
.shell .battle-orders-menu{margin:10px 12px 0!important;padding:0!important;border:0!important;background:none!important}
.shell .battle-orders-menu>summary{font-size:.75rem;min-height:36px;display:flex;align-items:center;gap:6px;cursor:pointer;color:#d7c496}
.shell .battle-orders-menu>summary:before{content:'▸'}.shell .battle-orders-menu[open]>summary:before{content:'▾'}
.shell .field-controls>.field-progress{display:none}
.shell .guild-hunt-section{padding:0!important;border:0!important;overflow:hidden}
.guild-hunt-heading{min-height:125px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px;background:linear-gradient(90deg,#0c1425ed,#0c142588),var(--hunt-art) center/cover;border-bottom:1px solid #c7aa6750}
.guild-hunt-heading .fantasy-icon{float:left;width:48px;height:48px;margin-right:12px}
.guild-hunt-heading p{font-size:.5625rem;margin:0 0 4px}.guild-hunt-heading h2{font:1.25rem Georgia;margin:0}.guild-hunt-heading>strong{text-align:right;white-space:nowrap}.guild-hunt-heading>strong>b{font:1.75rem Georgia;color:#f3d597}.guild-hunt-heading>strong>small{display:block;font:.625rem system-ui;color:#c4cbd3;margin-top:4px}
.shell .guild-page .guild-hunt-milestones{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px 10px}
.shell .guild-page .guild-hunt-milestones>article{display:flex;gap:10px;align-items:center;border:0;padding:0}
.hunt-reward-art{flex:0 0 44px;display:grid;place-items:center;width:44px;height:56px;background:radial-gradient(#c9a8641c,transparent);filter:grayscale(.3)}.hunt-reward-art .fantasy-icon{width:48px;height:48px;flex-basis:48px}
.is-complete .hunt-reward-art{filter:drop-shadow(0 0 5px #bfe5a466)}
.shell .guild-page .guild-hunt-milestones>article>div{flex:1;min-width:0}.shell .guild-hunt-milestones h3{font:600 .8125rem system-ui;margin:0 0 5px}
.hunt-gold{font-size:.75rem;color:#e5c781;white-space:nowrap}.hunt-gold>.gold-coin{vertical-align:middle;width:13px;height:10px;font-size:.5rem}.hunt-gold>small{display:block;font-size:.5625rem;color:#bdc4cf}
.guild-hunt-milestones progress{display:block;width:100%;height:6px;margin:10px 0 5px}.guild-hunt-milestones small{font:.625rem system-ui;color:#b3bdc9}
.guild-gather-task{display:flex;align-items:center;gap:12px;padding:16px 12px;background:linear-gradient(90deg,#4262511a,transparent);border-block:1px solid #b9a67529}
.guild-resource-art{flex:0 0 52px}.guild-resource-art .workshop-art{width:52px;height:52px}.guild-gather-task>div:nth-child(2){flex:1;min-width:0}.guild-gather-task h3{font:600 .875rem Georgia;margin:3px 0 8px}.guild-gather-task .eyebrow{font-size:.5625rem;margin:0;color:#adc7b1}.guild-gather-task progress{display:block;width:100%;height:6px;margin:6px 0}.guild-gather-task small{font-size:.625rem;color:#b7c3cf}.guild-hunt-rules{padding:8px 12px!important}.guild-hunt-rules p{font:.75rem/1.6 system-ui}
.shell .map-pin>.zone-pin-art{display:block;flex:0 0 46px;width:46px;height:46px;max-width:none;border:2px solid #c6aa69;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #1c2935,0 2px 6px #0009}
.shell .map-pin{gap:10px;background:linear-gradient(110deg,#111c2eed,#111c2ed9);border:1px solid #b7a47966;box-shadow:0 3px 9px #0008;border-radius:6px;min-height:62px}
.shell .map-pin.selected{border-color:#f0ce81;box-shadow:0 0 14px #d8b26655}.shell .map-pin.route-locked>.zone-pin-art{filter:saturate(.65)}
.shell .region-tabs{padding:0;border:0;border-bottom:1px solid #bda16966;background:#0d1625}.shell .region-tabs button{position:relative;background:linear-gradient(110deg,#233348,#111c2f);border:0;border-bottom:2px solid transparent;padding:14px 12px;min-height:60px}.shell .region-tabs button[aria-selected=true]{background:linear-gradient(110deg,#4a4230,#1e2b39);border-bottom-color:#dfbd75;box-shadow:none}.shell .region-tabs button small{font-size:.625rem;color:#b3c2cb}
@media(max-width:650px){.guild-hunt-heading{padding:14px;min-height:110px}.guild-hunt-heading h2{font-size:1.125rem}.guild-hunt-heading .fantasy-icon{width:36px;height:36px;margin-right:6px}.guild-hunt-heading>strong>b{font-size:1.4375rem}.shell .guild-page .guild-hunt-milestones{gap:8px;padding:14px 2px}.hunt-reward-art{flex-basis:26px;width:26px}.hunt-reward-art .fantasy-icon{width:34px;height:34px}.guild-gather-task{padding:14px 6px;gap:8px}.guild-resource-art{flex-basis:40px}.guild-resource-art .workshop-art{width:40px;height:40px}.guild-gather-task h3{font-size:.8125rem}.guild-gather-task>.hunt-gold{font-size:.6875rem}.shell .map-pin>.zone-pin-art{width:34px;height:34px;flex-basis:34px}.shell .map-pin{gap:6px}}
@media(min-width:1001px){
 .shell.mmo-shell.wayfarer-shell .topbar>nav{isolation:isolate;padding-top:12px;background:#101928}
 .shell .topbar>nav>*:not(.nav-boss-backdrop){position:relative;z-index:1}
 .nav-boss-backdrop{display:block;position:fixed;inset:0 auto 0 0;width:180px;overflow:hidden;z-index:0;background:linear-gradient(#0c152422,#0c152411 45%,#0c152444),url('/art/interface/sidebar-v1.webp') center/100% 100%}
 .nav-boss-portrait{position:absolute;top:38%;left:4%;width:92%;height:38%;object-fit:contain;opacity:.18;filter:saturate(.5);mask-image:linear-gradient(transparent,#000 14%,#000 75%,transparent)}
 .shell.mmo-shell>.topbar>nav .nav-button{gap:7px;padding:5px 6px;min-height:43px;background:transparent;border-color:transparent}
 .shell.mmo-shell>.topbar>nav .nav-button.active{background:linear-gradient(90deg,#b69a503d,#18283a96);border-color:#bd9e5266;box-shadow:inset 2px 0 #e5c483}
 .shell .nav-brand{padding:0 0 12px;margin-bottom:8px!important;min-height:112px;text-align:center}
 .shell .nav-brand-emblem{display:block;width:60px;height:60px;margin:0 auto 1px;border-radius:50%;filter:drop-shadow(0 0 9px #80acbd55)}
 .shell .nav-brand .brand-name{font:600 min(1.375rem,22px)/1.2 Georgia,serif;letter-spacing:.02em;color:#efdaaa;text-shadow:0 2px 2px #000,0 0 12px #dab36b44}
 .shell .nav-brand .wordmark{width:100%;max-width:none;margin:auto}
 .shell .nav-brand .alpha-phase-label{display:inline-block;font:600 .5rem/1.2 system-ui;letter-spacing:.16em;padding:2px 6px;margin-top:6px;background:#0c152488;border-color:#d2b67670}
 .shell .nav-brand>.nav-brand-rule{display:block;position:absolute;inset:auto 12px 0;height:1px;background:linear-gradient(90deg,transparent,#d6b771,transparent)}
 .shell .nav-brand>span:not(.nav-brand-rule),.shell .nav-brand .brand-tagline{display:none}
 .shell.mmo-shell .combat-grid{display:grid;grid-template-columns:minmax(15.5rem,20%) minmax(0,1fr);gap:0;height:auto;min-height:650px}
 .shell.mmo-shell .combat-grid>.right-rail{display:none}
 .shell .arena-column{min-width:0}.shell .battlefield{flex:1;min-height:440px}
 .shell .topbar>.realm-wallet{margin-right:4px}
}
/* 1001-1179 px: the party rail stays in the narrow first column and the battlefield gets the wide one (the phone rule in three-paths.css puts the arena first). */
@media(min-width:1001px) and (max-width:1179px){.shell.mmo-shell .combat-grid>.party-rail{order:0}.shell.mmo-shell .combat-grid>.arena-column{order:1}}
@media(max-width:760px){
 .shell .topbar>.realm-wallet{grid-column:1;grid-row:1;justify-self:start;margin-left:0}
 .shell .topbar>.wordmark{display:none}
 .fantasy-icon{width:26px;height:26px;flex-basis:26px}
 .shell .painted-page-heading{min-height:120px;padding:16px!important}
 .shell .battle-minimap{width:94px;right:8px;top:8px}.shell .battle-minimap .minimap{width:94px;height:94px;border-width:2px}.shell .battle-minimap h2{font-size:.5625rem;padding:3px 0}
 .minimap-north{top:16px;font-size:9px}.minimap-expand{width:22px;height:22px;font-size:18px}
 .shell .battle-orders-menu{margin:5px 8px!important}
}
/* Two frame weights keep the same metalwork throughout the realm. */
:root{--realm-trim:#9c8151;--realm-trim-dim:#635239;--realm-corner:linear-gradient(#c4a469,#c4a469)}
.realm-frame,.evermarch-entry .auth-form{position:relative;border:1px solid var(--realm-trim)!important;box-shadow:inset 0 0 0 3px #090f19,inset 0 0 0 4px #6c57364d,0 9px 28px #0003;border-radius:3px}
.realm-frame::after,.evermarch-entry .auth-form::after{content:"";position:absolute;inset:5px;pointer-events:none;z-index:2;border:1px solid #b4965838;background:var(--realm-corner) left top/28px 2px no-repeat,var(--realm-corner) left top/2px 28px no-repeat,var(--realm-corner) right top/28px 2px no-repeat,var(--realm-corner) right top/2px 28px no-repeat,var(--realm-corner) left bottom/28px 2px no-repeat,var(--realm-corner) left bottom/2px 28px no-repeat,var(--realm-corner) right bottom/28px 2px no-repeat,var(--realm-corner) right bottom/2px 28px no-repeat}
.realm-frame-light{border-color:#7e6c4659!important;border-inline-start:2px solid #ad8a4e8c!important;box-shadow:inset 0 1px #d7b97612;background-image:linear-gradient(110deg,#be984707,transparent 40%)}
.quest-menu .quest-grid{gap:10px}.quest-menu .quest-card{padding:18px 20px!important;border-radius:2px!important}.quest-menu .quest-location-art{border:1px solid #8d734844;box-shadow:0 3px 12px #0005}
.shell main>h2,.quest-menu>h2{display:flex;align-items:center;gap:16px}.shell main>h2::after,.quest-menu>h2::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#b69a6066,transparent)}
.path-lane-labels{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:8px;color:#acb9c9;font:10px/1.4 system-ui;letter-spacing:.09em;text-transform:uppercase;margin:10px 0 0}.path-connectors.optional-links path{stroke:#b39a6266;stroke-width:1.5;fill:none;stroke-dasharray:none}.path-branch-node.class-passive .path-art{filter:drop-shadow(0 0 7px #83a5ce55)}.path-branch-node.class-passive .path-node-rank{border-color:#8eaad1}.path-branch-node.class-passive>small{color:#bdd3ef}
@media(max-width:540px){.quest-menu .quest-card{padding:14px 12px!important}.path-lane-labels{font-size:8px;letter-spacing:0}.realm-frame::after,.evermarch-entry .auth-form::after{inset:4px}}
.realm-frame::after,.evermarch-entry .auth-form::after{inset:0;border:42px solid transparent;border-image:url('/art/interface/panel-frame-v1.webp') 18% / 42px / 0 stretch;background:none;clip-path:none}
@media(max-width:540px){.realm-frame::after,.evermarch-entry .auth-form::after{inset:0;border-image-width:28px}}


@media(max-width:540px){.realm-frame::after,.evermarch-entry .auth-form::after{inset:0;border-image-width:28px}}

.realm-frame::after,.evermarch-entry .auth-form::after{width:auto;height:auto;max-width:none;max-height:none;margin:0;transform:none;inset:0;display:block}

.guild-hunt-heading>div{flex:1;min-width:0;display:grid;grid-template-columns:48px 1fr;column-gap:12px;align-items:center}.guild-hunt-heading .fantasy-icon{float:none;grid-row:1 / 3;margin:0}.guild-hunt-heading p,.guild-hunt-heading h2{grid-column:2;width:auto}.guild-hunt-heading h2{align-self:start}
.shell .guild-upgrades-section{padding:20px!important}.shell .guild-members-section{padding:20px!important}
.realm-frame-light{position:relative}.realm-frame-light::after{content:"";position:absolute;inset:0;width:auto;height:auto;margin:0;transform:none;pointer-events:none;border:18px solid transparent;border-image:url('/art/interface/panel-frame-v1.webp') 18% / 18px / 0 stretch;z-index:2}
.world-map-scroll .world-map .map-pin{max-width:205px}.world-map-scroll .world-map .map-pin>span:not([aria-hidden]){min-width:0;word-break:normal;overflow-wrap:normal}
.battle-journal{display:inline-flex;align-items:center;gap:6px;margin-right:auto;position:relative}.battle-journal .fantasy-icon{width:28px;height:28px;flex-basis:28px}.quest-ready-badge{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;background:#cfaa57;color:#151821;font:bold .625rem system-ui;border-radius:10px;box-shadow:0 0 8px #cfaa5744;margin-left:5px}
.adventure-notices{position:fixed;right:18px;bottom:60px;width:min(360px,calc(100vw - 24px));z-index:110;display:grid;gap:10px;pointer-events:none}.adventure-notice{pointer-events:auto;position:relative;isolation:isolate;overflow:hidden;background:#0d1727;box-shadow:0 6px 28px #0009}.adventure-notice-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48;z-index:-2}.adventure-notice:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d1727f5,#0d172779);z-index:-1}.adventure-notice-copy{padding:22px}.adventure-notice .eyebrow{font-size:.5625rem;margin:0 36px 8px 0}.adventure-notice h3{font:1.375rem/1.2 Georgia;color:#f3d598;margin:0 36px 8px 0}.adventure-notice p{font-size:.75rem;margin:6px 0 12px}.adventure-notice small{display:block;color:#b5c2d3;font-size:.625rem;margin-top:10px}.adventure-notice .notice-close{position:absolute;right:8px;top:8px;width:32px;height:32px;min-height:32px;background:#101a29c9;border:0;color:#d6c18c;font-size:1.375rem;padding:0}.adventure-notice .red-button{min-height:40px}.adventure-notices:empty{display:none}
@media(max-width:540px){.adventure-notices{right:12px;bottom:70px}.adventure-notice-copy{padding:18px}.adventure-notice h3{font-size:1.25rem}.battle-journal{font-size:.6875rem}}
/* Boss Hunt discoveries and Party bag arrivals are compact toasts (what arrived, its View button, x), so they don't sit over the fight. Release polish (14 Oct): at every width; the full desktop cards covered the enemy cards and the Equipped items panel. */
@media all{.adventure-notices{gap:6px}.adventure-notice:is([data-adventure-notice="hunt"],[data-adventure-notice="supply"]) .adventure-notice-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;min-height:56px;padding:6px 50px 6px 12px}.adventure-notice:is([data-adventure-notice="hunt"],[data-adventure-notice="supply"]) :is(.eyebrow,h3,p){grid-column:1;min-width:0;margin:0;font-size:.8125rem;line-height:1.25}.adventure-notice:is([data-adventure-notice="hunt"],[data-adventure-notice="supply"]) .eyebrow{font-size:.5625rem;letter-spacing:.06em}.adventure-notice[data-adventure-notice="supply"] .eyebrow,.adventure-notice[data-adventure-notice="hunt"] p:not(.eyebrow){display:none}.adventure-notice:is([data-adventure-notice="hunt"],[data-adventure-notice="supply"]) button.secondary{grid-column:2;grid-row:1/span 2;min-height:44px;padding:6px 10px;font-size:.75rem;white-space:nowrap}.adventure-notice:is([data-adventure-notice="hunt"],[data-adventure-notice="supply"]) .notice-close{top:50%;right:4px;transform:translateY(-50%)}}
/* Full pass (13 Oct): the "New zone open" and "Quest complete" cards were full size on phones and covered the lower half of the fight, its enemies and Leave expedition for up to 90 s. Same compact toast as the Hunt and Party bag cards: eyebrow, name, its button and x. Release polish (14 Oct): at every width, like the Hunt and Party bag toasts. */
@media all{.adventure-notice:is([data-adventure-notice="zone"],[data-adventure-notice="quest"]) .adventure-notice-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;min-height:56px;padding:6px 50px 6px 12px}.adventure-notice:is([data-adventure-notice="zone"],[data-adventure-notice="quest"]) :is(.eyebrow,h3){grid-column:1;min-width:0;margin:0;font-size:.8125rem;line-height:1.25}.adventure-notice:is([data-adventure-notice="zone"],[data-adventure-notice="quest"]) .eyebrow{font-size:.5625rem;letter-spacing:.06em}.adventure-notice:is([data-adventure-notice="zone"],[data-adventure-notice="quest"]) :is(p:not(.eyebrow),small){display:none}.adventure-notice:is([data-adventure-notice="zone"],[data-adventure-notice="quest"]) button:is(.secondary,.red-button){grid-column:2;grid-row:1/span 2;width:auto;min-height:44px;margin:0;padding:6px 10px;font-size:.75rem;white-space:nowrap}.adventure-notice:is([data-adventure-notice="zone"],[data-adventure-notice="quest"]) .notice-close{top:50%;right:4px;transform:translateY(-50%)}}
@media(min-width:1001px){.shell.mmo-shell.wayfarer-shell>.topbar{height:52px;min-height:52px;padding:3px 18px;background:linear-gradient(90deg,transparent,#18233866);border-bottom:1px solid #b8995630}.shell.mmo-shell.wayfarer-shell>.topbar>.realm-wallet{position:relative;grid-column:2;grid-row:1}.shell.mmo-shell.wayfarer-shell>.topbar>.hero-hud{grid-column:1;grid-row:1}}
.shell .illustrated-heading.painted-page-heading{background:linear-gradient(90deg,#0c1526ed 0%,#0c1526bf 36%,#0c15262e 85%),var(--page-art) center/cover!important}
.shell .exp-page .exp-panel.realm-frame:not(.realm-frame-light){padding:22px!important}.shell .guild-progression.realm-frame{padding:18px 22px}.quest-menu .quest-card{padding:18px 22px 18px 144px!important}.quest-menu .quest-location-art{left:16px}.shell .handbook-category-card{overflow:hidden}
@media(max-width:600px){.shell .exp-page .exp-panel.realm-frame:not(.realm-frame-light){padding:18px!important}.quest-menu .quest-card{padding:16px 14px 16px 92px!important}.quest-menu .quest-location-art{left:12px}.shell .guild-progression.realm-frame{padding:14px}}
.shell .storage-columns.realm-frame-light,.shell .storage-selection.realm-frame-light,.shell .rankings-board.realm-frame-light,.shell .party-roster-panel.realm-frame-light{padding:18px}.shell .crown-product.realm-frame-light{overflow:hidden}.shell .rankings-board.realm-frame-light{margin-top:20px}
.modal-backdrop>.ornate{position:relative;border-color:#a78c57!important}/* Paint on the fixed border box, never inside scrollable content. */
.modal-backdrop>.ornate{border-image:url('/art/interface/panel-frame-v1.webp') 18% / 32px / 0 stretch}.modal-backdrop>.ornate:before,.modal-backdrop>.ornate:after{display:none}
@media(max-width:1000px){
 .shell.mmo-shell.wayfarer-shell>.topbar{height:102px;min-height:102px;padding-top:0;align-items:start}
 .shell .topbar>.realm-wallet{position:fixed;top:0;left:0;right:0;z-index:90;grid-column:1 / -1;grid-row:1;justify-self:stretch;flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-height:44px;margin:0;padding:0 14px;background:#0e1726;box-sizing:border-box}
 .shell .realm-wallet .wallet-crowns{min-height:44px;min-width:44px;justify-content:center}
 .shell .topbar nav .nav-account{top:44px}
 .shell .auction-category,.shell .auction-subcategory,.shell .section-tab,.shell .guild-level-buffs button{min-height:44px}
 .adventure-notice .notice-close{min-width:44px;min-height:44px}
 html{scroll-padding-top:112px;scroll-padding-bottom:84px}
}
.shell .path-loadout.realm-frame-light{padding:16px!important}
@media(min-width:761px) and (max-width:1000px){.shell.mmo-shell.wayfarer-shell>.topbar{height:auto;min-height:185px;padding-top:44px;display:block}.shell.mmo-shell.wayfarer-shell>.topbar>nav{width:100%;box-sizing:border-box;margin:0}}
.nav-discord{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:10px 0;color:#e8ce92;background:linear-gradient(110deg,#b1873338,#172a47);border:1px solid #c7a4678c;border-top:2px solid #d7b475;text-decoration:none;font:600 .75rem system-ui;box-shadow:inset 0 1px #ffe6a12b}
.nav-discord svg{width:22px;height:22px;flex:none}.nav-discord:hover,.nav-discord:focus-visible{color:#fff0c9;background:#34425c;outline:2px solid #e2c084;outline-offset:2px}
.realm-wallet>.nav-discord{display:none}
/* Keep currency balances and all three actions reachable on narrow phones. */
@media(max-width:360px){
 .shell .realm-wallet>.nav-discord{flex:0 0 44px;justify-content:center;box-sizing:border-box}
 .shell .realm-wallet>.nav-discord>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .shell .realm-wallet>.wallet-gold{min-width:0}
}
@media(max-width:1000px){.shell .topbar nav>.nav-discord{display:none!important}.shell .realm-wallet>.nav-discord{display:flex;min-height:44px;margin:0;padding:0 5px;font-size:.625rem;gap:5px;border:0;border-bottom:2px solid #c7a467;background:transparent;white-space:nowrap}.realm-wallet>.nav-discord svg{width:18px;height:18px}.realm-wallet>.nav-discord .discord-external{display:none}}
.shell :is(.section-tabs,.market-tabs,.rank-tabs){border-bottom:2px solid #bc9a62;padding-bottom:5px}
.shell :is(.section-tabs,.market-tabs,.rank-tabs)>button{border-radius:2px 2px 0 0;min-height:44px}
.shell :is(.section-tabs,.market-tabs,.rank-tabs)>:is(.active,[aria-selected="true"],[aria-pressed="true"]){box-shadow:inset 0 2px #e6c889;border-color:#bd995e;background:linear-gradient(180deg,#b98d3933,#142135);color:#ffe1aa}
.shell :is(.realm-frame,.realm-frame-light){--realm-gold:#c7a467}

/* Paint decoration on the element's border so scrollable content cannot carry
   its bottom edge into the middle of an expanded panel. */
.realm-frame,.evermarch-entry .auth-form{border-image:url('/art/interface/panel-frame-v1.webp') 18% / 42px / 0 stretch!important}
.realm-frame-light{border-image:url('/art/interface/panel-frame-v1.webp') 18% / 18px / 0 stretch!important}
.realm-frame::after,.realm-frame-light::after,.evermarch-entry .auth-form::after{display:none!important}
@media(max-width:540px){.realm-frame,.evermarch-entry .auth-form{border-image-width:28px!important}}
.shell :is(.workshop-bench,.workshop-picker,.market-inventory,.storage-selection){border-radius:2px;background:linear-gradient(135deg,#182638,#0c1624)}
.shell :is(.workshop-heading,.craft-heading){border-bottom:2px solid var(--realm-gold,#c7a467)}
.shell :is(.workshop-workpiece,.enchanter-item-heading,.craft-stock>header,.guild-roster>header){border-bottom:1px solid #c7a46780;padding-bottom:15px}
.shell :is(.workshop-operations,.workshop-filter){border-bottom:1px solid #c7a46770;padding-bottom:8px}
.shell .workshop-ranks{background:radial-gradient(ellipse,#bd8c3920,transparent 75%);border-block:1px solid #c7a4675c}
.shell .workshop-farming{background:transparent;border:0;border-left:2px solid #a0c398;padding:6px 12px;font-size:.75rem}
.shell .enchanter-picker{border:0!important;border-bottom:1px solid #c7a46770!important;background:transparent!important;border-radius:0;box-shadow:none;margin-bottom:18px;padding:0 16px 12px}
.shell .enchanter-picker::before{display:none}
.shell .enchanter-action-strip{border-top:2px solid #bd9c606e;background:linear-gradient(90deg,#b58a4310,transparent)}
.shell .workshop-exchange{background:transparent;border:0;border-top:1px solid #c7a46770;border-radius:0;margin-top:24px}
@media(max-width:760px){.shell .workshop-bench{padding:20px 16px}.shell .workshop-workpiece{gap:8px}.shell .workshop-workpiece h2{font-size:1.3125rem}.shell .workshop-item-stage{flex-shrink:0}}
.handbook-standalone .handbook-header,.policy-document .policy-heading{padding:28px;background:linear-gradient(90deg,#0c1526ed,#0c1526a6),var(--page-art,url('/art/interface/arcane-v1.webp')) center/cover}
@media(max-width:540px){.handbook-standalone .handbook-header,.policy-document .policy-heading{padding:22px 18px}.handbook-standalone .handbook-category-card>summary{padding:16px}}

/* The frame belongs to the sidebar; every control stays inside its pillars. */
.nav-boss-backdrop,.nav-boss-portrait{display:none!important}
@media(min-width:1001px){
 .shell.mmo-shell.wayfarer-shell{padding-left:208px}
 .shell.mmo-shell.wayfarer-shell>.topbar>nav{width:208px;padding:14px 21px 22px;box-sizing:border-box;gap:2px;scrollbar-width:thin;scrollbar-color:#887147 transparent;scrollbar-gutter:stable both-edges;background:#0a1320;border:0}
 .shell.mmo-shell.wayfarer-shell>.topbar>nav::before{content:"";position:fixed;inset:0 auto 0 0;width:208px;pointer-events:none;z-index:0;background:url('/art/interface/sidebar-v1.webp') center top/100% 100% no-repeat}
 .shell.mmo-shell.wayfarer-shell>.topbar>nav::after{content:"";position:fixed;inset:0 auto 0 0;width:208px;box-sizing:border-box;pointer-events:none;z-index:3;border:14px solid transparent;border-image:url('/art/interface/panel-frame-v1.webp') 18% / 14px / 0 stretch}
 .shell.mmo-shell.wayfarer-shell>.topbar>nav .nav-button{padding:4px;min-height:44px;gap:6px;box-sizing:border-box}
 .shell.mmo-shell.wayfarer-shell>.topbar>nav .fantasy-icon{width:30px;height:30px;flex-basis:30px}
 .shell .nav-brand{width:100%;min-height:112px;margin:0 0 6px!important;padding:0 0 10px}
 .shell .nav-brand .brand-name{font-size:min(1.25rem,20px);letter-spacing:0}
 .shell .nav-brand-emblem{width:58px;height:58px}
 .shell .topbar>nav .nav-account{width:100%;min-width:0;box-sizing:border-box}
 .shell .topbar>nav .nav-battle{width:100%;min-height:44px;padding:6px;font-size:.6875rem}
}

/* Battle uses the same metalwork, with fine trim around smaller controls. */
.shell .arena-column{position:relative;border:1px solid #b5975d;box-shadow:inset 0 2px #ecd29955,inset 0 0 0 4px #080f19;isolation:isolate}
.shell .arena-column::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:10;border:24px solid transparent;border-image:url('/art/interface/panel-frame-v1.webp') 18% / 24px / 0 stretch}
.shell .arena-heading{border-bottom:2px solid #a98b50;background:linear-gradient(90deg,#0d1826,#29313a,#0d1826);box-shadow:inset 0 1px #eed49440}
.shell .field-controls{border-top:2px solid #ad8d51;border-bottom:1px solid #9c81514a;background:linear-gradient(180deg,#1e2c3c,#0e1926);gap:8px;padding:10px 14px;align-items:stretch}
.shell .field-controls{position:relative}
.shell .field-navigation-controls{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-end;gap:8px;margin-left:auto;max-width:100%}
.shell .field-navigation-controls>[hidden]{display:none!important}
.shell .field-action-controls{display:flex;flex:1 0 24rem;max-width:100%;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
/* A party member's leader note wraps on its own line instead of pushing Taunt off screen. */
.shell .field-action-controls>.battle-leader-note{flex:1 0 100%;order:9;margin:0;white-space:normal;text-align:center;min-width:0}
.shell .field-action-controls:has(>.battle-leader-note:not([hidden])){flex-wrap:wrap}
.shell .field-action-controls>.battle-leader-note{grid-column:1/-1}
.shell .field-action-controls[hidden],.shell .battle-controls .actionbar[hidden]{display:none!important}
.shell .field-action-controls>button{width:auto;min-width:0;min-height:48px;height:48px;margin:0;padding:7px 12px;flex:none}
.shell .field-action-controls>.action-key{display:flex;flex-direction:row;gap:5px;border:1px solid #a88c55;border-top:2px solid #d6b575;border-radius:2px;background:linear-gradient(180deg,#29374a,#152131);box-shadow:inset 0 0 0 2px #0c172366,inset 0 1px #f9e4b133;color:#eadbb9}
.shell .field-action-controls>.action-key .skill-icon{width:27px;height:27px}
.shell .field-action-controls>.action-key small{font-size:.5625rem}
.shell .field-action-controls>.begin-button{background:linear-gradient(#6d3032,#3b1b25);color:#f8deb1}
.shell .combat-grid .field-navigation-controls>.secondary,.shell .field-navigation-controls>.field-revive-choice{min-height:48px;align-self:stretch}
.shell .battle-controls{border-top:1px solid #967d4e;background:linear-gradient(120deg,#152333,#0c1722);padding:12px 14px}
.shell :is(.combat-grid,.field-overview,.meter-breakdown) :is(.secondary,.red-button,.meter-tabs>button,.move-directions>button),.shell .battle-orders-menu>summary{border:1px solid #a88c55;border-top:2px solid #d6b575;border-radius:2px;background:linear-gradient(180deg,#29374a,#152131);box-shadow:inset 0 0 0 2px #0c172366,inset 0 1px #f9e4b133;color:#eadbb9;min-height:44px}
.shell :is(.combat-grid,.field-overview,.meter-breakdown) :is(.secondary,.red-button,.meter-tabs>button):hover{border-color:#f0ce83;background:linear-gradient(#35455b,#1c2c40)}
.shell :is(.combat-grid,.field-overview,.meter-breakdown) :is(.secondary,.meter-tabs>button)[aria-pressed=true]{background:linear-gradient(#675434,#3a352b);color:#fff0c8;border-color:#e0bd73}
.shell .combat-grid .red-button{background:linear-gradient(#6d3032,#3b1b25);color:#f8deb1}
.shell .battle-orders-menu{margin:10px 0 0!important}.shell .battle-orders-menu>summary{padding:8px 12px;box-sizing:border-box}.shell .battle-orders-menu[open]{border-bottom:1px solid #a88c55!important}
.shell :is(.damage-meter,.combat-log,.enemy-card){border:1px solid #9d834e;border-top:2px solid #c4a165;border-radius:2px;box-shadow:inset 0 1px #e5c68122;background:linear-gradient(135deg,#1d2b3a,#101c28)}
.shell .enemy-rail{border-top:1px solid #b696586b}.shell .rail-heading{border-bottom:1px solid #a58c515c;padding-bottom:8px;color:#d7b775}
.shell .field-overview{border:2px solid #b99a5d;border-top:3px solid #e1bd79;background:linear-gradient(140deg,#223246,#0b1523);box-shadow:inset 0 0 0 4px #070e18,0 16px 60px #000b;padding:20px}
.shell .field-overview>header{border-bottom:1px solid #b99a5d88;padding-bottom:10px}.shell .field-overview button{border-color:#b99a5d;color:#ead6ad;min-height:44px}
.meter-breakdown .meter-hero{border-bottom:2px solid #bc9a5d}.meter-breakdown button[data-meter-close]{border:1px solid #bd9958;background:#142132;color:#efcf93;min-width:44px;min-height:44px}
@media(max-width:760px){.shell .arena-column::after{border-image-width:14px}.shell .field-controls,.shell .battle-controls{padding:10px}.shell .field-overview{padding:14px}}
@media(min-width:761px){.shell .field-controls[data-resting="true"] .field-action-controls{position:static;transform:none;order:1;flex-basis:100%;width:100%;justify-content:center}}
@media(max-width:1150px){.shell .field-action-controls{position:static;transform:none;order:1;flex-basis:100%;width:100%;justify-content:center}}

/* Phone controls share stable columns; labels never decide the row height. */
@media(max-width:760px){
 .shell .field-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}
 .shell .field-controls>.battle-journal{grid-column:1/-1}
 .shell .field-action-controls{grid-column:1/-1;order:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px}
 .shell .combat-grid .field-action-controls>button{width:100%;height:100%;min-height:52px;padding:8px;white-space:normal;justify-content:center;text-align:center;box-sizing:border-box}
 .shell .field-navigation-controls{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
 .shell .combat-grid .field-controls>.battle-journal,.shell .combat-grid .field-navigation-controls>button,.shell .field-navigation-controls>.field-revive-choice{width:100%;min-width:0;min-height:52px;height:100%;margin:0;padding:8px;display:flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;white-space:normal;line-height:1.3;text-align:center}
 .shell .field-navigation-controls>.field-revive-choice{justify-content:flex-start;border:1px solid #a88c5566;border-radius:2px;background:#0d1926}
 .shell .field-revive-choice input{flex:none;margin:0;width:22px;height:22px}
 .shell .battle-controls .actionbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
 .shell .battle-controls .actionbar>button{width:100%;min-width:0;max-width:none;min-height:48px;height:100%;margin:0;justify-content:center;white-space:normal}
 .shell .battle-orders-menu{width:100%;min-width:0;align-self:stretch}
 .shell details.battle-orders-menu>summary{width:100%;justify-content:flex-start;min-height:48px;padding:8px 12px}
 .shell #partyCards>.party-card:only-child{grid-column:1/-1}
 .shell.mmo-shell.wayfarer-shell>.topbar>nav>.nav-account{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;align-items:center;justify-content:stretch;min-width:0;padding-inline:8px;box-sizing:border-box}
 .shell .nav-account .account-block{margin:0;width:auto;min-width:0}
 .shell .nav-account .nav-tools{display:grid;grid-template-columns:repeat(2,44px);gap:4px}
 .shell .nav-account .nav-tools>button,.shell .nav-account>.nav-inventory{height:44px;min-height:44px;margin:0;padding:6px;min-width:0;width:100%}
 .shell .nav-account .chat-access{width:64px;min-width:0}
 .shell .nav-account .chat-access>button{display:flex;width:64px;height:44px;min-height:44px;margin:0;padding:6px;gap:4px;font-size:0}
 .shell .nav-account .chat-access svg{width:20px;height:20px;flex:none}
 .shell .nav-account .chat-unread{font-size:.6875rem;min-width:17px;padding:2px 4px}
 .shell .nav-account>.nav-battle:not([hidden]){grid-column:1/-1;grid-row:2;width:100%;min-height:44px;margin:0}
 .shell.mmo-shell.wayfarer-shell>.topbar:has(.nav-account>.nav-battle:not([hidden])){height:150px;min-height:150px}
}
@media(max-width:480px){.shell.mmo-shell #partyCards{grid-template-columns:minmax(0,1fr)}}
/* Character creation uses the same brass frames as the rest of the realm. */
.creator{max-width:1680px;padding:28px 28px 40px}
.creator>.page-heading{gap:18px;align-items:center;border-bottom:2px solid #b79351;padding-bottom:18px;margin-bottom:22px}
.creator .chapter-note{color:#d8bf8b;font:.75rem/1.8 var(--ui);letter-spacing:.04em}
.creator-grid{grid-template-columns:minmax(210px,.7fr) minmax(320px,1.8fr) minmax(280px,.95fr);height:auto;max-height:none;min-height:700px;gap:20px;align-items:stretch}
.creator .choices,.creator .creation-details{padding:26px 22px;background:linear-gradient(135deg,#1b2837,#101a26)}
.creator .choices h2{font-size:1.3125rem;margin:0 0 12px;border:0}.creator .choices>.micro{color:#aebdca;font-size:.625rem;margin-bottom:18px}
.creator .choice{position:relative;min-height:78px;margin-bottom:9px;padding:10px;gap:10px;border-color:#8a794b77;background:#0b1521b8;border-radius:3px}
.creator .choice.chosen{border-color:#e1bf74;background:linear-gradient(100deg,#77572f66,#1b2c38);box-shadow:inset 3px 0 #ebc981,inset 0 1px #e4c27944,0 0 12px #a9842520}
.creator .choice:focus-visible{outline:2px solid #ffe4a0;outline-offset:2px}
.creator .choice b{font-size:1rem}.creator .choice small{font-size:.6875rem;color:#b8c9d4}.creator .choice .outfit-portrait{flex-shrink:0}
.creator .scope-note{border-top:1px solid #b8995766;margin-top:18px;padding-top:15px;font-size:.75rem;line-height:1.65;color:#b8c9d4}
.creator .creator-stage{min-height:700px;border-top:3px solid #c7a467!important;border-bottom:3px solid #c7a467!important}
.creator .hero-pedestal{flex:1;min-height:470px;height:auto;padding:28px 24px 0}.creator .hero-caption{height:auto;min-height:140px;padding:22px 30px 30px}
.creator .creation-details{overflow:visible}.creator .creation-details>h2{border:0;margin:15px 0;font-size:1.8125rem}
.creator .class-description{font-size:.875rem;line-height:1.65;color:#d3dce0}
.creator .skill-list,.creator .ascension-hint{border-top:1px solid #b899575e;padding-top:17px;margin-top:18px}
.creator .skill-list b{display:block;font-size:.875rem}.creator .skill-list b small{display:block;margin-top:6px;font:.75rem/1.4 var(--ui);color:#afc1cd}
.creator .skill-list>.small-note{font-size:.75rem;line-height:1.7}.creator .ascension-hint{line-height:1.5;padding-bottom:18px}
.creator #createForm{border-top:2px solid #b8995777;padding-top:20px}.creator #characterName{min-height:46px}.creator #createForm>.red-button{min-height:48px;margin-top:8px}
@media(max-width:1100px){.creator{padding:22px 18px}.creator-grid{grid-template-columns:210px minmax(0,1fr);gap:16px}.creator .creation-details{grid-column:1/-1}.creator .creator-stage{min-height:620px}.creator .hero-pedestal{min-height:420px}.creator .creation-details>form{max-width:540px}}
@media(max-width:760px){.creator{padding:18px 10px 28px}.creator>.page-heading{display:block;padding:0 4px 14px}.creator>.page-heading h1{font-size:1.75rem}.creator .chapter-note{display:block;margin-top:10px;font-size:.6875rem}.creator-grid{display:flex;flex-direction:column;gap:16px;min-height:0}.creator .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:18px 14px}.creator .choices h2{display:block;grid-column:1/-1;font-size:1.25rem;margin:0 0 8px}.creator .choice{min-width:0;min-height:82px;margin:0;padding:8px;gap:7px}.creator .choice b{font-size:.875rem}.creator .choice small{font-size:.625rem;line-height:1.45}.creator .choice i:not(.outfit-portrait){display:none}.creator .choice .outfit-portrait{width:32px;flex-basis:32px}.creator .creator-stage{min-height:460px;height:460px;width:100%}.creator .hero-pedestal{min-height:300px;max-height:320px;padding:20px 18px 0}.creator .hero-caption{min-height:128px;padding:16px 18px 22px}.creator .hero-caption h2{font-size:1.4375rem}.creator .creation-details{padding:24px 20px}.creator .creation-details>h2{font-size:1.625rem}}
.creation-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;border-bottom:1px solid #ac8d5044;background:#0b1420}
.creation-topbar>.wordmark{width:200px;flex:0 0 auto}.creation-topbar>.wordmark strong{font-size:1.5625rem}
.creation-topbar>div:last-child{display:flex;gap:10px;align-items:center}.creation-topbar .nav-discord{margin:0;min-height:44px}
.creator .creator-stage{height:760px;min-height:760px;align-self:start}
.creator .hero-pedestal{flex:0 0 580px;height:580px;min-height:0;max-height:none}
.creator .hero-caption{flex:1;min-height:0}
@media(max-width:1100px) and (min-width:761px){.creator .creator-stage{height:720px;min-height:720px}.creator .hero-pedestal{flex-basis:550px;height:550px}}
@media(max-width:760px){.creation-topbar{padding:12px 14px;flex-wrap:wrap;gap:10px}.creation-topbar>.wordmark{width:160px}.creation-topbar>.wordmark strong{font-size:1.4375rem}.creation-topbar>div:last-child{width:100%;justify-content:space-between;gap:6px}.creation-topbar .secondary{font-size:.75rem;padding:9px 12px;min-height:44px}.creation-topbar .nav-discord{padding:8px;font-size:.6875rem}.creator .creator-stage{height:460px;min-height:460px}.creator .hero-pedestal{flex-basis:310px;height:310px;max-height:none}}
.creator .creator-stage{display:flex;flex-direction:column}
.creator .choice .outfit-portrait{display:block;margin:0;border-radius:2px}
@media(min-width:761px){.creator .creator-stage{height:auto;align-self:stretch}}
[aria-label="Alpha shop unlock"] .salvage-confirmation .az-actions>button{min-height:44px;flex-shrink:0}

@media(max-width:700px){.shell .guild-page .exp-heading .az-actions>button,.shell .guild-page .exp-heading .az-actions>a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}}

/* Companion Master portrait, using the existing approved town artwork. */
@media(max-width:360px){.shell .combat-grid .field-action-controls>button[data-action="taunt"]{display:flex;flex-direction:column;gap:2px;padding-inline:4px;align-items:center;justify-content:center}.shell .combat-grid .field-action-controls>button[data-action="taunt"]>.skill-icon{width:27px;height:27px;flex-shrink:0}.shell .combat-grid .field-action-controls>button[data-action="taunt"]>.action-label,.shell .combat-grid .field-action-controls>button[data-action="taunt"]>small{max-width:100%;overflow-wrap:anywhere}.shell .combat-grid .field-action-controls>button[data-action="taunt"]>small{margin:0}}
.fantasy-icon.companion-emblem{box-sizing:border-box;background-image:url('/assets/town/companion-master-v1.png');background-size:250% auto;background-position:50% 3%;background-color:#17232b;border:1px solid #b99957;border-radius:50%;box-shadow:inset 0 0 0 1px #efd28b55,inset 0 -5px 6px #111b25a8,0 2px 4px #0009;filter:none}
/* Delivered page banners (public/banner-manifest.js): keep the art's focal side on screen when a 320 px heading crops a 3:1 painting. Shared theme art is untouched. */
@media(max-width:560px){.shell .painted-page-heading[data-banner]{background-position:0 0,var(--page-pos-narrow,center)!important}.handbook-standalone[data-has-banner] .handbook-header,.policy-document[data-has-banner] .policy-heading{background-position:0 0,var(--page-pos-narrow,center)}}

/* Phones held sideways (landscape, up to 1000 px wide and 500 px tall): a one-line menu bar and one notice at a time, so the battlefield stays in view and fits under the gold bar. The next notice shows once the first is closed. */
@media(orientation:landscape) and (max-height:500px) and (max-width:1000px){.shell.mmo-shell.wayfarer-shell>.topbar{min-height:0;padding-bottom:8px}.shell.mmo-shell .arena-column{grid-template-rows:auto clamp(260px,calc(100svh - 48px),350px) auto}.shell.mmo-shell .battlefield{min-height:0}.shell.mmo-shell>.topbar>nav :is(.nav-button.nav-primary,.nav-more>summary){flex-direction:row;justify-content:center;min-height:44px;padding:4px 6px;gap:6px}.shell.mmo-shell>.topbar>nav :is(.nav-button.nav-primary,.nav-more>summary)>:is(.fantasy-icon,.icon){width:24px;height:24px;flex:none}.shell.mmo-shell>.topbar>nav .nav-button.nav-primary :is(.nav-copy,.nav-copy>strong){flex:none;width:auto}.adventure-notices>.adventure-notice~.adventure-notice{display:none}}
/* Sideways phones up to 760 px: the More sheet stops below the gold bar and the account row instead of sliding under them, and the battlefield fits between the account row and the menu bar. */
@media(orientation:landscape) and (max-height:500px) and (max-width:760px){.shell.mmo-shell .arena-column{grid-template-rows:auto clamp(200px,calc(100svh - 44px - var(--mobile-utility-height,58px) - var(--mobile-nav-height,58px) - 4px),360px) auto}.mmo-shell>.topbar>nav .nav-more-panel{max-height:calc(100dvh - var(--mobile-nav-height,80px) - var(--mobile-utility-height,58px) - 44px - 8px)}}
/* Phones and touch screens: the Reduced kill XP link on a portrait card gets a 44 px tall touch target; the negative margin keeps the card the same height. */
@media(max-width:760px),(pointer:coarse){.portrait-xp-warning{min-height:44px;padding-block:10px;margin-block:-10px;box-sizing:border-box;position:relative;z-index:1}}
/* Very narrow screens (320 px phones, or 390 px phones at 150% zoom): one notice at a time so they don't bury the battlefield, and the bag's Auto-salvage row wraps Edit rules onto its own line instead of widening the page. */
/* Release polish (14 Oct): phones show one notice at a time (the markup holds at most two); the first one counts the waiting one, which shows when it closes. */
@media(max-width:760px){.adventure-notices>.adventure-notice~.adventure-notice{display:none}.adventure-notices>.adventure-notice:first-child:has(~.adventure-notice) .eyebrow::after{content:" · +1 more"}}
.salvage-card-head{flex-wrap:wrap}
/* Damage meter names stay at least 44 px wide (short names like Aldric were 35-38 px touch targets). */
.damage-meter .meter-name{min-width:min(44px,100%)}
/* Phone QA 7 Oct: Taunt, Leave expedition and Combat review stay fully above the bottom bar. On phones the action row leads the controls block, and the block is
   sticky so that row peeks out just above the bar while the battle column is on screen (--field-rest is set by game-navigation.js). overflow:clip keeps the
   column's clipping without making it a scroll box, so sticky works against the page; older browsers keep today's layout. */
@media(max-width:760px){.shell .arena-column{overflow:clip}.shell .combat-grid .field-controls{position:sticky;bottom:calc(var(--mobile-nav-height,0px) - var(--field-rest,0px));z-index:6;box-shadow:0 -6px 12px #0008}.shell .combat-grid .field-action-controls{order:-1}}
@media(max-width:760px){body.has-mmo-shell:has(.combat-grid .field-action-controls:not([hidden])) #toast{bottom:calc(var(--mobile-nav-height,84px) + 76px)}}
/* Large browser text on phones: character names (one word of up to 16 letters) keep their 0.62 size in page headings, the Party roster,
   the Tavern player seat and the Leaderboards, so a long name stays on one line instead of breaking mid-word. Same size at the default 16 px. */
@media(max-width:600px){.wayfarer-shell .exp-heading h1{font-size:min(1.9rem,30.4px)}.wayfarer-shell .exp-heading.illustrated-heading h1{font-size:min(1.6875rem,27px)}.shell .party-member-identity h2{font-size:min(1.125rem,18px)}.companion-seat-grid .companion-seat h3{font-size:min(1rem,16px)}.rank-identity .text-button{font-size:min(.875rem,14px)}}
/* Large browser text in the fixed-width sidebar: the attention badge keeps its default size and moves toward the edge as text grows
   (8 px at 16 px, 2 px at 24 px), so a two-digit count no longer covers the end of "Character". */
@media(min-width:601px){.shell>.topbar .nav-button>.attention-badge{min-width:min(1.1875rem,19px);height:min(1.1875rem,19px);font-size:min(.94rem,15.04px);right:clamp(2px,calc(24px - 1rem),8px)}}
/* Large browser text on phones: the Leaderboards tabs stay inside their two columns (labels capped at 16 px), so the page no longer scrolls sideways. */
@media(max-width:600px){.shell .rank-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.shell main .rank-tabs.rank-tabs>button{min-width:0;font-size:min(.8125rem,16px)}}
/* Very narrow pages (a phone at 150% zoom or more): reclaim nested padding, stack side-by-side cards and size headings to the page so whole words fit on a line. Ordinary 320 px and wider phones are unchanged. */
@media(max-width:300px){.handbook details.quest-records{padding-inline:6px}.handbook .field-lessons.field-lessons{padding:12px 8px}.handbook .field-lessons ol>li{flex-direction:column;padding:12px 10px;gap:8px}.wayfarer-shell .exp-heading h1{font-size:min(1.9rem,8vw)}.wayfarer-shell .exp-heading.illustrated-heading h1,.shell .market-heading h1{font-size:min(1.6875rem,8vw)}.shell .illustrated-heading>.eyebrow,.shell .illustrated-heading>h1,.shell .illustrated-heading>p{max-width:none}.shell .market-heading{flex-direction:column;align-items:flex-start}.shell .party-member{grid-template-columns:minmax(0,1fr)}.shell .party-member>*{grid-row:auto;grid-column:auto}.shell .crown-products article{grid-template-columns:minmax(0,1fr)}.shell .crown-bonus-list{grid-template-columns:minmax(0,1fr)}.shell .rank-tabs{grid-template-columns:minmax(0,1fr)}.shell .adventurer-rank{grid-template-columns:28px 44px minmax(0,1fr)}.shell .adventurer-rank>.rank-identity{grid-column:1/-1;grid-row:2}.shell .adventurer-rank>.rank-journey{grid-column:1/-1}.shell .character-stats .character-stat:has(.stat-limit-track){grid-template-columns:minmax(0,1fr)}}
/* Alchemist and Enchanter scroll headings: the Crafting guide link sat at the far right, over the painted banner art (13 Oct pass). It now follows the
   subtitle in the text column, as it already did on phones. */
.shell .craft-heading.painted-page-heading{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}
/* The painted panel frame (::after above) replaces the old .ornate corner bracket on these panels. */
.realm-frame::before,.evermarch-entry .auth-form::before{display:none}
/* Enchanter: the chosen item's sheet keeps clear of the window frame, like the notice line above it (phones pad the whole bench instead). */
@media(min-width:761px){.shell .enchanter-window>.enchanter-sheet{padding:0 24px 22px}}
/* A selected tab stays gold under the pointer or after a tap (ui-kit.css's tab hover otherwise wins on weight and turns it navy). */
.shell.shell.shell :is(.section-tabs,.region-tabs,.market-tabs,.rank-tabs,.notice-board-tabs,.workshop-service-tabs,.inventory-tabs,.inventory-dialog-tabs,.crown-categories,.uk-tabs)>:is(button,a):is(.active,.selected,.chosen,[aria-selected="true"],[aria-pressed="true"],[aria-current="page"],[aria-current="true"]):hover{border-color:#e0bd73;background:var(--uk-surface-lit);color:#fff1cc;box-shadow:inset 0 -3px 0 #e6c889,inset 0 0 0 2px var(--uk-navy-0),inset 0 0 0 3px #e6c88955}