:root{color-scheme:dark;--bg: #12160f;--card: #1c2418;--ink: #f3efe4;--muted: #b7b39a;--line: #3c4a34;--accent: #efb15a;--accent-ink: #2a1c08;--danger: #e07a62;--good: #8fb56a;--grass: #6ea645;--dirt: #8d5a36;--sand: #e4d2a1;--water: #2f7ea4;--sky: #8ecae6;--block: #1b2416;font-family:Avenir Next,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(1000px 520px at 8% -10%,#2c3a24 0%,transparent 55%),radial-gradient(800px 420px at 110% 0%,#3a2a16 0%,transparent 48%),var(--bg)}body.in-game{overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;overscroll-behavior:none}body:not(.in-game){color-scheme:light;background:linear-gradient(#d8f3fc 0%,var(--sky) 38%,#6eafd4 100%);color:var(--block);min-height:100dvh}body:not(.in-game):before,body:not(.in-game):after{content:"";position:fixed;left:0;right:0;pointer-events:none;z-index:0}body:not(.in-game):before{bottom:16px;height:22px;background:repeating-linear-gradient(90deg,#6ea645 0,#6ea645 28px,#62963e 28px,#62963e 30px);box-shadow:inset 0 5px #7fbe52}body:not(.in-game):after{bottom:0;height:16px;background:repeating-linear-gradient(90deg,#8d5a36 0,#8d5a36 28px,#7a4c2c 28px,#7a4c2c 30px)}button,input,select{font:inherit;font-size:16px}button{min-height:44px;border-radius:999px;border:1px solid transparent;padding:12px 18px;background:#2a3424;color:var(--ink);cursor:pointer}button.primary{background:var(--accent);color:var(--accent-ink);font-weight:650}button.ghost{background:transparent;border-color:var(--line)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #efb15a;outline-offset:2px}input,select{width:100%;min-height:44px;border-radius:12px;border:1px solid var(--line);background:#10150e;color:var(--ink);padding:10px 12px}label{display:grid;gap:6px;color:var(--muted);font-size:14px}.choice{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--ink);font-size:16px}.choice input{width:auto;min-height:0}fieldset{border:1px solid var(--line);border-radius:14px;margin:0;padding:8px 12px 4px}legend{color:var(--muted);padding:0 6px}h1,h2,h3,.eyebrow{font-family:Avenir Next,Segoe UI,sans-serif;font-weight:750}h1{font-size:clamp(40px,6vw,64px);margin:0;letter-spacing:-.03em}h2{margin:0 0 8px;font-size:28px}h3{margin:0;font-size:18px}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 8px;letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:var(--accent)}.mark{display:inline-grid;grid-template-columns:14px 14px;gap:3px;flex:0 0 auto}.mark i{display:block;width:14px;height:14px;box-shadow:inset -3px -3px #0000002e}.mark i:nth-child(1){background:#6ea645}.mark i:nth-child(2){background:#e4d2a1}.mark i:nth-child(3){background:#8d5a36}.mark i:nth-child(4){background:#2f7ea4}.lede,.hint,.card p,.fine{color:var(--muted);line-height:1.45}.fine{margin:0;font-size:13px}.card{background:color-mix(in srgb,var(--card) 92%,black);border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;gap:12px;box-shadow:0 18px 50px #00000038}.error{color:var(--danger);margin:0}#login-view,#lobby-view{position:relative;z-index:1}#login-view{min-height:100dvh;display:grid;place-items:center;padding:24px 24px 64px;overflow:hidden}.floaters{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cube{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:var(--c);box-shadow:calc(var(--s) * .22) calc(var(--s) * .22) 0 #1b241647,inset calc(var(--s) * -.16) calc(var(--s) * -.16) 0 #00000029,inset calc(var(--s) * .12) calc(var(--s) * .12) 0 #ffffff47}#login-view .card,#lobby-view .card,#login-view button,#lobby-view button,#login-view input,#lobby-view select{border-radius:6px}#login-view .card,#lobby-view .card{background:#fff8ee;border:4px solid var(--block);box-shadow:7px 7px #1b2416d1;color:var(--block)}#login-view .eyebrow,#lobby-view .eyebrow{color:#1d5f86}#login-view h1,#lobby-view h1,#lobby-view h2,#lobby-view h3{color:var(--block)}#login-view .lede,#login-view label,#lobby-view label,#lobby-view .card p,#lobby-view .section-head p,#lobby-view .fine{color:#3d4c34}#login-view button,#lobby-view button{border:3px solid var(--block);box-shadow:0 4px 0 var(--block);font-weight:750}#login-view button.primary,#lobby-view button.primary{background:var(--grass);color:#14210c}#login-view button.ghost,#lobby-view button.ghost{background:#fff8ee;color:var(--block);box-shadow:0 4px #c9b48a}#login-view button:active,#lobby-view button:active{transform:translateY(4px);box-shadow:none}#login-view input,#lobby-view select,#lobby-view input{border:3px solid var(--block);border-radius:6px;background:#fff;color:var(--block);box-shadow:3px 3px #e4d2a1}#login-view .error,#lobby-view .error{color:#9d341f}.login-card{width:min(460px,100%);position:relative}.login-card h1{font-size:clamp(36px,5vw,52px)}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 88px;display:grid;gap:18px}.top,.whoami,.section-head,.row,.split,.invite-row,.card-actions,.brand{display:flex;gap:12px;align-items:center}.row{flex-wrap:wrap}.top,.section-head{justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.section-head p{margin:0;max-width:520px}.brand .mark{width:34px}.title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.version{margin:0;background:#fff8ee;border:3px solid var(--block);box-shadow:3px 3px 0 var(--block);padding:4px 8px;font-size:14px;font-weight:750;color:var(--block);white-space:nowrap}.lobby-view h1,#lobby-view h1{font-size:34px;letter-spacing:-.03em}.name-chip{background:#fff8ee;border:3px solid var(--block);box-shadow:3px 3px 0 var(--block);padding:6px 12px;font-weight:750}.banner{background:#fff1ec;border:3px solid #9d341f;padding:10px 12px}.lobby-layout{display:grid;gap:16px;align-items:start}.maps-col,.stack{display:grid;gap:14px}.create-card{max-width:640px}.stack{gap:12px}.split{align-items:end;flex-wrap:wrap}.split label{flex:1 1 180px}.split button{flex:0 0 auto}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;padding:0;margin:0}.tiles legend{grid-column:1 / -1;color:var(--block);font-weight:750;padding:0}.tile{display:flex;align-items:center;gap:8px;min-height:64px;padding:8px 10px;background:#fff;border:3px solid var(--block);box-shadow:3px 3px #e4d2a1;color:var(--block);cursor:pointer;font-size:16px}#lobby-view .tile input,#login-view .tile input{width:20px;height:20px;min-height:0;margin:0;padding:0;border:0;box-shadow:none;background:transparent;accent-color:#2c3d24;flex:0 0 auto}.tile strong,.tile small{display:block}.tile small{color:#3d4c34;font-size:13px;font-weight:500}.tile:has(input:checked){background:#cfe8b4;box-shadow:3px 3px 0 var(--block)}.extra{border:3px solid var(--block);background:#fff;padding:8px 12px}.extra summary{min-height:36px;cursor:pointer;font-weight:750}.extra:not([open])>:not(summary){display:none}.extra[open]{display:grid;gap:8px}.people ul,#map-list{margin:0;padding:0;list-style:none}#people-list{display:flex;flex-wrap:wrap;gap:8px;padding:0}#people-list li{border:3px solid var(--block);background:#e4d2a1;color:#3a2c12;padding:6px 10px;font-weight:700}.note{margin:0;background:#cfe8b4;border:3px solid var(--block);padding:8px 10px;color:var(--block)}.map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.map-card{padding:0;overflow:hidden;gap:0}.terrain{display:grid;grid-template-columns:repeat(14,1fr);align-items:end;height:86px;gap:3px;padding:12px 10px 0;background:linear-gradient(#d7f3fc,#7ebfdf)}.terrain i{display:block;height:var(--h);background:linear-gradient(var(--top) 0 9px,var(--side) 9px);box-shadow:inset -3px 0 #00000029}.map-body{display:grid;gap:10px;padding:14px}.map-card h3{font-size:24px}.badges,.card-actions{display:flex;flex-wrap:wrap;gap:6px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:2px solid var(--block);font-size:13px;font-weight:750;background:#fff;color:var(--block)}.pill-shared{background:#b7dff2}.pill-private{background:#e4d2a1}.pill-build{background:#c6e3a4}.pill-look{background:#d5eef2}.pill-online{background:#f3c56d}.pill-mine{background:#f7d7c4}.dot{width:8px;height:8px;background:#2f7a32;box-shadow:0 0 0 2px #edf8df}.meta{color:#3d4c34;margin:0}.enter{width:100%}.manage{border-top:3px dashed #d7c7a4;padding-top:4px}.manage summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:750}.manage-body{display:grid;gap:10px;padding-bottom:4px}.invite-row{flex-wrap:wrap}.invite-row input{flex:1 1 140px}.invite-row select{flex:0 1 150px;width:auto}.invite-row button{flex:0 0 auto}.invite-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.invite-row span{flex:1 1 140px;font-weight:650}#lobby-view button.danger{background:#fff1ec;color:#9d341f;box-shadow:0 4px #9d341f}.controls ul{margin:8px 0 0;padding-left:18px;display:grid;gap:6px}.controls li{color:#3d4c34}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.empty-card{max-width:480px}.empty-copy{margin:0}#game-view{position:fixed;left:0;top:0;width:100dvw;height:100dvh;background:#c5dce8;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;z-index:2}#world,#look-layer,#labels,#hud,#loading,#disconnect,#rotate-gate{position:absolute;top:0;right:0;bottom:0;left:0}#world{width:100%;height:100%;display:block;touch-action:none}#look-layer{z-index:1;touch-action:none}#labels{z-index:2;pointer-events:none;overflow:hidden}#hud{z-index:3;pointer-events:none}#loading,#disconnect,#rotate-gate{z-index:4;display:grid;place-content:center;justify-items:center;text-align:center;padding:24px;background:#12160fb8;color:var(--ink)}#rotate-gate{z-index:6;background:#12160f}#loading[hidden],#disconnect[hidden],#rotate-gate[hidden],#game-view[hidden],#lobby-view[hidden],#login-view[hidden],#people-panel[hidden],#create-map[hidden],#visitor-field[hidden]{display:none}#topbar,#stick,#hotbar-wrap,#btn-jump,#btn-descend,#btn-sprint,#topbar button{pointer-events:auto}.actions{pointer-events:none}#topbar{position:absolute;top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.map-name{display:grid;justify-items:center;text-align:center}#map-title{text-shadow:0 1px 2px rgba(0,0,0,.45)}#role-banner{margin-top:4px;background:#12160fb8;border-radius:999px;padding:4px 10px;font-size:13px}#who{max-width:34vw;text-align:right;color:#f7f4ea;text-shadow:0 1px 2px rgba(0,0,0,.55);font-size:14px}#stick{position:absolute;left:max(10px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));width:min(132px,30vmin);height:min(132px,30vmin);border-radius:50%;background:#00000047;border:2px solid rgba(255,255,255,.28);touch-action:none}#stick-knob{position:absolute;left:50%;top:50%;width:46%;height:46%;border-radius:50%;background:#ffffffc7;transform:translate(-50%,-50%)}#hotbar-wrap{position:absolute;left:calc(min(148px,34vmin) + env(safe-area-inset-left));right:calc(min(108px,26vmin) + env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));display:grid;justify-items:center;gap:4px}#held-name{margin:0;min-height:1.1em;color:#fff;font-size:13px;text-shadow:0 1px 2px #000}#hotbar{width:100%;display:grid;grid-template-columns:repeat(15,minmax(0,54px));justify-content:center;gap:2px;padding:3px;background:#00000073;border:2px solid rgba(0,0,0,.55);box-sizing:border-box}#hotbar button{width:100%;aspect-ratio:1;height:auto;min-height:0;padding:0;border-radius:2px;border:2px solid rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px #ffffff1f;overflow:hidden;background-repeat:no-repeat;image-rendering:pixelated}#hotbar button.is-on{border-color:#fff;box-shadow:0 0 0 2px #fff,inset 0 0 0 1px #0006;z-index:1}.actions{position:absolute;top:0;right:0;bottom:0;left:0}#btn-jump,#btn-descend,#btn-sprint{position:absolute;display:grid;place-items:center;padding:0;min-height:0;border-radius:50%;background:#00000061;color:#fff;border:2px solid rgba(255,255,255,.45);touch-action:none}#btn-jump{right:max(14px,env(safe-area-inset-right));bottom:calc(max(148px,34vmin) + env(safe-area-inset-bottom));width:min(78px,18vmin);height:min(78px,18vmin)}#btn-descend{right:max(22px,calc(8px + env(safe-area-inset-right)));bottom:calc(max(64px,15vmin) + env(safe-area-inset-bottom));width:min(62px,15vmin);height:min(62px,15vmin)}#btn-sprint{right:calc(max(104px,24vmin) + env(safe-area-inset-right));bottom:calc(max(158px,37vmin) + env(safe-area-inset-bottom));width:min(58px,14vmin);height:min(58px,14vmin)}#btn-jump.is-held,#btn-descend.is-held,#btn-sprint.is-on{background:#ffffffd1;color:#1c1408;border-color:#fff}.glyph{width:46%;height:46%;display:block;pointer-events:none}#btn-jump .fly-up,#btn-descend .fly-down,#game-view.is-flying #btn-jump .jump,#game-view.is-flying #btn-descend .sneak{display:none}#game-view.is-flying #btn-jump .fly-up,#game-view.is-flying #btn-descend .fly-down{display:block}#game-view.is-look #hotbar-wrap{display:none}.rotate-phone{width:64px;height:108px;margin:0 auto 8px;border:4px solid var(--ink);border-radius:14px;position:relative;animation:tilt-phone 1.8s ease-in-out infinite}.rotate-phone:before{content:"";position:absolute;top:8px;left:50%;width:22px;height:4px;border-radius:2px;background:var(--ink);transform:translate(-50%)}@keyframes tilt-phone{0%,18%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}#toast{position:absolute;left:50%;top:calc(72px + env(safe-area-inset-top));transform:translate(-50%);margin:0;background:#12160fd1;padding:8px 12px;border-radius:999px}.name-label{position:absolute;transform:translate(-50%,-120%);background:#12160fb8;color:#fff;border-radius:999px;padding:2px 8px;font-size:13px;white-space:nowrap}@media(min-width:960px){.lobby-layout:has(#people-panel:not([hidden])){grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:800px){.top{align-items:flex-start}.section-head button{width:100%}.tiles{grid-template-columns:1fr}}