/* Flat charcoal, warm bronze and restrained bevels match the block world. */
:root{--panel:#22252a;--edge:#9c8560;--ink:#e8e2d3;--quiet:#b8b3a4;--gold:#e1c184}
.player-data,.action-dock,.quest-hud,dialog,nav button,.ability,.gear-slot,.bag-slot,.talent-node .equipment-icon,.primary,.secondary,.danger,.minimap-shell>span:not(.compass){border-image:none;background-image:none;text-shadow:none}
dialog,.action-dock,.quest-hud{background:#22252af0;border:3px solid var(--edge);box-shadow:inset 0 0 0 1px #080d12,inset 0 0 0 3px #42413b,0 5px 15px #0005;color:var(--ink)}
dialog{padding:0 16px 12px;font-family:Georgia,serif;max-height:calc(100dvh - 16px)}
.dialog-header{position:relative;align-items:center;padding:9px 0;margin:0 0 12px;border-bottom:1px solid #9c856070;background:none;cursor:grab;touch-action:none;user-select:none}
.dialog-header:focus{outline:none}.dialog-header:focus-visible{box-shadow:inset 0 -2px 0 var(--gold)}
.dialog-header:active{cursor:grabbing}.dialog-header:before,.dialog-header:after{display:none}.dialog-header h2{font:bold 22px/1.25 Georgia;margin:0;color:var(--gold);text-shadow:none;letter-spacing:0}.dialog-header .eyebrow{display:none}.dialog-header h2>span{font-size:12px;margin-left:8px;font-weight:normal;color:var(--quiet)}
.close-dialog{border:2px solid var(--edge);width:26px;height:26px;background:#45312d;box-shadow:inset 0 0 0 1px #171b21;padding:0;font:22px/20px Georgia;cursor:pointer;flex:none}
.dialog-note{margin:9px 0 0;font:12px/1.4 Georgia;color:var(--quiet);text-shadow:none}
.gear-window{position:fixed;top:50%;bottom:auto;transform:translateY(-50%);margin:0;z-index:20;overflow:auto}.gear-window.active-window{z-index:30}
#characterDialog{width:550px;left:calc(50% - 460px);right:auto}#inventoryDialog{width:330px;left:calc(50% + 110px);right:auto}
.gear-window .character-sheet{display:grid;grid-template-columns:minmax(245px,1.25fr) minmax(190px,1fr);gap:14px;align-items:start}
.gear-window .paper-area{display:grid;grid-template-columns:48px minmax(114px,1fr) 48px;gap:9px;align-items:start}
.gear-window .paper-doll{height:228px;margin:0;padding:9px 0 0;border:1px solid #6f695350;background:#191e2366;justify-content:flex-start}
.gear-window .paper-doll canvas{width:112px;height:154px}.gear-window .paper-doll strong{font-size:16px;color:var(--gold);margin-top:3px}.gear-window .paper-doll>span{font-size:12px;color:var(--quiet);white-space:nowrap}
.gear-window .equipment-column{display:flex;flex-direction:column;gap:17px;padding-top:0}
.gear-slot,.bag-slot,.ability,nav button,.talent-node .equipment-icon{border:2px solid var(--edge);background-color:#161c22;box-shadow:inset 0 0 0 1px #070b10,inset 0 0 0 2px #46443a;border-radius:2px}
.gear-slot{width:40px;height:40px;padding:3px;align-self:center}.gear-slot>span:last-child{font-size:12px;line-height:16px;bottom:-18px;color:var(--quiet)}
.gear-slot .equipment-icon,.bag-slot .equipment-icon{border:1px solid #6f716d;background-color:#161c22;box-shadow:none;width:100%;height:100%}
.quality-uncommon .equipment-icon{border-color:#589865}.quality-rare .equipment-icon{border-color:#5b8cbd}.quality-epic .equipment-icon{border-color:#ac79d0}
.gear-slot.selected,.bag-slot.selected{outline:1px solid #e5cc92;outline-offset:1px;box-shadow:inset 0 0 0 1px #070b10}.gear-slot:hover,.bag-slot:hover{filter:brightness(1.17)}
.gear-slot[draggable=true],.bag-slot[draggable=true]{cursor:grab}.gear-slot[draggable=true]:active,.bag-slot[draggable=true]:active{cursor:grabbing}
.gear-window .stats-row{display:grid;grid-template-columns:1fr 1fr;grid-column:auto;margin:0 0 10px;padding:8px;gap:8px 12px;background:#171c22;border:1px solid #746e58;font-size:12px}
.gear-window .stats-row>div{display:flex;flex-direction:column;gap:0}.gear-window .stats-row span{color:var(--quiet)}.gear-window .stats-row b{font-size:14px;color:var(--ink)}
.item-details,.talent-details{background:#171c22;border:1px solid #746e58;box-shadow:none;padding:8px 10px;text-shadow:none}.gear-window .item-details{min-height:0}.item-details>strong,.tooltip-card>strong{display:block;font:16px/1.3 Georgia;margin-bottom:3px}.item-details p,.tooltip-card p{font:14px/1.5 Georgia;margin:6px 0;color:var(--ink)}.item-details small,.tooltip-card small{display:block;font:12px/1.4 Georgia;color:var(--quiet)}
.item-actions{display:flex;gap:8px;margin:8px 0 0;flex-wrap:wrap}.gear-window .item-actions button{padding:5px 8px;margin:0;font-size:14px}.item-actions kbd{font-size:12px;background:none;border:0;padding:0 0 0 3px;color:var(--quiet)}
.primary,.secondary,.danger{border:2px solid var(--edge);background:#37382f;box-shadow:inset 0 0 0 1px #151a20;color:var(--gold);font-family:Georgia,serif;text-shadow:none}.secondary{background:#2b3036}.danger{background:#543332}
.equipment-feedback{min-height:18px;margin:7px 0 0;color:#b4d397;font:12px/1.4 Georgia}.equipment-feedback.error{color:#ecac98}
#inventoryDialog .bag-grid{display:grid;grid-template-columns:repeat(6,43px);gap:5px;margin:0 0 8px}.bag-slot{width:43px;height:43px;padding:3px}.empty-bag-slot{background:#141b21;box-shadow:inset 0 0 0 1px #080e14}.bag-slot .level-lock{background:#81392e;border:1px solid #bd7b62;font-size:12px;line-height:14px}
.bag-supplies{display:flex;justify-content:space-between;gap:8px;padding:5px 0;margin:0 0 8px;border-top:1px solid #746e5855;border-bottom:1px solid #746e5855;font-size:12px;color:var(--quiet)}
.item-tooltip{position:fixed;z-index:1000;display:flex;align-items:flex-start;gap:8px;pointer-events:none;width:242px;max-width:calc(100vw - 16px);font-family:Georgia,serif;color:var(--ink);text-shadow:none}.item-tooltip[data-compare=true]{width:492px}
.tooltip-card{min-width:0;flex:1;padding:10px 11px;border:2px solid var(--edge);background:#171c22fa;box-shadow:0 4px 10px #0007}.tooltip-caption{font-size:12px;color:var(--gold);margin-bottom:5px}.tooltip-card .tooltip-hint{font-size:12px;border-top:1px solid #746e5866;padding-top:6px;margin-top:9px}.tooltip-card .item-comparison{font-size:12px;border-color:#746e5866}.tooltip-card .positive{color:#a4d994}.tooltip-card .negative,.tooltip-card .red{color:#e7a18f}
.drop-valid{outline:2px solid #adcf76!important;outline-offset:2px}.drop-invalid{outline:2px solid #d07761!important;outline-offset:2px}#inventoryDialog.item-dragging .bag-grid{outline:1px dashed #b3a576;outline-offset:3px}
.gear-window[data-drag-slot=weapon] [data-slot=weapon],.gear-window[data-drag-slot=offhand] [data-slot=offhand],.gear-window[data-drag-slot=head] [data-slot=head],.gear-window[data-drag-slot=chest] [data-slot=chest],.gear-window[data-drag-slot=hands] [data-slot=hands],.gear-window[data-drag-slot=feet] [data-slot=feet],.gear-window[data-drag-slot=ring] [data-slot=ring]{outline:2px solid #b7c886;outline-offset:2px}
/* Portrait leads the tapered unit frame; only active buffs add a second row. */
.ability.empty-slot{border-color:#625b4d;background:#141a20a8;box-shadow:inset 0 0 0 1px #090f14}.empty-slot .ability-icon{display:none}.ability[draggable=true]{cursor:grab}.ability[draggable=true]:active{cursor:grabbing}
.book-glyph{font:26px/30px Georgia;color:var(--gold)}.action-dock nav button{position:relative}
.field-actions{display:flex;flex-direction:column;gap:4px}.field-actions button{position:relative;width:28px;height:25px;padding:2px;border:1px solid var(--edge);background:#22252ad9;color:var(--ink)}.field-actions kbd{display:none}.field-actions .field-glyph{font:bold 14px Georgia}.field-actions .menu-icon{display:block;width:20px;height:20px;background-size:contain}.field-actions #potionCount{position:absolute;bottom:0;left:1px;font-size:10px;text-shadow:0 1px #000}
#spellbookDialog{width:660px;max-width:calc(100% - 16px);left:max(8px,calc(50% - 330px));top:max(8px,calc(50% - 250px));transform:none;max-height:calc(100dvh - 140px)}
.book-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:var(--gold);margin:0 0 10px}.book-heading .secondary{padding:4px 8px;margin:0;font-size:13px}
.book-tabs{display:flex;gap:5px;padding-bottom:8px;border-bottom:1px solid #746e5866;margin-bottom:10px}.book-tabs button{padding:5px 10px;border:1px solid #746e58;font-size:14px;background:#171c22;color:var(--quiet)}.book-tabs button[aria-pressed=true]{color:var(--gold);background:#39392e;border-color:var(--edge)}
.spellbook-pages{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.spell-list{max-height:300px;overflow:auto;padding-right:4px;display:grid;gap:5px}.spell-entry{display:flex;align-items:center;text-align:left;gap:9px;padding:6px;background:#171c22;border:1px solid #5e615b;color:var(--ink)}.spell-entry .equipment-icon{width:36px;height:36px;flex:none;border-width:1px}.spell-entry>span{min-width:0;flex:1}.spell-entry strong{display:block;font-size:14px;font-weight:normal;line-height:18px}.spell-entry small{display:block;color:var(--quiet);font-size:12px;line-height:16px}.spell-entry>b{font:12px/1 Georgia;color:var(--gold)}.spell-entry.locked .equipment-icon{filter:grayscale(.75);opacity:.6}.spell-entry.selected{border-color:var(--gold);background:#2a302f}.spell-entry[draggable=true]{cursor:grab}.spell-entry[draggable=true]:active{cursor:grabbing}
.spell-page{min-height:260px;padding:12px;background:#1a2026;border:1px solid #746e58}.spell-page .equipment-icon{width:46px;height:46px}.spell-page h3{font-size:19px;font-weight:normal;color:var(--gold);margin:9px 0}.spell-page p{font-size:14px;line-height:1.6;margin:9px 0}.spell-page .spell-type{font-size:12px;color:var(--quiet)}.spell-page .positive{color:#b4d397}.spell-page .primary{padding:6px 10px;font-size:14px;margin-top:6px}
#talentDialog{width:760px}.specialization-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.specialization-card{padding:14px 12px;display:flex;flex-direction:column;align-items:center;border:2px solid #746e58;background:#171c22;color:var(--ink);text-align:center}.specialization-card .equipment-icon{width:48px;height:48px}.specialization-card>strong{font-size:18px;color:var(--gold);margin-top:10px}.specialization-card>p{font-size:14px;line-height:1.5;min-height:64px}.specialization-card>span{display:block;font-size:12px;line-height:1.5;margin:4px 0}.specialization-card>b{margin-top:10px;color:var(--quiet);font-size:13px}.specialization-card.selected{border-color:var(--gold)}.specialization-card.active-spec{background:#25372f}.specialization-card.active-spec>b{color:#b4d397}#specStatus{font-size:14px;color:var(--gold);margin:4px 0 14px}#activateSpecButton{display:block;margin:14px auto 0}
@media(max-width:760px){.field-actions button{width:25px;height:26px}#spellbookDialog{left:8px;top:8px;width:calc(100% - 16px);max-height:calc(100dvh - 150px)}.spellbook-pages{gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.spell-list{max-height:260px}.spell-entry{gap:5px;padding:5px}.spell-entry .equipment-icon{width:28px;height:28px}.spell-entry strong{font-size:13px}.spell-entry small{font-size:12px}.spell-page{padding:8px}.book-heading{font-size:13px}.book-tabs button{padding:5px 7px;font-size:13px}.specialization-choices{gap:6px}.specialization-card{padding:10px 5px}.specialization-card>strong{font-size:15px}.specialization-card>p{font-size:13px;min-height:100px}.specialization-card>span{font-size:12px}}
@media(max-width:480px){.spellbook-pages{grid-template-columns:1fr}.spell-list{max-height:180px}.spell-page{min-height:0}.spell-page .equipment-icon{float:left;margin:0 10px 5px 0;width:36px;height:36px}.spell-page h3{margin-top:0}.spell-page p{clear:both}.book-heading{align-items:flex-start}.book-tabs{gap:3px}.book-tabs button{flex:1;padding:5px 3px;font-size:12px}#spellbookDialog .dialog-note{font-size:12px}.specialization-choices{grid-template-columns:1fr}.specialization-card{align-items:flex-start;text-align:left;padding:10px}.specialization-card .equipment-icon{width:34px;height:34px}.specialization-card>p{min-height:0;margin:5px 0}.specialization-card>strong{margin-top:5px}.specialization-card>span{margin:2px 0}}
.player-hud{top:20px;left:20px;width:298px;height:76px;filter:drop-shadow(0 2px 2px #0004)}
.portrait{width:76px;height:76px;border:3px solid var(--edge);background:#3b4142;box-shadow:0 0 0 2px #171c22,inset 0 0 0 1px #c3b08270}.portrait b{left:23px;bottom:-6px;width:24px;height:24px;border:2px solid var(--edge);border-radius:50%;background:#24282b;box-shadow:none;font-size:12px;line-height:20px}
.player-data{width:230px;margin-left:-13px;padding:8px 13px 8px 23px;border:2px solid var(--edge);border-radius:0 16px 16px 0;background:#22252aec;box-shadow:inset 0 0 0 1px #0b1117;text-shadow:none}
.name-line{margin:0 0 6px;text-shadow:none;gap:8px}.name-line strong{font:bold 16px/1 Georgia;color:var(--gold)}.name-line span{font-size:12px;color:var(--quiet)}
.health-track{border:1px solid #a18d69;height:20px;border-radius:8px;background:#3f2227;box-shadow:none}.health-track>div{background:linear-gradient(#bc4945,#8d2b34);box-shadow:inset 0 1px #e2958255}.health-track span{font-size:12px;line-height:18px;text-shadow:0 1px #231414}
.buff-row{height:auto;min-height:0;margin-top:0;font-size:12px;line-height:16px}.buff-row:has(#shieldText:not(:empty)){margin-top:3px}#buffText{display:none}#shieldText:empty{display:none}
.minimap-shell{top:23px;right:20px;width:148px;filter:drop-shadow(0 2px 3px #0005)}.minimap-shell canvas{width:148px;height:148px;border:4px solid var(--edge);box-shadow:0 0 0 2px #171c22;background:#445e49}
.minimap-shell>span:not(.compass){position:absolute;bottom:10px;left:13px;right:13px;display:block;text-align:center;border:0;border-radius:0 0 35px 35px;margin:0;padding:3px 0;background:#171c22cb;color:#e7d3a5;font:12px/1.3 Georgia;letter-spacing:0;box-shadow:none}
.minimap-shell .compass{left:62px;top:-9px;width:25px;border:2px solid var(--edge);border-radius:50%;background:#24282b;font-size:12px;line-height:21px}
.quest-hud{top:195px;right:20px;width:235px;padding:10px 12px;background:#22252adb;border-width:2px;text-shadow:none;border-radius:2px}.panel-heading{font-size:16px;font-weight:bold;color:var(--gold);font-variant:small-caps;border-bottom:1px solid #9c856060;padding-bottom:6px}.panel-heading button{background:#171c2277;border:1px solid #746e58;color:var(--quiet);margin-right:0}.quest-hud h2{font:bold 16px/1.3 Georgia;color:var(--gold);margin:9px 0 6px}.quest-hud p{font:14px/1.5 Georgia;color:var(--ink);margin:0 0 9px}.quest-progress{font-size:12px;padding:0;color:#d9d9be}
.area-label{top:23px;text-shadow:0 1px 2px #192c20}.area-label>span{font-size:18px;font-weight:normal;letter-spacing:1px;color:#e7dcc0}.area-label small{font-size:12px;color:#d2d9c4}.brand{display:none}
/* Eight live actions, a thin XP rail and a compact menu share one dock. */
.action-dock{bottom:18px;padding:7px 9px;background:#22252acf;border-width:2px;display:block;gap:0;max-width:calc(100% - 24px);box-shadow:inset 0 0 0 1px #10151a,0 3px 8px #0004}
.action-dock:before,.action-dock:after{display:none}.dock-row{display:flex;gap:10px;align-items:center}.abilities{display:flex;gap:5px}.ability{width:52px;height:52px;padding:3px;flex:none}.ability-icon{border:0}.ability kbd{font:12px/14px ui-monospace,monospace;text-shadow:0 1px #000;background:#171c22aa;color:#e5dfcd;padding:0 2px;bottom:1px;right:1px}.ability:hover,.ability:focus-visible{outline:1px solid #e1c184;outline-offset:1px;box-shadow:inset 0 0 0 1px #070b10}.ability-tooltip{bottom:64px;background:#171c22fa;border:2px solid var(--edge);text-shadow:none}.cooldown-text{font-size:18px;text-shadow:0 1px #000}.currency{min-width:40px;font-size:14px;color:var(--gold);text-shadow:none}.currency small{font-size:12px;color:var(--quiet)}.skill-lock{font-size:18px}
.experience-bar{position:relative;inset:auto;transform:none;width:100%;height:8px;margin:0 0 7px;background:none;border:0;pointer-events:auto}.experience-bar .xp-track{height:8px;border:1px solid #9481a3;margin:0;background:#171721}.experience-bar .xp-track>div{background:#8967a8;box-shadow:none}.experience-bar>span{display:none;position:absolute;top:auto;right:auto;bottom:15px;left:50%;height:auto;transform:translateX(-50%);font:12px/1.4 Georgia;padding:4px 8px;width:max-content;background:#171c22ee;border:1px solid var(--edge);color:var(--ink);text-shadow:none}.experience-bar:hover>span{display:block}
.action-dock nav{position:static;inset:auto;display:grid;grid-template-columns:repeat(2,28px);gap:4px;flex-direction:row;pointer-events:auto;margin-left:2px;padding-left:9px;border-left:1px solid #9c856066}.action-dock nav button{width:28px;height:25px;padding:2px;border-width:1px;box-shadow:inset 0 0 0 1px #080d12}.action-dock nav .menu-icon{width:20px;height:20px;margin:auto;font:24px/17px Georgia;color:var(--gold)}.action-dock nav kbd{display:none}.menu-badge{border:1px solid var(--edge);background:#70422a;color:#eedab3;font-size:12px;line-height:15px;min-width:17px;height:17px;top:-5px;right:-5px}
.message{bottom:111px;font:14px/1.5 Georgia;text-shadow:0 1px #17231b;background:linear-gradient(90deg,transparent,#171c22cc 15%,#171c22cc 85%,transparent)}.interaction{bottom:155px;background:#22252aeb;border:2px solid var(--edge);box-shadow:none;font-size:14px;text-shadow:none}.hint{bottom:113px;background:#22252ad9;border-left:2px solid var(--edge);text-shadow:none}.hint h1{color:var(--gold);font-size:19px}.hint-eyebrow{display:none}.hint p{font-size:14px}.target-hud{font-size:14px;text-shadow:0 1px #17231b}.target-track{border:1px solid var(--edge);border-radius:5px}.target-track span{line-height:14px}
.talent-branch{border:1px solid #746e58;background:#171c22;padding:10px 5px}.branch-guard{background:#192229}.branch-rune{background:#24202d}.talent-branch h3{font-size:18px;color:var(--gold)}.talent-node .equipment-icon{border-width:2px}.talent-node.learned .equipment-icon{outline:1px solid #c9ae67;outline-offset:1px}.talent-node.available .equipment-icon{outline:1px solid #a1bc85;outline-offset:1px}.talent-details strong{color:var(--gold)}.npc-conversation canvas{background:none;border:0}.npc-conversation p{color:var(--ink)}
@media(max-width:1100px){.ability{width:44px;height:44px}.abilities{gap:4px}.action-dock{padding:6px 8px}.dock-row{gap:8px}.currency{min-width:34px}.action-dock nav{grid-template-columns:repeat(2,25px);gap:3px;padding-left:7px}.action-dock nav button{width:25px;height:21px}.action-dock nav .menu-icon{width:17px;height:17px}.message{bottom:99px}.interaction{bottom:140px}}
@media(max-width:999px){#characterDialog{left:12px}#inventoryDialog{left:auto;right:12px}}
@media(max-width:760px){.player-hud{top:12px;left:12px;width:232px;height:62px}.portrait{width:62px;height:62px}.portrait b{left:18px;width:22px;height:22px;font-size:12px;line-height:18px}.player-data{width:183px;padding:7px 9px 7px 21px}.name-line strong{font-size:14px}.name-line span{font-size:12px}.health-track{height:18px}.health-track span{font-size:12px;line-height:16px}.minimap-shell{top:18px;right:12px;width:96px}.minimap-shell canvas{width:96px;height:96px;border-width:3px}.minimap-shell .compass{left:37px;font-size:12px;width:23px;line-height:19px}.minimap-shell>span:not(.compass){bottom:7px;left:7px;right:7px;font-size:12px;padding:2px 0}.quest-hud{top:133px;right:12px;width:188px;padding:8px 9px}.panel-heading{font-size:14px}.quest-hud h2{font-size:14px}.quest-hud p{font-size:13px}.quest-progress{font-size:12px}.area-label{top:88px;left:12px}.area-label>span{font-size:14px}.area-label small{display:none}.target-hud{top:120px;left:12px;width:136px}.target-track{height:14px}.target-track span{font-size:12px;line-height:12px}.action-dock{bottom:12px}.abilities{display:grid;grid-template-columns:repeat(4,40px);gap:4px}.ability{width:40px;height:40px;padding:2px}.ability kbd{font-size:12px;line-height:12px}.currency{min-width:28px;font-size:12px}.currency small{font-size:12px}.action-dock nav{grid-template-columns:repeat(2,25px);gap:5px}.action-dock nav button{width:25px;height:26px}.action-dock nav .menu-icon{width:19px;height:19px}.experience-bar{height:6px;margin-bottom:6px}.experience-bar .xp-track{height:6px}.joystick{bottom:145px}.message{bottom:135px;left:131px;right:12px;transform:none;max-width:none;font-size:13px}.interaction{bottom:248px;font-size:13px}.hint{bottom:262px;width:170px}.hint p{font-size:13px}.hint h1{font-size:18px}dialog{padding:0 12px 10px}.talent-tree{gap:6px}.talent-branch{padding:8px 2px}.talent-branch h3{font-size:14px}}
@media(max-width:580px){#characterDialog{width:calc(100% - 16px);left:8px}#inventoryDialog{width:330px;max-width:calc(100% - 16px);right:8px}.gear-window .character-sheet{grid-template-columns:1fr;gap:10px}.gear-window .paper-area{grid-template-columns:48px minmax(112px,1fr) 48px;gap:9px}.gear-window .paper-doll{height:205px;padding-top:4px}.gear-window .paper-doll canvas{height:145px;width:106px}.gear-window .stats-row{grid-template-columns:repeat(3,1fr);gap:5px 8px;padding:6px;font-size:12px;margin-bottom:7px}.gear-window .stats-row b{font-size:14px}.character-summary .item-actions{margin-top:6px}.gear-window .dialog-header{margin-bottom:9px}.gear-window .dialog-header h2{font-size:20px}.gear-window .dialog-note{font-size:12px}.character-summary .equipment-feedback:empty{display:none}}
@media(max-width:400px){.item-tooltip[data-compare=true]{flex-direction:column;width:250px;gap:4px}.tooltip-card{width:100%;padding:7px 9px}.tooltip-card p{font-size:13px}.tooltip-card>strong{font-size:14px}.player-hud{width:209px}.player-data{width:160px}.name-line span{display:none}.minimap-shell{width:84px;right:9px}.minimap-shell canvas{width:84px;height:84px}.minimap-shell .compass{left:31px}.minimap-shell>span:not(.compass){font-size:12px}.quest-hud{top:119px;width:172px}.dock-row{gap:6px}.abilities{grid-template-columns:repeat(4,36px);gap:4px}.ability{width:36px;height:36px}.currency{min-width:24px}.action-dock nav{padding-left:6px}.message{left:126px}.gear-window .paper-area{gap:6px}.gear-window .paper-doll>span{font-size:12px}}
@media(max-width:340px){#inventoryDialog .bag-grid{grid-template-columns:repeat(5,43px)}}
@media(max-height:560px) and (min-width:581px){.player-hud{top:12px}.minimap-shell{top:18px;width:112px}.minimap-shell canvas{width:112px;height:112px}.minimap-shell .compass{left:44px}.quest-hud{top:151px;width:215px}.quest-hud p{font-size:13px}.area-label{display:none}.hint{display:none}.action-dock{bottom:10px}.abilities{display:flex}.ability{width:40px;height:40px}.message{bottom:98px;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:70%;font-size:13px}.interaction{bottom:137px}.joystick{bottom:106px;width:84px;height:84px}.joystick span{left:22px;top:22px}#inventoryDialog .bag-grid{grid-template-columns:repeat(6,39px);gap:5px}.bag-slot{width:39px;height:39px}#inventoryDialog .dialog-note{font-size:12px;line-height:1.3}#inventoryDialog .item-details p{font-size:13px;margin:4px 0}.talent-node{min-height:75px}.talent-nodes{gap:12px}.talent-node:not(:last-child):after{top:75px;height:15px}.talent-branch>p{display:none}.talent-tree{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}