@media(orientation:landscape)and (max-height:500px)and (max-width:1000px){body[data-ui=storybook] .ui-game{--ls-t: max(8px, env(safe-area-inset-top));--ls-b: max(8px, env(safe-area-inset-bottom));--ls-l: max(8px, env(safe-area-inset-left));--ls-r: max(8px, env(safe-area-inset-right));--ls-g: 4px;--ls-n: 15;--ls-u: clamp( 36px, calc((100vw - var(--ls-l) - var(--ls-r) - (var(--ls-n) - 1) * var(--ls-g)) / var(--ls-n)), 48px );--ls-rg: calc( (100vw - var(--ls-l) - var(--ls-r) - var(--ls-n) * var(--ls-u)) / (var(--ls-n) - 1) );--ls-hp-w: 180px;--ls-hp-h: calc(96px * var(--ui-scale, 1));--ls-clear-b: calc(var(--ls-b) + var(--ls-u) + var(--ls-g));--ls-clear-r: calc(var(--ls-r) + var(--ls-u) + var(--ls-g));--ls-clear-l: calc(var(--ls-l) + var(--ls-u) + var(--ls-g));--ls-below-hp: calc(var(--ls-t) + var(--ls-hp-h) + var(--ls-g));--ls-row-top: calc(var(--ls-b) + var(--ls-u));--ls-minimap: 78px;--ls-minimap-r: calc(var(--ls-r) + var(--ls-u) + var(--ls-g));--ls-step: calc(var(--ls-u) + var(--ls-g));--ls-band-l: calc(var(--ls-l) + var(--ls-hp-w) + 2 * var(--ls-g) + var(--ls-u));--ls-band-r: calc(var(--ls-minimap-r) + var(--ls-minimap) + 2 * var(--ls-g))}@supports (width: round(down,10.5px,1px)){body[data-ui=storybook] .ui-game{--ls-u: clamp( 36px, round( down, calc((100vw - var(--ls-l) - var(--ls-r) - (var(--ls-n) - 1) * var(--ls-g)) / var(--ls-n)), 1px ), 48px )}}body[data-ui=storybook] .ui-game:has(.bottom-hud .aside.start>:nth-child(3)){--ls-n: 16}body[data-ui=storybook] .ui-game:has(.bottom-hud .slots.items-only){--ls-n: 11}body[data-ui=storybook] .ui-game:has(.bottom-hud .slots.items-only):has(.bottom-hud .aside.start>:nth-child(3)){--ls-n: 12}body[data-ui=storybook] .ui-game .encounter.immersive>.player{top:var(--ls-t);left:var(--ls-l);width:var(--ls-hp-w);box-sizing:border-box;padding:4px 8px}body[data-ui=storybook] .ui-game .encounter.immersive>.effects{top:var(--ls-t);left:var(--ls-band-l);right:var(--ls-band-r)}body[data-ui=storybook] .ui-game .encounter.immersive>.action-feedback{top:auto;bottom:calc(var(--ls-row-top) + var(--ls-g));left:var(--ls-band-l);right:var(--ls-band-r);transform:none;width:auto;display:flex;flex-direction:column;align-items:center}body[data-ui=storybook] .ui-game .encounter.immersive>.action-feedback p{width:fit-content;max-width:100%;box-sizing:border-box;margin:0 0 2px;padding:3px 8px;font-size:.72rem;line-height:16px}body[data-ui=storybook] .ui-game .gameplay-feedback{top:var(--ls-t);left:var(--ls-band-l);right:var(--ls-band-r);transform:none;width:auto;display:flex;flex-direction:column;align-items:center;font-size:.72rem}body[data-ui=storybook] .ui-game .gameplay-feedback.news{margin-top:calc(var(--alert-lines, 0) * 26px)}body[data-ui=storybook] .ui-game .travel-walking{top:auto;bottom:calc(var(--ls-row-top) + var(--ls-g));left:calc(var(--ls-l) + var(--ls-u) + 2 * var(--ls-g));transform:none;max-width:min(420px,45vw);text-align:left}body[data-ui=storybook] .ui-game .gameplay-feedback p{width:fit-content;max-width:100%;box-sizing:border-box;margin:0 0 2px;padding:2px 8px;line-height:18px}body[data-ui=storybook] .ui-game .ui-hud-row{--ls-cu: max( 36px, min( var(--ls-u), calc((100dvh - var(--ls-row-top) - var(--ls-g) - var(--ls-below-hp) - 3 * var(--ls-g)) / 4) ) );top:auto;bottom:calc(var(--ls-row-top) + var(--ls-g));left:var(--ls-l);flex-direction:column;align-items:flex-start;gap:var(--ls-g);max-width:none}body[data-ui=storybook] .ui-game .ui-hud-row>.ui-objectives{display:contents}body[data-ui=storybook] .ui-game .ui-hud-row>.ui-hud-beta{position:fixed;top:var(--ls-t);left:calc(var(--ls-l) + var(--ls-hp-w) + var(--ls-g))}body[data-ui=storybook] .ui-game .ui-hud-row>.ui-party-hud{border:0;background:none;box-shadow:none}body[data-ui=storybook] .ui-game .ui-hud-row .ui-party-hud button{box-sizing:border-box;border:1px solid rgb(16 186 193 / 47%)!important;border-radius:3px;background:#172427ed!important;box-shadow:0 5px 25px #0511142e}body[data-ui=storybook] .ui-game .ui-hud-row .ui-party-hud button,body[data-ui=storybook] .ui-game .ui-hud-row .ui-journal-chip,body[data-ui=storybook] .ui-game .ui-hud-guest .ui-guest-badge,body[data-ui=storybook] .ui-game .ui-hud-row .ui-beta-badge{box-sizing:border-box;width:var(--ls-cu);min-width:var(--ls-cu);height:var(--ls-cu);min-height:var(--ls-cu)!important;padding:0!important;justify-content:center}body[data-ui=storybook] .ui-game .ui-hud-row .ui-beta-badge .ui-beta-pill{width:100%;justify-content:center;padding:0;font-size:10px}body[data-ui=storybook] .ui-game .ui-hud-guest .ui-guest-badge>span:not(.ui-guest-dot):not([data-ui-icon]){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body[data-ui=storybook] .ui-game .ui-live-hud>.ui-minimap{top:var(--ls-t);right:var(--ls-minimap-r);width:var(--ls-minimap);display:grid;justify-items:end;row-gap:1px;text-align:right}body[data-ui=storybook] .ui-game .ui-live-hud>.ui-minimap>.ui-minimap-button{padding:0;width:var(--ls-minimap);height:var(--ls-minimap)}body[data-ui=storybook] .ui-game .ui-live-hud>.ui-minimap svg[role=img]{box-sizing:border-box;width:var(--ls-minimap);height:var(--ls-minimap);display:block}body[data-ui=storybook] .ui-game .ui-live-hud>.ui-minimap>p{position:static;left:auto;transform:none;width:max-content;min-width:0;margin:1px 0 0;font-size:.8em;line-height:1.2}body[data-ui=storybook] .ui-game .ui-live-hud>.ui-minimap>.map-meta{justify-content:flex-end;line-height:1.2}body[data-ui=storybook] .ui-game .ui-live-hud>.ui-minimap>.atlas-button{position:absolute;z-index:1;left:calc(50% - 43px);top:50px;right:auto;box-sizing:border-box;display:inline-grid;place-items:center;width:30px;min-width:30px!important;height:30px;min-height:30px!important;margin:0;padding:0!important;border-radius:50%;box-shadow:0 2px 6px #00152566}body[data-ui=storybook] .ui-game .ui-live-hud>.ui-minimap>.atlas-button .atlas-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body[data-ui=storybook] .ui-game .ui-game-menu{top:auto;left:auto;right:var(--ls-r);bottom:var(--ls-b);transform:none;direction:ltr;grid-template-columns:var(--ls-u);grid-auto-flow:row;grid-auto-columns:auto;grid-auto-rows:var(--ls-u);gap:var(--ls-g)}body[data-ui=storybook] .ui-game .ui-game-menu>button{box-sizing:border-box;width:var(--ls-u);height:var(--ls-u);min-width:var(--ls-u);min-height:var(--ls-u)!important;padding:10px!important}body[data-ui=storybook] .ui-game .ui-game-menu>button.ui-menu-secondary{display:none}body[data-ui=storybook] .ui-game:has(.bottom-hud .slots.items-only) .ui-game-menu>button:is([data-window-toggle=equipment],[data-window-toggle=skills],[data-window-toggle=settings]){display:none}body[data-ui=storybook] .ui-game .ui-save-indicator,body[data-ui=storybook] .ui-game .scene-tools{display:none}body[data-ui=storybook] .ui-game .ui-chat-toggle{left:var(--ls-l);bottom:var(--ls-b)}body[data-ui=storybook] .ui-game .ui-chat-toggle.social-icon{--social-icon-size: var(--ls-u);zoom:1}body[data-ui=storybook] .ui-game .encounter.immersive .bottom-hud{left:calc(var(--ls-l) + var(--ls-u) + var(--ls-rg));right:calc(var(--ls-r) + var(--ls-u) + var(--ls-rg));bottom:var(--ls-b);width:auto;transform:none}body[data-ui=storybook] .ui-game .encounter.immersive .bottom-hud>.casting-space{position:absolute;left:0;bottom:calc(100% + var(--ls-g));width:min(280px,100%);min-height:0;margin:0}body[data-ui=storybook] .ui-game .encounter.immersive .bottom-hud>.action-state{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}body[data-ui=storybook] .ui-game .bottom-hud .hotbar{display:flex;align-items:stretch;gap:var(--ls-rg);width:100%;max-width:none;height:var(--ls-u);margin:0}body[data-ui=storybook] .ui-game .bottom-hud .hotbar-heading{display:contents}body[data-ui=storybook] .ui-game .bottom-hud .hotbar-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body[data-ui=storybook] .ui-game .bottom-hud .hotbar-hint{top:auto;bottom:calc(100% + var(--ls-g));left:50%;right:auto;transform:translate(-50%);max-width:100%}body[data-ui=storybook] .ui-game .bottom-hud .aside{position:static;inset:auto;order:4;display:flex;gap:var(--ls-rg);visibility:visible}body[data-ui=storybook] .ui-game .bottom-hud .aside.start{order:1;margin-left:0}body[data-ui=storybook] .ui-game .bottom-hud .slots{order:2;flex:none;box-sizing:border-box;grid-template-columns:repeat(var(--hotkey-slots, 8),var(--ls-u));grid-template-rows:var(--ls-u);gap:var(--ls-rg);height:var(--ls-u);padding:0;border:0;background:none;box-shadow:none}body[data-ui=storybook] .ui-game .bottom-hud .slot{box-sizing:border-box;width:var(--ls-u);height:var(--ls-u);min-width:0;min-height:0!important;aspect-ratio:auto;padding:3px!important}body[data-ui=storybook] .ui-game .bottom-hud .hotbar-edit,body[data-ui=storybook] .ui-game .bottom-hud .ui-hotbar-quick,body[data-ui=storybook] .ui-game .bottom-hud .ui-hotbar-quick:has(small){box-sizing:border-box;width:var(--ls-u);min-width:var(--ls-u);height:var(--ls-u);min-height:var(--ls-u)!important;margin:0}body[data-ui=storybook] .ui-game .bottom-hud .hotbar-edit{order:3;display:inline-grid;place-items:center;position:static;transform:none;padding:0!important}body[data-ui=storybook] .ui-game .bottom-hud .ui-hotbar-quick.ui-power-save-float{position:fixed;left:auto;right:var(--ls-r);bottom:calc(var(--ls-b) + 5 * var(--ls-step))}body[data-ui=storybook] .ui-game .bottom-hud .ui-potion-nudge{position:fixed;right:calc(var(--ls-r) + var(--ls-u) + var(--ls-g));bottom:calc(var(--ls-row-top) + var(--ls-g));max-width:min(300px,calc(100vw - 2 * var(--ls-hp-w)))}body[data-ui=storybook] .ui-game .ui-chat-hud{left:calc(var(--ls-l) + var(--ls-u) + var(--ls-g));top:var(--ls-below-hp);bottom:calc(var(--ls-row-top) + var(--ls-g));width:min(300px,calc(50vw - var(--ls-l) - var(--ls-u) - var(--ls-g)));max-height:none;box-sizing:border-box}body[data-ui=storybook] .ui-game .ui-chat-hud:not([hidden]){z-index:31}body[data-ui=storybook] .ui-game .ui-job-toast{top:calc(var(--ls-t) + var(--ls-u) + var(--ls-g));left:calc(var(--ls-l) + var(--ls-hp-w) + var(--ls-u) + 3 * var(--ls-g));right:calc(var(--ls-minimap-r) + var(--ls-minimap) + 2 * var(--ls-g));transform:none;width:fit-content;max-width:none;margin-inline:auto;box-sizing:border-box;padding:0 0 0 12px}body[data-ui=storybook] .ui-game .ui-points-toast{top:var(--ls-t);font-size:.75rem}body[data-ui=storybook] .ui-game .ui-job-toast{z-index:100001}body[data-ui=storybook] .ui-game .ui-news-toast{top:var(--ls-t)}body[data-ui=storybook] .ui-game .ui-job-toast>button{min-height:var(--ls-u)}body[data-ui=storybook] .ui-game .ui-job-toast .ui-job-toast-close{display:inline-grid;place-items:center;width:var(--ls-u);min-width:var(--ls-u);height:var(--ls-u);padding:0}body[data-ui=storybook] .ui-game .ui-whisper-toast{top:calc(var(--ls-t) + var(--ls-u) + var(--ls-g))}body[data-ui=storybook] .ui-game .npc-dialog{position:fixed;inset:auto var(--ls-clear-r) var(--ls-clear-b) var(--ls-clear-l);margin:0 auto;box-sizing:border-box;width:min(700px,calc(100vw - var(--ls-clear-l) - var(--ls-clear-r)));max-height:calc(100dvh - var(--ls-t) - var(--ls-clear-b));padding:10px 12px}body[data-ui=storybook] .ui-game .npc-dialog.with-portrait{width:min(54rem,calc(100vw - var(--ls-clear-l) - var(--ls-clear-r)));padding-left:calc(var(--portrait-w) + 1rem)}body[data-ui=storybook] .ui-game .npc-dialog h3{margin:0 0 4px;padding-right:44px;font-size:1.05rem}body[data-ui=storybook] .ui-game .npc-dialog p{margin:0;font-size:.85rem;line-height:1.5}body[data-ui=storybook] .ui-game .npc-dialog .npc-choose-hint{font-size:.7rem}body[data-ui=storybook] .ui-game .npc-dialog .npc-x{top:2px;right:2px;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}body[data-ui=storybook] .ui-game .npc-dialog .npc-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}body[data-ui=storybook] .ui-game .npc-dialog .npc-choice{box-sizing:border-box;min-height:36px;font-size:.85rem}body[data-ui=storybook] .ui-game .npc-dialog .npc-nav{margin-top:4px}body[data-ui=storybook] .ui-game .npc-dialog .npc-nav button{min-height:40px!important;margin:0}body[data-ui=storybook] .ui-game .ui-window{left:auto!important;right:var(--ls-clear-r);top:var(--ls-t)!important;bottom:var(--ls-clear-b);width:min(calc(360px - var(--ls-u) - var(--ls-g)),calc(100vw - var(--ls-clear-l) - var(--ls-clear-r)))!important;max-width:none;max-height:none!important;margin:0;padding-bottom:0;translate:none;border:1px solid var(--line);border-radius:6px}body[data-ui=storybook] .ui-game .ui-window:is([data-game-window=menu],[data-game-window=market],[data-game-window=settings],[data-game-window=auto],[data-game-window=storage],[data-game-window=custody],[data-game-window=jobs],[data-game-window=projects],[data-game-window=mail],[data-game-window=atlas],[data-game-window=news],[data-game-window=trade]){left:var(--ls-clear-l)!important;width:auto!important}body[data-ui=storybook] .ui-game .ui-window[data-game-window=menu]{bottom:auto;max-height:calc(100dvh - var(--ls-t) - var(--ls-clear-b))!important}body[data-ui=storybook] .ui-game .ui-window-heading{--window-control-size: 40px;padding-top:3px}body[data-ui=storybook] .ui-game .ui-window-heading button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}body[data-ui=storybook] .ui-game .ui-window-heading:before{content:none}body[data-ui=storybook] .ui-game .ui-window-content{flex:1 1 auto;padding:12px}body[data-ui=storybook] .ui-game [data-game-window=menu] .ui-menu-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}body[data-ui=storybook] .ui-game [data-game-window=menu] .ui-menu-list button{min-height:40px;padding:2px 8px!important;gap:6px;font-size:.78rem;line-height:1.2;overflow-wrap:anywhere}body[data-ui=storybook] .ui-game [data-game-window=menu] .ui-menu-list .ui-menu-key{display:none}body[data-ui=storybook] .ui-game .ui-loading-layer{padding:var(--ls-t) var(--ls-r) var(--ls-b) var(--ls-l)}body[data-ui=storybook] .ui-game .world-loading-panel.world-loading-panel:has(.loading-logo){display:grid;grid-template-columns:170px minmax(0,1fr);grid-auto-flow:row dense;column-gap:20px;align-items:center;width:min(720px,100%);box-sizing:border-box;padding-inline:16px;font-size:calc(14px * var(--ui-scale, 1))}body[data-ui=storybook] .ui-game .world-loading-panel.world-loading-panel>*{grid-column:2;margin-top:0;margin-bottom:4px}body[data-ui=storybook] .ui-game .world-loading-panel.world-loading-panel>.loading-logo{grid-column:1;grid-row:1 / span 4;align-self:end;width:160px;margin:0 auto 8px}body[data-ui=storybook] .ui-game .world-loading-panel.world-loading-panel>.travel-portal{grid-column:1;grid-row:5 / span 6;align-self:start;width:72px;height:72px;margin:0 auto}body[data-ui=storybook] .ui-game .world-loading-panel .travel-star{width:24px;height:24px}body[data-ui=storybook] .ui-game .world-loading-panel.world-loading-panel h1{font-size:1.6em!important;margin:0 0 2px}body[data-ui=storybook] .ui-game .world-loading-panel.world-loading-panel p{line-height:1.4;font-size:.85em}body[data-ui=storybook] .ui-game .world-loading-panel.world-loading-panel .retrying{padding:6px 10px}body[data-ui=storybook] .ui-game .world-loading-panel.world-loading-panel ul{margin:6px 0 2px}body[data-ui=storybook] .ui-game .world-loading-panel .ui-loading-actions{margin-top:6px}body[data-ui=storybook] .ui-game .world-loading-panel .ui-connection-message{padding:12px 16px}body[data-ui=storybook] .ui-game .world-loading-panel .ui-connection-message h1{font-size:1.5em!important;margin:0 0 4px}body[data-ui=storybook] .ui-game .world-loading-panel .ui-connection-message .alert{margin:6px 0;padding:8px 10px}body[data-ui=storybook] .ui-game .ui-travel-fade .travel-logo{top:var(--ls-t);width:150px}body[data-ui=storybook] .ui-game .ui-travel-fade .travel-portal{width:84px;height:84px;margin-bottom:4px}body[data-ui=storybook] .ui-game .ui-travel-fade .travel-star{width:26px;height:26px}body[data-ui=storybook] .ui-game .ui-travel-fade strong{font-size:1.6rem}}@layer ui-touch-floor{@media(orientation:landscape)and (max-height:500px)and (max-width:1000px){body[data-ui=storybook] .ui-window :is(button,select,[role=tab],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=color])):not([data-touch-exempt],[data-touch-exempt] *){min-height:40px!important}body[data-ui=storybook] .ui-window :is(button,[role=tab]):not([data-touch-exempt],[data-touch-exempt] *){min-width:40px!important}}}@media(orientation:portrait)and (max-width:760px){body[data-ui=storybook] .ui-game:has(.bottom-hud .slots.items-only) .ui-game-menu>button:is([data-window-toggle=equipment],[data-window-toggle=skills],[data-window-toggle=settings]){display:none}body[data-ui=storybook] .ui-game .ui-minimap .map-meta>small:first-child{display:none}}@media(orientation:portrait)and (max-width:760px){body[data-ui=storybook] .ui-game .ui-thumb{bottom:calc(env(safe-area-inset-bottom,0px) + 144px)}}@media(orientation:portrait)and (max-width:760px){body[data-ui=storybook] .ui-game{--pt-under-row: calc(env(safe-area-inset-top, 0px) + 88px + 22px * var(--ui-scale, 1) + 50px)}body[data-ui=storybook] .ui-game .event-banner{top:var(--pt-under-row);left:13px;transform:none;max-width:calc(100vw - 26px);padding:4px 10px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-ui=storybook] .ui-game .ui-pins{top:var(--pt-under-row)}body[data-ui=storybook] .ui-game:has(.event-banner) .ui-pins{top:calc(var(--pt-under-row) + 34px)}body[data-ui=storybook] .ui-game .ui-pins :is(.text small,.meta small){display:none}}