@font-face{font-family:Ashen;src:url(../ui/ashen/ashen.woff) format("woff");font-display:block}:root{--ui-scale: 1;--hud-scale: 1;--ui-border: #57584b;--ui-highlight: #88846c;--frame-panel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M0 12h2V8h3V5h3V2h4V0h8v2h4v3h3v3h3v4h2v8h-2v4h-3v3h-3v3h-4v2h-8v-2H8v-3H5v-3H2v-4H0Z' fill='%2357584b'/%3E%3Cpath d='M3 12h2V8h3V5h4V3h8v2h4v3h3v4h2v8h-2v4h-3v3h-4v2h-8v-2H8v-3H5v-4H3Z' fill='%23292a25'/%3E%3C/svg%3E");--frame-slot: url(../ui/frames/slot.svg);--frame-slot-hover: url(../ui/frames/slot-hover.svg);--frame-slot-active: url(../ui/frames/slot-active.svg);--frame-button: url(../ui/frames/button.svg);--frame-button-hover: url(../ui/frames/button-hover.svg);--frame-button-active: url(../ui/frames/button-active.svg);--frame-input: url(../ui/frames/input.svg)}body,button,input,select,textarea{font-family:Ashen,monospace;font-weight:400;letter-spacing:0}body:has(#materials[open]) #debug,body:has(#materials[open]) .chat-open{visibility:hidden}.controls-corner,.control-label,.chat-open,.chat{font-family:Ashen,monospace;font-weight:400;letter-spacing:0}.control-label,.chat-open{font-size:16px;line-height:20px}.chat-open{border:0;box-shadow:none;background:none;color:var(--ink)}.pixel-panel:before,.chat:before,#hotbar:before{content:"";position:absolute;inset:0;z-index:-1;border:14px solid transparent;border-image:var(--frame-panel) 14 fill;pointer-events:none;image-rendering:pixelated}#materials{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;background:transparent;box-shadow:none;overflow:auto;color:var(--ink);font:16px Ashen,monospace}#materials[open]{display:block}#materials::backdrop{background:#10120f94;backdrop-filter:none}.inventory-layout{position:absolute;width:652px;height:472px;transform:scale(var(--ui-scale));transform-origin:0 0;font:16px/24px Ashen,monospace}.pixel-panel{position:absolute;box-sizing:border-box;margin:0;padding:0;border-style:solid;border:0;isolation:isolate;image-rendering:pixelated}.bag-panel{left:0;top:0;width:376px;height:472px}.craft-panel{left:392px;top:0;width:260px;height:472px}#materials h2{position:absolute;left:14px;top:15px;margin:0;padding:0;flex:none;font:24px/24px Ashen,monospace;color:var(--ink);letter-spacing:0;text-shadow:2px 2px #10120f}.item-grid{position:absolute;left:14px;top:53px;display:grid;grid-template-columns:repeat(8,44px);grid-auto-rows:44px;gap:0;padding:0}.bag-grid{grid-template-rows:repeat(8,44px) 12px 40px}.item-slot{position:relative;display:grid;place-items:center;width:40px;height:40px;min-width:0;min-height:0;margin:0;padding:0;box-sizing:border-box;border-style:solid;border-width:4px;border-image:var(--frame-slot) 4 fill;border-radius:0;background:transparent;color:var(--ink);font:16px/16px Ashen,monospace;cursor:pointer;overflow:visible;clip-path:none;transform:none;transition:transform .08s ease,filter .08s ease;image-rendering:pixelated}.item-slot:hover{border-image:var(--frame-slot-hover) 4 fill}.item-slot:active{transform:translateY(1px)}.item-slot:focus-visible{outline:none;border-image:var(--frame-slot-active) 4 fill;z-index:1}.picture-button:focus-visible,.materials-close:focus-visible{outline:none;border-image:var(--frame-button-hover) 4 fill;z-index:1}.item-slot canvas,.item-icon{display:block;width:32px;height:32px;object-fit:contain;image-rendering:pixelated;pointer-events:none}.stack-count{position:absolute;right:3px;bottom:1px;top:auto;font:16px/16px Ashen,monospace;color:var(--ink);letter-spacing:0;text-shadow:2px 2px #10120f,-1px -1px #10120f;pointer-events:none;white-space:nowrap}.picture-button,.materials-close{position:absolute;display:inline-flex;align-items:center;justify-content:center;height:28px;width:auto;min-height:0;margin:0;padding:0 8px;box-sizing:border-box;border-style:solid;border-width:4px;border-image:var(--frame-button) 4 fill;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 3px 0 #171914);color:var(--ink-dim);font:16px/16px Ashen,monospace;cursor:pointer;transition:transform .08s ease;image-rendering:pixelated}.picture-button:hover,.materials-close:hover{color:var(--ink);border-image:var(--frame-button-hover) 4 fill;filter:drop-shadow(0 3px 0 #171914)}.picture-button:active,.materials-close:active{transform:translateY(1px);filter:drop-shadow(0 1px 0 #171914)}.inventory-sort{right:122px;top:13px}.creative-toggle{right:14px;top:13px;width:100px}.catalog-panel{position:absolute;inset:53px 14px 14px;display:flex;flex-direction:column;gap:12px;min-height:0}.catalog-panel[hidden]{display:none}#materials[data-creative=true] .bag-grid,#materials[data-creative=true] .inventory-sort{visibility:hidden}.catalog-tools{position:relative;display:flex;flex:none;flex-wrap:wrap;gap:4px;align-items:center;padding:0}#materials .catalog-tools input{order:0;flex:none;min-width:0;width:100%;height:36px;margin:0 0 4px;padding:6px 10px;box-sizing:border-box;border-style:solid;border-width:4px;border-image:var(--frame-input) 4 fill;background:transparent;color:var(--ink);font:16px/20px Ashen,monospace}#materials .catalog-tools input:focus{outline:none;border-image:var(--frame-slot-active) 4 fill}#materials .catalog-tools input::placeholder{color:var(--ink-faint)}.catalog-category{position:static;order:1;height:28px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-style:solid;border-width:4px;border-image:var(--frame-button) 4 fill;box-shadow:none;background:transparent;font:16px/16px Ashen,monospace;cursor:pointer;color:var(--ink-dim);transition:transform .08s ease}.catalog-category:hover{color:var(--ink);border-image:var(--frame-button-hover) 4 fill}.catalog-category[hidden]{display:none}.catalog-category[aria-pressed=true]{border-image:var(--frame-button-active) 4 fill;color:var(--accent)}.catalog-grid{position:relative;left:auto;top:auto;width:100%;min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;align-content:start;scrollbar-width:thin}.inventory-help{position:absolute;left:0;top:-28px;width:calc(100% - 80px);margin:0;color:var(--ink-dim);font:16px/20px Ashen,monospace;text-align:left}.inventory-notice{position:absolute;left:14px;right:14px;bottom:14px;margin:0;color:var(--accent);font:16px/20px Ashen,monospace;pointer-events:none}.materials-close{right:0;top:-35px;height:28px;padding:4px 9px;color:var(--ink)}#materials .materials-close{font-size:16px;min-height:0;border-color:var(--ui-border)}.carried-stack{position:fixed;width:calc(40px * var(--ui-scale));height:calc(40px * var(--ui-scale));pointer-events:none;z-index:4;image-rendering:pixelated;filter:drop-shadow(2px 2px #10120f)}.carried-stack canvas,.carried-stack .item-icon{width:calc(32px * var(--ui-scale));height:calc(32px * var(--ui-scale));object-fit:contain;image-rendering:pixelated}.carried-stack .stack-count{font-size:calc(16px * var(--ui-scale));line-height:calc(16px * var(--ui-scale))}.carried-stack[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#hotbar{position:fixed;bottom:auto;display:grid;grid-template-columns:repeat(8,44px);gap:4px;width:408px;height:72px;box-sizing:border-box;padding:14px;margin:0;border:0;isolation:isolate;transform:scale(var(--hud-scale));transform-origin:0 0;overflow:visible;font:16px/16px Ashen,monospace}#hotbar .slot{position:relative;width:44px;height:44px;box-sizing:border-box;padding:0;border-style:solid;border-width:4px;border-image:var(--frame-slot) 4 fill;border-radius:0;background:transparent;box-shadow:none;transform:none;transition:transform .08s ease,filter .08s ease;clip-path:none;cursor:pointer}#hotbar .slot:hover{transform:none;border-image:var(--frame-slot-hover) 4 fill}#hotbar .slot[data-on="1"]{border-image:var(--frame-slot-active) 4 fill}#hotbar .slot[data-on="1"]:before{display:none}#hotbar .material-preview,#hotbar .item-icon{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.slot-key{position:absolute;left:3px;top:1px;color:var(--ink-faint);font:16px/16px Ashen,monospace;pointer-events:none;text-shadow:1px 1px #10120f;z-index:1}#hearts{position:fixed;display:flex;align-items:center;gap:4px;width:136px;height:24px;bottom:auto;transform:scale(var(--hud-scale));transform-origin:0 0;pointer-events:none;filter:drop-shadow(0 2px 0 #10120f)}.heart{position:relative;width:24px;height:24px;flex:none}.heart-empty,.heart-fill,.heart-outline{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.heart svg{position:absolute;inset:0;width:24px;height:24px;overflow:visible;fill:currentColor;filter:none;shape-rendering:crispEdges}.heart-empty{color:#3b272d}.heart-fill{color:#e53935;overflow:hidden}.heart-outline svg{fill:none;stroke:#10120f;stroke-width:2;stroke-linejoin:miter}#hotbar-label{position:fixed;left:50%;bottom:calc(132px * var(--hud-scale));margin:0;transform:translate(-50%);font:calc(16px * var(--hud-scale))/1 Ashen,monospace;letter-spacing:0;color:var(--ink);text-shadow:2px 2px #10120f,-1px -1px #10120f,1px -1px #10120f,-1px 1px #10120f;pointer-events:none}#hotbar .slot:focus-visible{outline:none;border-image:var(--frame-slot-active) 4 fill}#tooltip{position:fixed;inset:auto;margin:0;min-width:0;max-width:calc(220px * var(--ui-scale));max-height:none;box-sizing:border-box;padding:0;border-style:solid;border-width:calc(14px * var(--ui-scale));border-image:var(--frame-panel) 14 fill;background:transparent;filter:none;pointer-events:none;overflow:visible;color:var(--ink);font-family:Ashen,monospace;image-rendering:pixelated}#tooltip.tooltip-static.is-hidden{display:none}.tooltip-body{display:block;margin:0;padding:0}.tooltip-text{display:flex;flex-direction:column;align-items:flex-start;gap:calc(4px * var(--ui-scale));letter-spacing:0}.tooltip-title{font:calc(16px * var(--ui-scale))/1.25 Ashen,monospace;font-weight:400;max-width:none;color:var(--ink)}.tooltip-detail{font:calc(16px * var(--ui-scale))/1.25 Ashen,monospace;max-width:none;white-space:pre-line;color:var(--ink-dim)}.tooltip-detail:not([hidden]):before{content:none}.tooltip-icon,.tooltip-prompt{display:none}.tooltip-recipe{position:absolute;left:calc(-14px * var(--ui-scale));top:calc(100% + 4px * var(--ui-scale));display:flex;gap:calc(6px * var(--ui-scale));padding:0;border-style:solid;border-width:calc(14px * var(--ui-scale));border-image:var(--frame-panel) 14 fill;background:transparent;filter:none}.tooltip-recipe[hidden]{display:none}.tooltip-ingredient{position:relative;display:grid;place-items:center;width:calc(40px * var(--ui-scale));height:calc(40px * var(--ui-scale));box-sizing:border-box;border-style:solid;border-width:calc(4px * var(--ui-scale));border-image:var(--frame-slot) 4 fill}.tooltip-ingredient canvas,.tooltip-ingredient .item-icon{width:calc(32px * var(--ui-scale));height:calc(32px * var(--ui-scale));object-fit:contain;image-rendering:pixelated}.tooltip-ingredient .stack-count{font-size:calc(14px * var(--ui-scale));line-height:calc(14px * var(--ui-scale))}.crafting-sidebar{position:absolute;inset:53px 14px 62px;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0}.crafting-tabs{display:flex;flex:none;gap:4px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.crafting-tab.picture-button,.crafting-filter.picture-button{position:relative;flex:none;height:28px;padding:0 5px}.crafting-tab[aria-pressed=true],.crafting-filter[aria-pressed=true]{border-image:var(--frame-button-active) 4 fill;color:var(--accent)}.crafting-tools{display:flex;flex:none;align-items:center;gap:4px}.crafting-tools input{width:0;min-width:0;flex:1;height:32px;padding:0 4px;border:4px solid transparent;border-image:var(--frame-input) 4 fill;border-radius:0;background:transparent;color:var(--ink);font:16px/20px Ashen,monospace}.crafting-tools input:focus-visible{outline:none;border-image:var(--frame-slot-active) 4 fill}.crafting-tools input::placeholder{color:var(--ink-faint)}.crafting-hint{flex:none;margin:0;color:var(--ink-dim);font:14px/20px Ashen,monospace}.crafting-recipes{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:2px;scrollbar-width:thin;scrollbar-color:var(--ui-highlight) #1d1f1b}.crafting-row{display:flex;align-items:center;gap:7px;flex:none;width:100%;min-height:64px;padding:6px 4px;border:1px solid var(--ui-border);border-radius:0;background:#30312a;color:var(--ink);font:16px/20px Ashen,monospace;text-align:left;cursor:pointer}.crafting-row:hover{background:#3b3c32}.crafting-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.crafting-row[data-state=partial]{border-color:#95665b}.crafting-row[data-state=missing]{color:var(--ink-faint)}.crafting-row[data-state=missing] .crafting-output,.crafting-ingredient[data-missing=true]{opacity:.4}.crafting-output,.crafting-ingredient-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border:4px solid transparent;border-image:var(--frame-slot) 4 fill;image-rendering:pixelated}.crafting-output canvas,.crafting-output .item-icon{width:32px;height:32px}.crafting-meta{flex:1;min-width:0}.crafting-name{display:block;overflow-wrap:anywhere}.crafting-ingredients{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.crafting-ingredient{display:inline-flex;align-items:center;gap:2px;color:var(--ink-dim)}.crafting-ingredient-icon{width:24px;height:24px}.crafting-ingredient-icon canvas,.crafting-ingredient-icon .item-icon{width:16px;height:16px}.crafting-quantity{flex:none;color:var(--ink-dim)}.crafting-empty{margin:12px 0;color:var(--ink-dim);font:16px/24px Ashen,monospace}.chat{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(112px * var(--hud-scale) + env(safe-area-inset-bottom,0px));z-index:40;isolation:isolate;display:flex;flex-direction:column;gap:14px;width:min(376px,calc(100vw - 32px));height:300px;max-height:calc((100dvh - 144px * var(--hud-scale)) / var(--ui-scale));padding:14px;border:0;background:transparent;color:var(--ink);font:16px/24px Ashen,monospace;transform:scale(var(--ui-scale));transform-origin:bottom left;image-rendering:pixelated}.chat-head{display:flex;flex:none;align-items:center;gap:12px;min-width:0;height:28px}.chat-head>span:first-child{color:var(--ink);font:24px/24px Ashen,monospace;text-shadow:2px 2px #10120f}.chat-hint{flex:1;color:var(--ink-dim);font:16px/20px Ashen,monospace}.chat-log{flex:1;min-height:0;overflow-y:auto;padding:8px;border:4px solid transparent;border-image:var(--frame-input) 4 fill;background:transparent;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--ui-highlight) #1d1f1b}.chat-log>div+div{margin-top:8px}.chat form{display:flex;flex:none;align-items:center;gap:8px;height:36px}.chat input{flex:1;width:0;min-width:0;height:36px;padding:4px 8px;border:4px solid transparent;border-image:var(--frame-input) 4 fill;border-radius:0;background:transparent;color:var(--ink);font:16px/20px Ashen,monospace;user-select:text;-webkit-user-select:text}.chat input::placeholder{color:var(--ink-faint)}.chat input:focus-visible{outline:none;border-image:var(--frame-slot-active) 4 fill}.chat button{display:inline-flex;flex:none;align-items:center;justify-content:center;height:28px;min-height:0;padding:0 8px;border:4px solid transparent;border-image:var(--frame-button) 4 fill;border-radius:0;background:transparent;color:var(--ink-dim);font:16px/16px Ashen,monospace;filter:drop-shadow(0 3px 0 #171914);cursor:pointer;image-rendering:pixelated}.chat button:hover,.chat button:focus-visible{outline:none;color:var(--ink);border-image:var(--frame-button-hover) 4 fill}.chat button:active{transform:translateY(1px);filter:drop-shadow(0 1px 0 #171914)}.chat-open{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;padding:0;cursor:pointer}.chat-open:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:559px){.chat{bottom:calc(92px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 108px)}}@media(max-width:748px),(max-height:560px){#materials{padding:48px 12px 24px}.inventory-layout{position:relative;left:auto!important;top:auto!important;margin:0 auto;width:376px;height:auto;display:flex;flex-direction:column;gap:16px;padding-bottom:24px;transform:none}.bag-panel,.craft-panel{position:relative;left:auto;top:auto;flex:none;width:376px}.craft-panel{height:400px}.inventory-help{position:static;width:100%;order:3;font-size:16px}.materials-close{left:auto;right:0;top:-36px}}@media(max-width:480px){#materials{padding:48px 8px 24px}.inventory-layout,.bag-panel,.craft-panel{width:100%}.bag-panel{height:472px}.bag-grid{right:10px;bottom:14px;overflow-y:auto;align-content:start;scrollbar-width:thin;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(16,44px) 12px repeat(2,44px)}.bag-grid .item-slot{width:calc(100% - 4px)}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-grid .item-slot{width:calc(100% - 4px)}.catalog-tools{gap:4px}.catalog-category{font-size:16px;padding:4px}#materials h2{font-size:24px}.inventory-sort{display:none}.creative-toggle{right:14px}.craft-panel{height:400px}#hotbar-label,.controls-corner{bottom:116px}#stick,#buttons{bottom:130px}}@media(max-width:559px){#hotbar{width:min(344px,calc(100vw - 16px));height:64px;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:14px}#hotbar .slot{width:100%;height:36px;padding:0;border-width:4px}#hotbar .material-preview,#hotbar .item-icon{width:28px;max-width:100%;height:28px}#hearts{width:116px;height:20px}.heart,.heart svg{width:20px;height:20px}}.slot-key{display:block}.category-rail{position:absolute;top:53px;display:flex;flex-direction:column;gap:6px;width:47px;max-height:calc(100% - 67px);overflow:visible;scrollbar-width:thin;padding:0 0 4px}.catalog-tabs{left:-44px;align-items:flex-start}.crafting-tabs{top:46px;right:-44px;align-items:flex-end}#materials:not([data-creative=true]) .catalog-tabs{display:none}.category-rail .picture-button{position:relative;flex:none;width:40px;height:40px;padding:4px;color:var(--ink-dim);border-width:14px;border-image:var(--frame-panel) 14 fill;filter:none;overflow:visible}.category-rail .picture-button[aria-pressed=true]{color:var(--accent)}.category-rail .category-icon{width:24px;height:24px;flex:none;position:relative;z-index:2;pointer-events:none;image-rendering:pixelated;background:currentColor;mask:var(--category-icon) center / 24px 24px no-repeat}@media(max-width:748px),(max-height:560px){#materials{padding-left:52px;padding-right:52px}}.category-rail .picture-button:hover,.category-rail .picture-button:focus-visible,.category-rail .picture-button:active{border-image:var(--frame-panel) 14 fill;filter:none;transform:none;color:var(--ink)}.category-rail .picture-button:after{content:"";position:absolute;top:-14px;bottom:-14px;width:27px;box-sizing:border-box;border-top:3px solid var(--ui-border);border-bottom:3px solid var(--ui-border);background:#292a25;pointer-events:none;z-index:1}.catalog-tabs .picture-button:after{left:50%}.crafting-tabs .picture-button:after{right:50%}.crafting-toggle-rail{top:0;right:-44px;align-items:flex-end}.crafting-toggle-rail .picture-button:after{right:50%}#materials .craft-panel[hidden]{display:none}@media(min-width:749px)and (min-height:561px){#materials[data-crafting=false] .inventory-layout{width:376px}}.crafting-toggle-rail:before{content:"";position:absolute;top:0;right:44px;width:14px;height:14px;box-sizing:border-box;border-top:3px solid var(--ui-border);background:#292a25;pointer-events:none}:root{--ui-ease: cubic-bezier(.2, 0, 0, 1);--ui-motion: .18s;--bubble-motion: 90ms }#materials{opacity:0;transition:opacity .12s ease-out,display .12s allow-discrete,overlay .12s allow-discrete}#materials[open]{opacity:1}#materials::backdrop{opacity:0;transition:opacity .12s ease-out,display .12s allow-discrete,overlay .12s allow-discrete}#materials[open]::backdrop{opacity:1}.inventory-layout{translate:0 4px;transition:translate var(--ui-motion) var(--ui-ease),left var(--ui-motion) var(--ui-ease),width var(--ui-motion) var(--ui-ease)}#materials[open] .inventory-layout{translate:0 0}.craft-panel{opacity:1;translate:0 0;transition:opacity .12s ease-out,translate var(--ui-motion) var(--ui-ease),display var(--ui-motion) allow-discrete}#materials .craft-panel[hidden]{opacity:0;translate:-8px 0}.category-rail .picture-button{transition:color .1s ease-out}.category-rail .picture-button:after{width:0;visibility:hidden;transition:width var(--bubble-motion) steps(9,end),visibility 0ms var(--bubble-motion),border-color 0ms}.catalog-tabs .picture-button:after{left:50%;right:auto;border-right:3px solid var(--ui-border)}.crafting-tabs .picture-button:after,.crafting-toggle-rail .picture-button:after{right:50%;left:auto;border-left:3px solid var(--ui-border)}.category-rail .picture-button[aria-pressed=true]:after{width:27px;visibility:visible;transition:width var(--bubble-motion) steps(9,end),visibility 0ms,border-color 0ms var(--bubble-motion)}.catalog-tabs .picture-button[aria-pressed=true]:after{border-right-color:transparent}.crafting-tabs .picture-button[aria-pressed=true]:after,.crafting-toggle-rail .picture-button[aria-pressed=true]:after{border-left-color:transparent}.crafting-toggle-rail{transition:right var(--ui-motion) var(--ui-ease)}.crafting-toggle-rail:before{opacity:0;transition:opacity 0ms var(--bubble-motion)}.crafting-toggle-rail:has([aria-pressed=true]):before{opacity:1;transition-delay:0ms}#tooltip{opacity:0;transition:opacity .1s ease-out,display .1s allow-discrete,overlay .1s allow-discrete}#tooltip:popover-open,#tooltip.tooltip-static:not(.is-hidden){opacity:1}.chat{opacity:1;translate:0 0;transition:opacity .12s ease-out,translate var(--ui-motion) var(--ui-ease),display var(--ui-motion) allow-discrete}.chat[hidden]{display:none;opacity:0;translate:0 6px}.picture-button:not(.catalog-category):not(.crafting-tab):not(.crafting-toggle){transition:scale .1s ease-out,color .1s ease-out}.picture-button:not(.catalog-category):not(.crafting-tab):not(.crafting-toggle):active{scale:.96}.crafting-row{transition:background-color .1s ease-out}.stack-count,.crafting-quantity{font-variant-numeric:tabular-nums}@starting-style{#materials[open],#materials[open]::backdrop{opacity:0}#materials[open] .inventory-layout{translate:0 8px}.craft-panel{opacity:0;translate:-8px 0}#tooltip:popover-open{opacity:0}.chat:not([hidden]){opacity:0;translate:0 6px}}@media(prefers-reduced-motion:reduce){#materials,#materials::backdrop,.inventory-layout,.craft-panel,.category-rail .picture-button,.category-rail .picture-button:after,.crafting-toggle-rail,.crafting-toggle-rail:before,#tooltip,.chat,.picture-button:not(.catalog-category):not(.crafting-tab):not(.crafting-toggle),.crafting-row{transition:none}#materials[open] .inventory-layout,.craft-panel,.chat{translate:none}.picture-button:active{scale:1}}.category-rail .picture-button,.category-rail .picture-button:hover,.category-rail .picture-button:focus-visible,.category-rail .picture-button:active{display:grid;place-items:center;width:40px;height:40px;border:0;padding:0;border-image:none}.category-rail .category-icon{display:block;margin:0}.category-rail .picture-button:before,.category-rail .picture-button:after{content:"";position:absolute;inset:0 auto auto 0;width:47px;height:40px;border:0;visibility:visible;pointer-events:none;transition:clip-path var(--bubble-motion) steps(3,end)}.category-rail .picture-button:before{background:var(--ui-border);z-index:0;clip-path:polygon(0px 12px,2px 12px,2px 8px,5px 8px,5px 5px,8px 5px,8px 2px,12px 2px,12px 0px,28px 0px,28px 2px,32px 2px,32px 5px,35px 5px,35px 8px,38px 8px,38px 12px,40px 12px,40px 28px,38px 28px,38px 32px,35px 32px,35px 35px,32px 35px,32px 38px,28px 38px,28px 40px,12px 40px,12px 38px,8px 38px,8px 35px,5px 35px,5px 32px,2px 32px,2px 28px,0px 28px)}.category-rail .picture-button:after{background:#292a25;z-index:1;clip-path:polygon(3px 12px,5px 12px,5px 8px,8px 8px,8px 5px,12px 5px,12px 3px,12px 3px,12px 3px,28px 3px,28px 3px,28px 3px,28px 5px,32px 5px,32px 8px,35px 8px,35px 12px,37px 12px,37px 28px,35px 28px,35px 32px,32px 32px,32px 35px,28px 35px,28px 37px,28px 37px,28px 37px,12px 37px,12px 37px,12px 37px,12px 35px,8px 35px,8px 32px,5px 32px,5px 28px,3px 28px)}.category-rail .picture-button[aria-pressed=true]:before{clip-path:polygon(0px 12px,2px 12px,2px 8px,5px 8px,5px 5px,8px 5px,8px 2px,12px 2px,12px 0px,28px 0px,28px 0px,32px 0px,32px 0px,35px 0px,35px 0px,38px 0px,38px 0px,47px 0px,47px 40px,38px 40px,38px 40px,35px 40px,35px 40px,32px 40px,32px 40px,28px 40px,28px 40px,12px 40px,12px 38px,8px 38px,8px 35px,5px 35px,5px 32px,2px 32px,2px 28px,0px 28px)}.category-rail .picture-button[aria-pressed=true]:after{width:47px;transition:clip-path var(--bubble-motion) steps(3,end);clip-path:polygon(3px 12px,5px 12px,5px 8px,8px 8px,8px 5px,12px 5px,12px 3px,12px 3px,12px 3px,28px 3px,28px 3px,28px 3px,28px 3px,32px 3px,32px 3px,35px 3px,35px 3px,47px 3px,47px 37px,35px 37px,35px 37px,32px 37px,32px 37px,28px 37px,28px 37px,28px 37px,28px 37px,12px 37px,12px 37px,12px 37px,12px 35px,8px 35px,8px 32px,5px 32px,5px 28px,3px 28px)}.crafting-tabs .picture-button:before,.crafting-tabs .picture-button:after,.crafting-toggle-rail .picture-button:before,.crafting-toggle-rail .picture-button:after{left:auto;right:0;transform:scaleX(-1)}@media(prefers-reduced-motion:reduce){.category-rail .picture-button:before,.category-rail .picture-button:after,.category-rail .picture-button[aria-pressed=true]:after{transition:none}}.catalog-tabs{--bubble-nudge: 3px }.crafting-tabs,.crafting-toggle-rail{--bubble-nudge: -3px }.category-rail .picture-button[aria-pressed=true]{animation:bubble-settle .15s steps(3,end)}@keyframes bubble-settle{0%{translate:0 0}50%{translate:var(--bubble-nudge) 0}to{translate:0 0}}@media(prefers-reduced-motion:reduce){.category-rail .picture-button[aria-pressed=true]{animation:none}}