/* Veldren field journal interface. Palette tokens await the title artwork. */
body.classic-ui{--ui-bg:#101f24;--ui-panel:#182d33;--ui-raised:#223d43;--ui-line:#496169;--ui-accent:#dfbd79;--ui-text:#f2eddf;--ui-muted:#b7c8ca;--text:var(--ui-text);--muted:var(--ui-muted);--side-panel-width:284px;--side-panel-right:calc(100vw - 402px);--side-panel-height:min(420px,calc(100dvh - 148px));--chat-width:360px;--chat-height:180px;--dock:0px;font-family:Arial,Helvetica,sans-serif;color:var(--ui-text)}
.classic-ui button{border-radius:8px;color:var(--ui-text);border:1px solid var(--ui-line);background:var(--ui-raised);box-shadow:none;text-shadow:none}
.classic-ui button:hover{background:#304f55;border-color:var(--ui-accent)}.classic-ui button:disabled{cursor:default}.classic-ui button[aria-pressed=true],.classic-ui button.selected{background:#355654!important;border-color:var(--ui-accent)!important;color:var(--ui-accent)}
.classic-ui :is(button,input,select):focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}.classic-ui .game-icon{filter:none;image-rendering:auto}.classic-ui input,.classic-ui select{border-radius:6px;background:var(--ui-bg);border:1px solid var(--ui-line);color:var(--ui-text)}
.classic-ui #game{max-width:none;padding:0}.classic-ui #viewport{position:absolute;inset:0;height:auto;border:0}
.classic-ui #game>header,.classic-ui #game>footer,.classic-ui #worldClock,.classic-ui #cloudStatus,.classic-ui #onlineStatus,.classic-ui #toast,.classic-ui #displayNotice,.classic-ui #tutorial,.classic-ui #cameraControls,.classic-ui .action,.classic-ui #mapHud .stats,.classic-ui #maintenanceNotice{display:none!important}
.classic-ui .region{display:block;left:60px;top:65px;background:#101f24df;border-left:2px solid var(--ui-accent);border-radius:0;padding:6px 10px;font-size:13px;max-width:300px}.classic-ui .region small{display:block;color:var(--ui-muted);font-size:11px}
/* One labeled journal rail; panels open beside it instead of between tab rows. */
.classic-ui #gameTabs{position:fixed;inset:auto auto 8px max(8px,env(safe-area-inset-left));z-index:20;width:100px;height:auto;max-height:calc(100dvh - 130px);display:flex;flex-direction:column;gap:3px;padding:5px;overflow-y:auto;scrollbar-width:thin;border:1px solid var(--ui-line);border-radius:12px;background:#101f24f2;box-shadow:0 6px 24px #0003}
.classic-ui #gameTabs button{position:static;inset:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;width:100%;height:38px;min-height:38px;flex-shrink:0;padding:5px;margin:0;background:transparent;border:1px solid transparent;border-radius:6px;box-shadow:none}
.classic-ui #gameTabs .game-icon{width:23px;height:23px}.journal-tab-label{font:11px Arial;white-space:nowrap}.classic-ui #gameTabs button.selected{border-left:3px solid var(--ui-accent)!important}
.classic-ui #gameDock,.classic-ui.panels-open #gameDock{position:fixed;inset:auto auto max(8px,env(safe-area-inset-bottom)) 118px;width:var(--side-panel-width);height:var(--side-panel-height);max-height:calc(100dvh - 130px);padding:12px;background:var(--ui-panel);border:1px solid var(--ui-line);border-top:2px solid var(--ui-accent);border-radius:12px;box-shadow:0 8px 28px #0004;z-index:19;display:flex;flex-direction:column}
.classic-ui .dock-heading{display:flex;flex:0 0 32px;min-height:32px;border-bottom:1px solid var(--ui-line);margin-bottom:8px}.classic-ui .dock-heading h2{font:17px Georgia,serif;letter-spacing:.02em;color:var(--ui-accent)}.classic-ui #gameDock #togglePanels{width:30px;height:30px;min-height:30px;min-width:30px;flex-basis:30px;padding:5px}.classic-ui .dock-heading .game-icon{width:18px;height:18px}
.classic-ui #panel{min-height:0;flex:1;padding:0;overflow-y:auto;scrollbar-color:var(--ui-line) var(--ui-bg);scrollbar-width:thin}.classic-ui #panelPager{flex:0 0 30px;padding:3px 0 0}.classic-ui #panelPager button{min-height:27px;padding:2px 12px}
.classic-ui #inventoryGrid.bag25{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:8px}.classic-ui .inventory-summary{font-size:12px;line-height:18px;color:var(--ui-muted)}.classic-ui .bagslot,.classic-ui.trade-open .bagslot{height:43px;min-height:43px;border:1px solid #49616988;border-radius:7px;background:var(--ui-bg);box-shadow:none;padding:4px}.classic-ui .bagslot:disabled{opacity:.55}.classic-ui .bagslot:hover{background:var(--ui-raised)}.classic-ui .bagslot b{left:auto;top:auto;right:2px;bottom:1px;font:11px Arial;color:var(--ui-accent);text-shadow:0 1px 2px #000}
.classic-ui .paper-equipment{--equipment-slot-width:48px;--equipment-slot-height:44px;gap:8px}.classic-ui .paper-equipment::before{display:none}.classic-ui .equipment-slots.paper-equipment .gearslot{background:var(--ui-bg);border-radius:8px;border-color:var(--ui-line);box-shadow:none}
.classic-ui .skill-tiles{grid-template-columns:1fr;gap:5px;margin:8px 0}.classic-ui .skill-tiles button{min-height:42px;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding:6px 9px;background:var(--ui-bg);border:1px solid var(--ui-line);box-shadow:none;border-radius:7px;text-align:left}.classic-ui .skill-tiles span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:13px}.classic-ui .skill-tiles b{font:15px Arial;color:var(--ui-accent);white-space:nowrap}.classic-ui .skill-tiles b small{display:inline;color:var(--ui-muted);font-size:11px;margin-left:4px}.classic-ui #panel .questhead{margin-bottom:7px}.classic-ui #panel .questhead small{color:var(--ui-muted)}
.classic-panel-title{font:18px Georgia,serif;color:var(--ui-accent);text-align:left;margin:4px 0 12px}.classic-combat-level{font-size:13px;color:var(--ui-muted);line-height:1.45;margin:8px 0}.classic-combat-options{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:12px}.classic-combat-options button{display:flex;align-items:center;gap:10px;min-height:44px;padding:7px;font-size:14px;text-align:left}.classic-ui #panel>button,.classic-setting-button{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-height:40px;font-size:14px;margin:6px 0;padding:8px}.classic-ui #panel>button .game-icon{width:24px;height:24px}
.classic-ui #panel #fullscreenSettingsButton,.classic-ui #panel #ambientButton,.classic-ui #panel #journal{position:static;inset:auto;width:100%;min-height:40px;padding:8px;display:flex;margin:6px 0}.classic-ui #panel .classic-setting-button::after{content:attr(aria-label);font-size:13px}.classic-setting-button span{font-size:13px}.classic-spirit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.classic-spirit-grid button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;font-size:13px}.classic-quest-links{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.classic-quest-links button{display:flex;align-items:center;gap:8px;font-size:13px;min-height:40px;padding:7px}.classic-quest-links .game-icon{width:22px;height:22px}
/* A square survey map, separate from the horizontal character status cards. */
.classic-ui #mapHud{--map-size:150px;position:fixed;top:8px;right:max(8px,env(safe-area-inset-right));width:150px;height:190px;background:none;border:0;z-index:18;transform:none}
.classic-ui #mapHud #minimapButton{width:150px;height:150px;border:1px solid var(--ui-line);box-shadow:0 4px 16px #0004;border-radius:12px;padding:5px;background:var(--ui-bg)}.classic-ui #mapHud #minimap{border-radius:7px}.classic-ui #minimapCompass{top:8px;left:8px;width:28px;height:28px;border:1px solid var(--ui-line);border-radius:6px;background:var(--ui-bg);box-shadow:none}
.classic-ui #mapHud #mapBtn,.classic-ui #mapHud #spiritButton{position:absolute;left:auto;right:0;top:155px;width:72px;height:32px;min-height:32px;border-radius:7px;padding:4px;display:flex;justify-content:center;background:var(--ui-bg);border:1px solid var(--ui-line)}.classic-ui #mapHud #spiritButton{right:78px}.classic-ui #mapBtn .game-icon,.classic-ui #spiritButton .game-icon{width:23px;height:23px}
.classic-ui #mapHud .status-orb,.classic-ui #mapHud #runButton{position:fixed;left:60px;right:auto;top:max(8px,env(safe-area-inset-top));display:flex;flex-direction:row;align-items:center;gap:6px;width:112px;height:46px;min-height:46px;min-width:0;border:1px solid var(--ui-line);border-radius:8px;padding:5px 7px;background:var(--ui-bg)!important;box-shadow:0 3px 14px #0003;overflow:hidden}
.classic-ui #mapHud #worshipOrb{left:178px}.classic-ui #mapHud #runButton{left:296px}.classic-ui #mapHud #coinPouchOrb{left:414px}
.classic-ui .status-orb b,.classic-ui #runEnergy{display:block;width:auto;padding:0;color:var(--ui-text);background:none;border:0;border-radius:0;font:14px Arial;text-shadow:none}.classic-ui .status-orb b::before{content:attr(data-label);display:block;font:9px/13px Arial;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted)}.classic-ui #runEnergy::before{content:'Stamina';display:block;font:9px/13px Arial;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted)}
.classic-ui .status-orb .orb-icon,.classic-ui #runButton .hud-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border:0;border-radius:0;background:none;box-shadow:none}.classic-ui .status-orb .game-icon,.classic-ui #runButton .game-icon{width:24px;height:24px}.classic-ui #hitpointOrb::after,.classic-ui #runButton::after{content:'';position:absolute;bottom:0;left:0;height:3px;width:var(--orb-fill,100%);background:#b87771}.classic-ui #runButton::after{width:var(--energy,100%);background:#84b9b2}.classic-ui #coinPouchOrb b{color:var(--ui-accent)}
/* Dark conversation cards sit on the opposite side from the journal. */
.classic-ui #socialPanel{position:fixed;left:auto;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));top:auto;width:min(var(--chat-width),calc(100vw - 428px));height:var(--chat-height);max-height:40dvh;display:flex;flex-direction:column;padding:8px;background:#101f24ed;color:var(--ui-text);border:1px solid var(--ui-line);border-radius:12px;box-shadow:0 5px 20px #0003;z-index:16}
.classic-ui #chatTabs{order:0;flex:0 0 30px;gap:4px;margin:0 0 6px;padding:0}.classic-ui #chatTabs button{font-size:11px;min-height:28px;border-radius:5px;background:transparent;box-shadow:none;color:var(--ui-muted);padding:2px 4px}.classic-ui #chatTabs small{display:inline;margin-left:3px;font-size:10px;color:#a9d7c5}.classic-ui #chatTabs button:nth-last-child(2){display:none}.classic-ui #chatPane{display:flex;flex-direction:column;flex:1;min-height:0}.classic-ui #chatMessages{flex:1;height:auto;min-height:0;overflow-y:auto;font:13px/1.4 Arial;scrollbar-color:var(--ui-line) var(--ui-bg)}.classic-ui #chatMessages p{line-height:1.4;margin:2px 0;color:var(--ui-text);text-shadow:none}.classic-ui #chatMessages [data-channel=public]{color:#cfdfdc}.classic-ui #chatMessages [data-channel=private]{color:#a7d3e8}.classic-ui #chatMessages [data-channel=trade]{color:#d7b6df}.classic-ui #chatMessages .service-message{color:var(--ui-accent);font-weight:600}
.classic-ui #chatForm{flex:0 0 32px;min-height:32px;border-top:1px solid var(--ui-line);margin-top:5px;gap:5px}.classic-ui #chatChannel{font:12px Arial;color:var(--ui-muted);max-width:30%}.classic-ui #chatText{font:16px Arial;border:0;background:transparent;box-shadow:none;color:var(--ui-text);padding:3px;min-height:28px}.classic-ui #chatText::placeholder{color:var(--ui-muted);opacity:1}.classic-ui #chatForm button{min-height:28px;height:28px;padding:0 7px}.classic-ui #socialError{font-size:12px;color:#efb5ac}.classic-ui #chatToggle{position:fixed;left:auto;right:max(8px,env(safe-area-inset-right));top:auto;bottom:calc(var(--chat-height) + 14px);width:34px;height:34px;min-height:34px;padding:6px;border-radius:8px;background:var(--ui-bg);z-index:17}.classic-ui #chatToggle svg{width:100%;height:100%}
.classic-ui #friendsPane{max-height:none;overflow:visible;color:var(--ui-text)}.classic-ui #friendForm{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.classic-ui #friendForm input{width:100%;flex:1 1 100%;min-width:0;font-size:16px;padding:7px}.classic-ui #friendForm button{font-size:13px;padding:6px;min-height:34px;flex:1}.classic-ui #friendsList>div,.classic-ui #ignoreList>div{padding:6px 0;gap:4px}.classic-ui #friendsList button,.classic-ui #ignoreList button{font-size:12px;min-height:30px;padding:3px 5px}.classic-ui #friendsList span{font-size:11px}.classic-ui #friendsList>div>button:first-child{color:var(--ui-text);box-shadow:none;background:transparent;border:0;text-align:left;overflow-wrap:anywhere}.classic-ui #friendsList .friend-online+span{color:#a9d7c5}.classic-ui #friendsList .friend-offline+span{color:var(--ui-muted)}
/* All interaction surfaces use the same materials and readable typography. */
.classic-ui dialog,.classic-ui #playerTradeDialog,.classic-ui #spiritsDialog,.classic-ui #creator,.classic-ui #modal.world-map-window[open]{background:var(--ui-panel);color:var(--ui-text);border:1px solid var(--ui-line);border-top:2px solid var(--ui-accent);border-radius:14px;box-shadow:0 12px 40px #0006;padding:14px}.classic-ui dialog::backdrop{background:#07131877;backdrop-filter:none}.classic-ui dialog h2,.classic-ui #playerTradeDialog h2{color:var(--ui-accent);text-shadow:none;font:22px Georgia,serif}.classic-ui dialog p{color:var(--ui-muted)}.classic-ui dialog button{border-radius:7px}.classic-ui #closeModal{background:var(--ui-raised);color:var(--ui-text);box-shadow:none}.classic-ui .combat-stat-groups h3,.classic-ui #playerTradeDialog h3{color:var(--ui-accent)}.classic-ui .combat-stat-groups dl{color:var(--ui-muted);font-size:13px}.classic-ui .combat-stat-groups dd{color:var(--ui-text)}
.classic-ui #modal.trade-window[open],.classic-ui #modal.combat-stats-window[open]{left:auto;right:12px;bottom:8px;width:min(600px,calc(100vw - 426px));height:min(430px,calc(100dvh - 32px));max-height:calc(100dvh - 24px);border-radius:12px;background:var(--ui-panel);border:1px solid var(--ui-line)}.classic-ui .combat-stats-layout{grid-template-columns:112px minmax(65px,1fr) 160px}.classic-ui .combat-stats-layout .paper-equipment{--equipment-slot-width:34px;--equipment-slot-height:34px}
.classic-ui :is(.trade-grid,.trade-offers section,.trade-bag,.creator-options,.appearance-field,.map-places button,.workbench-recipe,.hunt-card,.spellcard,.item,.icon-guide>div){background:var(--ui-bg);border-radius:8px;border-color:var(--ui-line);color:var(--ui-text)}.classic-ui .trade-item{background:var(--ui-bg)!important;border-color:var(--ui-line)!important;box-shadow:none}.classic-ui .trade-window .trade-tabs button{background:var(--ui-raised);border-color:var(--ui-line);color:var(--ui-text)}.classic-ui .trade-window .trade-tabs button[aria-pressed=true]{color:var(--ui-accent)}
.classic-ui #modal.npc-dialogue[open]{left:auto;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));width:min(500px,calc(100vw - 428px));max-height:50dvh;background:var(--ui-panel);border:1px solid var(--ui-line);color:var(--ui-text);padding:0}.classic-ui.npc-talking #socialPanel{visibility:hidden}.classic-ui .npc-dialogue #modalBody{grid-template-columns:80px 1fr;gap:12px;padding:14px 36px 14px 12px}.classic-ui .npc-portrait-frame{height:100px}.classic-ui .npc-portrait-frame canvas{width:90px;height:100px}.classic-ui .npc-dialogue #npcName{font:19px Georgia,serif;text-align:left;color:var(--ui-accent);text-shadow:none}.classic-ui .npc-dialogue #npcWords{font:14px/1.5 Arial;color:var(--ui-text);text-align:left;margin:8px 0}.classic-ui .npc-dialogue .npc-choice{color:var(--ui-text);text-shadow:none;font:13px Arial;min-height:36px;padding:7px 10px;text-align:left;justify-content:flex-start;background:var(--ui-raised);border:1px solid var(--ui-line);box-shadow:none}.classic-ui .npc-dialogue #npcTopic{color:var(--ui-muted);text-align:left}.classic-ui .npc-dialogue #npcPage{font-size:12px}
.classic-ui #spiritChoices button,.classic-ui #spiritState,.classic-ui #summonSpirits{border-radius:8px;background:var(--ui-bg);color:var(--ui-text);border-color:var(--ui-line)}.classic-ui .creator-header,.classic-ui .creator-finish,.classic-ui .creator-body{border-color:var(--ui-line)}.classic-ui .creator-options h3,.classic-ui .map-heading h2{color:var(--ui-accent)}.classic-ui .local-map-frame,.classic-ui #mapSelection{border-color:var(--ui-line)}.classic-ui #creator .creator-header{background:transparent}.classic-ui #creator .appearance-note{color:var(--ui-muted)}.classic-ui #loginScreen{background:var(--ui-bg);border:1px solid var(--ui-line);border-top:2px solid var(--ui-accent);box-shadow:0 12px 60px #0008}.classic-ui #loginScreen .login-brand{color:var(--ui-accent)}.classic-ui #loginScreen button.primary{background:var(--ui-accent);color:var(--ui-bg)}
.classic-ui #worldOptions,.classic-ui #socialOptions,.classic-ui #itemOptions{background:var(--ui-bg);border:1px solid var(--ui-line);border-radius:8px;padding:5px;color:var(--ui-text)}.classic-ui #worldOptions button,.classic-ui #socialOptions button,.classic-ui #itemOptions button{background:transparent;border:0;box-shadow:none;min-height:34px;padding:5px 9px;font-size:13px;text-align:left;color:var(--ui-text)}.classic-ui #worldOptions button:hover,.classic-ui #socialOptions button:hover{background:var(--ui-raised)}
.classic-spell-grid{display:grid;grid-template-columns:1fr;gap:6px;padding:2px}.classic-spell{min-height:44px;padding:7px;display:flex;align-items:center;gap:9px;text-align:left}.classic-spell .game-icon{width:30px;height:30px;filter:none}.journal-spell-label{font-size:13px}.classic-spell.spell-locked{opacity:.5}.classic-spell-detail{font-size:13px;line-height:1.5;color:var(--ui-muted);border-top:1px solid var(--ui-line);margin-top:10px;padding-top:8px}
.classic-ui #game>#fullscreenButton{position:fixed;left:max(8px,env(safe-area-inset-left));top:max(8px,env(safe-area-inset-top));width:44px;height:46px;min-height:44px;padding:8px;z-index:18}.classic-ui #leaveInterior{position:fixed;left:8px;right:auto;bottom:calc(var(--side-panel-height) + 18px);width:40px;height:40px;min-height:40px;z-index:20}
.classic-ui #modal.equipment-window[open]{position:fixed;z-index:30;left:414px;right:auto;top:auto;bottom:8px;width:226px;height:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:0;padding:12px;overflow:hidden}.classic-ui .equipment-window #modalBody{height:100%;display:flex;flex-direction:column;overflow:hidden}.classic-ui .equipment-window h2{font:17px Georgia,serif;color:var(--ui-accent);text-align:left;margin:0 24px 12px 0;min-height:20px}.classic-ui .equipment-window #closeModal{position:absolute;right:7px;top:7px;width:28px;height:28px;min-height:28px;padding:0;margin:0;font-size:20px}.classic-ui #wornEquipmentContents{flex:1;min-height:0;overflow:auto}.classic-ui #wornEquipmentActions{flex:none;display:flex;justify-content:center;gap:8px;margin:8px 0 0}.classic-ui #wornEquipmentActions button{margin:0;width:44px;min-height:36px;height:36px;padding:5px}.classic-ui .equipment-tools-back{font-size:12px;padding:6px;min-height:32px;margin:0 0 8px}.classic-ui .equipment-tool-list>div{padding:8px 3px;border-bottom:1px solid var(--ui-line)}.classic-ui .equipment-tool-list strong,.classic-ui .equipment-tool-list small{display:block;font:13px Arial;color:var(--ui-text)}.classic-ui .equipment-tool-list small{font-size:11px;color:var(--ui-muted);margin-top:4px}
/* Landscape phones use a single scrollable bottom strip with visible labels. */
@media(max-width:1000px),(pointer:coarse){
 body.classic-ui{--side-panel-width:250px;--side-panel-right:8px;--side-panel-height:min(290px,calc(100dvh - 142px));--chat-height:140px}
 .classic-ui #gameTabs{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));width:auto;height:56px;max-height:none;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:3px;padding:4px}
 .classic-ui #gameTabs button{flex:1 0 62px;width:62px;height:46px;min-height:46px;flex-direction:column;justify-content:center;gap:2px;padding:3px}.classic-ui #gameTabs .game-icon{width:21px;height:21px}.classic-ui #gameTabs .journal-tab-label{font-size:10px}.classic-ui #gameTabs button.selected{border-left:1px solid var(--ui-accent)!important;border-bottom:3px solid var(--ui-accent)!important}
 .classic-ui #gameDock,.classic-ui.panels-open #gameDock{left:auto;right:max(8px,env(safe-area-inset-right));bottom:calc(70px + env(safe-area-inset-bottom));height:var(--side-panel-height);max-height:calc(100dvh - 142px);padding:9px}
 .classic-ui .bagslot,.classic-ui.trade-open .bagslot{height:36px;min-height:36px;padding:2px}.classic-ui #inventoryGrid.bag25{gap:4px}.classic-ui .dock-heading{margin-bottom:5px}.classic-ui .region{left:8px;top:62px;font-size:12px;max-width:230px}.classic-ui .region small{display:none}
 .classic-ui #mapHud{--map-size:104px;width:104px;height:142px}.classic-ui #mapHud #minimapButton{width:104px;height:104px}.classic-ui #mapHud #mapBtn,.classic-ui #mapHud #spiritButton{top:109px;width:49px;height:28px;min-height:28px}.classic-ui #mapHud #spiritButton{right:55px}.classic-ui.panels-open #minimapButton,.classic-ui.panels-open #minimapCompass,.classic-ui.panels-open #mapHud #mapBtn,.classic-ui.panels-open #mapHud #spiritButton{visibility:hidden}
 .classic-ui #mapHud .status-orb,.classic-ui #mapHud #runButton{width:88px;height:44px;min-height:44px;gap:4px;padding:5px;left:60px}.classic-ui #mapHud #worshipOrb{left:153px}.classic-ui #mapHud #runButton{left:246px}.classic-ui #mapHud #coinPouchOrb{left:339px}.classic-ui .status-orb b,.classic-ui #runEnergy{font-size:12px}.classic-ui .status-orb .orb-icon,.classic-ui #runButton .hud-symbol{flex-basis:21px;width:21px}.classic-ui .status-orb .game-icon,.classic-ui #runButton .game-icon{width:21px;height:21px}
 .classic-ui #socialPanel{left:max(8px,env(safe-area-inset-left));right:auto;bottom:calc(70px + env(safe-area-inset-bottom));width:min(360px,calc(100vw - 282px));height:var(--chat-height);max-height:calc(100dvh - 178px);padding:6px}.classic-ui #chatToggle{left:max(8px,env(safe-area-inset-left));right:auto;bottom:calc(var(--chat-height) + 76px + env(safe-area-inset-bottom))}.classic-ui #chatTabs{gap:2px}.classic-ui #chatTabs button{font-size:10px;padding:2px}.classic-ui #chatTabs small{font-size:9px}.classic-ui #chatMessages{font-size:12px}
 .classic-ui #modal.npc-dialogue[open]{left:max(8px,env(safe-area-inset-left));right:auto;bottom:calc(70px + env(safe-area-inset-bottom));width:calc(100vw - 282px);max-height:calc(100dvh - 150px)}.classic-ui .npc-dialogue #modalBody{grid-template-columns:60px 1fr;gap:7px;padding:10px 30px 10px 8px}.classic-ui .npc-portrait-frame{height:80px}.classic-ui .npc-portrait-frame canvas{width:70px;height:80px}.classic-ui .npc-dialogue #npcWords{font-size:13px}
 .classic-ui #modal.trade-window[open],.classic-ui #modal.combat-stats-window[open]{left:max(8px,env(safe-area-inset-left));right:auto;bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 278px - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(100dvh - 80px);max-height:calc(100dvh - 80px)}
 .classic-ui.trade-open #gameDock,.classic-ui.equipment-stats-open #gameDock,.classic-ui.workbench-open #gameDock{bottom:max(8px,env(safe-area-inset-bottom));height:calc(100dvh - 80px);max-height:calc(100dvh - 80px)}
 .classic-ui #modal.equipment-window[open]{left:auto;right:270px;bottom:calc(70px + env(safe-area-inset-bottom));width:210px;height:var(--side-panel-height);max-height:calc(100dvh - 142px)}.classic-ui .paper-equipment{--equipment-slot-width:42px;--equipment-slot-height:36px;gap:5px}.classic-ui #leaveInterior{left:auto;right:8px;bottom:calc(70px + env(safe-area-inset-bottom))}
 .classic-ui .combat-stats-layout{grid-template-columns:106px minmax(0,1fr)}.classic-ui .combat-stat-groups{grid-column:1/-1;overflow:visible}.classic-ui .combat-stats-window #modalBody{overflow-y:auto}.classic-ui .combat-stats-layout .equipment-character{min-height:210px}
}
@media(max-width:600px){.classic-ui #mapHud #coinPouchOrb{left:339px;width:80px}.classic-ui #mapHud{width:90px}.classic-ui #mapHud #minimapButton{width:90px;height:90px}.classic-ui #mapHud #mapBtn,.classic-ui #mapHud #spiritButton{top:95px;width:42px}.classic-ui #mapHud #spiritButton{right:48px}}
/* Hidden controls must never intercept the world, including collapsed panels. */
.classic-ui [hidden]{display:none!important}

.classic-ui .npc-dialogue #npcPage,.classic-ui .npc-choice-number{color:var(--ui-muted)}.classic-ui .npc-dialogue .npc-choice:hover,.classic-ui .npc-dialogue .npc-choice:focus-visible{background:#304f55;color:var(--ui-text);border-color:var(--ui-accent)}.classic-ui #gameTooltip{background:var(--ui-bg);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:8px;text-shadow:none}.classic-ui .equipment-tools-back,.classic-ui .trade-wallet{color:var(--ui-accent)}

.classic-ui #characterNameNote{display:block;font:11px/1.4 Arial;color:var(--ui-muted);margin-top:5px}.classic-ui #characterName[readonly]{color:var(--ui-muted);border-style:dashed;cursor:default}