:root{--inventory-width: 364px;--slot-width: calc((var(--inventory-width) - 20px) / 5);--slot-height: 47px;--slot-gap: 3px;--slot-fill: #1d242d}.item-layer{display:contents}.slot-grid{display:grid;grid-template-columns:repeat(5,var(--slot-width));gap:var(--slot-gap)}.item-slot{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:var(--slot-width);height:var(--slot-height);min-width:0;padding:3px;background:var(--slot-fill);border:0;border-radius:5px;text-align:center;touch-action:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.item-slot:hover{background:#2a3440}.item-slot.empty,.item-slot.read-only{touch-action:pan-y}.item-slot.read-only:hover{background:var(--slot-fill)}.item-slot:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.item-slot.active{background:#36424f;color:#fff}.item-preview-slot.selected,.item-slot.drop-over{background:#3d4d5e}.item-slot.dragging>:not(.item-slot-label){visibility:hidden}.item-preview-slot{touch-action:pan-y}.item-preview-slot[aria-disabled=true]:not(.selected){opacity:.6}.item-preview-status{position:absolute;top:2px;right:4px;padding:1px 3px;border-radius:3px;background:var(--slot-fill);color:var(--soft);font-size:8px;line-height:10px}.item-slot-icon{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.item-slot-label{position:absolute;z-index:1;top:3px;left:4px;font-size:8px;line-height:9px;color:var(--muted);text-shadow:0 1px 2px #000,0 0 3px #000}.item-slot-count{position:absolute;bottom:2px;right:4px;font-size:8px;line-height:10px;color:var(--soft);text-shadow:0 1px 2px #000,0 0 3px #000}.item-slot-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff18}.item-slot-progress>span{height:100%;display:block;background:var(--accent);transition:width .15s linear}.quick-slots{display:grid;grid-template-columns:repeat(5,var(--slot-width));gap:var(--slot-gap);padding:4px;width:var(--inventory-width);background:var(--surface);border-radius:var(--radius-control);box-shadow:var(--panel-shadow)}.item-slot.item-drag-ghost{transform-origin:top left;position:fixed;z-index:var(--layer-drag);pointer-events:none;background:transparent;box-shadow:none}.item-drag-ghost .item-slot-durability{display:none}.slot-overflow{margin-top:8px;font-size:10px;color:var(--muted)}.slot-overflow summary{cursor:pointer;padding:4px}.slot-overflow .slot-grid{margin-top:4px}.item-menu{position:fixed;z-index:var(--layer-menu);width:242px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow-y:auto;background:var(--surface-floating);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ink);border-radius:var(--radius-panel);box-shadow:var(--panel-shadow);padding:6px;font-size:11px;overscroll-behavior:contain}.item-menu-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;font-size:12px}.item-tooltip{position:fixed;z-index:var(--layer-tooltip);pointer-events:none;width:max-content;max-width:min(280px,calc(100vw - 20px));padding:10px 12px;background:var(--surface-floating);color:var(--ink);border-radius:var(--radius-control);box-shadow:var(--panel-shadow);font-size:11px;line-height:1.5}.item-tooltip strong{font-size:12px}.item-tooltip p{margin:6px 0 0;color:var(--muted)}.item-tooltip .item-tooltip-facts{padding-top:6px;border-top:1px solid var(--line);color:var(--soft)}.item-menu>button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:10px;min-height:36px;border-radius:var(--radius-control)}.item-menu button:hover:not(:disabled),.item-menu button:focus-visible{background:#ffffff10}.item-menu small{font-size:9px;color:var(--muted);text-align:right;max-width:55%}.item-menu-divider{border-top:1px solid var(--line);margin:5px 4px}.item-menu form{padding:10px}.item-menu label{display:block;line-height:1.8}.item-menu label span{color:var(--muted)}.item-menu input{display:block;margin:12px 0;padding:10px;width:100%;font-size:16px;background:var(--surface-inset);color:#fff;border:0;border-radius:var(--radius-control)}.item-menu input:focus-visible{background:var(--surface-raised)}.item-menu-form-actions{display:flex;gap:10px;justify-content:flex-end}.item-menu-form-actions button{padding:9px 14px;background:#ffffff0c;border-radius:var(--radius-control)}.world-menu,.item-actions{width:max-content;min-width:120px;padding:4px}.world-menu>button,.item-actions>button{justify-content:flex-start}.item-menu button[aria-disabled=true]{color:var(--muted);cursor:default}@media (max-width: 760px){.item-menu>button{min-height:42px}}@media (pointer: coarse){.quick-slots .item-slot-label{display:none}}.item-slot-durability{position:absolute;bottom:3px;left:6px;right:6px;height:1px;border-radius:999px;overflow:hidden;background:#0008}.item-slot-durability>span{display:block;height:100%;border-radius:inherit;background:#fff}.settings{container-type:inline-size}.settings>.panel-tabs{height:40px;margin-bottom:16px}.settings-row{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:12px;min-height:44px;font-size:11px;color:var(--soft)}.settings-control{height:34px;min-width:0;border:1px solid #ffffff12;border-radius:6px;background:#ffffff04;overflow:hidden;transition:border-color .12s ease,background .12s ease}.settings-control:hover{border-color:#ffffff24;background:#ffffff07}.settings-control:focus-within{border-color:var(--accent-border)}.settings-name input{display:block;width:100%;height:100%;min-width:0;padding:0 8px;border:0;border-radius:inherit;background:none;color:var(--ink);font-size:11px;font-weight:400;text-align:center;caret-color:var(--accent)}.settings-name input:disabled{opacity:.4}.settings-stepper{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:stretch}.settings-stepper button{padding:0;font-size:19px;font-weight:400;line-height:1;color:var(--muted)}.settings-stepper button:hover:not(:disabled),.settings-stepper button:focus-visible{color:var(--ink);background:var(--hover)}.settings-stepper button:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}.settings-value{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;color:var(--ink);font-weight:400}.settings-swatch{width:min(100% - 16px,72px);height:14px;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff20}.settings-group{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.settings-toggle{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:12px;font-size:11px;color:var(--soft);cursor:pointer}.settings-toggle:hover{color:var(--ink)}.settings-switch{position:relative;display:grid;place-items:center;width:36px;height:32px;flex:none}.settings-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.settings-switch-track{display:flex;align-items:center;width:30px;height:16px;padding:3px;border-radius:5px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff16;pointer-events:none;transition:background .14s ease,box-shadow .14s ease}.settings-switch-track>span{width:10px;height:10px;border-radius:2px;background:var(--faint);transition:transform .14s ease,background .14s ease}.settings-switch input:checked+.settings-switch-track{background:var(--accent-fill);box-shadow:inset 0 0 0 1px var(--accent-border)}.settings-switch input:checked+.settings-switch-track>span{transform:translate(14px);background:var(--accent)}.settings-switch input:focus-visible+.settings-switch-track{outline:1px solid var(--accent);outline-offset:3px}.control-list{display:grid;gap:11px;margin:0;padding-bottom:4px}.control-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:var(--soft)}.control-list kbd{background:none;padding:0;font-size:10px;white-space:nowrap;color:var(--ink)}.control-list dd{margin:0;text-align:right}@media (pointer: coarse){.settings-row{min-height:52px}.settings-control{height:44px}.settings-stepper{grid-template-columns:44px minmax(0,1fr) 44px}.settings-name input{font-size:16px;width:calc(100% / .6875);height:calc(100% / .6875);transform:scale(.6875);transform-origin:top left}}@container (max-width: 250px){.settings-row{grid-template-columns:minmax(0,1fr);gap:6px;padding-block:5px}}.settings-account{margin-bottom:12px;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:11px;color:var(--soft)}.settings-account-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.settings-account-form input{text-align:left}.settings-account button{padding:0 10px;min-height:34px;border-radius:6px;background:var(--accent-fill);color:var(--accent);font-size:11px;white-space:nowrap}.settings-account button:disabled{opacity:.4}.settings-account-waiting,.settings-account-signed-in{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-account-waiting>span,.settings-account-signed-in>span{min-width:0}.settings-account-signed-in button{flex:none}.settings-account-email{display:block;overflow-wrap:anywhere;color:var(--ink);line-height:1.6}.settings-account-waiting .settings-account-email{margin-top:4px;color:var(--muted)}.settings-account-error{margin:10px 0 0;color:var(--danger, #e9a097);line-height:1.5}@media (pointer: coarse){.settings-account button{min-height:44px}}.side-panel.map-panel{width:var(--map-width);height:var(--map-height);right:var(--map-right);bottom:var(--map-bottom);max-height:var(--side-panel-max-height)}.map-panel .panel-content{display:flex;flex:1;padding:0;overflow:hidden}.map-panel>.panel-top{position:absolute;inset:0 0 auto;z-index:1;min-height:0;padding:12px;border:0;pointer-events:none}.map-panel>.panel-top h1{color:#fff;text-shadow:0 1px 5px #000}.map-panel>.panel-top .icon-close{pointer-events:auto;color:#fff;background:#10161b80}.map-content{min-width:0;min-height:0;display:flex;flex:1;flex-direction:column}.map-surface{position:relative;flex:1;min-height:64px;overflow:hidden;background:var(--surface-control)}.map-surface canvas{position:absolute;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.map-surface canvas:active{cursor:grabbing}.map-location{position:absolute;bottom:10px;right:10px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;max-width:calc(100% - 140px);pointer-events:none}.map-zone,.map-coordinates,.map-scale{pointer-events:none;background:var(--paper);border-radius:var(--radius-control);color:var(--soft);font-size:9px}.map-zone,.map-coordinates{padding:6px 8px;white-space:nowrap}.map-scale{position:absolute;bottom:10px;left:10px;padding:8px;text-align:center}.map-scale>span{display:block;height:5px;border:1px solid var(--soft);border-top:0;margin-bottom:4px}.map-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);pointer-events:none}.map-marker-editor{position:absolute;z-index:2;width:240px;max-width:calc(100% - 16px);padding:12px;border-radius:var(--radius-control);background:var(--surface-floating);box-shadow:var(--panel-shadow),inset 0 0 0 1px #ffffff09;font-size:11px}.map-marker-heading,.map-marker-actions{display:flex;align-items:center;justify-content:space-between}.map-marker-heading{margin:-4px -4px 6px 0;font-size:10px;color:var(--muted)}.map-marker-actions{margin-top:8px}.map-marker-remove{margin-left:auto;padding:4px 6px;border-radius:4px;font-size:10px;color:var(--muted)}.map-marker-remove:hover,.map-marker-remove:focus-visible{color:#e6a095;background:#e6a0950c}.death-backdrop{position:absolute;inset:0;z-index:var(--layer-blocking);display:grid;place-items:center;padding:24px;overflow-y:auto;background:radial-gradient(ellipse at center,#351d2440,#08090dde 85%),#080b1070;backdrop-filter:blur(3px) saturate(.3);-webkit-backdrop-filter:blur(3px) saturate(.3);animation:death-fade .6s ease-out both}.death-screen{width:min(440px,100%);padding:36px 0;text-align:center;outline:none;animation:death-arrive .7s ease-out both}.death-screen:before{content:"";display:block;width:64px;height:2px;margin:0 auto 26px;background:#ac6d60}.death-screen h2{color:#e0a798;font-size:clamp(30px,6vw,48px);font-weight:500;line-height:1.2;letter-spacing:.13em;text-indent:.13em;text-transform:uppercase}.death-screen p{margin-top:18px;color:#bcb4b4;font-size:12px;font-weight:400;line-height:1.7}.death-respawn{position:relative;width:min(220px,100%);min-height:48px;margin-top:34px;padding:14px 20px;overflow:hidden;border:1px solid #ad897573;border-radius:4px;background:#272125cc;color:#f0e1d6;font-size:12px;letter-spacing:.06em;transition:background .2s,border-color .2s,color .2s}.death-respawn:hover:not(:disabled),.death-respawn:focus-visible{background:#49312b;border-color:#d7ab97}.death-respawn:focus-visible{outline:2px solid #d7ab97;outline-offset:4px}.death-respawn:disabled{opacity:1;color:#a59a98;border-color:#ad89752e;cursor:default}.death-respawn-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#c89379;transform-origin:left;transition:transform .1s linear}@keyframes death-fade{0%{opacity:0}to{opacity:1}}@keyframes death-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.death-backdrop,.death-screen{animation:none}.death-respawn,.death-respawn-progress{transition:none}}.emote-backdrop{position:fixed;inset:0;z-index:var(--layer-emotes);display:grid;place-items:center;pointer-events:none}.emote-wheel{position:relative;width:min(300px,calc(100vw - 24px),calc(100dvh - 24px));aspect-ratio:1;outline:none;filter:drop-shadow(0 4px 8px #0005)}.emote-wheel:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle closest-side,transparent 48%,#101419ee calc(48% + 1px));pointer-events:none}.emote-choice{pointer-events:auto;position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:transparent;padding:0;color:var(--soft);font-size:11px}.emote-choice:hover,.emote-choice:focus-visible{background:var(--surface-raised);color:var(--ink);outline:none}.emote-choice span{position:absolute;display:grid;gap:3px;justify-items:center;transform:translate(-50%,-50%);white-space:nowrap;line-height:1.3}.emote-choice kbd{color:var(--faint);font-size:9px;background:none;padding:0}.emote-separators{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#ffffff14;stroke-width:.25}.emote-center{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#101419ee;border:1px solid var(--accent-border);color:var(--muted);font-size:11px}.emote-center:hover,.emote-center:focus-visible{background:var(--surface-raised);color:var(--ink)}.performance-stats{position:absolute;top:78px;left:20px;width:332px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 240px);overflow:auto;z-index:var(--layer-transient);padding:12px 14px;border-radius:var(--radius-panel);box-shadow:var(--panel-shadow);background:var(--paper);color:var(--ink);font-size:11px;font-variant-numeric:tabular-nums}.performance-stats-header,.performance-stats dl>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.performance-stats-header{align-items:center;margin-bottom:10px}.performance-stats strong{font-weight:500}.performance-stats dl{margin:0}.performance-stats dl>div{padding:3px 0}.performance-stats dt{color:var(--muted)}.performance-stats dd{margin:0;white-space:nowrap}.performance-stats p{color:var(--muted);font-size:10px;line-height:1.6;margin-top:10px}.performance-stats .performance-wind{padding:4px 0;font-size:11px}.performance-stats .performance-wind{margin-top:8px}@media (max-width: 600px){.performance-stats{top:66px;left:12px;width:332px;max-width:calc(100vw - 24px);font-size:10px}}.chat{position:absolute;left:max(var(--edge),env(safe-area-inset-left));bottom:var(--chat-bottom);width:var(--chat-width);min-width:180px;z-index:var(--layer-chat);font-size:11px}.chat.resting{pointer-events:none}.chat-history{display:flex;flex-direction:column;gap:5px;line-height:1.65;overflow-wrap:anywhere}.chat.resting .chat-history{overflow:hidden;max-height:132px;text-shadow:0 1px 3px #000,0 0 8px #000}.chat-line{flex-shrink:0;font-weight:400}.chat-line strong{color:#fff;font-weight:500}.chat-line.world-message{color:var(--soft)}.chat-line.good{color:var(--accent)}.chat-line.warning{color:#f4cba3}.chat-launcher{position:var(--chat-launcher-position);left:var(--hud-left);bottom:var(--hud-bottom);display:grid;place-items:center;width:var(--hud-button-size);height:var(--hud-button-size);margin-top:9px;padding:0;color:var(--soft);background:var(--paper);border-radius:var(--radius-control);box-shadow:var(--floating-shadow);pointer-events:auto}.chat-launcher svg{width:var(--toolbar-icon-size);height:var(--toolbar-icon-size)}.chat-launcher:hover,.chat-launcher:focus-visible{background:var(--surface-raised);color:#fff}.chat.open{display:flex;flex-direction:column;width:min(380px,calc(100vw - 40px));max-height:calc(100dvh - var(--keyboard-inset, 0px) - 100px);background:var(--paper);border-radius:var(--radius-panel);overflow:hidden;box-shadow:var(--panel-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.chat-heading{display:flex;flex-shrink:0;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line)}.chat-heading>span{color:var(--muted);font-size:9px}.chat-heading .icon-close{margin-left:auto}.chat.open .chat-history{height:min(230px,calc(100dvh - 240px));min-height:80px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;padding:12px}.chat.open .chat-history,.chat.open .chat-history *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.chat-compose{display:flex;flex-shrink:0;align-items:center;gap:6px;border-top:1px solid var(--line);padding:7px}.chat-input{position:relative;flex:1;min-width:0;height:32px}.chat-compose input{display:block;width:100%;height:100%;min-width:0;color:#fff;background:transparent;border:0;border-radius:var(--radius-control);padding:8px 5px;font-size:11px;font-weight:400}.chat-compose input::placeholder{color:var(--faint)}.chat-compose button{font-size:10px;padding:9px 6px;border-radius:var(--radius-control)}.chat-unread{display:block;width:100%;background:var(--ink);color:var(--surface-inset);padding:7px;font-size:10px}@media (pointer: coarse){.chat-input{height:44px}.chat-compose input{--input-scale: .6875;position:absolute;top:0;left:0;width:calc(100% / var(--input-scale));height:calc(100% / var(--input-scale));padding:calc(8px / var(--input-scale)) calc(5px / var(--input-scale));font-size:16px;transform:scale(var(--input-scale));transform-origin:top left}}@media (pointer: coarse){.chat-compose button,.chat-heading button{min-height:36px}}@media (max-width: 760px){.chat.resting .chat-history{max-height:72px}.chat.resting .chat-line{font-size:10px}.panel-open .chat.resting .chat-history{display:none}.chat.open{bottom:max(calc(var(--inventory-bottom) + 95px),calc(var(--keyboard-inset, 0px) + 12px));width:calc(100vw - 24px);z-index:var(--layer-transient)}.chat.open .chat-history{height:min(230px,calc(100dvh - 230px))}}@media (max-height: 550px) and (max-width: 960px){.chat.resting .chat-history{display:none}.chat.open{width:min(350px,calc(100vw - 24px));bottom:max(calc(var(--inventory-bottom) + 95px),calc(var(--keyboard-inset, 0px) + 12px))}.chat.open .chat-history{height:max(60px,calc(100dvh - 245px));min-height:60px}}@media (min-width: 560px) and (max-width: 960px) and (max-height: 550px){.chat.resting .chat-history,.panel-open .chat.resting .chat-history{display:flex;max-height:48px}}.chat-suggestions{position:absolute;bottom:calc(100% + 8px);left:-7px;right:-56px;padding:5px;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-control);box-shadow:var(--floating-shadow);z-index:1}.chat-suggestions [role=listbox]{max-height:min(216px,30dvh);overflow-y:auto;overscroll-behavior:contain}.chat-suggestions button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:36px;padding:7px;text-align:left;background:transparent}.chat-suggestions button[aria-selected=true]{background:var(--surface-inset)}.chat-suggestions strong{color:var(--ink);font-weight:500;overflow-wrap:anywhere}.chat-suggestions span{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.chat-suggestions small{display:block;padding:5px 7px 2px;color:var(--muted);font-size:9px}.navigation-hud{position:absolute;top:max(var(--edge),env(safe-area-inset-top));left:50%;transform:translate(-50%);width:260px;text-align:center;pointer-events:none;z-index:var(--layer-feedback);color:#fff;text-shadow:0 1px 3px #000,0 0 8px #0008}.compass{position:relative;height:36px;margin-bottom:6px}.compass-window{position:relative;height:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.compass-track{position:relative;width:100%;height:calc(100% - 6px);will-change:transform}.compass-track:before{content:"";position:absolute;bottom:0;left:-50%;width:400%;height:1px;background:#ffffff50}.compass-tick{position:absolute;bottom:0;width:1px;height:4px;background:#ffffff80}.compass-tick.cardinal{height:7px;background:#fff}.compass-tick>span{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:11px}.compass-center{position:absolute;bottom:-3px;left:calc(50% - 1px);width:2px;height:8px;background:#fff;box-shadow:0 1px 4px #000}.compass-markers{position:absolute;inset:0;z-index:1}.compass-marker{position:absolute;left:0;top:calc(100% - 12px);width:100%;height:12px}.compass-marker svg{position:absolute;left:-6px;top:0;overflow:visible;fill:currentColor;stroke:#1a2129;stroke-width:1.5px}.compass-marker[data-kind=home]{z-index:1}.compass-marker[data-kind=corpse]{z-index:2}.region-name,.compass-caption{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.4px}.region-name{font-size:12px;line-height:18px}.compass-caption{font-size:10px;line-height:15px;min-height:15px}.navigation-hud [data-kind=home]{color:var(--home-color)}.navigation-hud [data-kind=marker]{color:var(--marker-color)}.navigation-hud [data-kind=corpse]{color:var(--corpse-color)}.navigation-hud [data-kind=beacon]{color:var(--beacon-color)}@media (max-width: 760px){.navigation-hud{width:210px}.region-name{font-size:11px}}.item-toasts{position:absolute;top:max(140px,30%);right:max(var(--edge),env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:min(260px,calc(100vw - 24px));pointer-events:none;z-index:var(--layer-feedback)}.action-notice{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:min(420px,calc(100vw - 24px));text-shadow:none}.feedback-notice{padding:8px 12px;max-width:100%;border-radius:var(--radius-control);background:var(--paper);color:#fff;box-shadow:var(--floating-shadow);font-size:12px;font-weight:500;line-height:1.4;text-align:center;overflow-wrap:anywhere;animation:notice-arrive .16s ease-out;transition:opacity .25s ease-out}.item-toast{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;text-align:left}.item-toast>img{width:32px;height:32px;object-fit:contain;flex:none}.item-toast-name{min-width:0}.item-toast-count{color:var(--accent);flex:none;font-variant-numeric:tabular-nums}.feedback-notice.error,.feedback-notice.warning{color:#ffb2a5}.feedback-notice.leaving{opacity:0}@keyframes notice-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.feedback-notice{animation:none;transition:none}}.nameplates{position:absolute;inset:0;pointer-events:none;z-index:var(--layer-world-labels);overflow:hidden}.nameplate{position:absolute;visibility:hidden;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:4px;width:max-content;max-width:min(280px,calc(100vw - 24px));text-align:center}.nameplate-name{max-width:100%;color:var(--ink);font-size:14px;line-height:20px;overflow-wrap:anywhere;text-shadow:0 1px 3px #000,0 0 5px #000,1px 0 2px #000}.nameplate-health{--health-height: 8px;--health-width: 76px;box-shadow:0 1px 3px #0006}.player-speech{position:absolute;visibility:hidden;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);width:max-content;max-width:min(280px,calc(100vw - 24px));padding:9px 12px;border-radius:9px;background:var(--ink);color:var(--surface-inset);box-shadow:0 2px 10px #0004;font-size:12px;font-weight:400;line-height:1.5;overflow-wrap:anywhere;animation:speech-arrive .15s ease-out;transition:opacity .35s ease-out}.player-speech:after{content:"";position:absolute;top:100%;left:var(--speech-tail-x, calc(50% - 4px) );border:4px solid transparent;border-top-color:var(--ink)}.player-speech.leaving{opacity:0}@keyframes speech-arrive{0%{opacity:0;transform:translate(-50%,3px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 760px){.nameplate,.player-speech{max-width:min(240px,calc(100vw - 24px))}}@media (prefers-reduced-motion: reduce){.player-speech{animation:none;transition:none}}.nameplate-name.pvp{color:#ef9a84}.health-bar{--health-fill: #c64b43;--health-track: #271e20;width:var(--health-width, 100%);height:var(--health-height, 10px);padding:1px;flex:none;background:var(--health-track);border-radius:999px;overflow:hidden}.health-bar>span{display:block;height:100%;border-radius:inherit;background:var(--health-fill);transition:width .2s}.health-bar.mount{--health-fill: #bda47a;--health-track: #302c24}.health-bar.low{--health-fill: #e85b50}@media (prefers-reduced-motion: reduce){.health-bar>span{transition:none}}.hotbar-dock{width:100%;background:var(--surface);border-radius:var(--radius-control);box-shadow:var(--panel-shadow),inset 0 1px #ffffff0a}.hotbar-dock .quick-slots{background:none;box-shadow:none}.health-bars{padding:5px 4px 2px;display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none}.hud-health.mount{--health-height: 6px}.item-menu.sign-editor{width:min(340px,calc(100vw - 20px));padding:12px}.item-menu.sign-editor form{padding:0;display:grid;gap:12px}.sign-writing-surface{container-type:inline-size;aspect-ratio:var(--sign-aspect);display:grid;place-items:center;background:var(--sign-face);border:8px solid var(--sign-backing)}.sign-editor textarea{box-sizing:content-box;width:calc(var(--sign-columns) * 1ch + .1px);height:calc(var(--sign-used-rows) * 1lh);margin:0;padding:calc((var(--sign-rows) - var(--sign-used-rows)) * .5lh) 0;resize:none;font:500 clamp(16px,7.6cqw,24px) / 1.2 "Roboto Mono",monospace;text-align:center;color:var(--sign-ink);caret-color:var(--sign-ink);background:transparent;border:0;border-radius:0;outline:none;overflow-wrap:anywhere;scrollbar-width:none}.sign-editor textarea::-webkit-scrollbar{display:none}.sign-editor textarea::placeholder{color:#0007}.sign-writing-surface:focus-within{outline:1px solid #c5a576;outline-offset:-3px}.sign-editor-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.sign-editor-footer>span{font-size:10px;opacity:.7}.sign-error{color:#e89b87;font-size:12px}.placement-controls{position:absolute;visibility:hidden;transform:translate(-50%,-100%);z-index:var(--layer-transient);display:none;gap:2px;padding:4px;border-radius:8px;background:var(--paper);box-shadow:var(--floating-shadow);color:var(--ink);pointer-events:auto}.placement-controls button{display:grid;place-items:center;width:32px;height:32px;padding:8px;border-radius:5px;touch-action:manipulation}.placement-controls button:hover:not(:disabled),.placement-controls button:focus-visible{background:var(--hover)}.placement-controls button[aria-disabled=true]{color:var(--faint)}.placement-controls svg{width:16px;height:16px;pointer-events:none}.placement-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (pointer: coarse){.placement-controls{display:flex}}.trading-post{display:grid;gap:12px;min-width:0;padding:0 8px 8px;font-size:11px;font-weight:400}.market-heading,.market-pages,.market-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.market-heading{min-height:32px;border-bottom:1px solid var(--line)}.market-heading .panel-tabs{align-self:stretch;gap:18px}.market-heading>span{color:var(--muted);font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.market-field{display:flex;align-items:center;position:relative;min-width:0;height:34px;overflow:hidden;border:1px solid #ffffff12;border-radius:6px;background:#ffffff04;transition:border-color .12s ease,background .12s ease}.market-field:hover{border-color:#ffffff24;background:#ffffff07}.market-field:focus-within{border-color:var(--accent-border);background:#ffffff07}.market-field input{display:block;flex:1;width:0;min-width:0;height:100%;padding:0 10px;border:0;border-radius:inherit;outline:none;background:none;color:var(--ink);font-size:11px;font-weight:400;caret-color:var(--accent);appearance:textfield}.market-field input::placeholder{color:var(--faint);opacity:1}.market-field input::-webkit-inner-spin-button,.market-field input::-webkit-outer-spin-button{appearance:none;margin:0}.market-field>span{padding-right:10px;color:var(--muted);font-size:10px;pointer-events:none}.market-search{margin-bottom:8px}.market-list{display:grid}.market-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto 48px;align-items:center;gap:8px;padding:9px 0}.market-row+.market-row{border-top:1px solid var(--line)}.market-row .item-slot{width:36px;height:36px}.market-item{display:grid;gap:4px;min-width:0;line-height:1.5}.market-item>span{font-weight:500;overflow-wrap:anywhere}.market-item .muted,.market-item small,.market-price small,.market-summary{color:var(--muted);font-size:10px;font-weight:400}.market-cost{color:var(--soft);font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.market-action,.market-collect{min-height:34px;padding:0 10px;border:1px solid var(--accent-border);border-radius:5px;background:var(--accent-fill);color:var(--ink);font-size:11px;font-weight:400;transition:background .12s ease,border-color .12s ease}.market-action:hover:not(:disabled),.market-collect:hover:not(:disabled){background:#ffffff1c}.market-action:focus-visible,.market-collect:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.market-action:disabled{opacity:.4}.market-cancel{padding:0;border-color:transparent;background:none;color:var(--muted);font-size:10px}.market-cancel:hover:not(:disabled){background:var(--hover);color:var(--ink)}.market-sell-form{display:grid;grid-template-columns:var(--slot-width) minmax(0,1fr);align-items:start;gap:12px;padding:10px;border-radius:6px;background:#ffffff05}.market-price{display:grid;gap:6px;min-width:0}.market-price-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.market-price small{min-height:14px;line-height:14px;padding-left:1px;font-variant-numeric:tabular-nums}.market-summary{padding:8px 1px 10px;border-bottom:1px solid var(--line)}.market-summary small{font-size:9px}.market-collect{width:100%;margin-top:10px}.market-pages{margin-top:8px;font-size:10px;color:var(--muted)}.market-pages button{min-height:30px;padding:0 4px}.trading-post .empty-note{margin:0;padding:22px 8px;color:var(--faint);font-size:11px;font-weight:400;text-align:center;line-height:1.6}@media (pointer: coarse){.market-field,.market-action,.market-collect{min-height:44px}.market-field input{--input-scale: .6875;position:absolute;inset:0 auto auto 0;width:calc(100% / var(--input-scale));height:calc(100% / var(--input-scale));padding:0 calc(10px / var(--input-scale));font-size:16px;transform:scale(var(--input-scale));transform-origin:top left}.market-price .market-field input{padding-right:calc(40px / var(--input-scale))}.market-field>span{margin-left:auto}}.leaderboard{padding:2px 4px;font-size:11px;font-variant-numeric:tabular-nums}.leaderboard-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:5px 10px 10px;border-bottom:1px solid #ffffff12;color:var(--muted)}.leaderboard-heading h3{margin:0;font-size:10px;font-weight:500}.leaderboard-heading>span{font-size:9px}.leaderboard ol{list-style:none;margin:4px 0 0;padding:0}.leaderboard li{display:grid;grid-template-columns:3ch minmax(0,1fr) auto;align-items:center;gap:10px;min-height:36px;padding:7px 10px;border-bottom:1px solid #ffffff08}.leaderboard li:last-child{border-bottom-color:transparent}.leaderboard-rank{text-align:center;color:var(--muted);font-size:10px}.leaderboard-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{text-align:right;font-weight:600}.leaderboard [data-rank="1"] .leaderboard-rank{color:#d2bd89}.leaderboard [data-rank="2"] .leaderboard-rank{color:#bcc7ce}.leaderboard [data-rank="3"] .leaderboard-rank{color:#b99a80}.leaderboard li.leaderboard-self{background:#9aaec210;box-shadow:inset 2px 0 var(--accent);border-radius:var(--radius-control);border-bottom-color:transparent}.leaderboard-self .leaderboard-name{font-weight:600}.leaderboard-empty{margin:0;padding:40px 10px;text-align:center;color:var(--muted);font-size:10px}.crafting{min-width:0;height:100%;display:flex;flex-direction:column;gap:6px}.crafting>.recipe-workspace{flex:1;min-height:170px}.recipe-workspace{display:grid;grid-template-columns:calc(var(--slot-width) * 2 + var(--slot-gap) + 6px) minmax(0,1fr);gap:8px;height:100%}.recipe-browser{min-height:0;display:flex;flex-direction:column;gap:4px}.recipe-category{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;width:calc(var(--slot-width) * 2 + var(--slot-gap));gap:4px;align-items:center;min-height:30px;font-size:10px;text-align:center}.recipe-category button,.craft-quantity button{display:grid;place-items:center;height:30px;padding:0;border-radius:4px;background:var(--surface-control);font-size:16px;line-height:1;color:var(--soft)}.recipe-category button:hover:not(:disabled),.craft-quantity button:hover:not(:disabled){background:var(--surface-raised);color:var(--ink)}.recipe-category button:active:not(:disabled),.craft-quantity button:active:not(:disabled){background:var(--control-border)}.recipe-category button:disabled,.craft-quantity button:disabled{opacity:1;color:var(--faint)}.recipe-category button:focus-visible,.craft-quantity button:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.recipe-choices{display:grid;grid-template-columns:repeat(2,var(--slot-width));gap:var(--slot-gap);align-content:start;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;overscroll-behavior:contain}.recipe-workspace .recipe-detail{display:flex;flex-direction:column;gap:12px;min-height:0;padding:10px;background:#ffffff05;border-radius:5px;overflow:hidden}.recipe-detail-heading h2{font-size:12px;line-height:1.5}.recipe-detail-heading h2>span{color:var(--muted);white-space:nowrap}.recipe-workspace .recipe-ingredients{flex:1;flex-direction:column;flex-wrap:nowrap;gap:5px;min-height:0;overflow-y:auto;scrollbar-width:thin}.recipe-ingredients>span{flex:none}.recipe-workspace .recipe-ingredients>span{display:flex;justify-content:space-between;gap:8px}.recipe-workspace .recipe-footer{flex:none;margin-top:auto;flex-wrap:nowrap;align-items:stretch;gap:6px}.recipe-workspace .craft-quantity{flex:1;min-width:0}.recipe-workspace .craft-quantity button{height:100%}.recipe-workspace .craft-button{flex:none}.recipe-ingredients{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:10px;color:var(--soft);line-height:1.6}.recipe-ingredients>span>span{color:var(--muted);white-space:nowrap}.recipe-ingredients .missing,.recipe-ingredients .missing>span{color:#dba999}.recipe-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:10px}.craft-quantity{display:grid;grid-template-columns:28px minmax(28px,1fr) 28px;gap:2px;align-items:stretch;font-size:12px}.craft-quantity output{display:grid;place-items:center;border-radius:4px;background:var(--surface-inset);color:var(--ink);text-align:center;font-variant-numeric:tabular-nums}.crafting .craft-button{border:1px solid var(--accent-border);border-radius:5px;min-height:31px;padding:7px 8px;font-size:11px;background:var(--accent-fill);color:var(--ink)}.crafting .craft-button:hover:not(:disabled){background:#ffffff1c}.recipe-reason{font-size:10px;line-height:1.5;color:var(--muted);margin-top:8px}.crafting .craft-button{position:relative;overflow:hidden;min-width:70px}.crafting .craft-button.is-crafting{opacity:1}.craft-button.is-crafting:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--craft-progress);background:#a7c5b13d;transition:width .1s linear}.craft-button>span{position:relative}.facility{display:grid;gap:1.3rem}.facility section{display:grid;gap:.6rem}.facility p{margin:.25rem 0;line-height:1.55}.facility h2{font-size:1rem;margin:.2rem 0}.facility h3{font-size:.9rem}.facility button,.facility input,.facility select{font:inherit;padding:.55rem .65rem;color:inherit;background:var(--surface-control);border:1px solid var(--control-border);border-radius:var(--radius-control)}.facility button:hover:not(:disabled),.facility button:focus-visible{background:var(--surface-raised)}.facility input:focus-visible{border-color:var(--accent)}.facility button:disabled{opacity:.45}.facility label,.facility form{display:grid;gap:.5rem}.facility-row{display:flex;gap:.75rem;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;padding:.4rem 0}.facility-row small{display:block;opacity:.6;margin-top:.25rem}.facility-row>div,.facility-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.facility .muted{opacity:.6;font-size:.8rem}.inventory-context.hearthstone-context{overflow:hidden;padding:2px 8px 4px}.hearthstone-panel{display:flex;flex-direction:column;height:100%;gap:3px;font-size:11px}.hearthstone-panel button,.hearthstone-panel input{padding:5px 7px;min-height:26px}.hearthstone-panel .muted{font-size:10px;color:var(--muted);opacity:1}.claim-summary{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 8px;line-height:15px}.claim-actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;flex:none}.claim-cost{display:flex;flex-direction:column;align-items:center;gap:3px}.claim-cost small{font-size:9px;line-height:12px;color:var(--muted);font-weight:400}.hearthstone-panel .claim-members{display:flex;flex-direction:column;gap:2px;min-height:34px;flex:1}.claim-members h3{font-size:10px;color:var(--muted);margin:0;line-height:14px}.claim-roster{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;overscroll-behavior:contain}.claim-member{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:22px}.claim-member>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.claim-member button{min-height:22px;border:0;background:none;padding:3px 5px;font-size:9px;color:var(--muted)}.hearthstone-panel .member-picker{display:flex;gap:5px;position:relative;flex:none}.member-picker input{flex:1;width:0;min-width:0}.member-picker>button{flex:none}.member-suggestions{position:absolute;bottom:calc(100% + 4px);left:0;right:0;z-index:2;padding:4px;background:var(--surface-raised);border:1px solid var(--control-border);border-radius:var(--radius-control);box-shadow:var(--floating-shadow)}.member-suggestions button{display:block;width:100%;min-height:24px;border:0;background:none;text-align:left}.member-suggestions button[aria-selected=true]{background:var(--surface-inset)}.member-suggestions>span{display:block;padding:4px}.hearthstone-panel .claim-destroy{align-self:flex-end;min-height:20px;padding:2px 0;border:0;border-radius:0;background:none;color:var(--muted);font-size:10px}.hearthstone-panel .claim-destroy:hover{color:var(--ink);background:none}.hearthstone-panel .claim-confirm{margin:auto 0;gap:10px}.facility .base-name{display:flex;gap:6px;margin:0;flex:none}.base-name input{min-width:0;flex:1}.beacon-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;font-size:11px}.beacon-panel .slot-grid{grid-template-columns:var(--slot-width)}.beacon-panel .beacon-action{min-width:112px;padding:7px 14px}.beacon-active{color:#efad6e}.trading .inventory-context{overflow:hidden}.trade{display:flex;flex-direction:column;gap:7px;height:100%}.trade-offers{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0;flex:1}.trade-offer{min-width:0;width:max-content;justify-self:center}.trade-offer h2{font-size:10px;padding:0 0 5px}.trade-slots{grid-template-columns:repeat(2,var(--slot-width));justify-content:center}.trade-footer{display:flex;justify-content:flex-end;padding:3px}.trade-complete{flex:none;min-width:88px;font-size:10px;padding:10px 8px;border-radius:var(--radius-small);background:var(--surface-raised)}.trade-complete:hover:not(:disabled){background:#354452}.skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(35px,1fr));gap:3px;height:100%;padding:0 2px 2px}.skill{display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:14px 12px;align-content:center;gap:2px 4px;padding:3px 5px;background:var(--surface-control);border-radius:var(--radius-small)}.skill img{width:28px;height:28px;grid-row:1 / 3;align-self:center}.skill-name{font-size:10px;align-self:center}.skill-level{font-size:11px;color:var(--accent)}.skill-progress{grid-column:2 / 4;position:relative;background:#ffffff0c;border-radius:2px;overflow:hidden}.skill-progress-fill{position:absolute;inset:0 auto 0 0;background:#648254;transition:width .15s ease}.skill-progress-label{position:relative;display:block;text-align:center;font-size:8px;line-height:12px;color:#fff;text-shadow:0 1px 2px #000}.inventory-viewport{position:absolute;top:var(--inventory-top);bottom:var(--inventory-bottom);left:max(var(--inventory-edge),env(safe-area-inset-left));right:max(var(--inventory-edge),env(safe-area-inset-right));pointer-events:none;z-index:var(--layer-inventory)}.inventory-hud{position:absolute;bottom:0;left:50%;transform:translate(-50%) scale(var(--inventory-scale));transform-origin:bottom center;display:flex;flex-direction:column;align-items:center;gap:8px}.inventory-window{width:var(--inventory-width);display:flex;flex-direction:column;gap:8px}.inventory-context-block,.pack-grid{background:var(--surface);border-radius:var(--radius-panel);box-shadow:var(--panel-shadow);pointer-events:auto}.inventory-context-block,.pack-grid{display:flex;flex-direction:column;height:var(--panel-height);flex:none;overflow:hidden}.inventory-window .panel-top{height:var(--panel-header-height);min-height:var(--panel-header-height);padding:3px 8px;border:0;flex:none}.inventory-window .panel-top h1{font-size:11px}.inventory-window .icon-close{width:26px;height:26px}.panel-tools{display:flex;align-items:center;gap:5px;margin-left:auto}.panel-status{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.container-take-all{font-size:10px;white-space:nowrap;padding:4px 6px}.inventory-context,.pack-slots{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;overscroll-behavior:contain}.inventory-context,.pack-slots{min-height:0;flex:1;padding:4px}.character-tab-content{height:100%}.inventory-window .equipment{display:grid;height:100%;place-content:center;gap:10px;padding:0;border:0;background:none}.inventory-window .equipment .slot-grid{grid-template-columns:repeat(3,var(--slot-width))}.equipment-protection{font-size:10px;color:var(--muted);text-align:center}.inventory-hud .action-area{width:var(--inventory-width)}.inventory-hud .quick-slots{pointer-events:auto}.inventory-hud.expanded.wide .inventory-window{flex-direction:row-reverse;width:100%}.inventory-hud.expanded.wide .inventory-context-block,.inventory-hud.expanded.wide .pack-grid{width:var(--inventory-width)}.inventory-open .hand-action,.inventory-open .touch-controls{display:none}.combat-numbers{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:var(--layer-controls)}.combat-number{position:absolute;top:0;left:0;font:inherit;font-size:18px;line-height:1;font-variant-numeric:tabular-nums;color:#ff8176;text-shadow:0 1px 2px #090c10,0 0 3px #090c10,1px 0 #090c10b3,-1px 0 #090c10b3;transform-origin:center bottom;will-change:transform,opacity}.combat-number.healing{color:#8ce5a5}.side-panel.guide-panel{width:min(680px,calc(100vw - var(--panel-right) - var(--hud-left)));height:min(640px,var(--side-panel-max-height))}.guide-panel .panel-content{padding:0;display:flex;flex:1;overflow:hidden}.guide{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.guide>.panel-tabs{padding:0 16px;min-height:42px;flex-shrink:0;gap:22px;border-bottom:1px solid var(--line)}.guide-body{display:grid;grid-template-columns:220px minmax(0,1fr);flex:1;min-height:0}.guide-browser{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}.guide-search{display:grid;gap:8px;padding:12px}.guide-search-field{display:flex;min-width:0}.guide-search input,.guide-search select{min-width:0;width:100%;border:1px solid var(--line);border-radius:5px;background:var(--surface-inset);color:var(--ink);padding:9px;font-size:11px}.guide-search input::placeholder{color:var(--muted)}.guide-search select{color:var(--muted)}.guide-results,.guide-entry{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent}.guide-results{min-height:0;padding:0 8px 12px}.guide-result{display:flex;align-items:center;text-align:left;width:100%;gap:8px;min-height:44px;padding:5px 8px;border-radius:5px;font-size:11px}.guide-result>span{min-width:0;overflow-wrap:anywhere}.guide-result:hover,.guide-result[aria-current]{background:var(--accent-fill)}.guide-icon{width:42px;height:30px;object-fit:contain;flex:none}.guide-level{color:var(--muted);margin-left:auto}.guide-entry{padding:18px;min-width:0}.guide-entry-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.guide-entry-heading>div{min-width:0}.guide-entry-heading h2{font-size:14px;line-height:1.6;font-weight:500;overflow-wrap:anywhere}.guide-preview{width:96px;height:72px;object-fit:contain;flex:none}.guide-entry-category,.guide-detail{color:var(--muted);font-size:10px;line-height:1.8}.guide-description{color:var(--soft);font-size:11px;font-weight:400;line-height:1.8}.guide-section{margin-top:16px}.guide-section h3{font-size:10px;font-weight:400;color:var(--muted);margin:0 0 8px}.guide-fact{display:flex;gap:8px;align-items:baseline;margin:4px 0;font-size:11px}.guide-fact-content{display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px;min-width:0;flex:1}.guide-fact p{font-weight:400;line-height:1.9}.guide-link{display:inline-flex;align-items:center;gap:5px;text-align:left;color:var(--ink);min-height:30px;max-width:100%}.guide-link span{min-width:0;overflow-wrap:anywhere}.guide-link .guide-icon{width:32px;height:24px}.guide-link:hover span,.guide-link:focus-visible span{text-decoration:underline;text-underline-offset:3px}.guide-requirements{display:inline-flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:10px}.guide-requirements button{padding:4px 0}.guide-requirements button:hover{color:var(--ink)}.guide-requirements .guide-unmet{color:#dbaf8a}.guide-back,.guide-more{color:var(--muted);font-size:10px;padding:8px 0}.guide-back{margin-bottom:10px}.guide-back:hover,.guide-more:hover{color:var(--ink)}.guide-unlock-level{width:25px;flex:none;color:var(--muted);font-variant-numeric:tabular-nums}.guide-next-label{color:var(--accent);font-size:9px}.guide-next .guide-unlock-level{color:var(--ink)}.guide-entry h2:focus{outline:none}@media (min-width: 761px){.guide-back-root{display:none}}@media (max-width: 760px){.side-panel.guide-panel{max-height:calc(100dvh - var(--side-panel-top) - 24px);height:min(640px,calc(100dvh - var(--side-panel-top) - 24px))}.guide>.panel-tabs{gap:0;justify-content:space-between;padding:0 12px}.guide>.panel-tabs button{font-size:10px;padding:0 2px}.guide-body{display:flex;flex-direction:column}.guide-browser{flex:1;border:0}.guide-entry,.guide-show-detail .guide-browser{display:none}.guide-show-detail .guide-entry{display:block}.guide-entry{padding:14px}.guide-preview{width:72px;height:56px}}@media (pointer: coarse){.guide-search-field{position:relative;height:44px}.guide-search input,.guide-search select{--input-scale: .6875;position:absolute;top:0;left:0;width:calc(100% / var(--input-scale));height:calc(100% / var(--input-scale));padding:calc(9px / var(--input-scale));border-width:calc(1px / var(--input-scale));border-radius:calc(5px / var(--input-scale));font-size:16px;transform:scale(var(--input-scale));transform-origin:top left}.guide-link,.guide-requirements button,.guide-back,.guide-more{min-height:44px}}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url("./roboto-mono-latin-400-normal-DHEUV3WG.woff2") format("woff2"),url("./roboto-mono-latin-400-normal-GEG7Y6WK.woff") format("woff")}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url("./roboto-mono-latin-500-normal-7UWZR6OE.woff2") format("woff2"),url("./roboto-mono-latin-500-normal-T2GCQU2Q.woff") format("woff")}:root{--edge: 20px;--hud-top: max(var(--edge), env(safe-area-inset-top));--hud-left: max(var(--edge), env(safe-area-inset-left));--hud-right: max(var(--edge), env(safe-area-inset-right));--hud-bottom: max(20px, env(safe-area-inset-bottom));--hud-button-size: 42px;--move-pad-size: 100px;--touch-controls-bottom: max(110px, calc(env(safe-area-inset-bottom) + 95px) );--toolbar-size: var(--hud-button-size);--toolbar-icon-size: 21px;--toolbar-top: var(--hud-top);--toolbar-bottom: auto;--toolbar-direction: column;--toolbar-tooltip-right: calc(100% + 8px) ;--toolbar-tooltip-top: 50%;--toolbar-tooltip-bottom: auto;--toolbar-tooltip-transform: translateY(-50%);--panel-right: calc(var(--hud-right) + var(--toolbar-size) + 8px);--side-panel-top: calc(var(--hud-top) + 52px);--side-panel-bottom: auto;--side-panel-max-height: calc(100dvh - 168px) ;--map-width: min(640px, calc(100vw - var(--panel-right) - var(--hud-left)));--map-height: min(640px, calc(100dvh - 160px) );--map-right: var(--panel-right);--map-bottom: var(--side-panel-bottom);--inventory-top: max(64px, env(safe-area-inset-top));--inventory-bottom: max(18px, env(safe-area-inset-bottom));--inventory-edge: 12px;--chat-clearance: 0px;--chat-bottom: max(var(--hud-bottom), var(--chat-clearance));--chat-width: min(340px, calc(50vw - 208px) );--chat-launcher-position: static;--docked-chat-launcher-position: static;--layer-world-labels: 1;--layer-target: 2;--layer-controls: 3;--layer-chat: 4;--layer-inventory: 5;--layer-toolbar: 6;--layer-transient: 7;--layer-feedback: 8;--layer-panel: 9;--layer-blocking: 10;--layer-error: 20;--layer-tooltip: 29;--layer-menu: 30;--layer-drag: 40;--layer-emotes: 80}@media (max-width: 1100px){:root{--chat-bottom: max(93px, var(--chat-clearance));--chat-width: 275px}}@media (pointer: coarse),(max-width: 760px),(max-width: 960px) and (orientation: landscape){:root{--hud-button-size: 32px;--toolbar-icon-size: 18px}}@media (pointer: coarse){:root{--chat-clearance: calc(var(--touch-controls-bottom) + var(--move-pad-size) + 16px);--docked-chat-launcher-position: fixed}}@media (max-width: 760px){:root{--edge: 12px;--side-panel-top: calc(var(--hud-top) + 58px);--side-panel-max-height: calc(100dvh - 260px) ;--map-height: auto;--map-bottom: max(230px, calc(env(safe-area-inset-bottom) + 210px) );--chat-width: min(275px, calc(100vw - 24px) )}}@media (max-width: 479px){:root{--inventory-top: calc(var(--hud-top) + var(--toolbar-size) * 3 + 16px)}}@media (max-height: 550px){:root{--inventory-bottom: max(13px, env(safe-area-inset-bottom))}}@media (max-height: 550px) and (max-width: 960px){:root{--edge: 10px;--touch-controls-bottom: max(94px, calc(env(safe-area-inset-bottom) + 80px) );--side-panel-top: calc(var(--hud-top) + 52px);--side-panel-max-height: calc(100dvh - 152px) ;--chat-width: 230px}}@media (min-width: 480px) and (max-width: 960px) and (max-height: 550px){:root{--inventory-edge: var(--panel-right)}}@media (orientation: landscape) and (max-height: 550px) and (max-width: 960px){:root{--map-width: calc(100vw - 280px) ;--map-right: 140px;--map-height: auto;--map-bottom: max(90px, calc(env(safe-area-inset-bottom) + 75px) )}}@media (min-width: 900px) and (pointer: fine),(min-width: 840px) and (orientation: landscape){:root{--toolbar-top: auto;--toolbar-bottom: var(--hud-bottom);--toolbar-direction: row-reverse;--toolbar-tooltip-right: 0;--toolbar-tooltip-top: auto;--toolbar-tooltip-bottom: calc(100% + 8px) ;--toolbar-tooltip-transform: none;--panel-right: var(--hud-right);--side-panel-top: auto;--side-panel-bottom: calc(var(--hud-bottom) + var(--hud-button-size) + 8px);--side-panel-max-height: calc(100dvh - var(--side-panel-bottom) - var(--hud-top));--map-width: min(640px, calc(100vw - var(--panel-right) - var(--hud-left)));--map-right: var(--panel-right);--map-height: min(640px, calc(100dvh - 160px) );--map-bottom: var(--side-panel-bottom);--inventory-edge: 12px;--chat-bottom: max(var(--hud-bottom), var(--chat-clearance));--chat-width: min(340px, calc(50vw - 208px) );--chat-launcher-position: var(--docked-chat-launcher-position)}}:root{font-family:Roboto Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:500;font-synthesis:none;color:var(--ink);background:var(--surface-inset);color-scheme:dark;--paper: #0e1115f5;--surface: #0e1115;--surface-inset: #090c10;--surface-floating: #101419fa;--surface-control: #1a2129;--surface-raised: #242d37;--control-border: #394653;--ink: #eef0f2;--soft: #c4cbd2;--muted: #a0a8b1;--faint: #727b85;--line: #ffffff0d;--accent: #9aaec2;--accent-fill: #9aaec21a;--accent-border: #9aaec24d;--hover: #ffffff0c;--radius-small: 4px;--radius-control: 8px;--radius-panel: 12px;--panel-shadow: 0 6px 20px #00000030;--floating-shadow: 0 3px 12px #00000024}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;background:none;border:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.4}:focus{outline:none}button:focus-visible{background-color:var(--hover)}h1,h2,h3,p{margin:0}strong,h1,h2,h3{font-weight:500}kbd{font:inherit;font-size:9px;line-height:1.3;background:#ffffff0f;border-radius:var(--radius-small);padding:2px 4px;color:var(--soft);white-space:nowrap}.app{position:relative;width:100%;height:100dvh;overflow:hidden}@media (display-mode: standalone),(display-mode: fullscreen){.app{height:100vh}}.world{position:absolute;inset:0;overflow:hidden}.world canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#00000015,transparent 16%,transparent 78%,#00000030)}.player-status{position:absolute;top:max(var(--edge),env(safe-area-inset-top));left:max(var(--edge),env(safe-area-inset-left));display:flex;flex-direction:column;align-items:flex-start;gap:10px;pointer-events:none;text-shadow:0 1px 4px #000c}.status-note{font-size:10px;color:#e4cfb4;max-width:240px}.hud-toolbar{position:absolute;top:var(--toolbar-top);right:var(--hud-right);bottom:var(--toolbar-bottom);display:flex;flex-direction:var(--toolbar-direction);gap:4px;z-index:var(--layer-toolbar)}.hud-toolbar>button{position:relative;display:grid;place-items:center;width:var(--toolbar-size);height:var(--toolbar-size);background:var(--paper);border-radius:var(--radius-control);box-shadow:var(--panel-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--soft)}.hud-toolbar svg{width:var(--toolbar-icon-size);height:var(--toolbar-icon-size)}.hud-toolbar>button:hover,.hud-toolbar>button:focus-visible,.hud-toolbar>button.active{background:var(--surface-raised);color:#fff}.toolbar-tooltip{position:absolute;right:var(--toolbar-tooltip-right);top:var(--toolbar-tooltip-top);bottom:var(--toolbar-tooltip-bottom);transform:var(--toolbar-tooltip-transform);display:none;width:max-content;padding:9px 10px;background:var(--surface);border-radius:var(--radius-control);box-shadow:var(--floating-shadow);font-size:11px;pointer-events:none;color:var(--ink)}.toolbar-tooltip kbd{margin-left:8px}.hud-toolbar>button:hover .toolbar-tooltip,.hud-toolbar>button:focus-visible .toolbar-tooltip{display:block}.side-panel{position:absolute;right:var(--panel-right);top:var(--side-panel-top);bottom:var(--side-panel-bottom);width:min(320px,calc(100vw - var(--panel-right) - var(--hud-left)));max-height:var(--side-panel-max-height);border-radius:var(--radius-panel);background:var(--paper);box-shadow:var(--panel-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;overflow:hidden;outline:none;z-index:var(--layer-panel);animation:panel-arrive .12s ease-out}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);min-height:49px;flex-shrink:0}.panel-tabs{display:flex;align-self:stretch;gap:12px}.panel-tabs button{font-size:11px;color:var(--muted);border-bottom:2px solid transparent}.panel-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.panel-tabs button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.input-action{display:flex;align-items:center;min-width:0;border-radius:6px;background:#ffffff04;box-shadow:inset 0 -1px #ffffff20;transition:background .12s ease,box-shadow .12s ease}.input-action:hover{background:#ffffff07}.input-action:focus-within{background:#ffffff09;box-shadow:inset 0 -1px var(--accent)}.input-action .text-input{flex:1;width:0;min-width:0;height:38px;padding:0 10px;font:inherit;font-size:12px;color:var(--ink);background:none;border:0;border-radius:inherit;caret-color:var(--accent)}.text-input::placeholder{color:var(--faint)}.input-action .field-action{flex:none;align-self:stretch;margin:4px;padding:0 8px;border-radius:4px;font-size:10px;color:var(--accent);transition:color .12s ease,background .12s ease}.input-action .field-action:hover:not(:disabled),.input-action .field-action:focus-visible{color:var(--ink);background:var(--accent-fill)}.input-action .field-action:disabled{opacity:1;color:var(--faint)}.panel-top h1{font-size:14px}.panel-capacity{margin-left:10px;font-size:10px;color:var(--muted)}.icon-close{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;padding:0;border-radius:var(--radius-control);color:var(--muted)}.icon-close:hover{color:#fff;background:var(--hover)}.panel-content{overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;overscroll-behavior:contain;padding:0 16px 16px}.section-title{display:flex;align-items:center;justify-content:space-between;padding:15px 0 12px}.section-title h2{font-size:11px;color:var(--ink)}.section-title>span{font-size:10px;color:var(--muted)}.empty-note{color:var(--muted);font-weight:400;font-size:11px;line-height:1.8;padding:12px 0 20px}.equipment{border-top:1px solid var(--line);padding:0 16px 13px;flex-shrink:0;background:#00000016}.action-area{position:relative;display:flex;flex-direction:column;align-items:center}.hand-action{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;align-items:center;gap:10px;font-size:11px;margin-bottom:10px;padding:8px 12px;background:var(--paper);border-radius:var(--radius-control);box-shadow:var(--floating-shadow);pointer-events:none}.ground-detail{color:var(--muted)}.world-target{position:absolute;visibility:hidden;transform:translate(-50%,-100%);pointer-events:none;z-index:var(--layer-target)}.target-card{position:relative;background:var(--paper);color:#fff;padding:10px 13px;border-radius:var(--radius-control);box-shadow:var(--floating-shadow);width:max-content;max-width:240px;min-width:106px}.target-card:after{content:"";position:absolute;top:100%;left:calc(var(--target-tail-x, 50%) - 4px);width:8px;height:8px;background:var(--paper);transform:translateY(-3px) rotate(45deg)}.target-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.target-heading>span{font-size:10px;color:#e0c6c0}.target-action{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:10px;color:var(--soft)}.target-action kbd{background:var(--ink);color:var(--surface-inset);font-weight:500}.target-meter{display:block;height:4px;width:100%;min-width:72px;margin-top:7px;background:#ffffff20;border-radius:var(--radius-small);overflow:hidden}.target-meter>span{display:block;height:100%;background:var(--accent);transition:width .12s}.target-meter.vitality>span{background:#e89c87}.recovery{position:absolute;bottom:max(calc(100% + 24px),calc(var(--slot-height) + 8px + 112px));left:50%;transform:translate(-50%);width:140px;height:6px;border-radius:var(--radius-small);overflow:hidden;opacity:0;pointer-events:none;z-index:var(--layer-target)}.recovery.recovering{opacity:1;background:#0e1115a6}.recovery>span{display:block;height:100%;background:var(--ink);transform-origin:left}@media (max-height: 550px){.recovery{bottom:max(calc(100% + 24px),calc(var(--slot-height) + 8px + 48px))}}.damage-flash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #ad413766;opacity:0;transition:opacity .18s}.damage-flash.visible{opacity:1}.connection-banner,.graphics-error{position:absolute;top:40%;left:50%;transform:translate(-50%);background:var(--paper);padding:20px 26px;border-radius:var(--radius-panel);box-shadow:var(--panel-shadow);max-width:90%;line-height:1.8;z-index:var(--layer-blocking)}.graphics-error{z-index:var(--layer-error)}.touch-controls{display:none}@keyframes panel-arrive{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (pointer: coarse){.touch-controls{display:flex;position:absolute;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:var(--touch-controls-bottom);align-items:center;justify-content:space-between;pointer-events:none;z-index:var(--layer-controls)}.move-pad{position:relative;width:var(--move-pad-size);height:var(--move-pad-size);flex-shrink:0;border-radius:50%;box-shadow:var(--floating-shadow);display:grid;place-items:center;background:#090c10b3;pointer-events:auto;touch-action:none}.move-pad-directions{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c4cbd280;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.move-pad-thumb{position:relative;width:46%;height:46%;border-radius:50%;background:#c4cbd2cf;pointer-events:none}.touch-actions{position:relative;display:flex;align-items:center;gap:12px;pointer-events:auto}.touch-actions button{width:48px;height:48px;background:#090c10cc;border-radius:50%;box-shadow:var(--floating-shadow);font-size:10px;touch-action:none}.touch-actions .touch-jump{width:56px;height:56px}.touch-actions:has(.touch-use) .touch-jump{position:absolute;right:calc(100% - 8px);bottom:calc(50% + 20px)}.touch-actions .touch-use{width:72px;height:72px;background:var(--ink);color:var(--surface-inset)}.chat-open .touch-controls{display:none}.hud-toolbar>button:hover .toolbar-tooltip{display:none}.icon-close{width:36px;height:36px}.target-action kbd,.hand-action kbd,.hand-action-verb{display:none}.hand-action{margin-bottom:7px}}@media (max-width: 760px){.player-status{gap:8px}.status-note{max-width:150px;font-size:9px}.panel-top{min-height:45px}.panel-content,.equipment{padding:0 14px 12px}.target-card{padding:8px 10px;max-width:210px}.target-heading{font-size:11px}}@media (max-height: 550px) and (max-width: 960px){.equipment{padding-block:0 8px}.equipment .section-title{padding-block:9px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media (max-width: 740px) and (min-height: 551px),(max-width: 559px){.player-status{top:calc(max(var(--edge),env(safe-area-inset-top)) + 62px);max-width:calc(100vw - 270px)}.status-note{max-width:100%}}.space-beacons{position:absolute;inset:0;pointer-events:none}.space-beacons span{position:absolute;transform:translate(-50%,-50%);font-size:11px;color:#e3eef3;text-shadow:0 1px 3px #000;white-space:nowrap}