:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253b33;background:#b8d1cf;font-synthesis:none;--ink:#253b33;--paper:#f7f5eb;--green:#315f46;--line:rgba(37,59,51,.17)}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #c88645;outline-offset:4px}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.topbar{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:27px 38px;gap:16px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:27px;font-weight:750;letter-spacing:-1.5px}.brand svg{width:31px;height:31px}.brand-dot{color:#b77343}.tag{border-left:1px solid var(--line);padding:5px 0 5px 17px;margin-left:7px;font-size:10px;letter-spacing:1.8px;font-weight:600}.connection{display:flex;align-items:center;gap:9px;background:rgba(247,245,235,.91);border:1px solid #ffffff70;border-radius:30px;padding:12px 18px;font-size:12px;box-shadow:0 3px 20px #20382b08}.status-dot,.live-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#b98245}.status-dot.connected,.live-dot{background:#5c8751}.divider{height:16px;width:1px;background:var(--line);margin:0 7px}.people-button{color:inherit;background:none;border:0;padding:0;font-size:12px}.people-icon{font-size:19px;margin-right:6px}.welcome{position:fixed;inset:0;display:flex;align-items:center;padding:80px 7vw;pointer-events:none}.welcome-card{width:580px;max-width:100%;background:rgba(247,245,235,.95);padding:42px 43px 26px;border:1px solid #ffffffa3;border-radius:4px;box-shadow:0 18px 80px #183a2b18;pointer-events:auto;backdrop-filter:blur(12px)}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:650;line-height:1.5}.tiny-square{display:inline-block;background:#ae7751;width:6px;height:6px;margin-right:8px}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:67px;line-height:1.04;letter-spacing:-2.9px;margin:25px 0 23px}h1 em{font-weight:400;color:#52734e}p.intro{font-size:13px;color:#667065;line-height:1.85;margin:0 0 29px}label{display:block;font-size:9px;letter-spacing:1.5px;font-weight:650;margin-bottom:10px}.join-fields{display:flex;gap:9px}.join-fields input{min-width:0;flex:1;background:#fffef6;border:1px solid #d9dcd0;border-radius:3px;padding:13px 12px;color:var(--ink);font-size:12px;outline:none}.join-fields input:focus{border-color:#52734e;box-shadow:0 0 0 2px #52734e22}.primary{background:var(--green);color:#fffbed;border:1px solid var(--green);border-radius:3px;padding:14px 19px;font-size:12px;font-weight:550;display:flex;justify-content:space-between;align-items:center;gap:25px;transition:background .15s}.primary:hover{background:#234c35}.primary span{font-size:17px}.welcome-footer{border-top:1px solid var(--line);margin-top:27px;padding-top:17px;display:flex;justify-content:space-between;gap:12px;color:#7b8173;font-size:9px}.live-dot{width:5px;height:5px;margin-right:6px}.world-caption{position:absolute;bottom:32px;left:38px;right:38px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#f7f5eb;text-shadow:0 1px 3px #253b33}.world-caption span:last-child{letter-spacing:.2px;font-family:Georgia,serif;font-style:italic;font-size:15px}.crosshair{position:fixed;left:50%;top:50%;width:17px;height:17px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 1px 2px #0008)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fffc;width:2px;height:13px;left:7px;top:2px}.crosshair:after{transform:rotate(90deg)}.hud{position:fixed;bottom:24px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none}.controls{display:flex;gap:18px;font-size:10px;color:#fff;text-shadow:0 1px 4px #000a}.controls span{display:flex;align-items:center;gap:6px}kbd{font-family:inherit;font-size:9px;font-weight:600;letter-spacing:1px;border:1px solid #ffffff70;border-radius:3px;padding:4px 6px;background:#1d392655}.build-bar{display:flex;align-items:center;gap:19px;border:1px solid #ffffff90;border-radius:7px;background:rgba(247,245,235,.96);padding:12px 19px;box-shadow:0 7px 32px #183a2b25;pointer-events:auto}.selected-label{min-width:94px;display:flex;flex-direction:column;gap:4px}.selected-label .eyebrow{font-size:8px;letter-spacing:1px;color:#7b8173}#selected-material{font-family:Georgia,serif;font-size:20px}.hotbar{display:flex;gap:5px}.material{width:46px;height:48px;position:relative;border:1px solid transparent;border-radius:4px;background:transparent;padding:6px 8px 13px;color:#77806f}.material:hover{background:#e8eadf}.material.selected{border-color:#617e52;background:#e5eadb;color:#315f46}.swatch{width:24px;height:24px;display:block;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(150deg,#ffffff44,transparent 45%,#0002 46%);background-color:var(--swatch)}.material small{position:absolute;bottom:2px;left:0;right:0;font-size:8px}.build-help{font-size:9px;line-height:1.9;color:#899080;display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:16px}.build-help b{font-weight:550;color:#52614c}.coordinates{position:fixed;left:27px;bottom:31px;color:white;font-size:10px;letter-spacing:1px;text-shadow:0 1px 3px #0009}.pause{position:fixed;inset:0;background:#1b362c45;backdrop-filter:blur(7px);display:grid;place-items:center;z-index:4}.pause-card,.error-card{width:min(420px,90vw);background:var(--paper);padding:35px;border-radius:5px;box-shadow:0 12px 60px #16302522}.pause-card h2,.error-card h2{font-family:Georgia,serif;font-size:33px;font-weight:400;letter-spacing:-1px;margin:16px 0}.pause-card p,.error-card p{font-size:12px;line-height:1.8;color:#7b8173}.pause-card .primary{width:100%;margin-top:23px}.secondary{display:block;width:100%;margin-top:10px;border:1px solid var(--line);border-radius:3px;background:none;color:#62715b;font-size:11px;padding:12px}.pause-card .pointer-help{font-size:10px;margin:20px 0 0;text-align:center}.error-card{position:fixed;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%)}.toast{position:fixed;bottom:180px;left:50%;transform:translateX(-50%);padding:11px 18px;background:#f7f5ebed;border-radius:4px;font-size:12px;z-index:6;max-width:90vw;text-align:center}.people-panel{position:fixed;right:38px;top:82px;z-index:6;background:var(--paper);border:1px solid var(--line);padding:16px 21px;min-width:215px;border-radius:5px;box-shadow:0 8px 28px #183a2b15}.people-panel p{color:#88907d;margin:0 0 12px}.people-panel ul{list-style:none;padding:0;margin:0}.people-panel li{display:flex;align-items:center;gap:9px;font-size:12px;padding:6px 0}.player-color{width:8px;height:8px;border-radius:2px}.touch-controls{position:fixed;inset:0;pointer-events:none}.touch-pad{position:absolute;left:24px;bottom:145px;display:grid;grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,43px);gap:4px;pointer-events:auto}.touch-pad button:first-child{grid-column:2}.touch-pad button:nth-child(2){grid-row:2;grid-column:1}.touch-pad button:nth-child(3){grid-row:2;grid-column:2}.touch-pad button:nth-child(4){grid-row:2;grid-column:3}.touch-controls button{touch-action:none;background:#f7f5ebc9;color:var(--ink);border:1px solid #fff9;border-radius:5px;padding:10px;user-select:none}.touch-actions{position:absolute;right:20px;bottom:150px;display:grid;grid-template-columns:repeat(2,auto);gap:6px;pointer-events:auto}.touch-actions button{font-size:11px}.touch-pad button{font-size:22px}body.playing .topbar{opacity:.9}body.playing .brand{color:#fffef2;text-shadow:0 1px 3px #0005}body.playing .tag{border-color:#fff6}body.playing #world{cursor:crosshair}
@media(max-width:750px){.topbar{padding:19px 20px}.brand{font-size:24px}.brand svg{width:27px;height:27px}.tag{display:none}.connection{padding:10px 12px;font-size:11px}.people-button{font-size:11px}.people-icon{display:none}.welcome{padding:88px 20px;align-items:center}.welcome-card{padding:29px 25px 23px;width:475px}h1{font-size:56px}.intro br{display:none}.welcome-footer{font-size:8px}.world-caption{left:20px;right:20px;bottom:20px}.world-caption span:last-child{display:none}.join-fields{flex-direction:column}.join-fields .primary{padding:12px 16px}.join-fields input{padding:12px}.controls{gap:10px}.build-bar{gap:9px;padding:8px 10px}.selected-label{min-width:63px}.selected-label .eyebrow{font-size:6px}.selected-label #selected-material{font-size:16px}.material{width:36px;padding:6px 5px 13px}.build-help{display:none}.coordinates{left:15px;bottom:125px;font-size:9px}.people-panel{right:20px}.hud{bottom:17px}.hotbar{gap:2px}}@media(max-height:600px){.welcome{padding-top:75px;padding-bottom:24px}.welcome-card{padding:22px 28px 18px;width:540px}h1{font-size:43px;margin:13px 0}.intro{margin-bottom:16px!important}.welcome-footer{margin-top:16px;padding-top:12px}.world-caption{display:none}.join-fields{flex-direction:row}.controls{display:none}.topbar{padding-top:15px}.pause-card{padding:23px}.pause-card h2{font-size:28px;margin:10px 0}}