:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f2eee1;font-synthesis:none;color-scheme:dark;--muted: #a7b8a8;--accent: #c9d895;--border: #d8e5bb20}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#152e25}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}button,input,select{border:1px solid var(--border);border-radius:7px;background:#ffffff08;color:inherit;padding:11px 13px}button:hover:not(:disabled){background:#ffffff13;border-color:#e2ecd95c}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{width:100%;min-width:0}select option{background:#22392e}input[type=range]{padding:9px 0;accent-color:var(--accent)}[hidden]{display:none!important}canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}#app{position:relative;z-index:1;pointer-events:none}#menu,.modal,button,input,select,details{pointer-events:auto}#menu{position:fixed;inset:0;display:flex;align-items:center;justify-content:space-between;padding:6vh 9vw;background:radial-gradient(ellipse at 24% 80%,#40684990,transparent 55%),radial-gradient(ellipse at 40% 0,#c7ba6326,transparent 55%),linear-gradient(130deg,#122b26,#293e2c 60%,#182924);overflow:auto}.grain{position:absolute;inset:0;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}.menu-brand{position:relative;max-width:520px;padding-right:35px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.5px;color:#c4d0ac}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(80px,10vw,150px);letter-spacing:-8px;line-height:1;margin:22px 0 32px}h1 span{color:#a4bf77}.menu-brand>p{font-family:Georgia,serif;font-size:clamp(25px,2.4vw,37px);line-height:1.3;color:#e2e7cf}.brand-rule{height:1px;width:80px;background:#b8c89565;margin:35px 0}.menu-brand .intro{font-family:inherit;font-size:14px;line-height:1.7;color:#a5baa6}.version{font-size:10px;letter-spacing:2px;color:#789780;margin-top:50px}.menu-card{position:relative;width:420px;flex-shrink:0;padding:30px;border:1px solid #e1eac422;background:#10291ec7;box-shadow:0 25px 90px #051d2555;border-radius:15px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}h2{font-family:Georgia,serif;font-weight:400;font-size:29px;margin:10px 0 24px}label{display:block;color:#b8c6b4;font-size:11px;letter-spacing:.3px;margin-bottom:16px}label input,label select{display:block;margin-top:7px;font-size:13px;height:41px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin:8px 0 18px}.tabs button{border:0;border-radius:0;background:transparent;padding:9px 4px;margin-right:24px;font-size:12px;color:#a4b4a0}.tabs button.active{color:#d9e8a8;border-bottom:2px solid #cad995}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sensitivity-label{margin-top:-7px}.sensitivity-label input{height:23px}.primary{background:#cddda0;color:#21382a;border-color:#d7e6b6;font-size:13px;font-weight:600}.primary:hover:not(:disabled){background:#d9e8b6}.primary span{float:right}#start{width:100%;margin:3px 0;padding:15px}.small{font-size:11px;line-height:1.6;color:#a8b7a2}details{font-size:11px;color:#a5b99d;margin-top:14px}summary{cursor:pointer}#menu-status{font-size:12px;color:#e5c997;min-height:12px;margin:7px 0}#menu-status:empty{display:none}.menu-footer{position:absolute;left:9vw;bottom:30px;font-size:9px;letter-spacing:3px;color:#859c7d}#hud{position:fixed;inset:0}.world-badge{position:absolute;top:22px;left:24px;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:12px;background:#15291b55;padding:8px 12px;border:1px solid #ecf8d315;border-radius:7px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11px}.logo-small{font-family:Georgia,serif;font-size:25px;letter-spacing:-1px;color:#e5edc8}.world-badge button{border:0;padding:7px;background:#ffffff0b;font-size:11px}.world-badge small{grid-column:2/4;color:#c4d2b5;font-size:9px;margin-top:-6px}#loading{position:absolute;left:50%;top:22px;transform:translate(-50%);background:#203721bd;border-radius:5px;font-size:12px;padding:12px 20px}#crosshair{position:absolute;top:50%;left:50%;width:15px;height:15px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 2px #152015)}#crosshair i,#crosshair b{position:absolute;background:#f8f5d3a0;border-radius:1px}#crosshair i{height:1px;width:15px;top:7px}#crosshair b{width:1px;height:15px;left:7px}#target-name{position:absolute;top:calc(50% + 26px);left:50%;transform:translate(-50%);font-size:11px;text-shadow:0 2px 3px #111d17}#break-progress{position:absolute;top:calc(50% + 15px);left:calc(50% - 34px);width:68px;height:3px;background:#0005;display:none}#break-progress span{display:block;height:3px;background:#dde9ba;width:0}#hud-bottom{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:450px;text-shadow:0 1px 2px #000}.vitals{display:flex;justify-content:space-between;padding:0 3px 6px}#health,#hunger{display:flex;gap:2px}.heart{font-style:normal;font-size:23px;line-height:1;color:#472e27;-webkit-text-stroke:1.2px #241e19}.heart.full{color:#e6604c}.food{font-style:normal;font-size:17px;line-height:1.4;color:#493f2c;-webkit-text-stroke:1px #30261f}.food.full{color:#c59363}#hotbar{display:grid;grid-template-columns:repeat(9,1fr);gap:3px;padding:4px;background:#1d2924ba;border:1px solid #ced6ad77;border-radius:4px;box-shadow:0 3px 10px #12201788}.slot{position:relative;display:flex;align-items:center;justify-content:center;height:43px;min-width:0;border:1px solid #a0a7884c;background:#333c2f66;border-radius:2px;padding:3px}.slot svg{width:34px;height:34px;filter:drop-shadow(0 2px 1px #0006);image-rendering:auto}.slot small{position:absolute;left:3px;top:1px;font-size:8px;color:#eff3d387}.slot em{position:absolute;right:3px;bottom:2px;font-style:normal;font-size:11px;color:#fff4d7}.equipped-slot{background:#b7c79135;border:2px solid #e7efd0;box-shadow:0 0 8px #f2f7b525}.swap-slot{outline:2px solid #debc83}.durability{position:absolute;left:5px;right:5px;bottom:3px;height:2px;background:#152516}.durability i{display:block;height:2px;background:#a6c66b}#equipped{height:14px;text-align:center;font-size:10px;margin-top:7px;color:#edf1db}.control-hint{position:absolute;bottom:24px;right:25px;font-size:10px;text-shadow:0 1px 2px #111}.control-hint span{margin:0 4px;color:#d4d7b7}.nametag{position:absolute;top:0;left:0;padding:3px 7px;background:#15261b6b;font-size:11px;text-shadow:0 1px 2px #000;border-radius:2px;white-space:nowrap}#chat-log{position:absolute;bottom:140px;left:20px;font-size:13px;line-height:1.65;max-width:450px;text-shadow:0 1px 2px #000}#chat-log>div{width:fit-content;background:#15271c77;padding:2px 8px}#chat-log span{color:#bfd4ac}#chat-input{position:absolute;bottom:100px;left:20px;width:440px;background:#15261fe0;font-size:13px}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#10221980;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pause-card,.inventory-card{border:1px solid #b7cda437;background:#142b24f2;border-radius:13px;box-shadow:0 20px 80px #0004}.pause-card{width:390px;padding:33px;text-align:center}.pause-card h2{font-size:28px}.pause-card p{font-size:12px;line-height:1.7;color:#adbea8}.pause-card button{width:100%;margin:5px 0}.inventory-card{width:min(810px,94vw);max-height:90vh;overflow-y:auto;padding:25px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{margin:8px 0 10px;font-size:25px}.panel-heading button{font-size:11px;padding:8px}.inventory-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}h3{font-size:13px;font-weight:500;color:#d2dec3;margin:16px 0 8px}#inventory-slots{display:grid;grid-template-columns:repeat(9,1fr);gap:3px;margin-top:15px}#inventory-slots .slot{height:39px}#inventory-slots .slot svg{width:28px}.recipe{display:flex;width:100%;align-items:center;padding:8px 10px;gap:10px;text-align:left;margin-bottom:5px;border-radius:4px}.recipe-icon svg{width:28px;height:28px}.recipe strong{display:block;font-size:11px;font-weight:500;color:#edf0d7}.recipe small{display:block;font-size:9px;color:#a7b899;margin-top:4px}.recipe-arrow{margin-left:auto;color:#bfd18b}.survival-guide{margin-top:23px;border-top:1px solid var(--border);padding-top:4px}.survival-guide p,.survival-guide small{font-size:11px;line-height:1.85;color:#aabc9f}.station-panel{border:1px solid #c6d49b30;margin-top:20px;padding:12px;border-radius:5px}.station-panel h3{margin-top:0}.station-panel p{font-size:10px}.station-panel button{font-size:10px;padding:7px;margin-right:4px}#toast{position:fixed;top:90px;left:50%;transform:translate(-50%,-8px);opacity:0;background:#21342ceb;border:1px solid #e2d7ad55;border-radius:6px;padding:11px 20px;font-size:12px;color:#eee9cb;transition:.2s;pointer-events:none;max-width:75vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%)}#debug{position:absolute;right:20px;top:20px;padding:12px;background:#10221adb;color:#d0ddbe;font-size:11px;line-height:1.6}#damage{position:absolute;inset:0;box-shadow:inset 0 0 130px #bf302090;opacity:0;transition:opacity .2s;pointer-events:none}@media(max-width:900px){#menu{padding:4vh 5vw;gap:20px}.menu-brand{padding:0}.menu-brand>p{font-size:24px}h1{font-size:85px}.menu-card{width:350px;padding:22px}.control-hint{display:none}.menu-footer{left:5vw}}@media(max-height:760px){#menu{padding-top:25px;padding-bottom:30px}.menu-card{padding:22px}h2{margin-bottom:15px}label{margin-bottom:12px}.version{margin-top:25px}.menu-footer{bottom:12px}}@media(max-width:650px){.menu-brand{display:none}#menu{justify-content:center}.menu-card{width:min(420px,92vw)}.inventory-columns{grid-template-columns:1fr}.world-badge{top:10px;left:10px}#hud-bottom{width:400px}.menu-footer{display:none}}#menu{background:linear-gradient(90deg,#071e1ed4,#142b2665 45%,#071c22a6),url(/panorama.png) center/cover;padding:5vh 7vw}.menu-card{width:min(490px,48vw);max-height:88vh;overflow:auto;background:#10251de0}.menu-action{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;padding:17px 18px;text-align:left;font-size:15px}.menu-action span{opacity:.55;font-size:11px;letter-spacing:1px}#world-list{max-height:42vh;overflow:auto;margin:0 -5px 20px;padding:0 5px}.world-card{padding:16px 0;border-bottom:1px solid var(--border)}.world-card strong{display:block;font-size:16px;font-weight:500;overflow-wrap:anywhere}.world-card small{display:block;white-space:pre-line;line-height:1.8;color:var(--muted);margin:7px 0 12px;overflow-wrap:anywhere}.button-row{display:flex;gap:8px;flex-wrap:wrap}.world-card button{padding:8px 10px;font-size:11px}.empty-worlds{color:var(--muted);line-height:1.7;padding:20px 0}#server-history{display:grid;gap:6px;margin:15px 0}#server-history button{overflow-wrap:anywhere;text-align:left;font-size:11px}#menu-status{overflow-wrap:anywhere;line-height:1.6}#backend-help button{padding:7px;font-size:10px;margin:4px 3px 0 0}#options-modal,#confirm-modal,#room-modal{z-index:30}.check-label{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.5}.check-label input{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}#room-panel{border-top:1px solid var(--border);margin-top:15px;padding-top:15px}#room-panel label{margin-bottom:8px}#participants{font-size:12px;color:var(--muted)}#invite-link{font-size:10px}.pause-card{max-height:92vh;overflow:auto}@media(max-width:760px){#menu{padding:28px 6vw;align-items:flex-start;flex-direction:column;gap:20px}.menu-brand{padding:0}.menu-brand h1{font-size:72px;margin:10px 0}.menu-brand>.intro,.brand-rule,.version{display:none}.menu-brand>p{font-size:20px}.menu-card{width:100%;max-height:none;padding:22px}.menu-footer{display:none}#world-list{max-height:35vh}.menu-action{padding:13px 16px}}@media(max-height:650px)and (min-width:761px){.menu-brand h1{font-size:95px}.menu-card{padding:20px}.menu-action{padding:12px 16px;margin-bottom:8px}.version{margin-top:20px}}@media(max-width:760px){.menu-brand{display:block}.menu-brand>p{display:none}.menu-brand h1{font-size:56px;letter-spacing:-3px}.menu-brand .eyebrow{font-size:8px}#menu{gap:14px}}