@import url('./inventory-window.css?v=window-scale-2');
@import url('./pk-death-ui.css');
/* Original 1280 bitmap is sliced at the two fixed 400px end clusters. */
.bottom-bar{--bottom-bar-scale:1;position:absolute;left:0;right:0;bottom:0;height:calc(53px * var(--bottom-bar-scale));z-index:5;isolation:isolate;user-select:none}
.bottom-bar[hidden],.bottom-bar-overlay[hidden],.bottom-bar-toast[hidden]{display:none}
.bottom-bar-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.bottom-bar-frame-left,.bottom-bar-frame-right{position:absolute;top:0;bottom:0;width:calc(400px * var(--bottom-bar-scale));overflow:hidden;pointer-events:none}
.bottom-bar-frame-left{left:0}.bottom-bar-frame-right{right:0}
.bottom-bar-frame-left img,.bottom-bar-frame-right img{width:calc(1280px * var(--bottom-bar-scale));max-width:none}.bottom-bar-frame-right img{left:auto;right:0}
.bottom-bar-menus,.bottom-bar-quick{position:absolute;top:0;width:400px;height:53px;transform:scale(var(--bottom-bar-scale));transform-origin:top left}
.bottom-bar-menus{left:0}.bottom-bar-quick{right:0;transform-origin:top right}
.bottom-bar-menu,.bottom-bar-slot,.bottom-bar-pages button{position:absolute;padding:0;border:0;background:transparent;color:#ffeb8b;cursor:pointer;border-radius:0;font:11px "SimSun",serif}
.bottom-bar-menu{top:18px;width:25px;height:26px}
.bottom-bar-slot{top:14px;width:32px;height:32px;overflow:hidden}
.bottom-bar-menu:hover,.bottom-bar-slot:hover,.bottom-bar-pages button:hover{background:#fff09a26;box-shadow:inset 0 0 0 1px #ffdf6b}
.bottom-bar-menu:active,.bottom-bar-slot:active{background:#0009;transform:translateY(1px)}
.bottom-bar button:focus-visible,.bottom-bar-dialog button:focus-visible{outline:2px solid #fff3aa;outline-offset:1px}
.bottom-bar button:disabled{cursor:default}.bottom-bar[data-ready="false"] .bottom-bar-menus,.bottom-bar[data-ready="false"] .bottom-bar-quick{opacity:.45}
.bottom-bar-slot.is-bound{background:#081009ed}.bottom-bar-slot.is-drop-target{outline:2px solid #a4f6dc;outline-offset:-2px}
.bottom-bar-slot.is-unavailable img{opacity:.4}
.bottom-bar-slot .martial-cooldown{position:absolute;left:0;top:1px;width:0;height:32px;background:#000000b4;pointer-events:none}
.bottom-bar-slot .martial-cooldown[hidden]{display:none}
.bottom-bar-item-icon{width:30px;height:30px;object-fit:contain;pointer-events:none}.bottom-bar-item-icon[hidden]{display:none}
.bottom-bar-quantity{position:absolute;right:1px;bottom:0;max-width:100%;color:#fff;font:10px/12px "SimSun",serif;text-shadow:1px 1px #000,-1px -1px #000;overflow-wrap:anywhere;pointer-events:none}
.bottom-bar-pages{position:absolute;left:5px;top:13px;width:11px;height:34px}
.bottom-bar-pages button{left:0;width:11px;height:9px}.bottom-bar-pages button img{width:100%;height:100%;pointer-events:none}
.bottom-bar-page-up{top:0}.bottom-bar-page-down{bottom:0}.bottom-bar-page-number{position:absolute;top:10px;left:0;width:11px;height:14px;pointer-events:none}
.bottom-bar-toast{position:absolute;z-index:8;left:50%;bottom:calc(var(--bottom-bar-height,53px) + 12px);transform:translateX(-50%);max-width:min(460px,calc(100% - 24px));margin:0;padding:9px 13px;background:#07140ff0;color:#fbe7a2;border:1px solid #c4a12b;font:13px/1.5 "SimSun",serif;pointer-events:none;text-align:center}
.bottom-bar-overlay{position:absolute;inset:0;z-index:7;display:flex;align-items:center;justify-content:flex-end;padding:12px 24px calc(var(--bottom-bar-height,53px) + 12px);background:#0003}
.bottom-bar-overlay.is-inventory-window{pointer-events:none;background:transparent}
.bottom-bar-overlay.is-inventory-window .bottom-bar-dialog{pointer-events:auto}
.bottom-bar-overlay.is-inventory-window .bottom-bar-dialog.is-positioned{position:absolute;max-width:calc(100% - 16px);max-height:calc(100% - var(--bottom-bar-height,53px) - 24px)}
.inventory-window-handle{display:none}
.is-inventory>.inventory-window-handle{display:block;position:absolute;z-index:3;top:0;left:0;right:calc(34px * var(--inventory-ui-scale,1));height:calc(32px * var(--inventory-ui-scale,1));cursor:grab;touch-action:none;user-select:none}
.inventory-window-handle:focus-visible{outline:2px solid #fff3aa;outline-offset:-3px}
.is-window-dragging>.inventory-window-handle{cursor:grabbing}
.bottom-bar-overlay.is-dragging{pointer-events:none;background:transparent}.bottom-bar-overlay.is-dragging .bottom-bar-dialog{opacity:.75}
.bottom-bar-drag-ghost{position:fixed;z-index:100;width:32px;height:32px;transform:translate(calc(-50% - var(--carry-offset-x,2px)),calc(-50% - var(--carry-offset-y,2px)));pointer-events:none;background:transparent;border:0;opacity:.7843137255}.bottom-bar-drag-ghost img{width:100%;height:100%;object-fit:contain}
body.is-carrying-inventory,body.is-carrying-inventory *{cursor:none!important}
.bottom-bar-inventory-slot{touch-action:none}
.bottom-bar-dialog{position:relative;width:330px;max-width:100%;max-height:100%;display:flex;flex-direction:column;color:#e6eac4;background:linear-gradient(135deg,#123022f7,#06120bf7);border:2px solid #ab891e;box-shadow:inset 0 0 0 1px #e9d373,0 3px 18px #000b;padding:0 12px 12px}
.bottom-bar-dialog,.inventory-expanded{-webkit-user-select:none;user-select:none}
.bottom-bar-dialog img,.inventory-expanded img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}
.bottom-bar-dialog input,.bottom-bar-dialog textarea,.bottom-bar-dialog [contenteditable]:not([contenteditable="false"]){-webkit-user-select:text;user-select:text}
.bottom-bar-dialog h2{flex:none;height:38px;margin:0 22px 12px 0;padding:9px 0 6px;color:#ffe596;font:bold 15px/20px "SimSun",serif;border-bottom:1px solid #7c691e}
.bottom-bar-close{position:absolute;right:8px;top:8px;width:22px;height:22px;padding:0;border:0;background:url('assets/bottom-bar/web_btn_close.png') center/18px 18px no-repeat;cursor:pointer}
.bottom-bar-dialog-content{overflow:auto;min-height:0;font:13px/1.6 "SimSun",serif;scrollbar-color:#a18524 #07170e}.bottom-bar-dialog-content p{margin:6px 0 12px}
.bottom-bar-empty{padding:20px 4px;color:#dbcda3}.bottom-bar-note{font-size:12px;color:#b4bc9d}
.bottom-bar-facts{display:grid;grid-template-columns:80px 1fr;gap:6px 12px;margin:4px 0 16px}.bottom-bar-facts dt{color:#d5ca81}.bottom-bar-facts dd{margin:0;overflow-wrap:anywhere}
.bottom-bar-inventory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.bottom-bar-inventory-slot{position:relative;aspect-ratio:1;padding:0;color:#fff1b6;background:#07180ce0;border:1px solid #73824a;cursor:pointer;min-width:0}.bottom-bar-inventory-slot img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.bottom-bar-inventory-slot:hover{background:#254834}.bottom-bar-inventory-slot:disabled{opacity:.5;cursor:wait}.bottom-bar-inventory-index{font-size:10px;opacity:.25}.bottom-bar-item-id{display:block;font:10px/12px "SimSun",serif;overflow-wrap:anywhere}
.bottom-bar-window-actions,.bottom-bar-bind-chooser{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.bottom-bar-bind-chooser p{flex-basis:100%}
.bottom-bar-text-button{min-width:34px;min-height:32px;padding:5px 9px;color:#eee0a2;font:13px "SimSun",serif;border:1px solid #ae8b30;background:#1a2a14;cursor:pointer}.bottom-bar-text-button:hover{background:#394b23}.bottom-bar-text-button[aria-pressed="true"]{outline:1px solid #f5db6e}.bottom-bar-text-button:disabled{opacity:.4;cursor:wait}
#world-panel .world-controls{bottom:calc(var(--status-space,0px) + var(--bottom-bar-height,53px) + 38px)}
#world-panel .world-hint{bottom:calc(var(--status-space,0px) + var(--bottom-bar-height,53px) + 8px)}
@media(max-width:639px){.bottom-bar-compact{height:100px;background:#061108;border-top:2px solid #b49725}.bottom-bar-compact .bottom-bar-frame,.bottom-bar-compact .bottom-bar-frame-left,.bottom-bar-compact .bottom-bar-frame-right{display:none}.bottom-bar-compact .bottom-bar-menus{width:100%;height:48px;top:2px;display:flex;align-items:center;gap:2px;overflow-x:auto;padding:2px 6px;transform:none}.bottom-bar-compact .bottom-bar-menu{position:relative;left:auto!important;top:auto;flex:0 0 36px;width:36px;height:38px;border:1px solid #a18524;background-position:center;background-size:25px 26px;background-repeat:no-repeat}.bottom-bar-compact .bottom-bar-quick{top:50px;width:100%;height:48px;display:flex;gap:2px;align-items:center;padding:2px 4px 2px 23px;overflow-x:auto;transform:none}.bottom-bar-compact .bottom-bar-slot{position:relative;left:auto!important;top:auto;flex:0 0 34px;width:34px;height:38px;border:1px solid #a18524;background-color:#14200c}.bottom-bar-compact .bottom-bar-slot::before{content:attr(data-key);position:absolute;top:1px;left:2px;font:10px/10px "SimSun",serif;color:#baa653}.bottom-bar-compact .bottom-bar-slot.is-bound::before{z-index:2;text-shadow:1px 1px #000}.bottom-bar-compact .bottom-bar-pages{position:sticky;left:-20px;flex:0 0 15px;order:-1;top:auto;height:32px;background:#081609;z-index:2;margin-left:-19px}.bottom-bar-overlay{padding:8px 8px 110px;justify-content:center}.bottom-bar-dialog{width:330px}.bottom-bar-toast{font-size:12px}}
@media(prefers-reduced-motion:reduce){.bottom-bar-menu:active,.bottom-bar-slot:active{transform:none}}
@media(max-width:639px){.bottom-bar-compact .bottom-bar-menu{background-image:var(--menu-icon)}}
body:has(#world-panel:not([hidden])) #preview-status{display:none}
.refinement-sound-setting{display:flex;align-items:center;gap:8px;margin:8px 0 16px;color:#eee0a2;cursor:pointer}
.refinement-sound-toggle{width:18px;height:18px;margin:0;accent-color:#b49b36}
@media(max-width:639px){.bottom-bar-compact .bottom-bar-menu{flex-basis:44px;width:44px;height:44px}.bottom-bar-compact .bottom-bar-slot{flex-basis:44px;width:44px;height:44px}}