:root{color:#f4f1e8;font-synthesis:none;text-rendering:optimizelegibility;background:#111713;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#111713;width:100%;height:100%;overflow:hidden}*{box-sizing:border-box}body{width:100%;min-width:320px;height:100vh;overscroll-behavior:none;background:radial-gradient(circle at 20% 10%,#4a6c4e3d,#0000 35%),#111713;height:100dvh;margin:0;overflow:hidden}.shell{width:min(1040px,100% - 32px);margin:0 auto;padding:28px 0 20px}.topbar{justify-content:space-between;align-items:end;gap:24px;margin-bottom:16px;display:flex}.eyebrow{color:#99ad9e;letter-spacing:.18em;margin:0 0 4px;font-size:11px;font-weight:700}h1{letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,6vw,58px);font-weight:500}.connection{color:#bbc7bd;align-items:center;gap:9px;padding-bottom:8px;font-size:13px;display:flex}.connection__dot{background:#d59d3a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #d59d3a1f}.connection__dot--online{background:#71c786;box-shadow:0 0 0 4px #71c7861f}.connection__dot--offline{background:#dc6b64;box-shadow:0 0 0 4px #dc6b641f}.game-frame{background:#182019;border:1px solid #334137;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 20px 70px #00000052}.game-frame:fullscreen{border:0;border-radius:0;place-items:center;display:grid}#game{aspect-ratio:16/9;width:100%}#game canvas{display:block}.instructions{color:#aab7ad;border-top:1px solid #334137;justify-content:space-between;gap:16px;padding:12px 16px;font-size:12px;display:flex}.vitality-status{color:#f0b2af;white-space:nowrap;background:#5c23283b;border:1px solid #e49d9d59;border-radius:999px;align-items:center;gap:5px;padding:3px 7px;font-weight:700;display:inline-flex}.party-status{color:#f3df9a;white-space:nowrap;background:#66502133;border:1px solid #e5c96e61;border-radius:999px;align-items:center;padding:3px 7px;font-weight:700;display:inline-flex}.party-status[hidden]{display:none}.vitality-status:before{content:"";background:#e97878;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e9787821}.vitality-status--low{color:#ffd0bd;background:#7527246b;border-color:#f4725eb8}.vitality-status--low:before{background:#ff9a7a;box-shadow:0 0 0 3px #ff9a7a33}.survival-status{color:#d8d1a3;white-space:nowrap;font-weight:650}.cold-warning{color:#d9ecff;white-space:nowrap;background:#28447347;border:1px solid #a6cdf885;border-radius:999px;align-items:center;gap:5px;padding:3px 7px;font-weight:700;display:inline-flex}.cold-warning:before{content:"";background:#85bdf1;border:1px solid #d9ecff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #85bdf129}.pvp-status{color:#dda8a1;white-space:nowrap}.pvp-actions{color:#e2b6ae;white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.pvp-actions[hidden]{display:none}.pvp-actions button{padding:3px 7px;font-size:11px}.pvp-target{color:#f0d9cf;font-weight:700}.chunk-render-diagnostics{color:#8cabb4;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.chunk-render-toggle-button{color:#bed6dc;background:#1c3740;border-color:#527783;padding:3px 7px;font-size:10px}.path-mode-button{color:#dec781;background:#332f20;border-color:#75633b}.path-mode-button[aria-pressed=true]{color:#fff0b4;background:#61532b;border-color:#e7cb75;box-shadow:0 0 0 2px #e7cb752e}.chunk-render-toggle-button[hidden],.chunk-render-diagnostics[hidden],.touch-controls{display:none}.camera-controls{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.camera-controls__label{color:#aab7ad}.camera-controls button{min-width:29px;padding:3px 7px}#zoom-reset-button{min-width:52px}.world-notice{color:#d9c67d;min-height:1.4em;margin:10px 2px 0;font-size:13px}.world-notice--respawn{color:#d9f1df;background:#25553d47;border:1px solid #94d5b380;border-radius:8px;padding:7px 10px;font-weight:700}.inventory-panel{z-index:9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050a07a3;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.inventory-panel[hidden]{display:none}.inventory-panel__dialog{background:linear-gradient(145deg,#243429 0%,#182019 72%);border:1px solid #788b6f;border-radius:12px;width:min(900px,100%);max-height:min(470px,100vh - 90px);padding:16px;overflow:auto;box-shadow:0 24px 80px #000000a6,inset 0 0 0 1px #dfcc8014}.inventory-panel__heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.inventory-panel h2{margin:0;font-family:Georgia,serif;font-size:24px;font-weight:500}.inventory-panel__eyebrow{color:#aebd95;letter-spacing:.13em;margin:0 0 2px;font-size:10px;font-weight:700}.inventory-panel__selection{color:#aab7ad;font-size:12px}.inventory-panel__close{min-width:38px;min-height:38px;padding:0;font-size:26px;line-height:1}.inventory-layout{grid-template-columns:minmax(190px,.8fr) minmax(220px,1fr) minmax(220px,1fr);gap:10px;margin-top:13px;display:grid}.inventory-section{background:#0a120c6e;border:1px solid #40533f;border-radius:8px;min-width:0;padding:10px}.inventory-section h3{color:#c8d5c8;letter-spacing:.04em;text-transform:uppercase;margin:0 0 7px;font-size:12px}.equipment-chart{grid-template-rows:repeat(3,54px);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:5px;display:grid}.equipment-slots{display:contents}.equipment-silhouette{opacity:.9;grid-area:1/2/4/3;place-items:center;display:grid}.equipment-silhouette:before{content:"";border:3px solid #aabd9d;border-radius:50%;width:28px;height:28px;box-shadow:0 39px 0 -7px #aabd9d}.equipment-silhouette span{border:3px solid #aabd9d;border-radius:18px 18px 9px 9px;width:36px;height:55px;margin-top:55px}.equipment-slot{color:#d7dfd3;background:#202b23;border:1px solid #667760;border-radius:6px;align-content:center;min-height:48px;padding:5px;font-size:11px;display:grid}.equipment-slot--mainHand{grid-area:2/1}.equipment-slot--offHand{grid-area:2/3}.equipment-slot--belt{grid-area:3/1}.equipment-slot--back{grid-area:3/3}.equipment-slot__label{color:#9fb3a1;font-size:10px}.inventory-slots{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.inventory-section .inventory-slots{margin-top:0}.inventory-slot{text-align:left;background:#222e25;border-color:#536c58;align-content:center;min-width:94px;min-height:52px;padding:6px 8px;font-size:12px;display:grid}.inventory-slot[draggable=true]{cursor:grab}.inventory-slot:focus-visible{outline-offset:2px;outline:2px solid #f0d66f}.inventory-slot--empty{color:#758178;font-weight:500}.inventory-slot--selected{border-color:#e1c76d;box-shadow:0 0 0 2px #e1c76d4d}.inventory-slot__index{color:#aebdaf;font-size:10px}.inventory-slot__quantity{color:#e2cb7a}.inventory-panel__actions{gap:7px;margin-top:10px;display:flex}.building-workshop-panel{z-index:9;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#050a077a;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.building-workshop-panel[hidden]{display:none}.building-workshop-panel__dialog{background:linear-gradient(145deg,#26362a,#172018);border:1px solid #788b6f;border-radius:12px;width:min(560px,100%);padding:15px;box-shadow:0 22px 70px #000000a3}.building-workshop-panel__heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.building-workshop-panel h2{margin:0;font-family:Georgia,serif;font-size:24px;font-weight:500}.building-workshop-panel__description{color:#d9e2d3;margin:9px 0 10px;font-size:13px}.building-workshop-layout{grid-template-columns:154px minmax(0,1fr);align-items:center;gap:15px;display:grid}.building-blueprint{aspect-ratio:1;background:#111914;border:1px solid #6b8166;border-radius:9px;grid-template-columns:repeat(5,1fr);gap:2px;width:150px;padding:7px;display:grid}.building-blueprint__cell{background:#5f7c5b3d;border:1px solid #8ea78952;border-radius:2px}.building-blueprint[data-part=floor] .building-blueprint__cell--12{background:#b58d52;box-shadow:0 0 0 1px #ebce83}.building-blueprint[data-part=roof] .building-blueprint__cell--12{background:#795443;box-shadow:inset 0 6px #ba805d,0 0 0 1px #e1ad7e}.building-blueprint[data-part=wall] .building-blueprint__cell--6,.building-blueprint[data-part=wall] .building-blueprint__cell--7,.building-blueprint[data-part=door] .building-blueprint__cell--6,.building-blueprint[data-part=door] .building-blueprint__cell--7{background:#5d4431}.building-blueprint[data-direction=east]{transform:rotate(90deg)}.building-blueprint[data-direction=south]{transform:rotate(180deg)}.building-blueprint[data-direction=west]{transform:rotate(270deg)}.building-blueprint[data-part=door] .building-blueprint__cell--6,.building-blueprint[data-part=door] .building-blueprint__cell--7{background:#d6a65b}.building-workshop-controls{gap:9px;display:grid}.building-choice-row{flex-wrap:wrap;gap:5px;display:flex}.building-choice-row button{padding:5px 8px;font-size:12px}.building-choice-row .building-choice--selected{background:#5f6135;border-color:#ead17c;box-shadow:0 0 0 1px #ead17c40}.building-workshop-panel__cost{color:#e2cc85;margin:0;font-size:12px}.building-workshop-panel__server-note{color:#aab8a9;margin:0;font-size:11px;line-height:1.35}.party-panel{z-index:9;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#050a076b;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.party-panel[hidden]{display:none}.party-panel__dialog{background:linear-gradient(145deg,#23372d,#172018);border:1px solid #728a78;border-radius:12px;width:min(430px,100%);padding:15px;box-shadow:0 22px 70px #000000a3}.party-panel h2{margin:0;font-family:Georgia,serif;font-size:24px;font-weight:500}.party-panel__status{color:#e0eadc;margin:12px 0 6px;font-size:14px}.party-panel__note{color:#aab8a9;margin:0;font-size:12px;line-height:1.4}.party-panel__actions{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}button,input{font:inherit}button{cursor:pointer;color:#f4f1e8;background:#31503a;border:1px solid #77917c;border-radius:6px;padding:6px 10px;font-weight:700}button:hover{background:#42684c}.start-screen{z-index:10;background:#0b110ddb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.start-screen[hidden]{display:none}.start-card{background:#182019;border:1px solid #4c5d50;border-radius:12px;width:min(100%,410px);padding:28px;box-shadow:0 24px 80px #00000080}.start-card h2{margin:0 0 8px;font-family:Georgia,serif;font-size:30px;font-weight:500}.start-card p:not(.eyebrow){color:#bbc7bd;line-height:1.5}.start-card label{color:#cbd6cd;margin:18px 0 6px;font-size:13px;display:block}.start-card input{color:#f4f1e8;background:#111713;border:1px solid #607364;border-radius:6px;width:100%;padding:10px}.start-card button{width:100%;margin-top:14px;padding:10px}kbd{color:#e8e4d8;font:inherit;background:#222d25;border:1px solid #4c5d50;border-bottom-width:2px;border-radius:4px;padding:2px 5px;font-weight:700}footer{color:#6f7e72;letter-spacing:.03em;padding:12px 2px 0;font-size:11px}.shell{width:100%;height:100vh;height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.topbar{z-index:7;top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));left:max(14px, env(safe-area-inset-left));pointer-events:none;margin:0;position:absolute}.topbar h1{text-shadow:0 2px 14px #000000bf;font-size:clamp(25px,3vw,42px)}.topbar .eyebrow{text-shadow:0 2px 10px #000000bf}.connection{background:#08110ba8;border-radius:999px;padding:6px 9px;box-shadow:0 2px 14px #00000042}.topbar>div:first-child{display:none}.topbar{justify-content:flex-end}.game-frame{box-shadow:none;border:0;border-radius:0;position:absolute;inset:0}#game{aspect-ratio:auto;background:#182019;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}#game canvas{max-width:none;max-height:none;display:block}.instructions{z-index:7;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08100ab8;border:1px solid #6e8a6c6b;border-radius:10px;flex-wrap:wrap;justify-content:center;padding:7px 10px;position:absolute;box-shadow:0 8px 26px #00000047}.world-notice{z-index:7;right:max(16px, env(safe-area-inset-right));bottom:57px;left:max(16px, env(safe-area-inset-left));text-align:center;color:#e2d48c;pointer-events:none;text-shadow:0 2px 7px #000;margin:0;position:absolute}footer{display:none}.pause-menu{z-index:12;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050a0794;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.pause-menu[hidden]{display:none}.pause-menu__dialog{background:linear-gradient(145deg,#243429 0%,#182019 72%);border:1px solid #788b6f;border-radius:12px;width:min(640px,100%);max-height:min(620px,100dvh - 36px);padding:16px;overflow:auto;box-shadow:0 24px 80px #000000ad}.pause-menu__heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pause-menu h2{margin:0;font-family:Georgia,serif;font-size:28px;font-weight:500}.pause-menu__section{border-top:1px solid #40533f;margin-top:14px;padding-top:13px}.pause-menu__section h3{color:#c8d5c8;letter-spacing:.05em;text-transform:uppercase;margin:0 0 10px;font-size:12px}.pause-menu__setting{justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.pause-menu__setting strong,.pause-menu__setting span{display:block}.pause-menu__setting span{color:#aab8a9;max-width:390px;margin-top:3px;font-size:12px;line-height:1.35}.keybindings{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:0;display:grid}.keybindings div{grid-template-columns:minmax(84px,auto) 1fr;align-items:baseline;gap:8px;display:grid}.keybindings dt{color:#ebd47b;font-size:12px;font-weight:750}.keybindings dd{color:#d5ddd2;margin:0;font-size:12px}@media (any-pointer:coarse),(max-width:760px){.topbar{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));max-width:min(62vw,260px);left:auto}.connection{min-width:0;padding:5px 8px;font-size:10px}#connection-status{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.instructions{top:max(8px, env(safe-area-inset-top));bottom:auto;right:auto;left:max(8px, env(safe-area-inset-left));width:auto;max-width:calc(100vw - max(16px, env(safe-area-inset-left)) - max(112px, 42vw));border-radius:9px;flex-wrap:wrap;justify-content:flex-start;gap:4px;min-height:34px;padding:4px;font-size:10px;display:flex}.instructions>*{display:none!important}.instructions>#vitality-status:not([hidden]),.instructions>#cold-warning:not([hidden]),.instructions>#inventory-toggle-button,.instructions>#building-workshop-toggle-button{display:inline-flex!important}.instructions>#vitality-status,.instructions>#cold-warning{align-items:center;min-height:36px;padding:3px 6px}#inventory-toggle-button,#building-workshop-toggle-button{min-width:44px;min-height:44px;padding:5px 7px;font-size:10px}.touch-controls{z-index:10;right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:8px;margin:0;display:flex;position:absolute}.touch-dpad{pointer-events:auto;grid-template-rows:repeat(2,46px);grid-template-columns:repeat(3,46px);gap:3px;display:grid}.touch-control--up{grid-area:1/2}.touch-control--left{grid-area:2/1}.touch-control--down{grid-area:2/2}.touch-control--right{grid-area:2/3}.touch-action-cluster{pointer-events:auto;position:relative}.touch-primary-actions{grid-template-columns:repeat(3,minmax(44px,48px));gap:3px;display:grid}.touch-control,.touch-primary-actions button,.touch-actions button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#163120e0;border:1px solid #dbebd49e;border-radius:12px;min-width:44px;min-height:44px;padding:5px;font-size:11px;line-height:1.05;box-shadow:0 3px 13px #00000057}.touch-actions{width:min(284px, calc(100vw - max(24px, env(safe-area-inset-left)) - max(24px, env(safe-area-inset-right))));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#09150df0;border:1px solid #9cb897a8;border-radius:13px;grid-template-columns:repeat(3,minmax(72px,1fr));gap:5px;max-height:min(48dvh,280px);padding:8px;display:grid;position:absolute;bottom:52px;right:0;overflow-y:auto;box-shadow:0 12px 38px #00000085}.touch-actions[hidden]{display:none}.touch-control:hover,.touch-primary-actions button:hover,.touch-actions button:hover{background:#163120e0}.touch-control:active,.touch-control--pressed,.touch-primary-actions button:active,.touch-actions button:active{background:#4c794ef5;transform:translateY(1px)}.world-notice{top:calc(max(8px, env(safe-area-inset-top)) + 52px);right:max(10px, env(safe-area-inset-right));bottom:auto;left:max(10px, env(safe-area-inset-left));text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.inventory-panel__heading{flex-direction:column;align-items:flex-start;gap:3px}.inventory-panel,.building-workshop-panel,.party-panel,.pause-menu{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.inventory-panel__dialog,.building-workshop-panel__dialog,.party-panel__dialog,.pause-menu__dialog{max-height:calc(100dvh - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)));padding:12px;overflow:auto}.inventory-layout{grid-template-columns:1fr;gap:8px}.equipment-chart{grid-template-rows:repeat(3,50px);max-width:300px}.inventory-slot{min-width:78px;min-height:48px}.building-workshop-layout{grid-template-columns:112px minmax(0,1fr);gap:10px}.building-blueprint{width:108px;padding:5px}.keybindings{grid-template-columns:1fr;gap:6px}.pause-menu__setting{flex-direction:column;align-items:flex-start}}@media (any-pointer:coarse) and (orientation:landscape) and (max-height:500px){.touch-dpad{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px)}.touch-actions{grid-template-columns:repeat(5,minmax(62px,1fr));width:min(360px,54vw);max-height:58dvh}.world-notice{top:max(8px, env(safe-area-inset-top));right:calc(max(8px, env(safe-area-inset-right)) + min(62vw, 260px));left:calc(max(8px, env(safe-area-inset-left)) + 110px)}}@media (max-width:359px){.touch-dpad{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px);gap:2px}.touch-primary-actions{grid-template-columns:repeat(3,44px);gap:2px}}