:root{--ui-surface:#111317e6;--ui-raised:#ffffff14;--ui-raised-hover:#ffffff26;--ui-line:#ffffff1a;--ui-text:#e9ebee;--ui-dim:#9ba2ac;--ui-accent:#6fbf4a;--ui-accent-soft:#6fbf4a59;--ui-on-accent:#10200a;--ui-warn:#e0a23b;--ui-radius:6px;--ui-radius-small:4px;--ui-font:system-ui, "Segoe UI", sans-serif;--ui-mono:ui-monospace, Consolas, monospace}html,body{background:#000;height:100%;margin:0;overflow:hidden}canvas{display:block}body:not(.paused)>canvas{cursor:none}#hud,#uncaptured,#notice,#slots,#held,#bag,#menu{box-sizing:border-box;background:var(--ui-surface);color:var(--ui-text);font:13px var(--ui-font);border-radius:var(--ui-radius)}#underwater{opacity:.45;pointer-events:none;display:none;position:fixed;inset:0}.underwater #underwater{display:block}#crosshair{mix-blend-mode:difference;pointer-events:none;background:linear-gradient(#fff,#fff) 50%/2px 100% no-repeat,linear-gradient(#fff,#fff) 50%/100% 2px no-repeat;width:18px;height:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.paused #crosshair,.inventory #crosshair{display:none}#uncaptured{pointer-events:none;white-space:nowrap;padding:6px 12px;font-size:12px;display:none;position:fixed;top:8px;left:50%;transform:translate(-50%)}#uncaptured:before{content:"";background:var(--ui-warn);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.uncaptured:not(.paused,.inventory) #uncaptured{display:block}#notice{pointer-events:none;white-space:nowrap;opacity:0;padding:6px 12px;font-size:12px;position:fixed;top:44px;left:50%;transform:translate(-50%)}#notice.shown{animation:4s forwards notice}@keyframes notice{0%,80%{opacity:1}to{opacity:0}}#hud{font:12px/1.45 var(--ui-mono);pointer-events:none;padding:8px 10px;position:fixed;top:8px;left:8px}#hud pre{font:inherit;margin:0}#hud canvas{border-radius:var(--ui-radius-small);margin-bottom:6px;display:block}#hud .chunk-map{white-space:pre;margin-top:8px}#hud .chunk-map canvas{margin-bottom:4px}.slot{box-sizing:border-box;background:var(--ui-raised);border-radius:var(--ui-radius-small);cursor:pointer;border:2px solid #0000;width:44px;height:44px;padding:5px}.slot:hover{background:var(--ui-raised-hover)}.slot.selected{border-color:var(--ui-accent)}.slot svg{width:100%;height:100%;display:block}#hotbar{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}.paused #hotbar{display:none}.inventory #hotbar{pointer-events:auto}#slots{gap:6px;padding:6px;display:flex}#held{opacity:0;padding:4px 10px;font-size:12px}#held.shown{animation:2s forwards held}@keyframes held{0%,70%{opacity:1}to{opacity:0}}#pause,#inventory{z-index:10;box-sizing:border-box;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#inventory{padding-bottom:96px}.paused #pause,.inventory #inventory{display:flex}#bag{flex-direction:column;gap:12px;width:min(484px,100% - 32px);height:min(300px,100% - 16px);padding:20px;display:flex}#bag header{justify-content:space-between;align-items:center;display:flex}#sort{background:var(--ui-raised);border-radius:var(--ui-radius-small);gap:2px;padding:2px;display:flex}#sort button{color:var(--ui-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:4px 10px;font-size:12px}#sort button.active{background:var(--ui-raised-hover);color:var(--ui-text)}#search,.field{background:var(--ui-raised);height:28px;color:var(--ui-text);font:inherit;border-radius:var(--ui-radius-small);border:0;outline:0;padding:0 10px}#search::placeholder,.field::placeholder{color:var(--ui-dim)}#search:focus,.field:focus{box-shadow:inset 0 0 0 1px var(--ui-accent)}.field{box-sizing:border-box;width:100%;height:24px;font:12px var(--ui-font);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:0 8px}.field:disabled{opacity:.45}.code{font-family:var(--ui-mono);letter-spacing:.08em}#catalog{scrollbar-color:var(--ui-raised-hover) transparent;scrollbar-width:thin;flex:1;grid-template-columns:repeat(auto-fill,44px);align-content:start;gap:6px;min-height:0;display:grid;overflow-y:auto}#catalog p{color:var(--ui-dim);grid-column:1/-1;margin:0}#hint{height:16px;color:var(--ui-dim);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;line-height:16px;overflow:hidden}#hint.named{color:var(--ui-text);font-size:13px}#menu{grid-template-columns:176px minmax(0,1fr);width:min(720px,100% - 32px);height:min(440px,100% - 32px);display:grid;overflow:hidden}#menu aside{border-right:1px solid var(--ui-line);flex-direction:column;gap:16px;min-height:0;padding:20px 12px 12px;display:flex}#menu h1{margin:0 10px;font-size:18px;font-weight:600}#menu aside button{font:inherit;border-radius:var(--ui-radius-small);cursor:pointer;border:0;padding:8px 10px}.slot:focus-visible,#sort button:focus-visible,#menu button:focus-visible,#menu input:focus-visible{outline:1px solid var(--ui-accent);outline-offset:1px}#tabs{flex-direction:column;flex:1;gap:2px;display:flex}#tabs button{color:var(--ui-dim);text-align:left;background:0 0}#tabs button:hover{background:var(--ui-raised);color:var(--ui-text)}#tabs button.active{background:var(--ui-raised);color:var(--ui-text);box-shadow:inset 2px 0 0 var(--ui-accent)}#resume,.page button.primary{background:var(--ui-accent);color:var(--ui-on-accent);font-weight:600}#resume:hover,.page button.primary:hover{filter:brightness(1.12)}.page{scrollbar-color:var(--ui-raised-hover) transparent;scrollbar-width:thin;min-height:0;padding:20px 24px;overflow-y:auto}#bag h2{margin:0}.page h2,#bag h2{font-size:15px;font-weight:600}.page h2{margin:0 0 14px;font-size:15px;font-weight:600}.sections,#debug .lil-gui.lil-root>.lil-children{columns:2;column-gap:24px}.sections>section,#debug .lil-gui.lil-root>.lil-children>.lil-gui{break-inside:avoid;margin-bottom:14px}.page h3,#debug .lil-gui .lil-title{border:0 solid var(--ui-line);height:24px;color:var(--ui-dim);font:600 11px/24px var(--ui-font);letter-spacing:.08em;text-transform:uppercase;border-bottom-width:1px;margin:0;padding:0}.sections dl{margin:0}.sections dl>div{align-items:center;min-height:24px;margin:4px 0;display:flex}.sections dt{flex:0 0 50%}.sections dd{color:var(--ui-dim);font:11px var(--ui-mono);align-items:center;gap:4px;margin:0;display:flex}kbd{background:var(--ui-raised);min-width:10px;color:var(--ui-text);font:11px var(--ui-mono);text-align:center;border-radius:var(--ui-radius-small);box-shadow:inset 0 -1px 0 var(--ui-line);padding:4px 7px}.choices{flex-direction:column;gap:6px;display:flex}.choices button{background:var(--ui-raised);color:var(--ui-text);font:inherit;text-align:left;border-radius:var(--ui-radius-small);cursor:pointer;border:0;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.choices button:hover{background:var(--ui-raised-hover)}.choices button.active{box-shadow:inset 2px 0 0 var(--ui-accent)}.choices strong{font-weight:600}.choices span{color:var(--ui-dim);font-size:12px}.choices button:disabled{opacity:.45;cursor:default}.choices button:disabled:hover{background:var(--ui-raised)}.note{min-height:16px;color:var(--ui-dim);margin:10px 0 0;font-size:12px;line-height:16px}.note.warn{color:var(--ui-warn)}.page button.primary,.page button.secondary{width:100%;height:30px;font:inherit;border-radius:var(--ui-radius-small);cursor:pointer;border:0;margin:8px 0 14px;padding:0 10px;display:block}.page button.secondary{background:var(--ui-raised);color:var(--ui-text)}.page button.secondary:hover{background:var(--ui-raised-hover)}.page button:disabled,.page button:disabled:hover{opacity:.45;filter:none;cursor:default}#multiplayer dd{flex:1;min-width:0}.swatches{flex-wrap:wrap}.swatch{cursor:pointer;border:0;border-radius:3px;width:16px;height:16px;padding:0;box-shadow:inset 0 0 0 1px #00000040}.swatch.selected{box-shadow:0 0 0 2px var(--ui-surface), 0 0 0 3px var(--ui-accent)}.swatch:disabled{cursor:default}.swatch:disabled:not(.selected){opacity:.35}.page .swatch.selected:disabled{opacity:1}#room-code-bar{background:var(--ui-raised);border-radius:var(--ui-radius-small);align-items:center;gap:8px;height:30px;margin:8px 0 4px;padding:0 3px 0 10px;display:flex}#room-shown{min-width:0;color:var(--ui-text);flex:1;font-size:14px;overflow:hidden}.page #room-copy{width:24px;height:24px;color:var(--ui-dim);justify-content:center;align-items:center;margin:0;padding:0;display:flex}.page #room-copy:hover{color:var(--ui-text)}#room-copy svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:14px;height:14px}#room-count{justify-content:flex-end}#room-members{margin:6px 0 0;padding:0;list-style:none}#room-members li{align-items:center;gap:8px;height:24px;display:flex}#room-members .dot{border-radius:2px;width:10px;height:10px}#room-members small{color:var(--ui-dim);font:11px var(--ui-mono);margin-left:auto}#debug .lil-gui{--background-color:transparent;--text-color:var(--ui-text);--title-background-color:transparent;--title-text-color:var(--ui-dim);--widget-color:var(--ui-raised);--hover-color:var(--ui-raised-hover);--focus-color:var(--ui-raised-hover);--number-color:var(--ui-text);--string-color:var(--ui-text);--font-family:var(--ui-font);--font-family-mono:var(--ui-mono);--font-size:13px;--input-font-size:11px;--padding:0px;--spacing:4px;--widget-height:24px;--name-width:50%;--widget-padding:0 0 0 7px;--widget-border-radius:var(--ui-radius-small);--checkbox-size:16px}#debug .lil-gui.lil-root{--width:100%}#debug .lil-gui.lil-root>.lil-children{overflow:visible}#debug .lil-gui.lil-root>.lil-title,#debug .lil-gui .lil-title:before{display:none}#debug .lil-gui .lil-title{opacity:1;pointer-events:none;background:0 0}#debug .lil-gui input{font-family:var(--ui-mono)}#debug .lil-gui .lil-fill{background:var(--ui-accent-soft);border-right-color:var(--ui-accent)}#debug .lil-gui input[type=checkbox]{box-shadow:inset 0 0 0 1px var(--ui-raised-hover)}#debug .lil-gui input[type=checkbox]:checked{background:var(--ui-accent);color:var(--ui-on-accent);box-shadow:none}@media (max-width:620px){#menu{grid-template-columns:124px minmax(0,1fr)}.page{padding:16px}.sections,#debug .lil-gui.lil-root>.lil-children{columns:1}}