:root{color:#f7f8ef;font-synthesis:none;--mint:#c7e7b2;--dark:#1c332d;background:#b9dce0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #fff}[hidden]{display:none!important}#world{width:100%;height:100%;image-rendering:pixelated;display:block;position:fixed;inset:0}#lobby{background:linear-gradient(90deg,#0e231cc2,#142b2238 65%,#142b2257);grid-template-rows:auto 1fr auto;grid-template-columns:1fr 380px;gap:30px;padding:34px 5vw;display:grid;position:fixed;inset:0}header{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.brand{color:inherit;letter-spacing:2px;align-items:center;gap:10px;font-size:15px;font-weight:850;text-decoration:none;display:flex}.brand-light{opacity:.65;margin-left:-5px;font-weight:400}.brand-icon{color:var(--mint);font-size:40px;line-height:1}.version,.eyebrow{letter-spacing:2px;font-family:ui-monospace,monospace;font-size:11px}.version{border:1px solid #ffffff36;border-radius:3px;padding:9px 12px}.intro{align-self:center;padding-bottom:20px}.eyebrow{color:var(--mint);align-items:center;gap:10px;display:flex}.live-dot{background:#bfeba4;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #c7e7b24d}h1{letter-spacing:-2px;margin:24px 0;font-size:clamp(38px,4.7vw,76px);font-weight:800;line-height:1.35}h1 span{color:var(--mint)}.intro p{color:#e0e8dc;letter-spacing:.6px;font-size:16px;line-height:2}.intro-tags{gap:10px;margin-top:32px;display:flex}.intro-tags span{background:#ffffff0e;border:1px solid #ffffff30;border-radius:3px;padding:8px 12px;font-size:11px}.join-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#16322deb;border:1px solid #b4cfb94a;border-radius:8px;align-self:center;padding:30px;box-shadow:0 24px 70px #0003}.card-top{justify-content:space-between;align-items:center;display:flex}.card-top .eyebrow{letter-spacing:1.6px;color:#9caf9d;font-size:9px}.cube-mark{color:#d2e7c5;font-size:28px}h2{letter-spacing:-.6px;margin:21px 0 8px;font-size:27px}.subtle,.join-card label span{color:#a9b9ad;font-size:12px}.subtle{margin:0 0 27px}label{margin:20px 0 9px;font-size:12px;display:block}label span{float:right;font-size:10px!important}input{color:#fff;background:#0b201b75;border:1px solid #7085747a;border-radius:4px;outline:none;width:100%;padding:13px 14px;font-size:14px}input:focus{border-color:var(--mint);box-shadow:0 0 0 2px #c7e7b219}input::placeholder{color:#82948a}button{background:var(--mint);color:#203c2b;border:0;border-radius:4px;padding:14px 18px;font-weight:700;transition:background .15s}button:hover{background:#daf4c9}#join{width:100%;margin-top:24px}#status{color:#b6c9b6;min-height:32px;margin:12px 0 10px;font-size:11px;line-height:1.6}.server-row{color:#b1c6b5;border-top:1px solid #ffffff20;justify-content:space-between;gap:6px;padding-top:18px;font-family:ui-monospace,monospace;font-size:10px;display:flex}.server-row>span:first-child{align-items:center;gap:7px;display:flex}footer{color:#e3ecd7b3;border-top:1px solid #ffffff2b;grid-column:1/-1;justify-content:space-between;padding-top:20px;font-size:11px;display:flex}footer b{color:#bbd3a6;margin:0 10px}.footer-arrow{color:var(--mint);margin-left:15px}#hud{pointer-events:none;text-shadow:0 1px 3px #0007;position:fixed;inset:0}.hud-top{background:linear-gradient(#18291d50,#0000);justify-content:space-between;align-items:center;padding:20px 26px;display:flex}.hud-top .brand{letter-spacing:2px;font-size:12px}.stats{align-items:center;gap:15px;font:11px ui-monospace,monospace;display:flex}.stats button{pointer-events:auto;color:#fff;background:#172d286e;border:1px solid #ffffff30;padding:7px 10px;font-size:11px;font-weight:400}kbd{opacity:.7;margin-left:4px;font:10px ui-monospace,monospace}.world-label{flex-direction:column;gap:8px;font-size:11px;display:flex;position:absolute;top:75px;left:26px}.world-label small{opacity:.7;font:10px ui-monospace,monospace}#crosshair{color:#fff;text-shadow:0 0 3px #222;font:24px monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#target-label{opacity:.8;font-size:11px;position:absolute;top:calc(50% + 35px);left:50%;transform:translate(-50%)}#mining{background:#0003;width:60px;height:3px;position:absolute;top:calc(50% + 23px);left:calc(50% - 30px)}#mining>div{background:var(--mint);width:0;height:100%}.inventory{text-align:center;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}#selected-name{margin-bottom:12px;font-size:12px}.inventory p{color:#fff9;white-space:nowrap;margin:12px 0 0;font-size:10px}#hotbar{background:#1e2922b0;border:1px solid #ffffff50;border-radius:5px;gap:3px;padding:5px;display:flex;box-shadow:0 5px 25px #0003}#hotbar button{pointer-events:auto;background:#ffffff14;border:2px solid #0000;border-radius:2px;width:52px;height:52px;padding:0;position:relative}#hotbar button.active{background:#d8ecc035;border-color:#e0f0cc;box-shadow:0 0 0 1px #2224}#hotbar small{color:#fff9;font-size:9px;position:absolute;top:3px;left:4px}.block-icon{border:1px solid #fff2;width:26px;height:26px;margin:auto;display:block;transform:rotate(-8deg);box-shadow:inset -6px -6px #0002,inset 3px 3px #fff2}#chat-log{width:min(450px,70vw);max-height:190px;font-size:12px;line-height:1.8;position:absolute;bottom:145px;left:22px;overflow:hidden}#chat-log>div{overflow-wrap:anywhere;background:#18291d66;width:fit-content;max-width:100%;padding:1px 8px}#chat-form{pointer-events:auto;width:min(450px,70vw);position:absolute;bottom:110px;left:22px}#chat-input{background:#142620ee}#toast{background:#1c332de8;border:1px solid #ffffff40;border-radius:4px;padding:11px 18px;font-size:12px;position:absolute;top:100px;left:50%;transform:translate(-50%)}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14251d70;place-items:center;display:grid;position:fixed;inset:0}.pause-card{background:#18332ef5;border:1px solid #ffffff30;border-radius:8px;width:min(360px,90vw);padding:32px;box-shadow:0 24px 60px #0003}.pause-card>button{width:100%;margin:12px 0;display:block}.pause-card p{color:#bdcbbd;font-size:12px;line-height:1.6}.secondary{color:#d2dfcc;border:1px solid #ffffff26;font-size:12px;font-weight:400;background:#ffffff0a!important}.controls{color:#a9baaa;margin-top:24px;font-size:10px;line-height:2.2}@media (width<=850px){#lobby{grid-template-columns:1fr 330px;gap:20px;padding:24px 4vw}h1{font-size:36px}.intro p{font-size:13px}.join-card{padding:24px}.version{font-size:8px}footer{font-size:9px}.intro-tags{gap:5px}.intro-tags span{padding:7px;font-size:9px}#hotbar button{width:40px;height:44px}}@media (width<=620px){#lobby{flex-direction:column;gap:24px;padding:22px;display:flex;overflow:auto}.version{display:none}.intro{align-self:start;padding:0}.intro h1{margin:14px 0;font-size:32px}.intro p,.intro-tags{display:none}.join-card{align-self:stretch;margin-bottom:12px}footer{display:none}.hud-top{padding:15px}.hud-top .brand{font-size:9px}.stats{gap:8px;font-size:9px}#hotbar button{width:35px;height:40px}.inventory p{font-size:8px}.world-label{left:15px}}select{color:#fff;width:100%;font:inherit;background:#16322d;border:1px solid #7085747a;border-radius:4px;padding:12px 10px;font-size:13px}select:focus-visible{outline:2px solid var(--mint)}#relay-note{color:#dccd9d;font-size:10px;line-height:1.6}#server-directory{color:#c4d7c0;margin:14px 0;font-size:11px}#server-directory summary{cursor:pointer;padding:6px 0}#server-directory button{width:100%;margin:10px 0}#server-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}#server-list a{color:var(--mint)}#invite-link{font:10px ui-monospace,monospace}#save-status{color:var(--mint);font-size:10px}.pause-card{max-height:94vh;overflow:auto}.join-card{max-height:calc(100vh - 160px);overflow:auto}@media (width<=620px){.join-card{max-height:none}}#room-directory{border-top:1px solid #ffffff20;margin-top:20px;padding-top:10px}.room-directory-heading{justify-content:space-between;align-items:center;display:flex}.room-directory-heading h3{margin:8px 0;font-size:13px}.room-directory-heading button,.room-row button{flex-shrink:0;padding:7px 12px}#rooms-status{color:#a9b9ad;font-size:11px}#room-list{max-height:220px;overflow:auto}.room-row{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.room-row strong{overflow-wrap:anywhere;font-size:12px;display:block}.room-row small{color:#a9b9ad;margin-top:5px;font-size:10px;display:block}button:disabled{opacity:.5;cursor:not-allowed}#block-inventory{z-index:30}#block-palette{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}#block-palette button{background:color-mix(in srgb,var(--block-color) 35%,#17312c);border:2px solid var(--block-color);padding:12px 4px;font-size:14px}