@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#f6f4e9;background:#152d2b;font-synthesis:none;--cream:#f7f4e8;--ink:#243d38;--green:#cbe59c;--muted:#a6b8ad;--panel:#f2efe4}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a1c773;outline-offset:3px}button{touch-action:manipulation}button:not(.slot):not(.swatch):active{transform:translateY(1px)}[hidden]{display:none!important}#game-canvas{display:block;position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:none}.lobby{position:fixed;inset:0;display:grid;grid-template-columns:1fr 408px;grid-template-rows:96px 1fr 68px;gap:0 50px;padding:0 5.2%;background:linear-gradient(90deg,#0a201d9e,#0a201d14 65%),linear-gradient(0deg,rgba(15,35,31,.6),transparent 35%);overflow:auto}.lobby-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--cream);text-decoration:none;display:flex;gap:11px;align-items:center;font-family:Space Grotesk,sans-serif;font-size:25px;font-weight:700;letter-spacing:-1px}.brand img{width:43px;height:43px}.brand span>span{font-weight:400;color:#d1e2ab}.brand small{display:block;font:8px DM Sans,sans-serif;letter-spacing:2.4px;margin-top:4px}.quiet{color:inherit;background:transparent;padding:10px 0;font-size:12px}.quiet span{margin-left:16px}.welcome{align-self:center;padding-bottom:30px}.eyebrow{display:flex;align-items:center;gap:9px;color:#deedce;font-size:10px;letter-spacing:2.2px;font-weight:600}.eyebrow i,.lobby-footer i{display:inline-block;background:#c5e698;width:5px;height:5px;border-radius:50%;box-shadow:0 0 13px #b1db74}h1{font-family:Space Grotesk,sans-serif;font-size:clamp(36px,4.6vw,72px);font-weight:500;line-height:1.09;letter-spacing:-2.8px;margin:24px 0;text-shadow:0 3px 25px #173c2c66}h1 em{color:#d5e9a3;font-style:normal}.welcome>p{font-size:14px;line-height:1.8;color:#e6ece0;margin:0 0 24px}.world-tags{display:flex;gap:8px;flex-wrap:wrap}.world-tags span{font-size:10px;letter-spacing:.1px;padding:9px 11px;border:1px solid #e4efcf40;border-radius:6px;background:#243f3240;backdrop-filter:blur(5px)}.scenery-caption{display:flex;gap:13px;align-items:center;margin-top:95px;font-size:9px;font-weight:500;letter-spacing:1.8px;color:#e9efda}.scenery-caption small{display:block;margin-top:7px;font-size:10px;font-weight:400;letter-spacing:0;color:#d2dcc8}.compass-mark{font-size:11px;line-height:20px;text-align:center;color:#d9e7bd}.join-card{align-self:center;padding:29px;background:#f7f6ebf5;color:var(--ink);border-radius:18px;box-shadow:0 25px 100px #092b2833;border:1px solid #ffffff66;backdrop-filter:blur(18px)}.card-heading{display:flex;gap:12px;margin-bottom:23px;align-items:center}.card-icon{display:grid;place-items:center;border:1px solid #bec8ae;background:#e8edd9;border-radius:12px;font-size:24px;color:#647f3e;width:43px;height:43px}.card-heading h2{font:600 18px Space Grotesk,sans-serif;letter-spacing:-.5px;margin:0 0 5px}.card-heading p{font-size:10px;color:#7d8c7e;margin:0}.segmented{display:flex;background:#dfe5d8;padding:4px;border-radius:8px;margin:0 0 22px}.segmented button{flex:1;padding:9px 5px;background:transparent;color:#64725e;font-size:11px;font-weight:500;border-radius:5px}.segmented button.active{background:#fcfcf6;color:#294c39;box-shadow:0 2px 5px #273e2510}label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#546557;font-weight:600;letter-spacing:.2px}input,select{width:100%;border:1px solid #d2d9c9;color:#344b3e;background:#fbfbf4;padding:11px 12px;font-size:12px;border-radius:6px;min-width:0}input::placeholder{color:#a0aa9c;font-size:11px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.form-row label{min-width:0}.color-field{display:flex;align-items:center;justify-content:space-between;margin:19px 0 15px;font-size:10px;font-weight:600;color:#546557}.swatches{display:flex;gap:8px}.swatch{width:23px;height:23px;border-radius:50%;background:var(--swatch);padding:0;border:3px solid transparent;background-clip:padding-box}.swatch.selected{box-shadow:0 0 0 1px #7c8f74;border-color:#f7f8ef}.server-settings{font-size:10px;margin:18px 0}.server-settings summary{cursor:pointer;color:#819076;display:flex;justify-content:space-between}.server-settings label{margin-top:12px}.server-settings small{display:block;color:#8c9486;line-height:1.5;margin-top:9px}.primary{display:flex;justify-content:space-between;align-items:center;background:#2e503c;color:#fafbef;border:1px solid #365d46;width:100%;border-radius:7px;padding:14px 17px;font-size:12px;font-weight:600;box-shadow:0 3px #1c3829}.primary:hover{background:#3d6449}.primary span{font-size:20px;font-weight:400}.profile-note{display:block;color:#909a86;text-align:center;font-size:9px;margin-top:15px}#login-status{color:#ae513c;font-size:11px;line-height:1.4;margin:10px 0 0}#login-status:empty{display:none}.lobby-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.1px;color:#e3ead6}.lobby-footer i{margin-right:7px}.lobby-footer b{font-weight:500;border:1px solid #d6e3bc55;padding:3px 5px;border-radius:3px;margin-left:8px}#hud{position:fixed;inset:0;pointer-events:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:19px 22px}.world-badge{display:flex;align-items:center;gap:9px;border:1px solid #e5edd52f;padding:8px 13px 8px 8px;background:#132e2b9c;backdrop-filter:blur(12px);border-radius:11px;box-shadow:0 4px 15px #0002}.world-badge img{width:32px;height:32px}.world-badge b{font:600 12px Space Grotesk,sans-serif;letter-spacing:.3px}.world-badge small{display:block;font-size:9px;color:#cad9bf;margin-top:3px}.top-actions{display:flex;gap:6px;align-items:center;pointer-events:auto}.top-actions button{width:35px;height:35px;background:#173c32a8;border:1px solid #dae9d13a;border-radius:8px;color:var(--cream);font-size:18px;backdrop-filter:blur(9px)}#hud-phase{font-size:11px;text-shadow:0 1px 5px #000;margin-right:9px}#coordinates,#performance{font:10px Space Grotesk,monospace;text-shadow:0 1px 3px #0008;margin:4px 24px;color:#fff}#crosshair{position:absolute;top:50%;left:50%;width:16px;height:16px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 1px #000)}#crosshair i{display:block;position:absolute;background:#fff9}#crosshair i:first-child{width:14px;height:2px;top:6px}#crosshair i:last-child{height:14px;width:2px;left:6px}#target-label{position:absolute;left:50%;top:calc(50% + 26px);transform:translate(-50%);font-size:11px;text-shadow:0 1px 3px #000;text-align:center}#toast{position:absolute;left:50%;top:20%;transform:translate(-50%,-8px);max-width:min(90%,600px);padding:12px 20px;border-radius:8px;background:#132f2be6;border:1px solid #b9d69055;color:#edf3dc;font-size:12px;opacity:0;transition:.2s;text-align:center}#toast.visible{opacity:1;transform:translate(-50%)}.bottom-hud{position:absolute;bottom:13px;left:50%;transform:translate(-50%);width:max-content;max-width:98vw;display:flex;flex-direction:column;align-items:center}#hotbar{display:grid;grid-template-columns:repeat(9,48px);gap:4px;background:#21352bd0;border:1px solid #d9e4bc69;padding:5px;border-radius:9px;pointer-events:auto;box-shadow:0 4px 20px #0003}.slot{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:#d7d9c9;border:1px solid #a2af96;box-shadow:inset 1px 2px #85947b55,inset -1px -2px #ffffff80;border-radius:3px;color:#263c2c;min-width:0;padding:2px}.slot:hover{background:#e5e8d6}.slot.selected{outline:2px solid #eff3c4;outline-offset:1px;background:#f0e5bd}.slot.chosen{background:#c6dda2;outline:2px solid #678047}.item-icon{font-size:25px;line-height:1;filter:drop-shadow(0 2px 0 #0002)}.item-count{position:absolute;bottom:2px;right:4px;color:#fff;text-shadow:1px 1px 0 #263723,-1px -1px 0 #263723;font:600 12px Space Grotesk,monospace}.slot-number{position:absolute;left:3px;top:2px;font:9px Space Grotesk,sans-serif;opacity:.6}#held-name{background:#2039299c;border-radius:0 0 7px 7px;padding:4px 12px;color:#eff4d9;font-size:10px;min-height:20px}.keyboard-hint{font:9px Space Grotesk,sans-serif;letter-spacing:.5px;margin-top:9px;color:#faf9ed;text-shadow:0 1px 3px #000}.keyboard-hint span{font-family:DM Sans,sans-serif;color:#d7e4ce;letter-spacing:0}#survival-bars{display:flex;justify-content:space-between;width:100%;font-size:18px;padding:0 4px;margin-bottom:7px;text-shadow:0 1px 2px #000}#hearts{color:#f58476;letter-spacing:2px}#hunger{font-size:13px}#oxygen{color:#b8eaf1;text-shadow:0 1px 2px #083449;letter-spacing:4px;font-size:16px;margin-bottom:4px}.xp-track{position:relative;width:96%;height:4px;margin-bottom:5px;background:#203a26;border:1px solid #b0ca7255}.xp-track div{height:100%;background:#b8e460}.xp-track span{position:absolute;bottom:4px;left:50%;color:#d0f18b;font-size:11px;text-shadow:0 1px 2px #17281c}#water-overlay{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(ellipse at 50% 20%,#56c5df17,#15475c7a);backdrop-filter:blur(.7px)}#water-overlay.active{opacity:1}#water-overlay.active:after{content:"◦  ◦      ◦   ◦";position:absolute;left:30%;bottom:0;font-size:35px;color:#d6f7fa55;letter-spacing:30px;animation:bubbles 3s linear infinite}@keyframes bubbles{to{transform:translateY(-100vh)}}#damage-overlay{position:fixed;inset:0;box-shadow:inset 0 0 90px #d52d2488;pointer-events:none;opacity:0;transition:opacity .2s}#damage-overlay.hit{opacity:1}#scope{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 0 27vh,#071915 27.7vh);border:20px solid #071915}#scope span{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 23vh,#b4aa7240 26vh,transparent 27vh)}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0e2c2bbf;backdrop-filter:blur(5px);padding:20px;z-index:10}.modal-panel{width:760px;max-width:100%;max-height:94vh;overflow:auto;background:var(--panel);color:var(--ink);padding:25px;border-radius:15px;box-shadow:0 25px 100px #041d1a66}.modal-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-title small{font-size:8px;letter-spacing:2px;color:#859278}.modal-title h2{font:600 24px Space Grotesk,sans-serif;margin:6px 0 0;letter-spacing:-.8px}.close{border:1px solid #d2dac8;background:#e4e9da;color:#45603e;width:32px;height:32px;border-radius:7px;font-size:23px;line-height:1}.inventory-top{display:grid;grid-template-columns:1fr 1.1fr;gap:25px;align-items:center}.equipment{display:flex;align-items:center;gap:10px;padding:12px;background:#e0e4d5;border-radius:10px;border:1px solid #d2d9c7}.armor-slots{display:flex;flex-direction:column;gap:5px}.armor-slots .slot{width:36px}.armor{color:#9fac96;font-size:23px}.avatar-panel{flex:1;display:flex;flex-direction:column;align-items:center;min-width:50px}.avatar-panel canvas{max-width:100%;height:160px}.avatar-panel small{font-size:7px;letter-spacing:1.4px;color:#7f8c76}.offhand{width:38px;align-self:flex-end;margin-bottom:20px}h3{font-size:11px;font-weight:600;margin:0 0 10px}.craft-area h3 span{color:#93a083;font-size:9px;float:right}.craft-row{display:flex;align-items:center;gap:14px}.craft-grid{display:grid;grid-template-columns:repeat(3,37px);gap:4px}.ghost .item-icon{opacity:.7;font-size:22px}.craft-arrow{color:#82936f;font-size:24px}.craft-output{width:52px;background:#eef0d6;border:2px solid #a2b17c}.craft-area p{font-size:9px;color:#869473;line-height:1.6}.small-primary{background:#577547;color:#fff;padding:8px 12px;border-radius:5px;font-size:10px}.inventory-heading{display:flex;justify-content:space-between;align-items:baseline;margin-top:23px}.inventory-heading span{font-size:8px;color:#8b9980}.inventory-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.inventory-grid .slot{max-height:58px}.inventory-hotbar{margin-top:10px}.catalog-tabs{display:flex;gap:4px;margin:19px 0 13px;border-bottom:1px solid #d5ddc9}.catalog-tabs button{font-size:10px;padding:9px 10px;color:#798c68;background:transparent;border-bottom:2px solid transparent}.catalog-tabs button.active{color:#405d2e;border-color:#7d9c53}.creative-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-height:175px;overflow:auto}.creative-catalog button{display:flex;align-items:center;gap:8px;background:#e4e8da;border:1px solid #d3dcc7;border-radius:5px;padding:7px 8px;color:#3c5430;font-size:18px;text-align:left}.creative-catalog button span{flex:1;font-size:9px}.creative-catalog button b{font-size:13px;font-weight:400;color:#899d70}.recipe-book{max-height:180px;overflow:auto;font-size:11px}.recipe-book summary{padding:13px 0;cursor:pointer;color:#7f906b}.recipe{display:inline-flex;align-items:center;gap:8px;font-size:10px;background:#e4e8d9;color:#4c623b;border:1px solid #d3ddc6;border-radius:4px;padding:8px;margin:3px}.recipe b{font-size:10px;font-weight:500}.recipe small{font-size:8px;color:#8f9b83}.recipe.active{background:#cce0b0}.modal-intro{font-size:12px;color:#829174;line-height:1.7}.trade-balance{display:flex;gap:10px;align-items:center;margin:20px 0;background:#e0e9d2;padding:14px;border-radius:6px;font-size:12px}.trade-balance b{margin-left:auto}.trades{display:flex;flex-direction:column;gap:7px}.trades button{display:grid;grid-template-columns:1fr 25px 1fr;gap:15px;align-items:center;background:#e5e8da;border:1px solid #d1dac4;border-radius:6px;padding:13px;text-align:left;color:#3d5530;font-size:12px}.trades b{color:#8a9e73}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:26px 0}.toggle-setting{display:flex;flex-direction:row;align-items:center;font-size:12px;font-weight:400}.toggle-setting input{width:16px;height:16px;accent-color:#6f9251}.performance-explanation{font-size:11px;color:#8b987b;line-height:1.7}.pause-buttons{display:grid;gap:12px;margin-top:28px}.secondary{background:#dfe8d1;padding:12px;border:1px solid #c7d5b5;color:#51703a;border-radius:6px;font-size:12px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.help-grid article>span{font:500 30px Space Grotesk,sans-serif;color:#c1d1a6}.help-grid h3{font:600 16px Space Grotesk,sans-serif;margin-top:10px}.help-grid p{font-size:11px;line-height:1.8;color:#7a8a6b}.help-grid b{font-weight:600;color:#405a30}#loading{position:fixed;z-index:20;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#152f2be8;backdrop-filter:blur(12px)}#loading img{width:65px;margin-bottom:25px;animation:float 2s ease-in-out infinite}#loading h2{font:500 25px Space Grotesk,sans-serif}#loading p{font-size:12px;color:#c1d4b9}.loading-track{width:170px;height:3px;background:#476046;margin-top:20px;overflow:hidden}.loading-track:after{content:"";display:block;width:40%;height:100%;background:#c6dd8f;animation:load 1.5s ease-in-out infinite}@keyframes load{to{transform:translate(250%)}}@keyframes float{50%{transform:translateY(-8px)}}#touch-controls{display:none}button:hover{filter:brightness(1.04)}@media(min-width:1600px){.lobby{padding:0 8%;grid-template-columns:1fr 440px}.join-card{padding:34px}.card-heading h2{font-size:20px}.join-card input,.join-card select{padding:13px}.form-row{margin-top:18px}.welcome>p{font-size:16px}.lobby-header{height:115px}}@media(max-width:1000px){.lobby{padding:0 4%;gap:0 25px;grid-template-columns:1fr 360px}.join-card{padding:23px}h1{font-size:44px;letter-spacing:-2px}.welcome>p{font-size:12px}.world-tags span{font-size:9px;padding:7px}.scenery-caption{margin-top:60px}.brand{font-size:21px}}@media(pointer:coarse),(max-width:900px){#touch-controls{display:block;pointer-events:none}#joystick{position:absolute;left:max(27px,env(safe-area-inset-left));bottom:90px;width:118px;height:118px;border:2px solid #e9f0d84d;border-radius:50%;background:#153d2a40;pointer-events:auto;touch-action:none;display:grid;place-items:center;backdrop-filter:blur(3px)}#joystick-nub{width:52px;height:52px;background:#e4ecd452;border:1px solid #fcffe359;border-radius:50%;pointer-events:none}.touch-actions{position:absolute;right:max(23px,env(safe-area-inset-right));bottom:85px;display:grid;grid-template-columns:repeat(3,52px);gap:8px;pointer-events:auto}.touch-actions button{background:#1e412c86;backdrop-filter:blur(4px);color:#f7f9dc;border:1px solid #d7e5bd60;border-radius:50%;width:52px;height:52px;font-size:22px;touch-action:none}.touch-actions small{display:block;font-size:8px;margin-top:1px}.keyboard-hint{display:none}#hotbar{grid-template-columns:repeat(9,42px)}.bottom-hud{bottom:max(9px,env(safe-area-inset-bottom))}.topbar{padding-top:max(12px,env(safe-area-inset-top))}}@media(max-width:720px){.lobby{grid-template-columns:1fr;grid-template-rows:72px auto 1fr 48px;gap:0;padding:0 23px}.lobby-header{grid-column:1}.brand{font-size:20px}.brand img{width:36px;height:36px}.brand small{font-size:6px;letter-spacing:2px}.lobby-header>.quiet{font-size:10px}.lobby-header>.quiet span{margin-left:5px}.welcome{padding:18px 0 23px}.welcome h1{font-size:36px;letter-spacing:-1.5px;margin:14px 0 12px}.welcome>p{font-size:11px;line-height:1.6;margin-bottom:0}.eyebrow{font-size:8px;letter-spacing:1.6px}.world-tags,.scenery-caption{display:none}.join-card{align-self:start;max-width:460px;width:100%;justify-self:center;padding:22px}.card-heading{margin-bottom:16px}.card-heading h2{font-size:17px}.lobby-footer{grid-column:1;font-size:7px;letter-spacing:.3px}.lobby-footer>span:first-child{display:none}.lobby-footer>span:last-child{margin-left:auto}.modal{padding:10px}.modal-panel{padding:18px;max-height:95vh;border-radius:11px}.modal-title{margin-bottom:14px}.modal-title h2{font-size:20px}.inventory-top{gap:13px;grid-template-columns:1fr 1fr}.equipment{gap:4px;padding:8px}.armor-slots .slot{width:27px}.avatar-panel canvas{height:125px}.avatar-panel small{font-size:5px}.offhand{width:28px}.craft-grid{grid-template-columns:repeat(3,27px);gap:3px}.craft-row{gap:7px}.craft-output{width:38px}.ghost .item-icon{font-size:17px}.craft-arrow{font-size:18px}.craft-area h3{font-size:9px}.craft-area h3 span{display:none}.small-primary{font-size:8px;padding:7px}.craft-area p{font-size:7px}.inventory-grid{gap:3px}.inventory-grid .item-icon{font-size:21px}.inventory-grid .item-count{font-size:9px;right:2px}.inventory-heading span{display:none}.catalog-tabs{overflow-x:auto}.catalog-tabs button{white-space:nowrap;padding:8px 6px;font-size:8px}.creative-catalog{grid-template-columns:repeat(2,1fr);max-height:160px}.creative-catalog button span{font-size:8px}.help-grid{gap:15px}.help-grid p{font-size:10px}.settings-grid{grid-template-columns:1fr;gap:17px}#hotbar{grid-template-columns:repeat(9,34px);gap:3px;padding:4px}#hotbar .item-icon{font-size:22px}.slot-number{font-size:7px}#held-name{font-size:9px}#survival-bars{font-size:15px}#hunger{font-size:10px}.topbar{padding:12px}.world-badge{padding:6px 9px 6px 6px}.world-badge img{width:25px}.world-badge b{font-size:10px}.world-badge small{font-size:8px}.top-actions{gap:4px}.top-actions button{width:29px;height:29px;font-size:16px}#hud-phase{display:none}#joystick{width:95px;height:95px;left:20px;bottom:110px}#joystick-nub{width:43px;height:43px}.touch-actions{right:15px;bottom:106px;grid-template-columns:repeat(3,43px);gap:7px}.touch-actions button{width:43px;height:43px;font-size:20px}.touch-actions small{font-size:7px}.trades button{font-size:10px;gap:8px;padding:10px}}@media(max-height:600px)and (min-width:721px){.lobby{grid-template-rows:65px 1fr 38px;grid-template-columns:1fr 335px}.join-card{padding:18px;margin:5px 0}.card-heading,.segmented{margin-bottom:12px}.form-row{margin-top:9px}.color-field{margin:12px 0}.join-card input,.join-card select{padding:8px;font-size:11px}.server-settings{margin:12px 0}.profile-note{margin-top:10px}.welcome h1{font-size:40px}.scenery-caption{margin-top:35px}.modal-panel{max-height:95vh}.avatar-panel canvas{height:130px}.inventory-top{max-width:530px;margin:auto}.inventory-grid .slot{max-height:43px}.modal-title{margin-bottom:12px}.inventory-heading{margin-top:15px}.lobby-header .brand{font-size:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.touch-actions .descend{position:absolute;right:0;top:-62px}.lobby-footer a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.lobby-footer a:hover{color:#fff}.auth-tabs{display:flex;gap:4px;margin:0 0 16px;border-bottom:1px solid #c5d2bd}.auth-tabs button{padding:9px 7px;font-size:11px;color:#5a6b55;background:transparent;border-bottom:2px solid transparent}.auth-tabs button.active{color:#234c3d;border-color:#568452;font-weight:700}.activation-field,.password-upgrade-field{margin-top:14px}.account-state{font-size:11px;line-height:1.5;color:#56754c;background:#e5ecd9;border-left:3px solid #8aaa6e;padding:9px 11px;margin:12px 0}.backpack-button{width:auto!important;min-width:40px;padding:0 10px}.backpack-button small{font-size:10px;margin-left:4px;vertical-align:middle}.top-actions button{box-shadow:0 2px 8px #0003}.slot .item-icon{width:86%;height:86%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 1px #0005);pointer-events:none}.slot .item-count{color:#fff!important;font-family:monospace;font-size:13px!important;font-weight:700;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;right:4px;bottom:2px}.slot-number{color:#b5c5d1!important;text-shadow:0 1px #000;font-size:9px}#hotbar{background:#182a31e8;border:1px solid #a1b5bc80;border-radius:7px;gap:3px;padding:5px;box-shadow:0 4px 18px #0005}#hotbar .slot{background:linear-gradient(145deg,#40525b,#253942);border:1px solid #7a919b;border-radius:3px;box-shadow:inset 1px 1px #b8cbd126,inset -2px -2px #0b182d66}#hotbar .slot.selected{border:2px solid #ffde8c;background:linear-gradient(145deg,#665d3f,#3e473d);outline:2px solid #fff1c0;outline-offset:1px;box-shadow:0 0 15px #e4c26c44}#held-name{color:#fff8db;background:#152932bd;letter-spacing:.3px;padding:4px 12px;border-radius:4px;text-shadow:0 1px #000}#water-overlay.active{background:linear-gradient(180deg,#156e8515,#0c617a38);box-shadow:inset 0 0 100px #06465d40;backdrop-filter:none}.modal:has(.inventory-shell) .modal-panel{max-width:1060px;width:96vw;padding:22px;background:#182832f5;color:#edf5f5;border:1px solid #56717c;box-shadow:0 25px 100px #0009}.modal:has(.inventory-shell) .modal-title h2{color:#f0f5ed}.modal:has(.inventory-shell) #modal-kicker{color:#91b9ac}.modal:has(.inventory-shell) .close{background:#344951;color:#fff;border:1px solid #58717b}.inventory-shell{display:grid;grid-template-columns:minmax(215px,.75fr) minmax(340px,1.4fr);gap:24px;min-height:430px}.recipe-sidebar{display:flex;flex-direction:column;min-width:0;max-height:570px;border-right:1px solid #46606b;padding-right:20px}.book-title{display:flex;gap:12px;align-items:center;margin-bottom:16px}.book-title>span{font-size:26px;color:#e9c785}.book-title b{font-size:14px;color:#edf3e6}.book-title small{display:block;font-size:10px;color:#94b2bc;margin-top:5px}.inventory-search{color:#bdd2d8;font-size:11px;gap:8px}.inventory-search input{background:#0f1f28;border:1px solid #48616e;color:#f1f6f4;padding:11px;font-size:12px}.inventory-search input::placeholder{color:#9bb0bc}.inventory-filters{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.inventory-filters button{background:#2b424d;border:1px solid #46606b;padding:6px 9px;color:#c4d6db;font-size:10px;border-radius:5px}.inventory-filters button.active{background:#8bb894;color:#122e29;border-color:#b7d4ab;font-weight:700}.book-list{overflow:auto;min-height:120px;flex:1;scrollbar-color:#637c80 #1c303a;padding-right:5px}.book-entry{display:flex;align-items:center;width:100%;gap:9px;min-height:54px;text-align:left;background:#263d49;color:#e6eeee;border:1px solid #3c5563;margin:0 0 6px;padding:6px 9px;border-radius:6px}.book-entry.active{border-color:#dfc17b;background:#454a3b;box-shadow:inset 3px 0 #e5c582}.book-entry.available small{color:#add899}.book-entry>span:nth-child(2){flex:1;min-width:0}.book-entry b{font-size:11px;line-height:1.35;display:block;font-weight:600}.book-entry small{color:#9db7c2;display:block;font-size:9px;margin-top:3px}.book-entry em{color:#c1d4b3;font-size:18px;font-style:normal}.book-icon{position:relative;width:40px;height:40px;flex:0 0 40px}.book-icon img{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(1px 2px 1px #0005)}.book-icon .item-count{position:absolute;right:0;bottom:0;font:700 11px monospace;text-shadow:1px 1px #000}.reference-link{margin-top:10px;background:transparent;color:#e6cb8d;font-size:10px;text-align:left;padding:9px 0}.inventory-workspace{min-width:0}.inventory-shell .inventory-top{display:grid;grid-template-columns:1fr 1.12fr;gap:20px}.inventory-shell .equipment{background:radial-gradient(ellipse at 50% 80%,#71897933,transparent 70%),linear-gradient(#14232e,#233e47);border:1px solid #405e69;border-radius:8px;display:flex;align-items:center;gap:8px;padding:10px}.inventory-shell .armor-slots{display:flex;flex-direction:column;gap:5px}.inventory-shell .armor-slots .slot{width:34px}.inventory-shell .slot{background:linear-gradient(135deg,#3c525d,#293e4a);border:1px solid #637985;box-shadow:inset 2px 2px #0a1e2e80,inset -1px -1px #91a7af35;border-radius:4px;overflow:visible}.inventory-shell .slot:hover{background:#4a6168;border-color:#b8d0d2}.inventory-shell .slot.chosen{border:2px solid #ffd779;box-shadow:0 0 0 2px #b2995b55;background:#5a5942}.empty-equipment{font-size:20px;color:#718896}.inventory-shell .avatar-panel{flex:1;min-width:45px;overflow:hidden}.inventory-shell .avatar-panel canvas{width:100%;height:166px;object-fit:contain}.inventory-shell .avatar-panel small{font-size:7px;letter-spacing:1px;color:#afc4cb}.inventory-shell .offhand{width:32px;flex:0 0 32px;align-self:flex-end;margin-bottom:5px}.inventory-shell .craft-area{padding-top:2px;min-width:0}.inventory-shell h3{font-size:12px;color:#e6f0e4;margin-bottom:12px}.inventory-shell h3 span{color:#9bb7c1;font-size:10px}.inventory-shell .craft-grid{grid-template-columns:repeat(var(--craft-size,2),minmax(22px,38px));gap:4px}.inventory-shell .craft-row{gap:10px}.inventory-shell .craft-arrow{color:#d8bd80;font-size:22px}.inventory-shell .craft-output{width:50px;min-width:40px;border:2px solid #c0b57b;background:linear-gradient(#536347,#354938)}.inventory-shell .ghost .item-icon{opacity:1}.recipe-name{color:#f2deae!important;font-size:11px!important;font-weight:600;margin:11px 0 7px!important}.recipe-ingredients{display:flex;gap:4px 10px;flex-wrap:wrap;line-height:1.5;margin-bottom:10px}.recipe-ingredients span{font-size:9px}.recipe-ingredients .enough{color:#a8d39d}.recipe-ingredients .missing{color:#eeaf96}.inventory-shell .small-primary{background:#a9ca83;color:#213827;font-size:11px;font-weight:700;border:1px solid #d1e5ad;box-shadow:0 2px #48704c;padding:9px 16px}.inventory-shell .small-primary:disabled{opacity:.5;cursor:not-allowed}.craft-status{font-size:9px!important;color:#adc4cb!important;margin:9px 0 0!important}.inventory-shell .inventory-heading{margin-top:20px;margin-bottom:7px;gap:8px}.inventory-shell .inventory-heading h3{margin:0}.inventory-shell .inventory-heading>span{font-size:8px;color:#a3bac4}.inventory-shell .inventory-grid{gap:5px}.inventory-shell .inventory-grid .slot{max-height:58px}.inventory-shell .inventory-hotbar{margin-top:0}.inventory-shell .hotbar-heading{margin-top:14px}.inventory-tools{display:flex;gap:7px;align-items:center;margin-top:14px;flex-wrap:wrap}.inventory-tools>span{flex:1;font-size:9px;color:#b0c6d0;min-width:130px}.inventory-tools button{background:#344e59;color:#d7e5e8;padding:7px 9px;font-size:9px;border:1px solid #58717c;border-radius:4px}.inventory-footnote{font-size:9px;color:#99b3bf;line-height:1.6;margin:14px 0 0}.durability{position:absolute;bottom:3px;left:5px;right:5px;height:3px;background:#15242a;box-shadow:0 1px #000}.durability i{display:block;height:100%;background:#97d86c}.empty-book{font-size:12px;color:#c8d9dc}.family-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:17px}.family-summary>div{background:#e1ead9;border:1px solid #c1d2b5;border-radius:8px;padding:15px}.family-summary small{font-size:8px;color:#5c7452;display:block;margin-bottom:8px}.family-summary b{font-size:22px;color:#304c37}.family-table-wrap{max-width:100%;overflow:auto;border:1px solid #c6d2bc;border-radius:7px}.family-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;color:#304c39}.family-table th{background:#dce5d2;font-size:10px;padding:12px}.family-table td{padding:11px;border-top:1px solid #d0dbcb;vertical-align:middle}.family-table td small{display:block;font-size:9px;color:#6e8264;margin-top:4px;white-space:nowrap}.family-table select{padding:8px;min-width:100px;font-size:10px}.family-table code{font-size:10px;white-space:nowrap}.modal:has(.family-summary) .modal-panel{max-width:1100px}.create-player{margin:22px 0;font-size:12px;border:1px solid #cbd5c0;border-radius:7px;padding:14px}.create-player summary{cursor:pointer;color:#425e37;font-weight:700}.create-player form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:15px}.create-player p,.privacy-note{font-size:10px;color:#728362;line-height:1.6}.audit-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.audit-heading h3{margin:0}.audit-scroll{max-height:300px}#family-message,.family-error{color:#ad4939;font-size:12px;margin:12px 0}.catalog-reference-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:60vh;overflow:auto}.catalog-reference-list article{padding:10px;background:#e1e8d7;border:1px solid #c7d5bb;border-radius:5px;min-width:0}.catalog-reference-list b{display:block;font-size:11px;overflow-wrap:anywhere}.catalog-reference-list small{display:block;margin-top:5px;color:#738764;font-size:9px}.reference-summary{font-size:11px;line-height:1.7;color:#587348}.reference-search{margin:15px 0}@media(max-height:620px)and (min-width:721px){.modal:has(.inventory-shell) .modal-panel{padding:14px 18px}.inventory-shell{min-height:0;gap:18px}.recipe-sidebar{max-height:calc(100vh - 106px)}.inventory-shell .equipment{height:148px;padding:6px}.inventory-shell .avatar-panel canvas{height:125px}.inventory-shell .armor-slots .slot{width:27px}.inventory-shell .craft-grid{grid-template-columns:repeat(var(--craft-size,2),28px)}.inventory-shell .craft-row{gap:7px}.inventory-shell .craft-output{width:39px;min-width:39px}.recipe-ingredients{margin-bottom:4px;gap:2px 7px}.recipe-name{margin:7px 0 3px!important}.inventory-shell .small-primary{padding:6px 12px}.craft-status{margin-top:5px!important}.inventory-shell .inventory-heading{margin-top:10px;margin-bottom:5px}.inventory-shell .inventory-grid{gap:4px}.inventory-shell .inventory-grid .slot{max-height:36px}.inventory-tools{margin-top:9px}.inventory-footnote{margin-top:8px}.book-title{margin-bottom:10px}.book-entry{min-height:44px}.book-icon{height:32px;width:32px;flex-basis:32px}.inventory-filters{margin:8px 0}.inventory-search input{padding:8px}.modal:has(.inventory-shell) .modal-title{margin-bottom:12px}.lobby:has(.auth-tabs){grid-template-rows:60px 1fr 38px}.join-card .auth-tabs{margin-bottom:9px}.join-card .account-state{margin:8px 0;font-size:10px}.join-card .color-field{margin:9px 0}}@media(max-width:720px){.modal:has(.inventory-shell) .modal-panel{width:98vw;padding:14px}.inventory-shell{grid-template-columns:1fr;gap:14px}.recipe-sidebar{order:2;max-height:330px;border-right:0;border-top:1px solid #46606b;padding-right:0;padding-top:15px}.inventory-shell .inventory-top{gap:12px}.inventory-shell .equipment{gap:4px;padding:6px}.inventory-shell .armor-slots .slot{width:26px}.inventory-shell .avatar-panel canvas{height:122px}.inventory-shell .offhand{width:26px;flex-basis:26px}.inventory-shell .craft-grid{grid-template-columns:repeat(var(--craft-size,2),minmax(20px,30px))}.inventory-shell .craft-output{width:36px;min-width:32px}.inventory-shell .craft-row{gap:6px}.inventory-shell .inventory-grid{gap:3px}.inventory-shell .inventory-grid .slot{max-height:48px}.inventory-shell .slot .item-count{font-size:10px!important}.inventory-shell .inventory-heading>span{display:none}.inventory-tools>span{display:none}.inventory-tools{margin-top:9px}.inventory-footnote{margin-top:8px}.inventory-shell h3{font-size:11px}.book-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.book-entry{margin:0}.book-entry b{font-size:10px}.recipe-sidebar .book-title,.backpack-button small{display:none}.family-summary{gap:6px}.family-summary>div{padding:10px}.family-summary small{font-size:7px}.family-summary b{font-size:17px}.create-player form{grid-template-columns:1fr}.catalog-reference-list{grid-template-columns:1fr 1fr}}.account-buttons{display:flex;gap:14px;align-items:center;margin-top:8px}.account-buttons .secondary{flex:1}.recipe-variant{font-size:9px;color:#adc2c9;margin:6px 0}.recipe-variant select{font-size:9px;padding:5px 7px;background:#243b46;color:#dae9e9;border-color:#536d79}.recipe-variant select:focus{outline-offset:1px}@media(max-height:450px)and (min-width:721px){.modal:has(.inventory-shell) .modal-panel{padding:10px 14px}.modal:has(.inventory-shell) .modal-title{margin-bottom:8px}.modal:has(.inventory-shell) .modal-title h2{font-size:17px}.modal:has(.inventory-shell) #modal-kicker{display:none}.inventory-shell{gap:15px;grid-template-columns:minmax(190px,.75fr) minmax(360px,1.5fr)}.recipe-sidebar{max-height:calc(100vh - 80px);padding-right:12px}.inventory-shell .equipment{height:115px}.inventory-shell .avatar-panel canvas{height:95px}.inventory-shell .armor-slots{gap:3px}.inventory-shell .armor-slots .slot{width:23px}.inventory-shell .craft-grid{grid-template-columns:repeat(var(--craft-size,2),23px);gap:3px}.inventory-shell .craft-output{width:33px;min-width:33px}.inventory-shell .craft-area h3{margin-bottom:5px;font-size:10px}.inventory-shell .craft-row{gap:6px}.inventory-shell .recipe-name{font-size:9px!important;margin:4px 0!important}.recipe-ingredients{display:none}.recipe-variant{margin:3px 0}.recipe-variant select{max-width:180px}.inventory-shell .small-primary{padding:5px 10px;font-size:9px}.craft-status{font-size:8px!important;margin-top:4px!important}.inventory-shell .inventory-heading{margin-top:7px}.inventory-shell .inventory-heading h3{font-size:10px}.inventory-shell .inventory-grid .slot{max-height:28px}.inventory-shell .inventory-grid{gap:3px}.inventory-tools{margin-top:7px}.inventory-tools button{padding:5px 7px;font-size:8px}.inventory-footnote{font-size:8px;margin-top:6px}.inventory-shell .slot .item-count{font-size:9px!important}.book-title{margin-bottom:7px}.book-title b{font-size:11px}.book-title small{display:none}.inventory-search{font-size:9px;gap:5px}.inventory-filters button{font-size:8px;padding:5px 7px}.book-entry{min-height:38px}.book-icon{width:29px;height:29px;flex-basis:29px}}@media(max-height:500px)and (min-width:620px){.inventory-shell .avatar-panel small{display:none}.inventory-shell .avatar-panel canvas{display:block}.inventory-shell .inventory-top{margin-bottom:5px}}.social-toolbar{position:absolute;right:22px;top:76px;display:flex;gap:6px;pointer-events:auto}.social-toolbar button{background:#163333e8;border:1px solid #698b7b88;color:#eaf3e4;border-radius:6px;padding:8px 11px;font-size:11px;box-shadow:0 3px 14px #0002}.social-toolbar button.live{background:#467a55;border-color:#abd38b}.social-toolbar button.active{border-color:#f3d488;color:#ffe4a5}.social-toolbar button:disabled{opacity:.5}.chat-preview{position:absolute;left:24px;bottom:158px;max-width:min(460px,42vw);font-size:11px;line-height:1.5;pointer-events:none;color:#f1f6ef;text-shadow:0 1px #000}.chat-preview>div{background:#122a34c9;border-left:2px solid #9bbf94;margin:5px 0;padding:7px 10px;overflow-wrap:anywhere}.chat-preview b{color:#bde2ae}#movement-status{position:absolute;left:50%;bottom:140px;transform:translate(-50%);font-size:10px;padding:4px 9px;color:#f7efcc;text-shadow:0 1px #000;white-space:nowrap}.touch-movement{position:absolute;left:24px;bottom:164px;display:flex;gap:8px;pointer-events:auto}.touch-movement button{width:58px;height:44px;background:#183b3b99;border:1px solid #c3d6bb77;border-radius:9px;color:#fff;font-size:23px;touch-action:none}.touch-movement small{display:block;font-size:8px}.modal:has(.social-layout) .modal-panel{max-width:1100px;width:94vw;background:#192e39f7;border:1px solid #527080;color:#e6f0f2}.modal:has(.social-layout) h2{color:#eef4df}.modal:has(.social-layout) #modal-kicker{color:#96bcb6}.modal:has(.social-layout) .close{background:#36505b;color:#fff}.social-layout{display:grid;grid-template-columns:minmax(320px,1.5fr) minmax(230px,1fr);gap:25px}.social-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.social-section-heading small{font-size:8px;letter-spacing:1.4px;color:#a0bcb8}.social-section-heading h3{font-size:19px;color:#edf3dd;margin:6px 0}.social-private{font-size:9px;padding:6px 8px;background:#2a4650;border-radius:20px;color:#b9d7cc}.chat-messages{height:260px;overflow:auto;border:1px solid #3f5a67;border-radius:8px;padding:14px;background:#10232c;scrollbar-color:#577987 #152a34}.chat-message{margin:0 0 14px;overflow-wrap:anywhere}.chat-message header{display:flex;gap:12px;align-items:center}.chat-message b{color:#abd49b;font-size:11px}.chat-message time{color:#7d9ca9;font-size:9px}.chat-message p{color:#dce9ed;font-size:12px;line-height:1.6;margin:5px 0}.chat-message.system p{color:#ddcb9a}.chat-message.system b{color:#dfc37e}.chat-empty{font-size:12px;line-height:1.8;color:#8aa7b3;text-align:center;margin-top:60px}#chat-form{margin-top:14px}#chat-form label{color:#b9d0d4;font-size:10px}.chat-composer{display:flex;gap:8px;margin-top:7px}.chat-composer input{flex:1;min-width:0;background:#0d202a;border:1px solid #62808e;color:#fff;font-size:12px}.social-layout .small-primary{padding:10px 14px;font-size:11px;background:#afd18e;color:#233a2d;border:1px solid #d8e8bc;border-radius:6px}.social-layout .small-primary.live{background:#d7b17d}.social-layout .secondary{background:#2f4c59;color:#e1edf0;border:1px solid #5a7e8b;padding:10px 14px;font-size:11px;border-radius:6px}#chat-error{display:block;color:#e3ad9b;font-size:10px;margin-top:8px}.commands-menu{margin-top:15px;color:#c3d7d5;font-size:11px}.commands-menu summary{cursor:pointer}.command-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.command-chips button{background:#304851;color:#c6ddd1;font-size:10px;padding:7px 9px;border:1px solid #4a6a73;border-radius:5px}.commands-menu p{font-size:9px;line-height:1.5;color:#8ca9b3}.voice-panel{border-left:1px solid #3b5865;padding-left:24px}.voice-orb{font-size:33px;color:#c1dca2}#voice-status{font-size:12px;line-height:1.5;color:#c4d9d9;background:#29434a;padding:12px;border-radius:6px;min-height:56px}.voice-buttons{display:flex;gap:8px;flex-direction:column}.voice-explanation{font-size:10px;line-height:1.7;color:#96b2bd}.voice-person{display:flex;gap:9px;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #38525e}.voice-person b{font-size:12px;color:#e1ecdf}.voice-person small{display:block;font-size:9px;color:#8eacba;line-height:1.6;margin-top:5px}.voice-person b small{display:inline}.voice-person button{background:#4a4950;border:1px solid #8b7275;color:#f2d7ce;font-size:10px;padding:7px 9px;border-radius:5px}.voice-empty{font-size:11px;color:#9ab3bc}.mute-duration{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #425964;margin-top:16px;padding-top:16px}.mute-duration label{font-size:10px;color:#b9cecf}.mute-duration input,.mute-duration select{width:100%;min-width:0;background:#142c36;color:#dcebed;border:1px solid #526f7b;font-size:11px;padding:9px}.family-voice{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.family-voice input{width:62px;padding:7px;font-size:10px}.family-voice select{min-width:82px;padding:7px;font-size:10px}.family-voice button{padding:7px;font-size:10px;background:#526e48;color:#fff;border-radius:5px}.family-voice small{width:100%}@media(max-width:900px){.social-toolbar{right:12px;top:67px;gap:4px}.social-toolbar button{font-size:9px;padding:7px}.social-layout{gap:16px;grid-template-columns:minmax(260px,1.45fr) minmax(220px,1fr)}.voice-panel{padding-left:15px}.social-private{display:none}.chat-messages{height:190px}.social-section-heading h3{font-size:16px}#hud-phase{font-size:9px;max-width:100px}.touch-movement{left:18px;bottom:150px}.chat-preview{max-width:40vw;font-size:9px}}@media(max-height:500px){.modal:has(.social-layout) .modal-panel{padding:14px}.modal:has(.social-layout) .modal-title{margin-bottom:10px}.social-layout .social-section-heading{margin-bottom:7px}.social-layout .social-section-heading small{display:none}.chat-messages{height:120px}.social-layout{gap:18px}.voice-buttons{flex-direction:row}.voice-buttons button{flex:1;padding:8px!important;font-size:10px!important}.social-toolbar{top:62px}.social-toolbar button{font-size:8px;padding:5px 7px}#movement-status{bottom:110px}.touch-movement{bottom:128px}.chat-preview{bottom:130px}}@media(max-width:620px){.social-layout{grid-template-columns:1fr}.voice-panel{border-left:0;border-top:1px solid #3b5865;padding:18px 0 0}.chat-preview{display:none}.social-toolbar{left:12px;right:auto}.social-toolbar button{padding:6px;font-size:9px}}@media(pointer:coarse){.chat-preview,.keyboard-hint{display:none}}.lobby{min-height:0;overscroll-behavior:contain;scroll-padding:22px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.lobby .join-card{margin:22px 0;padding:28px;align-self:center;max-width:460px;width:100%;border-radius:22px;background:#f7f7edfa;border:1px solid #f5f9e7;box-shadow:0 24px 75px #061e2c50}.join-card .card-heading{align-items:flex-start;margin:0 0 22px;gap:12px}.join-card .card-icon{flex:0 0 42px;background:#e5edda;border:0;color:#56784e}.card-eyebrow{font-size:8px;letter-spacing:1.8px;color:#718761;display:block;margin:0 0 6px}.join-card .card-heading h2{font-size:23px;letter-spacing:-.7px;line-height:1.12;margin:0 0 7px;overflow-wrap:anywhere}.join-card .card-heading p{font-size:12px;line-height:1.5;color:#687c68}.join-card .segmented{margin:0 0 18px;padding:4px;gap:4px;border-radius:12px;background:#e5eadd}.join-card .segmented button{min-height:44px;font-size:13px;border-radius:9px}.join-card .auth-tabs{margin:0 0 16px;gap:20px;border-color:#d8e0cf}.join-card .auth-tabs button{font-size:13px;min-height:44px;padding:8px 2px}.join-card label{font-size:12px;letter-spacing:0;gap:8px}.join-card input,.join-card select{min-height:48px;font-size:16px;padding:12px 13px;border:1px solid #cbd6c5;border-radius:10px;background:#fffef7;box-shadow:0 1px 1px #27463605}.join-card input::placeholder{font-size:14px;color:#8d9d8c}.join-card #auth-fields{margin-top:16px}.join-card .password-field{margin-top:14px}.join-card #password-field{margin-top:0}.password-input{position:relative;display:block}.join-card .password-input input{padding-right:70px}.password-toggle{position:absolute;top:2px;right:3px;bottom:2px;min-width:56px;min-height:44px;padding:8px;background:transparent;color:#456b44;border-radius:8px;font-size:12px;font-weight:600}.field-hint{display:block;font-size:11px;font-weight:400;line-height:1.6;color:#6c7f68;letter-spacing:0;margin:8px 0 0}.join-card #password-help{color:#597449}.join-card #registration-help{margin-top:12px}.join-card .account-state{font-size:12px;line-height:1.55;border:0;border-radius:10px;color:#627859;background:#e9efdf;margin:16px 0;padding:11px 13px}.join-card .account-state.pending{background:#f3ead1;color:#796332;border:1px solid #e6d9b4}.account-welcome{display:flex;align-items:center;gap:13px;margin:4px 0 18px}.account-avatar{width:48px;height:48px;display:grid;place-items:center;background:#dfeaca;border:1px solid #c9d8b9;border-radius:14px;font-size:26px;color:#67864e}.account-welcome>div{min-width:0}.account-welcome small{display:block;font-size:8px;letter-spacing:1.4px;color:#81936b}.account-welcome strong{display:block;font:600 23px Space Grotesk,sans-serif;margin:4px 0;color:#314e37;overflow-wrap:anywhere}.account-welcome div>span{font-size:11px;color:#6e8260}.session-notice{display:flex;gap:12px;align-items:center;border:1px solid #cbdcbf;background:#e6efda;border-radius:12px;padding:16px;margin:4px 0 18px}.session-notice>span{font-size:26px;color:#6d9154}.session-notice p{margin:0;font-size:13px;line-height:1.6;color:#506b45}.join-card .primary{min-height:52px;font-size:15px;justify-content:center;border-radius:12px;background:#31583d;box-shadow:0 3px #213d2a;margin-top:16px}.join-card .primary:hover{background:#406e4e}.join-card #login-status{font-size:12px;line-height:1.6;background:#f7e6db;border:1px solid #e7c9b7;border-radius:9px;padding:10px 12px;margin:14px 0 0;color:#984a35}.join-card .server-settings{margin:16px 0 0;border-top:1px solid #dce3d1;padding-top:4px}.join-card .server-settings summary,.world-options summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;color:#6c7e64;font-size:11px;cursor:pointer;list-style:none}.join-card summary::-webkit-details-marker{display:none}.join-card .server-settings small{font-size:10px;margin-bottom:3px}.master-activation{min-height:44px;color:#3a603d;text-decoration:underline;text-underline-offset:3px}.join-card .account-buttons{gap:8px;flex-wrap:wrap;margin-top:12px}.account-buttons:has(>button[hidden]):not(:has(>button:not([hidden]))){display:none}.account-buttons .quiet{min-height:44px;padding:9px 12px;color:#67795b;flex:1}.account-buttons .secondary{min-height:44px;font-size:12px;border-radius:10px}.join-card .color-field{flex-wrap:wrap;gap:10px;margin:16px 0 7px;font-size:12px}.join-card .swatches{gap:1px}.join-card .swatch{width:40px;height:44px;border-radius:50%;border:9px solid #f7f7ed;background-clip:padding-box;box-shadow:none;position:relative}.join-card .swatch.selected:after{content:"";position:absolute;inset:-5px;border:1px solid #526f48;border-radius:50%}.world-options{border-top:1px solid #dce3d1;margin-top:8px}.world-options .form-row{margin:6px 0 12px}.world-options select{font-size:13px}.world-options .profile-note{margin:10px 0;font-size:10px}.touch-settings{border:1px solid #cdd9c0;border-radius:12px;padding:18px;margin:20px 0}.touch-settings legend{font-size:13px;font-weight:600;color:#49613d;padding:0 8px}.touch-settings>p{font-size:12px;color:#6c805f;line-height:1.5;margin:0 0 16px}.touch-settings>label{font-size:12px;position:relative;margin:12px 0}.touch-settings output{position:absolute;right:0;top:0;color:#526f42;font-weight:700}.touch-settings input[type=range]{height:44px;padding:0;accent-color:#638a4e;cursor:pointer;touch-action:pan-y}.touch-settings .toggle-setting{min-height:44px;gap:10px;flex-wrap:wrap}.touch-settings .toggle-setting input{height:23px;width:23px}.touch-settings .toggle-setting small{font-size:10px;font-weight:400;color:#80916e}.hud-more{position:relative;pointer-events:auto}.hud-more>summary{list-style:none;display:grid;place-items:center;width:44px;height:36px;background:#163333e8;border:1px solid #698b7b88;color:#eaf3e4;border-radius:8px;cursor:pointer;letter-spacing:2px}.hud-more>summary::-webkit-details-marker{display:none}.hud-more[open]>summary{background:#476348;border-color:#cbd89a}.hud-more-panel{position:absolute;right:0;top:calc(100% + 8px);width:190px;padding:8px;border:1px solid #718b72;border-radius:12px;background:#162e32f5;box-shadow:0 14px 38px #0005;display:grid;gap:5px;max-height:calc(100dvh - 125px);overflow:auto}.hud-more-panel button{width:100%;text-align:left;min-height:44px;font-size:12px!important;border-radius:7px!important;padding:10px!important}.touch-secondary{display:none;border-top:1px solid #67897455;padding-top:5px}.touch-look-hint{display:none}@media(max-width:720px){.lobby{grid-template-columns:minmax(0,1fr);grid-template-rows:72px 1fr 44px;gap:0;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));background:linear-gradient(180deg,#102d3499,#172f33aa)}.lobby:has(.auth-tabs){grid-template-rows:72px 1fr 44px}.lobby .welcome{display:none}.lobby-header{align-self:center;min-height:60px}.lobby .join-card{align-self:start;margin:10px 0 14px;padding:22px;max-width:440px;border-radius:20px}.lobby-header>.quiet{min-height:44px;font-size:11px}.lobby-footer{min-height:44px}.lobby-footer a{display:inline-flex;align-items:center;min-height:44px;font-size:10px;letter-spacing:0}.join-card .card-heading{margin-bottom:18px}.join-card .card-heading h2{font-size:23px}.join-card .segmented{margin-bottom:14px}.join-card .color-field{justify-content:flex-start}.join-card .swatches{margin-left:auto}.join-card .swatch{width:36px;height:44px;border-width:9px 7px}.join-card .auth-tabs{margin-bottom:15px}.join-card .account-state{margin:14px 0;font-size:12px}.join-card .form-row{grid-template-columns:1fr}.modal{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.modal-panel{max-height:calc(100dvh - 20px)}.close{min-width:44px;min-height:44px}.pause-buttons button{min-height:48px}.settings-grid input,.settings-grid select{min-height:44px;font-size:16px}.settings-grid .toggle-setting input{min-height:22px;width:22px}}@media(max-height:520px)and (min-width:620px){.lobby,.lobby:has(.auth-tabs){grid-template-columns:minmax(0,1fr);grid-template-rows:58px 1fr 32px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));gap:0}.lobby .welcome{display:none}.lobby-header{min-height:52px;height:auto}.lobby-header>.quiet{min-height:44px}.lobby .join-card{align-self:start;justify-self:center;display:grid;grid-template-columns:minmax(150px,.65fr) minmax(290px,1.5fr);grid-template-rows:min-content 1fr;gap:0 24px;max-width:740px;padding:20px 24px;margin:4px 0 14px}.join-card .card-heading{grid-column:1;grid-row:1;display:block;margin-bottom:20px}.join-card .card-icon{display:none}.join-card .card-heading h2{font-size:24px;line-height:1.15}.join-card .card-heading p{font-size:12px;line-height:1.6;margin-top:9px}.join-card .segmented{grid-column:1;grid-row:2;align-self:start;flex-direction:column;margin:0}.join-card #join-form{grid-column:2;grid-row:1/3;min-width:0}.join-card .auth-tabs{margin:0 0 12px}.join-card #auth-fields{margin-top:12px}.join-card label{font-size:11px;gap:6px}.join-card input,.join-card select{padding:10px 12px;font-size:16px;min-height:44px}.join-card .account-state{margin:12px 0;padding:9px 11px;font-size:11px}.join-card .primary{min-height:48px;margin-top:12px}.join-card .server-settings{margin-top:12px}.lobby-footer{min-height:32px;font-size:8px}.lobby-footer>span:first-child{display:none}.lobby-footer>span:last-child{margin-left:auto}.lobby-footer a{min-height:32px}.join-card .form-row{grid-template-columns:1fr 1fr}.join-card .account-welcome{margin-bottom:12px}.modal-panel{max-height:calc(100dvh - 20px)}}@media(pointer:coarse),(max-width:900px){#hud{--touch-scale:1;--touch-button:max(44px,calc(56px * var(--touch-scale)));--joystick-size:clamp(96px,calc(116px * var(--touch-scale)),150px);--touch-edge:18px;--touch-bottom:90px}#touch-controls{display:block;pointer-events:none}.touch-secondary{display:grid;gap:5px}.keyboard-hint,.chat-preview{display:none}.topbar{padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));gap:8px}.top-actions{gap:6px}.top-actions button{width:44px;height:44px;min-width:44px;min-height:44px;font-size:21px;border-radius:12px;background:#173532c9;border-color:#adc29e55}.top-actions .backpack-button{padding:0 9px}.backpack-button small{display:none}.world-badge{padding:7px 10px 7px 7px;max-width:42vw;min-width:0;height:44px;border-radius:12px;background:#142f32d9}.world-badge img{width:28px;height:28px}.world-badge>div{min-width:0}.world-badge b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-badge small{font-size:9px;white-space:nowrap}.top-actions #hud-phase{display:none}.social-toolbar{top:calc(max(10px,env(safe-area-inset-top)) + 52px);right:max(14px,env(safe-area-inset-right));left:auto;gap:6px;z-index:2}.social-toolbar>button{min-height:44px;padding:9px 12px;font-size:11px;border-radius:12px;background:#173532ce}.hud-more>summary{width:44px;height:44px;border-radius:12px;font-size:15px;background:#173532ce}.hud-more-panel{max-height:calc(100dvh - 134px - env(safe-area-inset-bottom));width:194px}.hud-more-panel button{min-height:44px}#joystick{width:var(--joystick-size);height:var(--joystick-size);left:calc(max(var(--touch-edge),env(safe-area-inset-left)) + 8px);bottom:calc(var(--touch-bottom) + env(safe-area-inset-bottom));border:2px solid #edf6de66;background:#183b374f;box-shadow:inset 0 0 0 12px #dce9d20b,0 4px 15px #071c2920;backdrop-filter:blur(2px)}#joystick-nub{width:44%;height:44%;min-width:42px;min-height:42px;background:#e5f1d757;border-color:#f2f7e398;box-shadow:0 3px 12px #071c2922}.touch-movement{left:max(var(--touch-edge),env(safe-area-inset-left));bottom:calc(var(--touch-bottom) + var(--joystick-size) + 10px + env(safe-area-inset-bottom));gap:8px}.touch-movement button{width:max(54px,calc(58px * var(--touch-scale)));height:44px;min-height:44px;background:#183936a3;border-color:#e4edcf66;border-radius:12px;font-size:20px}.touch-movement small{font-size:9px}.touch-movement button.active,.touch-movement button[aria-pressed=true]{background:#a3c57ada;color:#173b29;border-color:#eff7ce;box-shadow:0 0 0 2px #c4e59b44}.touch-actions{right:max(var(--touch-edge),env(safe-area-inset-right));bottom:calc(var(--touch-bottom) + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,var(--touch-button));grid-template-rows:repeat(2,var(--touch-button));gap:9px;pointer-events:auto}.touch-actions button{width:var(--touch-button);height:var(--touch-button);min-width:44px;min-height:44px;border-radius:19px;border:1px solid #dbe8c98c;background:#1e423e9c;font-size:24px;color:#f8fbe9;box-shadow:0 4px 14px #071c2920;touch-action:none}.touch-actions small{font-size:10px;margin-top:1px}.touch-actions [data-action=jump]{grid-column:2;grid-row:1;background:#789563c2;border-color:#e5f3bf;border-radius:50%}.touch-actions [data-action=attack]{grid-column:1;grid-row:2}.touch-actions [data-action=use]{grid-column:2;grid-row:2}.touch-actions .descend{position:static;grid-column:1;grid-row:1}.touch-look-hint{display:block;position:absolute;right:24px;top:43%;width:170px;text-align:center;font-size:8px;letter-spacing:1.8px;color:#f0f5dc88;text-shadow:0 1px 2px #122b25;pointer-events:none}.bottom-hud{bottom:calc(8px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}#hotbar{grid-template-columns:repeat(9,44px);gap:3px;padding:4px;max-width:100%;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;touch-action:pan-x}#hotbar .slot{min-width:44px;min-height:44px;scroll-snap-align:start}#hotbar::-webkit-scrollbar{display:none}#held-name{font-size:10px;min-height:20px;padding:3px 10px}#survival-bars{font-size:15px;margin-bottom:6px}#hunger{font-size:11px}#movement-status{bottom:calc(98px + env(safe-area-inset-bottom));font-size:9px;max-width:44vw;white-space:normal;text-align:center}#coordinates,#performance{margin:5px 16px;font-size:9px;max-width:40vw}#target-label{font-size:10px;max-width:40vw}#hud.left-handed #joystick{right:calc(max(var(--touch-edge),env(safe-area-inset-right)) + 8px);left:auto}#hud.left-handed .touch-movement{right:max(var(--touch-edge),env(safe-area-inset-right));left:auto}#hud.left-handed .touch-actions{left:max(var(--touch-edge),env(safe-area-inset-left));right:auto}#hud.left-handed .touch-look-hint{left:24px;right:auto}}@media(max-width:480px){#hud{--touch-edge:15px;--touch-bottom:120px}.bottom-hud{width:calc(100vw - 28px)}#hotbar{width:100%;justify-content:start}#survival-bars{font-size:13px}#hearts{letter-spacing:0}#hunger{font-size:10px}.social-toolbar>button{padding:9px 11px}.touch-look-hint{top:43%;right:12px;width:155px}.touch-actions{gap:8px}#movement-status{bottom:100px;max-width:66vw}}@media(max-height:450px)and (min-width:620px){#hud{--touch-bottom:78px;--touch-edge:18px;--joystick-size:clamp(96px,calc(106px * var(--touch-scale)),138px);--touch-button:max(44px,calc(50px * var(--touch-scale)))}.touch-movement{gap:6px}.touch-movement button{height:44px}.touch-look-hint{display:none}.bottom-hud{bottom:calc(7px + env(safe-area-inset-bottom))}#hotbar{grid-template-columns:repeat(9,44px);gap:2px;padding:3px}#held-name{position:absolute;bottom:76px;background:#15312c96}#survival-bars{margin-bottom:4px;font-size:13px;max-width:260px}#hunger{font-size:10px}.xp-track{max-width:260px}#movement-status{bottom:103px;font-size:9px}.topbar{padding-top:max(7px,env(safe-area-inset-top))}.social-toolbar{top:calc(max(7px,env(safe-area-inset-top)) + 49px)}.hud-more-panel{max-height:calc(100dvh - 126px - env(safe-area-inset-bottom))}}