:root{--wood: #43301f;--wood-dark: #2b1d12;--wood-light: #6a4c30;--panel: rgba(38, 27, 18, .94);--panel-edge: #7a5a38;--panel-inner: #2a1d12;--slot: #1d150e;--slot-edge: #6b4f31;--parchment: #e9dcc0;--ink: #f3e8d2;--ink-dim: #b9a684;--gold: #e6b95c;--ember: #e2703a;--health: #d0453f;--hunger: #cf8b3a;--air: #63b7e0;--shadow: 0 6px 18px rgba(0, 0, 0, .55);--font: "Iosevka", "SF Mono", "Cascadia Mono", ui-monospace, "DejaVu Sans Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0b0906;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;user-select:none}#app{position:relative;width:100%;height:100%}#viewport{position:absolute;inset:0;width:100%;height:100%;display:block}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.splash{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(120% 90% at 50% 12%,rgba(96,66,38,.55),transparent 62%),linear-gradient(180deg,#17110b,#0b0906);z-index:60}.splash h1{margin:0;font-size:58px;letter-spacing:10px;text-transform:uppercase;color:var(--gold);text-shadow:0 3px 0 #6b4a24,0 10px 26px rgba(0,0,0,.7)}.splash .tag{margin:-10px 0 8px;color:var(--ink-dim);letter-spacing:4px;font-size:12px;text-transform:uppercase}.splash form{display:flex;flex-direction:column;gap:10px;width:320px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim)}input[type=text],select{background:var(--slot);border:2px solid var(--slot-edge);border-radius:4px;color:var(--ink);font-family:var(--font);font-size:15px;padding:9px 11px;outline:none}input[type=text]:focus,select:focus{border-color:var(--gold)}input[type=range]{width:100%;accent-color:var(--gold)}button{font-family:var(--font);font-size:14px;letter-spacing:1px;color:var(--ink);background:linear-gradient(180deg,var(--wood-light),var(--wood));border:2px solid var(--panel-edge);border-radius:4px;padding:11px 16px;cursor:pointer;box-shadow:inset 0 1px #ffe2b029,0 2px #00000080;transition:transform .07s ease,filter .12s ease}button:hover{filter:brightness(1.14)}button:active{transform:translateY(1px);box-shadow:inset 0 1px #ffe2b01a}button.primary{background:linear-gradient(180deg,#a4762f,#7c521f);border-color:var(--gold)}button.ghost{background:#1e160eb3}.splash .hint{color:var(--ink-dim);font-size:12px;max-width:420px;text-align:center;line-height:1.6}.splash .status{color:var(--gold);font-size:13px;min-height:18px}.crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;opacity:.82;transition:transform .1s ease}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffffd9;box-shadow:0 0 3px #000000e6}.crosshair:before{left:8px;top:0;width:2px;height:18px}.crosshair:after{top:8px;left:0;height:2px;width:18px}.crosshair.interact{transform:scale(1.35)}.hud-bottom{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.bars{display:flex;gap:26px;align-items:flex-end;width:100%;justify-content:space-between}.bar-group{display:flex;gap:2px}.pip{width:15px;height:15px;background:#0000006b;border-radius:3px;box-shadow:inset 0 0 0 1px #00000080;position:relative}.pip i{position:absolute;inset:2px;border-radius:2px;display:block;transform-origin:left center}.pip.health i{background:linear-gradient(180deg,#ea6560,var(--health))}.pip.hunger i{background:linear-gradient(180deg,#e6a856,var(--hunger))}.pip.armor i{background:linear-gradient(180deg,#cfd6e0,#8f9aad)}.pip.air i{background:linear-gradient(180deg,#8fd6f5,var(--air))}.pip.beat{animation:pipBeat .4s ease}@keyframes pipBeat{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}.hotbar{display:flex;gap:4px;padding:5px;background:var(--panel);border:2px solid var(--panel-edge);border-radius:6px;box-shadow:var(--shadow)}.slot{position:relative;width:48px;height:48px;background:var(--slot);border:2px solid var(--slot-edge);border-radius:4px;display:flex;align-items:center;justify-content:center;image-rendering:pixelated}.slot img{width:40px;height:40px;image-rendering:pixelated;pointer-events:none}.slot .count{position:absolute;right:2px;bottom:0;font-size:12px;color:#fff;text-shadow:1px 1px 0 #000,-1px 1px 0 #000;pointer-events:none}.slot .durability{position:absolute;left:3px;right:3px;bottom:3px;height:3px;background:#000000b3;border-radius:2px;overflow:hidden;pointer-events:none}.slot .durability i{display:block;height:100%;background:#6fc45a}.hotbar .slot.active{border-color:var(--gold);box-shadow:0 0 0 2px #e6b95c59,inset 0 0 12px #e6b95c2e;transform:translateY(-3px)}.hotbar .slot{transition:transform .1s ease}.held-name{color:var(--ink);font-size:13px;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.9);opacity:0;transition:opacity .35s ease;height:16px}.held-name.show{opacity:1}.held-name .rarity-rare{color:#7fb4ff}.held-name .rarity-epic{color:#c58bff}.held-name .rarity-legendary{color:var(--gold)}.held-name .rarity-uncommon{color:#86d191}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0806048c;backdrop-filter:blur(2px);z-index:30}.panel{background:var(--panel);border:3px solid var(--panel-edge);border-radius:8px;box-shadow:var(--shadow),inset 0 0 0 2px #00000073;padding:16px;min-width:340px;animation:panelIn .16s ease-out}@keyframes panelIn{0%{transform:translateY(8px) scale(.985);opacity:0}to{transform:none;opacity:1}}.panel h2{margin:0 0 12px;font-size:14px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}.grid{display:grid;gap:4px}.grid.cols9{grid-template-columns:repeat(9,48px)}.grid.cols3{grid-template-columns:repeat(3,48px)}.grid.cols1{grid-template-columns:48px}.inv-layout{display:flex;flex-direction:column;gap:14px}.inv-top{display:flex;gap:18px;align-items:flex-start}.inv-section-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:5px}.hotbar-row{margin-top:6px}.craft-area{display:flex;align-items:center;gap:10px}.craft-arrow{color:var(--ink-dim);font-size:22px}.slot.result{border-color:var(--gold);background:#241a10}.slot:hover{border-color:#a37a48;background:#241a11}.slot.armor-slot:after{content:attr(data-hint);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#c8b49638;font-size:10px;letter-spacing:1px;pointer-events:none}.slot.armor-slot.filled:after{display:none}.cursor-stack{position:fixed;width:44px;height:44px;pointer-events:none;z-index:100;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 6px rgba(0,0,0,.7))}.cursor-stack img{width:100%;height:100%;image-rendering:pixelated}.cursor-stack .count{position:absolute;right:0;bottom:-2px;font-size:12px;text-shadow:1px 1px 0 #000}.tooltip{position:fixed;z-index:110;pointer-events:none;background:#140e09f5;border:2px solid var(--panel-edge);border-radius:5px;padding:8px 10px;max-width:240px;font-size:12px;line-height:1.5;box-shadow:var(--shadow)}.tooltip .title{color:var(--ink);font-size:13px}.tooltip .sub{color:var(--ink-dim);font-size:11px;margin-top:3px}.tooltip .desc{color:#cbbb99;font-size:11px;margin-top:5px;font-style:italic}.furnace-layout{display:flex;gap:22px;align-items:center;justify-content:center;padding:6px 0 14px}.furnace-col{display:flex;flex-direction:column;align-items:center;gap:8px}.flame{width:26px;height:30px;background:#0006;border-radius:4px 4px 8px 8px;position:relative;overflow:hidden}.flame i{position:absolute;left:3px;right:3px;bottom:3px;background:linear-gradient(180deg,#ffd45e,var(--ember));border-radius:3px 3px 6px 6px;transition:height .2s linear}.progress-arrow{width:74px;height:20px;background:#00000059;border-radius:3px;position:relative;overflow:hidden}.progress-arrow i{position:absolute;inset:0;width:0;background:linear-gradient(90deg,#d9a24c,#f0d08a);transition:width .15s linear}.chat{position:absolute;left:14px;bottom:96px;width:min(460px,46vw);display:flex;flex-direction:column;gap:3px;pointer-events:none}.chat-line{background:#0c09069e;border-left:3px solid rgba(230,185,92,.5);padding:4px 8px;border-radius:3px;font-size:12.5px;line-height:1.45;animation:chatIn .2s ease-out;word-wrap:break-word}@keyframes chatIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.chat-line.system{color:var(--ink-dim);border-left-color:#a08c6e66}.chat-line.discovery{color:var(--gold);border-left-color:var(--gold)}.chat-line.death{color:#e8908a;border-left-color:#a04a44}.chat-line .who{color:var(--gold)}.chat.fading .chat-line{transition:opacity .8s ease}.chat-input{position:absolute;left:14px;right:14px;bottom:68px;display:none}.chat-input.open{display:block}.chat-input input{width:100%;background:#0c0906f0;border:2px solid var(--panel-edge)}.toast-wrap{position:absolute;top:74px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:linear-gradient(180deg,#3a2a1af5,#22180ff5);border:2px solid var(--gold);border-radius:6px;padding:10px 20px;text-align:center;box-shadow:var(--shadow);animation:toastIn .4s cubic-bezier(.2,1.3,.4,1)}.toast .kind{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-dim)}.toast .name{font-size:17px;color:var(--gold);letter-spacing:2px;margin-top:2px}@keyframes toastIn{0%{opacity:0;transform:translateY(-14px) scale(.94)}to{opacity:1;transform:none}}.toast.out{opacity:0;transition:opacity .6s ease}.vignette{position:absolute;inset:0;pointer-events:none;z-index:5;transition:box-shadow .25s ease,background .4s ease}.damage-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 40%,rgba(180,30,24,.55) 100%);opacity:0;z-index:6}.underwater-tint{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#14467857,#0a284e75);opacity:0;transition:opacity .25s ease;z-index:4}.death-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(90% 70% at 50% 50%,#5a0c0a80,#080403f0);z-index:50}.death-screen h2{font-size:44px;letter-spacing:8px;color:#e8635a;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.8)}.death-screen p{color:var(--ink-dim);margin:0}.debug{position:absolute;top:10px;left:10px;font-size:11.5px;line-height:1.55;color:#d8e8c0;background:#0a080599;border-radius:4px;padding:8px 11px;pointer-events:none;white-space:pre;display:none}.debug.show{display:block}.player-list{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#0e0a07e6;border:2px solid var(--panel-edge);border-radius:6px;padding:10px 14px;min-width:240px;display:none;z-index:20}.player-list.show{display:block}.player-list h3{margin:0 0 8px;font-size:10px;letter-spacing:3px;color:var(--ink-dim);text-transform:uppercase}.player-row{display:flex;justify-content:space-between;gap:20px;font-size:12.5px;padding:2px 0}.player-row .ping{color:var(--ink-dim)}.compass-hud{position:absolute;top:14px;right:14px;background:#0e0a07d1;border:2px solid var(--panel-edge);border-radius:6px;padding:8px 12px;font-size:12px;display:none;min-width:150px}.compass-hud.show{display:block}.compass-hud .label{color:var(--ink-dim);font-size:10px;letter-spacing:2px;text-transform:uppercase}.compass-hud .value{color:var(--gold);font-size:14px}.biome-banner{position:absolute;left:50%;top:42%;transform:translate(-50%);font-size:26px;letter-spacing:6px;color:var(--ink);text-shadow:0 3px 16px rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:opacity .8s ease}.biome-banner.show{opacity:.92}.settings-rows{display:flex;flex-direction:column;gap:12px;max-height:52vh;overflow-y:auto;padding-right:6px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12.5px}.settings-row .value{color:var(--gold);min-width:56px;text-align:right}.keybind-btn{min-width:118px;padding:6px 10px;font-size:11.5px}.keybind-btn.listening{border-color:var(--gold);color:var(--gold)}.panel-actions{display:flex;gap:8px;margin-top:14px;justify-content:flex-end;flex-wrap:wrap}.scroll{overflow-y:auto;max-height:60vh}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background:var(--wood-light);border-radius:4px}.sign-editor input{width:100%;margin-bottom:6px;text-align:center;letter-spacing:1px}.journal-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.journal-chip{background:#3c2c1ccc;border:1px solid var(--slot-edge);border-radius:3px;padding:3px 8px;font-size:11px}.recipe-book{display:grid;grid-template-columns:repeat(auto-fill,44px);gap:4px;max-height:190px;overflow-y:auto;margin-top:10px}.recipe-book .slot{width:44px;height:44px;cursor:pointer}.recipe-book .slot img{width:36px;height:36px}@media(max-width:720px){.splash h1{font-size:36px;letter-spacing:6px}.slot{width:40px;height:40px}.slot img{width:34px;height:34px}.grid.cols9{grid-template-columns:repeat(9,40px)}.grid.cols3{grid-template-columns:repeat(3,40px)}}