html,body{background:#07090d;height:100%;margin:0;overflow:hidden}canvas{display:block}#ui-root{z-index:1;transform-origin:0 0;pointer-events:none;position:fixed;top:0;left:0;overflow:hidden}:where(#ui-root)>*{pointer-events:auto}#ui-root>#hud,#ui-root>#notices,#ui-root>#connection-status{pointer-events:none}.ui-draggable{touch-action:none;position:absolute;top:0;left:0}.ui-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none}.ui-dragging .ui-drag-handle,.ui-dragging.ui-drag-handle{cursor:grabbing}#hud{z-index:5;color:#e6e9ef;white-space:pre;background:#0000008c;border-radius:4px;padding:6px 8px;font:12px/1.4 ui-monospace,monospace;position:absolute;top:8px;left:8px}#hud:empty,#hud[hidden]{display:none}#connection-status{color:#e6e9ef;background:#0a0c11c7;border:1px solid #ffffff1f;border-radius:999px;padding:4px 12px;font:600 13px/1.4 system-ui,sans-serif;position:absolute;top:8px;left:50%;transform:translate(-50%)}#connection-status[hidden]{display:none}#topbar{z-index:900;gap:6px;display:flex;position:absolute;top:8px;right:8px}.topbar-button{color:#dde3ee;cursor:pointer;background:#0a0c11cc;border:1px solid #ffffff29;border-radius:6px;height:30px;padding:0 12px;font:600 13px/1 system-ui,sans-serif;box-shadow:0 2px 8px #00000059}.topbar-button:hover:not(:disabled){color:#fff;background:#1e2430eb;border-color:#ffffff47}.topbar-button:disabled{opacity:.6;cursor:default}.topbar-button:focus-visible{outline-offset:1px;outline:2px solid #5fa8ff}.topbar-icon{place-items:center;width:30px;padding:0;display:grid}.topbar-icon svg{fill:currentColor;width:18px;height:18px}#status{color:#e6e9ef;box-sizing:border-box;background:#0a0c11b8;border:1px solid #ffffff1f;border-radius:6px;width:340px;padding:6px 8px 7px;font:12px/1.4 ui-monospace,monospace;box-shadow:0 4px 14px #0006}#status .vitals{align-items:center;gap:8px;display:flex}#status .level{text-align:center;color:#ffd76a;box-sizing:border-box;background:#ffd76a1a;border:1px solid #ffd76a59;border-radius:4px;flex:none;min-width:44px;padding:1px 6px;font-weight:700;line-height:16px}#status .hp{background:#3a1214;border:1px solid #000;border-radius:3px;flex:1;height:16px;position:relative;overflow:hidden}#status .hp-fill{background:linear-gradient(#f06060,#c52f2f);height:100%;transition:width .15s}#status .hp-text{text-align:center;text-shadow:1px 1px #000;white-space:nowrap;line-height:16px;position:absolute;inset:0}#status .xp{background:#0009;border:1px solid #000;border-radius:2px;height:12px;margin-top:5px;position:relative;overflow:hidden}#status .xp-fill{background:linear-gradient(#ffe48a,#e0a526);height:100%;transition:width .3s}#status .xp-text{text-align:center;text-shadow:1px 1px #000;white-space:nowrap;font-size:10px;line-height:12px;position:absolute;inset:0}#notices{z-index:8;color:#f2f4f8;text-align:center;text-shadow:1px 1px #000,0 0 4px #000;white-space:nowrap;font:600 13px/1.5 system-ui,sans-serif;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}#chat{color:#f2f4f8;text-shadow:0 1px 1px #000c;width:440px;max-width:calc(100% - 16px);font:14px/1.35 system-ui,sans-serif}#chat .chat-header{letter-spacing:.04em;color:#aab3c2;background:#0000009e;border-radius:4px 4px 0 0;height:18px;padding:0 8px;font:600 11px/18px system-ui,sans-serif}#chat .chat-header:after{float:right;content:"⋮⋮";letter-spacing:-.1em;color:#6f7a8c}#chat .chat-log{overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#ffffff59 transparent;background:#00000080;max-height:10.8em;padding:4px 8px;overflow-y:auto}#chat .chat-name{font-weight:600}#chat .chat-world{color:#ffd166}#chat .chat-whisper{color:#ffa3e4}#chat .chat-party{color:#8cc4ff}#chat .chat-info{color:#b9c3d3}#chat .chat-error{color:#ff9e9e}#chat .chat-input{background:#000000a6;border-radius:0 0 4px 4px;display:flex}#chat .chat-channel{min-width:4.5em;font:inherit;color:#f2f4f8;cursor:pointer;background:0 0;border:0;border-right:1px solid #fff3;flex:none;padding:4px 8px;font-weight:600}#chat .chat-channel[data-channel=world]{color:#ffd166}#chat .chat-channel[data-channel=party]{color:#8cc4ff}#chat input{min-width:0;font:inherit;color:#f2f4f8;background:0 0;border:0;flex:1;padding:4px 8px}#chat input::placeholder{color:#aab3c2}#chat input:focus{outline:none}#chat .chat-input:focus-within{box-shadow:inset 0 0 0 2px #7fd4ff}#chat .chat-channel:focus-visible{outline-offset:-2px;outline:2px solid #7fd4ff}#screen{z-index:2000;color:#e6e9ef;background:radial-gradient(at 50% 35%,#172131 0%,#0b0f17 60%,#07090d 100%);place-items:center;font:15px/1.5 system-ui,sans-serif;display:grid;position:absolute;inset:0;overflow:auto}#screen .panel{box-sizing:border-box;background:#121721;border:1px solid #2a3242;border-radius:10px;width:400px;max-width:calc(100% - 32px);padding:24px 28px;box-shadow:0 10px 40px #00000073}#screen h1{letter-spacing:.01em;margin:0 0 8px;font-size:26px}#screen h2{color:#c9d1e0;margin:20px 0 10px;font-size:15px;font-weight:600}#screen p{margin:8px 0}#screen .subtitle{color:#8a93a6;margin-top:0}#screen .error{color:#ff8a80;min-height:1.5em}#screen .select-panel .error:empty{display:none}#screen .hint{color:#8a93a6;margin-top:20px;font-size:13px}#screen .row{gap:8px;display:flex}#screen input{min-width:0;font:inherit;color:inherit;background:#0b0f16;border:1px solid #2a3242;border-radius:6px;flex:1;padding:8px 10px}#screen input:focus-visible{outline-offset:-1px;outline:2px solid #2f6fde}#screen button,#screen .button{font:inherit;color:#fff;cursor:pointer;background:#2f6fde;border:0;border-radius:6px;padding:8px 16px;font-weight:600;text-decoration:none}#screen button:hover:not(:disabled){background:#3d7ff0}#screen button:disabled{opacity:.55;cursor:default}#screen button:focus-visible{outline-offset:2px;outline:2px solid #8cc4ff}#screen button.secondary{color:#dde3ee;background:#1d2533;border:1px solid #2f3a4e}#screen button.secondary:hover:not(:disabled){background:#263043}#screen .button.discord{text-align:center;background:#5865f2;display:block}#screen .actions{justify-content:center;gap:10px;margin-top:18px;display:flex}#screen .actions .primary{min-width:180px;padding:10px 24px;font-size:16px}#screen .select-panel{text-align:center;width:660px}#screen .slots{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}#screen button.slot{min-width:0;color:inherit;background:#171e2b;border:2px solid #2a3242;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px 12px;font-weight:400;display:flex}#screen button.slot:hover:not(:disabled){background:#1b2433;border-color:#3d4a62}#screen button.slot.selected{background:#1a2a45;border-color:#4d8dff;box-shadow:0 0 0 3px #4d8dff40}#screen .slot-stage{background:radial-gradient(45% 10% at 50% 92%,#00000073,#0000),linear-gradient(#1f2a3d,#141b27);border-radius:6px;place-items:end center;width:100%;height:176px;margin-bottom:6px;display:grid}#screen .doll-preview{width:144px;height:168px;image-rendering:pixelated}#screen .slot-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:16px;font-weight:600;overflow:hidden}#screen .slot-level{color:#ffd76a;font-size:13px}#screen .slot-empty{border-style:dashed}#screen .slot-empty .slot-stage{background:#121824;place-items:center}#screen .slot-plus{color:#4a5670;font-size:48px;font-weight:300;line-height:1}#screen .slot-empty:hover .slot-plus{color:#8cc4ff}#screen .slot-empty .slot-name,#screen .slot-empty .slot-level{color:#8a93a6}#screen .select-hint{min-height:1.5em;margin:10px 0 0}#screen .create-panel{width:700px}#screen .create-body{gap:24px;margin-top:14px;display:flex}#screen .create-stage{background:radial-gradient(40% 8% at 50% 93%,#00000073,#0000),linear-gradient(#1f2a3d,#141b27);border:1px solid #2a3242;border-radius:8px;flex:none;place-items:end center;width:240px;height:300px;display:grid}#screen .create-stage .doll-preview{width:216px;height:252px;margin-bottom:12px}#screen .create-form{flex-direction:column;flex:1;min-width:0;display:flex}#screen .create-form .hint{margin:4px 0 6px}#screen .choice-label{color:#c9d1e0;margin-bottom:6px;font-size:13px;font-weight:600;display:block}#screen .create-choices{gap:12px;margin-top:6px;display:grid}#screen .choice-row{flex-wrap:wrap;gap:8px;display:flex}#screen button.swatch{background:var(--swatch);border:2px solid #00000080;border-radius:50%;width:28px;height:28px;padding:0;box-shadow:inset 0 -3px #0003}#screen button.swatch:hover:not(:disabled){background:var(--swatch);border-color:#8cc4ff}#screen button.swatch.selected{border-color:#fff;box-shadow:0 0 0 3px #4d8dff}#screen button.choice{color:#dde3ee;background:#1d2533;border:1px solid #2f3a4e;padding:4px 12px;font-size:13px}#screen button.choice.selected{background:#1a2a45;border-color:#4d8dff}#screen .create-random{margin-top:14px}#screen .create-random button{padding:6px 14px;font-size:13px}#screen .create-form .error{margin:10px 0 0}#screen .create-form .actions{justify-content:flex-end;margin-top:auto;padding-top:12px}#screen .create-form .actions .primary{min-width:140px}.ui-window{z-index:10;color:#e6e9ef;-webkit-user-select:none;user-select:none;touch-action:none;background:#0a0c11d6;border:1px solid #ffffff1f;border-radius:4px;font:12px/1.4 ui-monospace,monospace;position:absolute;box-shadow:0 4px 18px #00000080}.ui-window[hidden]{display:none}.ui-window-title{cursor:grab;background:#ffffff0d;border-bottom:1px solid #ffffff14;border-radius:4px 4px 0 0;align-items:center;gap:4px;height:22px;padding:0 3px 0 8px;display:flex}.ui-window-dragging .ui-window-title{cursor:grabbing}.ui-window-name{letter-spacing:.04em;color:#c9d1e0;flex:1;font-weight:700}.ui-window-actions{gap:4px;display:flex}.ui-window button{height:16px;font:inherit;color:#c9d1e0;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:3px;padding:0 6px;font-size:11px;line-height:14px}.ui-window button:hover:not(:disabled){color:#fff;background:#ffffff24}.ui-window button:disabled{color:#6b7385;cursor:default}.ui-window button:focus-visible{outline:1px solid #5fa8ff}.ui-window .ui-window-close{width:16px;padding:0;font-size:13px}#inventory{--inv-icon:32px;--inv-cell:calc(var(--inv-icon) + 4px);--inv-gap:3px}.inv{gap:8px;padding:8px;display:flex}.inv-equipment{border-right:1px solid #ffffff14;flex-direction:column;gap:6px;padding-right:8px;display:flex}.inv-equipment[hidden]{display:none}.inv-equip-grid{grid-template-columns:repeat(5, var(--inv-cell));grid-template-rows:repeat(6, var(--inv-cell));gap:var(--inv-gap);display:grid}.inv-doll{image-rendering:pixelated;grid-area:1/2/5/5;place-self:center}.inv-slot{box-sizing:border-box;width:var(--inv-cell);height:var(--inv-cell);background:#ffffff09;border:1px solid #ffffff17;border-radius:3px;justify-content:center;align-items:center;display:flex;position:relative}.inv-slot.inv-filled{cursor:pointer;background:#ffffff12}.inv-slot:hover{border-color:#fff6}.inv-slot.inv-rare{border-color:color-mix(in srgb, var(--rarity) 65%, transparent);box-shadow:inset 0 0 6px color-mix(in srgb, var(--rarity) 28%, transparent)}.inv-icon{width:var(--inv-icon);height:var(--inv-icon);image-rendering:pixelated;pointer-events:none}.inv-count{color:#fff;text-shadow:1px 1px #000,-1px 0 #000,0 -1px #000;pointer-events:none;font-size:10px;font-weight:700;line-height:12px;position:absolute;bottom:0;right:2px}.inv-slot-label{color:#586073;text-align:center;text-transform:uppercase;pointer-events:none;font-size:8px;line-height:9px}.inv-unusable:after{content:"";pointer-events:none;background:#e0404038;border-radius:2px;position:absolute;inset:0}.inv-drag-source .inv-icon,.inv-drag-source .inv-count{opacity:.3}.inv-slot.inv-drop-ok{background:#7ee06a1f;border-color:#7ee06a}.inv-ghost{z-index:1001;image-rendering:pixelated;opacity:.9;filter:drop-shadow(0 2px 3px #0009);pointer-events:none;position:fixed}body.inv-dragging,body.inv-dragging *{cursor:grabbing!important}.inv-bag{flex-direction:column;gap:6px;display:flex}.inv-tabs{gap:var(--inv-gap);display:flex}.ui-window .inv-tab{flex:1;height:20px}.ui-window .inv-tab-active{color:#fff;background:#5fa8ff40;border-color:#5fa8ff}.ui-window .inv-equip-toggle[aria-pressed=true]{color:#fff;border-color:#5fa8ff99}.inv-grid{grid-template-columns:repeat(4, var(--inv-cell));align-content:start;gap:var(--inv-gap);max-height:calc(6 * var(--inv-cell) + 5 * var(--inv-gap));scrollbar-width:thin;display:grid;overflow-y:auto}.inv-footer{align-items:center;gap:6px;margin-top:auto;display:flex}.inv-gold{color:#f7c948;flex:1;align-items:center;gap:4px;display:flex}.inv-gold img{width:16px;height:16px;image-rendering:pixelated}.inv-capacity{color:#9aa3b5}.inv-stats{font-size:11px}.inv-stats-head{color:#9aa3b5;justify-content:space-between;margin-bottom:2px;display:flex}.inv-stats-grid{color:#c9d1e0;grid-template-columns:auto 1fr auto 1fr;gap:0 8px;display:grid}.inv-stats-grid span:nth-child(2n){color:#6b7385;text-align:right;padding-right:6px}.inv-stats-grid span.inv-stat-up{color:#7ee06a}.inv-tooltip{z-index:1000;color:#e6e9ef;pointer-events:none;background:#06080cf0;border:1px solid #ffffff2e;border-radius:4px;max-width:230px;padding:6px 8px;font:12px/1.4 ui-monospace,monospace;position:fixed;box-shadow:0 4px 12px #00000080}.inv-tooltip[hidden]{display:none}.inv-tooltip .tt-name{font-weight:700}.inv-tooltip .tt-type,.inv-tooltip .tt-note{color:#9aa3b5;font-size:11px}.inv-tooltip .tt-req{font-size:11px}.inv-tooltip .tt-bad{color:#ff6b6b}.inv-tooltip .tt-stats{margin:3px 0}.inv-tooltip .tt-range{color:#5d6577;font-size:10px}.inv-tooltip .tt-desc{color:#c9d1e0;margin-top:3px}.inv-tooltip .tt-hint{color:#6b7385;margin-top:3px;font-size:10px}.minimap{z-index:10;color:#e6e9ef;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-user-select:none;user-select:none;touch-action:none;background:#080b109e;border:1px solid #ffffff1f;border-radius:6px;min-width:140px;position:absolute;top:0;left:0;box-shadow:0 4px 16px #00000059}.minimap[hidden]{display:none}.minimap header{cursor:grab;align-items:center;gap:2px;height:22px;padding:0 3px 0 8px;display:flex}.minimap.ui-dragging header{cursor:grabbing}.minimap-title{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;font:600 12px/1 system-ui,sans-serif;overflow:hidden}.minimap button{color:#b9c2cf;cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;width:18px;height:18px;padding:0;display:grid}.minimap button:hover{color:#fff;background:#ffffff1f}.minimap button:focus-visible{outline:1px solid #7fd4ff}.minimap button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.minimap button:first-of-type svg{transition:transform .15s}.minimap.collapsed button:first-of-type svg{transform:rotate(-90deg)}.minimap-body{justify-content:center;padding:0 6px 6px;display:flex;position:relative}.minimap.collapsed .minimap-body{height:0;padding-bottom:0;overflow:hidden}.minimap canvas{background:#ffffff0a;border-radius:3px;display:block}.minimap-tooltip{white-space:nowrap;color:#fff;pointer-events:none;background:#000000d9;border-radius:3px;padding:3px 6px;font:11px/1.2 system-ui,sans-serif;position:absolute;transform:translate(-50%,-100%)}.minimap-tooltip.below{transform:translate(-50%)}.minimap-tooltip[hidden]{display:none}.party-window .ui-window-body{width:260px;padding:6px 8px 8px}.party-list{flex-direction:column;gap:4px;display:flex}.party-member{background:#5fa8ff14;border:1px solid #5fa8ff2e;border-radius:3px;padding:3px 5px}.party-member.self{border-color:#ffd84a59}.party-member.offline{opacity:.55}.party-row{align-items:center;gap:5px;display:flex}.party-leader{color:#ffd84a;text-align:center;flex:none;width:1em}.party-name{color:#9cc8ff;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.party-map{color:#8f9ab0;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.party-actions{flex:none;gap:3px;display:flex}.party-hp{background:#1a1a1a;border-radius:2px;height:9px;margin:3px 0 1px 1.3em;position:relative;overflow:hidden}.party-hp-fill{background:#e04040;height:100%}.party-hp-text{color:#fff;text-align:center;text-shadow:0 0 2px #000;font-size:8px;line-height:9px;position:absolute;inset:0}.party-empty{color:#8f9ab0;margin:2px 0 6px}.party-empty[hidden],.party-buttons button[hidden]{display:none}.party-invite-form{gap:4px;margin-top:8px;display:flex}.party-invite-form input{min-width:0;height:18px;font:inherit;color:#e6e9ef;-webkit-user-select:text;user-select:text;background:#0006;border:1px solid #ffffff2e;border-radius:3px;flex:1;padding:0 5px}.party-invite-form input:focus{outline:1px solid #5fa8ff}.ui-window .party-invite-form button{height:20px}.party-buttons{align-items:center;gap:4px;margin-top:6px;display:flex}.party-invite-window .ui-window-body{width:240px;padding:6px 8px 8px}.party-invite-text{margin:0 0 4px}.party-invite-timer{color:#8f9ab0;margin-left:auto}.npc-dialog{width:300px}.npc-dialog .ui-window-body{padding:8px 10px 10px}.npc-dialog-quest{color:#ffd84a;font-weight:700}.npc-dialog-text{-webkit-user-select:text;user-select:text;margin:6px 0}.npc-dialog-objective,.npc-dialog-rewards{color:#aeb8c8}.npc-dialog-buttons{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.npc-dialog .npc-dialog-buttons button{height:20px;padding:0 10px;font-size:12px}.quest-tracker{min-width:170px;max-width:240px}.quest-tracker .ui-window-body{padding:4px 8px 6px}.quest-tracker.collapsed .ui-window-body{display:none}.quest-tracker .quest-tracker-collapse{width:16px;padding:0}.quest-tracker-entry+.quest-tracker-entry{margin-top:4px}.quest-tracker-name{color:#ffd84a}.quest-tracker-line{color:#c9d1e0;padding-left:8px}.quest-tracker-ready{color:#7fe07f;padding-left:8px}.quest-tracker-empty{color:#8a93a5}#shop{--shop-icon:32px}.shop{flex-direction:column;gap:6px;width:330px;padding:8px;display:flex;position:relative}.shop-greeting{color:#b8c0d0;margin:0;font-style:italic}.shop-tabs{gap:4px;display:flex}.ui-window .shop-tab{height:20px;padding:0 12px}.ui-window .shop-tab.shop-tab-active{color:#fff;background:#5fa8ff47;border-color:#5fa8ff99}.shop-list{flex-direction:column;gap:3px;min-height:120px;max-height:312px;padding-right:2px;display:flex;overflow-y:auto}.shop-group{color:#8a93a6;letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:11px}.shop-row{grid-template-columns:calc(var(--shop-icon) + 4px) 1fr auto 46px auto;border:1px solid #ffffff14;border-left:2px solid var(--rarity,#ffffff14);background:#ffffff09;border-radius:3px;align-items:center;gap:6px;padding:2px 4px 2px 2px;display:grid}.shop-row:hover{border-color:#ffffff4d;border-left-color:var(--rarity,#ffffff4d)}.shop-icon{width:var(--shop-icon);height:var(--shop-icon);image-rendering:pixelated;justify-self:center}.shop-text{min-width:0}.shop-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shop-sub{color:#8a93a6;font-size:11px}.shop-price{color:#f7c948;white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.shop-row-cant .shop-price{color:#e07070}.shop-row-off .shop-price{color:#6b7385}.shop-coin{width:12px;height:12px;image-rendering:pixelated}.shop-qty{box-sizing:border-box;width:46px;height:18px;font:inherit;color:#e6e9ef;background:#00000059;border:1px solid #ffffff2e;border-radius:3px;padding:0 3px}.shop-qty:focus{outline:1px solid #5fa8ff}.ui-window .shop-act{min-width:40px}.shop-empty,.shop-hint{color:#8a93a6;margin:6px 2px}.shop-hint{font-size:11px}.shop-footer{border-top:1px solid #ffffff14;align-items:center;gap:10px;min-height:18px;padding-top:4px;display:flex}.shop-gold{color:#f7c948;align-items:center;gap:4px;display:inline-flex}.shop-gold .shop-coin{width:16px;height:16px}.shop-message{color:#9fd68a;text-align:right;flex:1}.shop-message.shop-error{color:#ff8a8a}.shop-confirm{background:#0a0c11e6;border-radius:0 0 4px 4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:absolute;inset:0}.shop-confirm[hidden]{display:none}.shop-confirm-text{text-align:center;margin:0;font-size:13px}.shop-confirm-buttons{gap:8px;display:flex}.ui-window .shop-confirm-buttons button{min-width:64px;height:20px}.ui-window .shop-confirm-ok{color:#fff;background:#5fa8ff4d;border-color:#5fa8ff99}#trade{--inv-icon:32px;--inv-cell:calc(var(--inv-icon) + 4px);--inv-gap:3px}#trade .ui-window-body{max-height:calc(100vh / var(--ui-scale,1) - 28px);overflow-y:auto}.trade{flex-direction:column;gap:6px;padding:8px;display:flex}.trade-sides{gap:10px;display:flex}.trade-side{background:#ffffff08;border:1px solid #ffffff14;border-radius:3px;flex-direction:column;gap:4px;padding:5px;display:flex}.trade-side-head{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.trade-who{color:#c9d1e0;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.trade-flag{color:#8f9ab0;flex:none;font-size:10px}.trade-flag-ready{color:#7ee06a}.trade-flag-confirmed{color:#f7c948;font-weight:700}.trade-grid{grid-template-columns:repeat(3, var(--inv-cell));gap:var(--inv-gap);display:grid}.trade-bag-grid{grid-template-columns:repeat(8, var(--inv-cell));max-height:calc(3 * var(--inv-cell) + 2 * var(--inv-gap));overflow-y:auto}.trade-locked .trade-mine-side{border-color:#7ee06a73}.trade-locked .trade-mine,.trade-locked .trade-bag-grid{opacity:.6}.trade-theirs-side{border-color:#5fa8ff4d}.trade-gold{align-items:center;gap:4px;height:20px;display:flex}.trade-gold img{width:16px;height:16px;image-rendering:pixelated}.trade-gold-form{align-items:center;gap:4px;margin:0;display:flex}.trade-gold-theirs{color:#f7c948;font-weight:700}.trade-gold-input,.trade-amount input{width:7em;min-width:0;height:16px;font:inherit;color:#e6e9ef;text-align:right;-webkit-user-select:text;user-select:text;background:#0006;border:1px solid #ffffff2e;border-radius:3px;padding:0 4px}.trade-gold-input:focus,.trade-amount input:focus{outline:1px solid #5fa8ff}.trade-gold-input:disabled{color:#8f9ab0}.trade-status{color:#c9d1e0;max-width:300px;min-height:2.8em;margin:0}.trade-status.trade-warning{color:#ff9a6b}.trade-buttons{align-items:center;gap:4px;display:flex}.ui-window .trade-buttons button{height:20px}.ui-window .trade-confirm:not(:disabled){color:#10140c;background:#7ee06a;border-color:#7ee06a}.trade-cancel{margin-left:auto}.trade-bag{border-top:1px solid #ffffff14;flex-direction:column;gap:4px;padding-top:6px;display:flex}.trade-bag-head{color:#c9d1e0;font-weight:700}.trade-tabs{gap:3px;display:flex}.ui-window .trade-tab-active{color:#fff;background:#5fa8ff4d;border-color:#5fa8ff99}.inv-slot.trade-offered:after{content:"";pointer-events:none;background:#7ee06a2e;border:1px solid #7ee06ab3;border-radius:2px;position:absolute;inset:0}.trade-amount{align-items:center;gap:4px;margin:0;display:flex}.trade-amount[hidden]{display:none}.trade-hint{color:#8f9ab0;max-width:300px;margin:0;font-size:10px}.trade-invite-window .ui-window-body{width:240px;padding:6px 8px 8px}.trade-invite-text{margin:0 0 4px}.trade-invite-timer{color:#8f9ab0;margin-left:auto}.settings-window{width:640px;max-width:calc(100% - 16px)}.settings-window .ui-window-body{max-height:calc(var(--settings-room,680px));-webkit-user-select:text;user-select:text;scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;padding:10px 14px 14px;font:13px/1.45 system-ui,sans-serif;overflow-y:auto}.settings-section+.settings-section{border-top:1px solid #ffffff14;margin-top:14px;padding-top:12px}.settings-section h3{letter-spacing:.08em;text-transform:uppercase;color:#8fa0bb;margin:0 0 8px;font-size:12px}.settings-row{align-items:center;gap:8px;display:flex}.settings-label{color:#dde3ee;min-width:64px;font-weight:600}.settings-window input[type=range]{accent-color:#5fa8ff;flex:1;min-width:0}.settings-window .settings-step{width:22px;height:22px;padding:0;font-size:15px;line-height:18px}.settings-window .settings-reset{height:22px;font-size:12px}.settings-scale-value{font-variant-numeric:tabular-nums;text-align:right;color:#fff;min-width:42px}.settings-note{color:#8a93a6;margin:4px 0 8px 72px;font-size:12px}.settings-check{cursor:pointer;gap:8px}.settings-check input{accent-color:#5fa8ff;margin:0}.settings-controls{columns:2;column-gap:24px}.settings-group{break-inside:avoid;margin-bottom:10px}.settings-group h4{color:#c9d1e0;margin:0 0 4px;font-size:12px;font-weight:600}.settings-group dl{grid-template-columns:max-content 1fr;gap:3px 10px;margin:0;display:grid}.settings-group dt{white-space:nowrap;align-items:center;gap:3px;display:flex}.settings-group dd{color:#c3cad6;margin:0}.settings-group kbd{text-align:center;color:#f2f4f8;background:#ffffff14;border:1px solid #fff3;border-bottom-width:2px;border-radius:4px;min-width:14px;padding:0 5px;font:600 11px/18px ui-monospace,monospace;display:inline-block}.settings-plus{color:#8a93a6}.settings-command{color:#ffd166;font:12px/18px ui-monospace,monospace}.settings-mouse{color:#9fd3ff;font-size:12px;font-style:italic}