:root{--bg: #111513;--panel: #1a1f1c;--panel-2: #222824;--line: #333b35;--text: #dcd9ce;--dim: #8d948b;--accent: #8a9a5b;--accent-d: #6b7a43;--bad: #b5503f;--warn: #c79a3b;--good: #7fa05a;--health: #a8483b;--hunger: #b07a3a;--thirst: #4a7fa0;--stamina: #8a9a5b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}button{background:var(--panel-2);border:1px solid var(--line);border-radius:3px;padding:8px 14px;cursor:pointer;min-height:38px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent-d);border-color:var(--accent);color:#f2f1e8}button.primary:hover:not(:disabled){background:var(--accent)}input,select{background:#0e110f;border:1px solid var(--line);border-radius:3px;padding:8px 10px;width:100%;min-height:38px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=range]{padding:0;min-height:24px}input[type=checkbox]{width:auto;min-height:0;margin-right:8px}kbd{background:#0e110f;border:1px solid var(--line);border-radius:3px;padding:1px 6px;font-size:12px}pre{background:#0e110f;border:1px solid var(--line);padding:10px;overflow:auto;font-size:13px}h1,h2,h3{margin:0;font-weight:600}.dim{color:var(--dim)}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:16px;background:radial-gradient(ellipse at 50% 30%,#1d2620 0%,var(--bg) 70%);overflow:auto}.brand{text-align:center}.brand h1{font-size:clamp(28px,6vw,44px);letter-spacing:.06em;text-transform:uppercase}.brand span{color:var(--dim);letter-spacing:.3em;font-size:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:20px;width:min(420px,100%);display:flex;flex-direction:column;gap:14px}.card.wide{width:min(760px,100%);max-height:100%;overflow:auto}.card label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--dim)}.card small{min-height:16px;font-size:12px}.name-free{color:var(--good)}.name-taken,.name-invalid{color:var(--bad)}.tabs{display:flex;gap:6px}.tabs button{flex:1;border-radius:3px}.tabs button.on{background:var(--accent-d);border-color:var(--accent)}.stack{display:flex;flex-direction:column;gap:8px}.row{display:flex;gap:8px;justify-content:flex-end}.msg{margin:0;padding:8px 10px;border-radius:3px;font-size:14px;border:1px solid var(--line)}.msg.bad{border-color:var(--bad);color:#e4a89c}.msg.ok{border-color:var(--good);color:#bcd7a3}.msg.warn{border-color:var(--warn);color:#e2c88a}.loading{gap:14px}.loadbar{width:min(360px,80%);height:6px;background:#0e110f;border:1px solid var(--line)}.loadbar div{height:100%;background:var(--accent);transition:width .3s}.worlds{display:flex;flex-direction:column;gap:8px}.world{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;background:var(--panel-2);border:1px solid var(--line)}.world div{display:flex;flex-direction:column;gap:2px;font-size:14px}.char-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview{height:340px;background:#0e110f;border:1px solid var(--line)}.form{display:flex;flex-direction:column;gap:10px}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatches button{width:32px;height:32px;min-height:32px;padding:0;border-radius:3px}.swatches button.on{outline:2px solid var(--text);outline-offset:1px}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{padding:6px 10px;min-height:32px}.seg button.on{background:var(--accent-d);border-color:var(--accent)}.form .check{flex-direction:row;align-items:center}.viewport{position:fixed;inset:0;background:#000;touch-action:none}.viewport canvas{display:block}.hud{position:fixed;inset:0;pointer-events:none;font-size:13px;text-shadow:0 1px 2px #000;user-select:none}.hud button,.hud input{pointer-events:auto}.vignette{position:absolute;inset:0}.vignette.hurt{background:radial-gradient(ellipse at center,transparent 40%,rgba(170,30,20,.55) 100%)}.vignette.cold{background:radial-gradient(ellipse at center,transparent 45%,rgba(110,160,200,.35) 100%)}.vignette.low{background:radial-gradient(ellipse at center,transparent 55%,rgba(120,20,15,.4) 100%)}.crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#fffc;box-shadow:0 0 0 1px #0009}.lockhint{position:absolute;left:50%;top:58%;transform:translate(-50%);background:#0009;padding:6px 12px;border-radius:3px}.compass{position:absolute;top:8px;left:50%;transform:translate(-50%);width:min(360px,46vw);height:30px;background:#0a0d0b8c;border:1px solid rgba(255,255,255,.12);overflow:hidden}.compass-strip{position:absolute;inset:0}.tick{position:absolute;top:8px;width:1px;height:8px;background:#ffffff73;font-size:11px}.tick.major{height:14px;background:#fff;top:4px}.tick em{position:absolute;top:12px;left:-10px;width:20px;font-style:normal;font-weight:600}.tick{display:block;text-align:center;overflow:visible;color:var(--text)}.compass-mark{position:absolute;left:50%;top:0;width:2px;height:5px;background:var(--warn);transform:translate(-1px)}.compass-deg{position:absolute;bottom:1px;width:100%;text-align:center;font-size:10px;color:var(--dim)}.hud-tr{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.chip{background:#0a0d0b99;border:1px solid rgba(255,255,255,.1);padding:3px 8px;border-radius:2px}.chip.dim{color:var(--dim)}.chip.conn.online{color:#b5d49a}.chip.conn.connecting,.chip.conn.reconnecting{color:var(--warn)}.chip.conn.offline{color:#e08a7a}.prompt{position:absolute;left:50%;top:56%;transform:translate(-50%);text-align:center;background:#0a0d0ba6;padding:6px 12px;border:1px solid rgba(255,255,255,.12)}.prompt-label{font-weight:600}.prompt-act{color:var(--dim)}.prompt.build.ok{border-color:var(--good)}.prompt.build.bad{border-color:var(--bad)}.hud-bl{position:absolute;left:10px;bottom:10px;width:210px;display:flex;flex-direction:column;gap:4px}.bar{display:grid;grid-template-columns:54px 1fr 26px;align-items:center;gap:6px;font-size:12px}.bar-track{height:10px;background:#0000008c;border:1px solid rgba(255,255,255,.15)}.bar-fill{height:100%;transition:width .25s}.bar.health .bar-fill{background:var(--health)}.bar.hunger .bar-fill{background:var(--hunger)}.bar.thirst .bar-fill{background:var(--thirst)}.bar.stamina .bar-fill{background:var(--stamina)}.bar.low .bar-fill{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.45}}.bar-num{text-align:right;color:var(--dim)}.hotbar{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:4px}.held-name{position:absolute;bottom:60px;width:100%;text-align:center;color:var(--dim)}.tile{position:relative;width:52px;height:52px;background:#0a0d0bb3;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer}.tile.sel{border-color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn)}.tile .glyph{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#ffffffe6;text-shadow:0 1px 1px #000;border-radius:3px}.tile .qty{position:absolute;right:3px;bottom:1px;font-size:11px;font-weight:600;text-shadow:0 1px 2px #000}.tile-key{position:absolute;left:3px;top:1px;font-size:9px;color:var(--dim)}.toasts{position:absolute;left:50%;top:52px;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;align-items:center}.toast{background:#0a0d0bcc;border:1px solid var(--line);padding:4px 12px}.toast.good{border-color:var(--good)}.toast.bad{border-color:var(--bad)}.hud-menu{position:absolute;right:8px;bottom:10px;display:flex;gap:4px}.hud-menu button{padding:4px 8px;min-height:30px;background:#0a0d0bb3;font-size:12px}.chat{position:absolute;left:10px;bottom:126px;width:min(420px,60vw)}.chat-log{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:1px;font-size:13px}.chat.open .chat-log{background:#0a0d0bb3;padding:6px;pointer-events:auto;max-height:220px}.chat-line b{color:#c8d7a8}.chat-chan{color:var(--dim);font-size:10px;margin-right:4px}.chat-input{display:flex;gap:4px;margin-top:4px}.chat-input button{min-height:32px;padding:4px 10px}.chat-input input{min-height:32px}.banner{position:fixed;top:44px;left:50%;transform:translate(-50%);background:var(--bad);padding:6px 14px;border-radius:2px;z-index:30}.overlay{position:fixed;inset:0;background:#05080699;display:flex;align-items:center;justify-content:center;padding:12px;z-index:20}.panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:14px;max-height:100%;overflow:auto;display:flex;flex-direction:column;gap:12px;width:min(900px,100%)}.panel.small{width:min(460px,100%)}.panel.center{text-align:center}.panel.center .stack{align-items:stretch}.panel header{display:flex;justify-content:space-between;align-items:center}.panel footer{display:flex;gap:10px;justify-content:space-between;align-items:center}.hint{color:var(--dim);font-size:13px;margin:0}.inv-body{display:flex;gap:18px;flex-wrap:wrap}.inv-body section{display:flex;flex-direction:column;gap:8px}.inv-body section.grow{flex:1;min-width:260px}.inv-body h3{font-size:13px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}.equip{display:grid;grid-template-columns:repeat(2,60px);gap:6px}.equip .tile{width:60px;height:60px}.equip .tile-key{top:auto;bottom:1px;left:3px}.grid{display:grid;grid-template-columns:repeat(6,52px);gap:4px}.grid.cont{grid-template-columns:repeat(4,52px)}.stats{display:grid;grid-template-columns:auto auto;gap:2px 12px;margin:0;font-size:13px}.stats dd{margin:0;text-align:right}.inv-detail{min-height:64px;border-top:1px solid var(--line);padding-top:10px}.detail-text{display:flex;flex-direction:column;gap:2px;font-size:14px}.detail-actions{display:flex;gap:6px;flex-wrap:wrap}.recipes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.recipe{background:var(--panel-2);border:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:8px}.recipe.sel{border-color:var(--warn)}.recipe.off{opacity:.8}.recipe-head{display:flex;gap:10px;align-items:center}.recipe-head div{display:flex;flex-direction:column;font-size:14px}.recipe-head .dim{font-size:12px}.glyph{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:3px;font-size:12px;font-weight:700;flex:none}.inputs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px}.inputs .ok{color:#b5d49a}.inputs .miss{color:#d98c7c}.station.miss{color:var(--warn);font-size:12px}.station.ok{color:var(--good);font-size:12px}.map-canvas{width:min(640px,100%,calc(100vh - 150px));aspect-ratio:1;align-self:center;background:#0e110f}.legend{justify-content:center!important;flex-wrap:wrap;font-size:12px}.dot{display:inline-block;width:9px;height:9px;margin-right:4px;border:1px solid #000}.dot.self{background:#fff}.dot.other{background:#6fa9d8;border-radius:50%}.dot.hut{background:#d8c9a0}.dot.cave{background:#2b2622;border-radius:50%}.dot.base{background:#e0b04a}.plist{width:100%;border-collapse:collapse;font-size:14px}.plist th,.plist td{text-align:left;padding:6px 4px;border-bottom:1px solid var(--line)}.plist .me td{color:#c8d7a8}.settings .form{gap:14px}.settings label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--dim)}.settings label.check{flex-direction:row;color:var(--text)}.death{position:fixed;inset:0;z-index:25;background:#3c0a08c7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:16px}.death h1{font-size:44px;letter-spacing:.08em;text-transform:uppercase}.death .stack{width:min(260px,100%)}.nametag{background:#0a0d0ba6;padding:1px 6px;font-size:12px;border-radius:2px;white-space:nowrap;color:#fff;transform:translateY(-4px)}.touch{position:fixed;inset:0;z-index:10;touch-action:none;pointer-events:none}.touch>*{pointer-events:auto}.touch-look{position:absolute;inset:0;z-index:0}.stick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:92px;width:130px;height:130px;border-radius:50%;background:#ffffff0f;border:2px solid rgba(255,255,255,.25);touch-action:none;z-index:1}.knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px;border-radius:50%;background:#ffffff4d;border:1px solid rgba(255,255,255,.5)}.tbtns{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:70px;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:8px;z-index:1}.tbtn{min-width:66px;min-height:50px;background:#141a16bf;border:1px solid rgba(255,255,255,.3);touch-action:none;user-select:none}.tbtn.big{min-width:84px;min-height:84px;border-radius:50%}.tbtn.act{background:var(--accent-d)}.tbtn.on{background:var(--accent-d);border-color:var(--accent)}.tmods{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:232px;display:flex;gap:6px;z-index:1}.tbtn.small{min-width:54px;min-height:38px;padding:4px 8px;font-size:12px}@media(pointer:coarse),(max-width:760px){.hud-bl{width:150px;bottom:4px;left:6px}.bar{grid-template-columns:44px 1fr 22px;font-size:11px}.bar-track{height:8px}.hotbar{bottom:4px;gap:2px}.hotbar .tile{width:42px;height:42px}.hotbar .tile .glyph{width:28px;height:28px}.hud-menu{inset:8px auto auto 8px;flex-wrap:wrap;max-width:34vw}.hud-menu button{padding:2px 6px;min-height:28px}.hud-tr{top:8px;gap:2px}.hud-tr .chip{font-size:11px;padding:2px 6px}.hud-tr .chip.dim,.hud-tr .chip:nth-child(2),.hud-tr .chip:nth-child(4){display:none}.compass{width:30vw}.tmods{bottom:224px}.tbtns{bottom:56px}.tbtn.big{min-width:72px;min-height:72px}.tbtn{min-height:44px}.chat{bottom:60px;left:6px;width:48vw}.char-grid{grid-template-columns:1fr}.preview{height:240px}.grid{grid-template-columns:repeat(6,44px)}.tile{width:44px;height:44px}.equip{grid-template-columns:repeat(4,52px)}.equip .tile{width:52px;height:52px}.toasts{top:48px}}