@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#e9eeec;background:#101e25;font-synthesis:none;color-scheme:dark;--muted: #a1b5bb;--line: #afcbd320;--accent: #d5b37c}*{box-sizing:border-box}html,body,#app,.game-shell{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,input{outline-offset:4px}button:focus-visible,input:focus-visible{outline:2px solid #9dd6cc}[hidden]{display:none!important}#world{display:block;width:100%;height:100%;touch-action:none;outline:none}#player-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.player-tag{position:absolute;transform:translate(-50%,-100%);padding:4px 9px;border-radius:4px;background:#13252ce0;color:#dde9e7;font-size:.75rem;white-space:nowrap;box-shadow:0 2px 12px #0002}.player-tag.own{border-bottom:2px solid #6ebbb1}.player-tag.disconnected{opacity:.45}.masthead{position:absolute;top:34px;left:38px;right:38px;display:flex;align-items:center;gap:14px;pointer-events:none}.brand-mark{width:42px;height:48px;display:grid;place-items:center;font-family:Georgia,serif;font-size:26px;color:#d5b37c;border:1px solid #d5b37c77;border-radius:3px 3px 17px 17px}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.15em;color:#b4c8cd;margin:0}h1{font-family:Manrope,system-ui,sans-serif;font-size:1.35rem;letter-spacing:-.035em;font-weight:600;margin:4px 0 0}.build-label{margin-left:auto;font-size:.75rem;color:#a9bac1;letter-spacing:.09em;align-self:flex-start;margin-top:6px}.panel{background:linear-gradient(130deg,#14262fee,#102029ed);border:1px solid #abc6cf28;box-shadow:0 20px 70px #050e1640;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:10px}.welcome{position:absolute;left:38px;top:50%;transform:translateY(-42%);padding:28px;width:310px}.welcome .eyebrow{color:var(--accent)}h2{font-family:Manrope,system-ui,sans-serif;font-size:2.15rem;line-height:1.17;letter-spacing:-.045em;font-weight:500;margin:18px 0}.intro{color:#b9c8cc;font-size:.95rem;line-height:1.65;margin:0 0 25px}label{display:block;font-size:.875rem;color:#c5d3d6;margin-bottom:9px}input{width:100%;min-width:0;background:#0d1b2380;border:1px solid #b8d4da35;border-radius:5px;padding:12px;color:#f4f6f4;font-size:1rem}input::placeholder{color:#879ba4}.primary-button{width:100%;border:none;border-radius:5px;background:#d5b37c;color:#1c2526;padding:13px 10px;font-weight:700;margin-top:12px;transition:background .2s}.primary-button:hover:not(:disabled){background:#e8c891}.join-divider{display:flex;align-items:center;gap:10px;margin:21px 0 15px;color:#92a7af;font-size:.8rem}.join-divider:before,.join-divider:after{content:"";height:1px;background:var(--line);flex:1}.join-form{display:flex;gap:9px}.small-button{border:1px solid #b8d4da38;color:#d9e5e6;background:#ffffff07;padding:9px 13px;white-space:nowrap;border-radius:5px;font-size:.875rem}.small-button:hover{background:#ffffff14}.form-message{color:#e0bf8d;font-size:.875rem;line-height:1.5;margin:15px 0 0}.form-message:empty{display:none}.local-note{text-align:center;font-size:.75rem;color:#92a7af;margin:22px 0 0}.room-panel{position:absolute;right:30px;top:110px;width:260px;padding:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.text-button{border:none;background:none;color:#b4c8cd;padding:0;font-size:.875rem}.text-button:hover{color:#fff}#connection-status{font-size:.875rem;color:#90c6b8;margin:12px 0}.room-code{display:flex;align-items:center;justify-content:space-between;padding:12px 0 17px;border-bottom:1px solid var(--line);gap:8px}#room-code{font-family:ui-monospace,monospace;font-size:.9rem;color:#d6c09b}.room-code .small-button{font-size:.8rem;padding:8px}.roster-title{font-size:.875rem;color:#b4c8cd;display:flex;justify-content:space-between;margin:20px 0 12px}#player-count{color:#8da5ae}#roster{list-style:none;margin:0;padding:0}#roster li{display:flex;gap:9px;align-items:center;padding:8px 0;font-size:.9rem}#roster li>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#roster small{margin-left:auto;color:#93a9b0;font-size:.75rem}.player-swatch{width:8px;height:13px;border-radius:2px;flex-shrink:0}.muted{color:#91a7b0;font-size:.8rem;line-height:1.55;margin:15px 0 0}.survival{position:absolute;bottom:91px;left:38px;width:255px;padding:19px 21px}.warmth-heading{display:flex;align-items:center;justify-content:space-between}.warmth-heading strong{color:#e2c38d;font-size:1rem;font-weight:500}progress{display:block;appearance:none;border:none;width:100%;height:5px;background:#48616c50;border-radius:10px;margin-top:16px;overflow:hidden}progress::-webkit-progress-bar{background:#48616c50}progress::-webkit-progress-value{background:#d3af75;transition:width .3s}progress::-moz-progress-bar{background:#d3af75}.cooling progress::-webkit-progress-value{background:#94bec9}.cooling progress::-moz-progress-bar{background:#94bec9}#warmth-status{color:#b4c8cd;font-size:.8rem;margin:12px 0 0}.controls span{display:inline-flex;align-items:center;gap:4px}kbd{font:inherit;font-size:.7rem;width:22px;height:24px;display:inline-grid;place-items:center;background:#142932bb;border:1px solid #c5d9df40;border-radius:4px;color:#d5e2e5}.chapter{position:absolute;right:36px;bottom:33px;display:flex;align-items:center;gap:14px;font-size:.7rem;letter-spacing:.14em;color:#9ab0b9;pointer-events:none}.chapter-line{width:32px;height:1px;background:#9ab0b955}.chapter-number{color:#d5b37c;font-size:.875rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.welcome{width:280px;left:22px;padding:24px}.masthead{left:22px;right:22px}.room-panel{width:230px;right:22px}.chapter{display:none}.survival{left:22px}}@media(max-width:650px){.masthead{top:19px;left:18px;gap:10px}.brand-mark{width:33px;height:39px;font-size:22px}h1{font-size:1.1rem}.masthead .eyebrow{font-size:.65rem}.build-label{display:none}.welcome{inset:auto 16px 64px;transform:none;width:auto;padding:20px;max-height:calc(100dvh - 165px);overflow-y:auto}h2{font-size:1.7rem;margin:10px 0}h2 br{display:none}.intro{font-size:.875rem;margin-bottom:16px}.intro br{display:none}.local-note{margin-top:14px}.join-divider{margin:14px 0}.room-panel{top:88px;right:14px;width:205px;padding:14px}.room-panel .eyebrow{font-size:.65rem}.room-code{padding:5px 0 12px}#invite-feedback{display:none}.roster-title{margin:12px 0 6px}.survival{left:14px;bottom:65px;width:222px;padding:15px}.controls span:first-child,.controls span:last-child{display:none}}@media(max-height:730px)and (min-width:651px){.welcome{top:104px;bottom:65px;transform:none;padding:20px;overflow-y:auto}h2{font-size:1.7rem;margin:10px 0}.intro{margin-bottom:15px}.local-note{margin-top:15px}}.inventory{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:15px;padding-top:13px;font-size:.8rem;color:#b9d0ce}.inventory strong{color:#e2c38d;padding-left:5px}.minimap-panel{position:absolute;bottom:86px;right:30px;padding:10px;width:182px;text-align:center;pointer-events:none}.minimap-panel canvas{display:block;width:160px;height:160px}.minimap-panel span{font-size:.55rem;letter-spacing:.13em;color:#9ab0b9}.interaction-panel{position:absolute;bottom:93px;left:50%;transform:translate(-50%);text-align:center;max-width:calc(100% - 650px)}.interaction-panel button{background:#14262fef;border-color:#d5b37c70;color:#e5d5b9}.interaction-panel kbd{margin-right:6px}#interaction-hint{font-size:.8rem;line-height:1.5;color:#dae4df;text-shadow:0 2px 5px #000}.notice{position:absolute;top:110px;left:50%;transform:translate(-50%);padding:13px 20px;font-size:.85rem;color:#ebd2a3;max-width:400px;text-align:center;pointer-events:none}.chapter{display:none}@media(max-width:1000px){.interaction-panel{bottom:295px;max-width:320px}.minimap-panel{right:22px}.notice{top:100px;left:22px;transform:none;max-width:250px}}@media(max-width:650px){.minimap-panel{bottom:66px;right:14px;width:100px;padding:6px}.minimap-panel canvas{width:86px;height:86px}.minimap-panel span{display:none}.interaction-panel{bottom:245px;width:calc(100% - 30px);max-width:320px}.notice{top:80px;left:14px;max-width:calc(100% - 245px);padding:9px;font-size:.75rem}}.backpack-toggle{width:100%;margin-top:14px;color:#e3c590;font-size:.8rem}.backpack{color:#e9eeec;width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:26px;background:#122630;overflow-y:auto}.backpack::backdrop{background:#05131bbc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.backpack-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.backpack-heading h2{margin:6px 0 0;font-size:1.7rem}.backpack-heading .eyebrow{color:#d5b37c;font-size:.65rem}.backpack-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.equipment-line{display:flex;gap:12px;align-items:center;background:#1c3540;border:1px solid #d5b37c44;padding:14px;border-radius:6px;margin-bottom:20px}.equipment-line>span{font-size:.6rem;color:#a6bcbf;letter-spacing:.12em}.equipment-line strong{font-size:.9rem;font-weight:500;color:#ebd1a5}.equipment-line button{margin-left:auto;font-size:.75rem}.slots-heading{display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.1em;color:#a4bbbe;margin-bottom:12px}.inventory-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.inventory-slot{position:relative;min-height:92px;border:1px solid #91b2bc30;border-radius:6px;background:#0d1e27;color:#d7e5e3;padding:10px 4px;text-align:center}.inventory-slot.selected{border-color:#d5b37c;background:#294044;box-shadow:0 0 0 1px #d5b37c55}.inventory-slot.empty{opacity:.4}.item-icon{display:block;font-size:1.8rem;margin-bottom:4px}.slot-name{font-size:.63rem}.slot-quantity{position:absolute;top:5px;right:7px;font-size:.72rem;color:#e7d9bd}.equipped-badge{position:absolute;bottom:-1px;left:0;right:0;background:#d5b37c;color:#193036;font-size:.5rem;letter-spacing:.12em;border-radius:0 0 5px 5px;padding:2px}.item-details{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;min-height:142px}.item-details h3{margin:0 0 6px;font-size:1rem;font-weight:500}.item-details p{font-size:.8rem;color:#a9bfc4;line-height:1.6;margin:0 0 12px}.item-actions{display:flex;gap:9px;align-items:center}.item-actions button{font-size:.75rem}.backpack-note{font-size:.73rem;line-height:1.6;color:#8da7ad}.crafting{border-left:1px solid var(--line);padding-left:25px}.recipe{border:1px solid #aec8ce20;border-radius:7px;padding:14px;margin-bottom:12px;background:#ffffff03}.recipe-title{display:flex;align-items:center;gap:10px}.recipe-title>span{font-size:1.5rem}.recipe-title h3{font-weight:500;font-size:.95rem;margin:0}.recipe-title small{margin-left:auto;color:#a7bfc3}.recipe-ingredients{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.recipe-ingredients span{font-size:.65rem;border:1px solid #a9c2c220;border-radius:3px;padding:4px 6px}.recipe-ingredients strong{font-weight:500;margin-left:3px}.enough{color:#9fd0b9}.missing{color:#c4aaa0}.recipe button{width:100%;font-size:.75rem}.recipe button:disabled{cursor:default}@media(max-width:650px){.backpack{padding:18px}.backpack-layout{grid-template-columns:1fr;gap:20px}.backpack-heading{align-items:start}.backpack-heading h2{font-size:1.2rem}.backpack-heading .eyebrow{font-size:.5rem}.backpack-heading button{font-size:.7rem;padding:7px}.crafting{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:18px}.item-details{min-height:115px}.interaction-panel{bottom:290px}}.hotbar{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:8}.hotbar[hidden]{display:none}.quick-slot{width:76px;min-height:76px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #76908c;border-radius:8px;background:#19343eed;color:#eef4ed;font-size:10px;cursor:pointer}.quick-slot kbd{position:absolute;left:5px;top:5px;font-size:10px}.quick-slot small{position:absolute;right:6px;top:5px}.quick-icon{font-size:24px}.quick-slot.active{border:2px solid #dfb877;background:#45574c}.quick-slot:disabled{opacity:.62;cursor:default}.masthead{text-shadow:0 2px 5px #19343e}.interaction-panel{bottom:125px}@media(max-width:700px){.hotbar{bottom:12px}.quick-slot{width:62px;min-height:63px}.survival,.minimap-panel{bottom:91px}.interaction-panel{bottom:260px;max-width:85%;font-size:11px}.masthead .build-label{display:none}}.vital-line{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.07em;margin-bottom:4px}.vital-line strong{font-weight:500;letter-spacing:0}.health-bar::-webkit-progress-value{background:#c76c68}.stamina-bar::-webkit-progress-value{background:#81b98a}.health-bar::-moz-progress-bar{background:#c76c68}.stamina-bar::-moz-progress-bar{background:#81b98a}.survival progress{height:5px;margin:3px 0 10px}.survival{padding:13px 16px}#player-labels .hurt{background:#8e3636}.death-panel{position:absolute;z-index:30;top:50%;left:50%;transform:translate(-50%,-50%);width:min(360px,90%);padding:24px;text-align:center}.death-panel[hidden]{display:none}.combat-button{position:absolute;right:38px;bottom:18px;z-index:9;background:#493333ed}.hotbar{gap:4px;max-width:calc(100% - 28px);overflow-x:auto;bottom:16px}.quick-slot{width:54px;min-width:48px;min-height:67px}.interaction-panel{bottom:100px}@media(max-width:1100px){.combat-button{top:64px;right:18px;bottom:auto}.hotbar{bottom:10px}.quick-slot{min-width:44px;width:48px;font-size:9px}.survival{width:222px}.interaction-panel{bottom:330px;max-width:85%}.survival .backpack-toggle{margin-top:5px}.survival #warmth-status{font-size:11px;margin:4px 0}}#resume-section{margin-top:16px;padding-top:12px;border-top:1px solid #ffffff25}#saved-survivor{width:100%;color:#e6eee7;background:#1a3540;padding:8px;border:1px solid #688080;border-radius:5px;margin:6px 0}#save-status{display:block;color:#bdc9bd;font-size:10px;margin-top:6px}.controls-help{border-top:1px solid #ffffff26;margin-top:10px;padding-top:8px;font-size:11px}.controls-help summary{cursor:pointer;color:#d7e5dc}.controls-content{display:flex;flex-direction:column;gap:7px;margin-top:9px;color:#d7e5dc}.controls-content span{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.controls-content kbd{min-width:22px;width:auto;padding:0 4px}