:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f3f1e8;font-synthesis:none;--glass:rgba(19,37,31,.88);--line:rgba(255,255,255,.16);--sand:#d6c5a7}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#14241e}button,select,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);color:inherit;background:rgba(20,38,32,.80);border-radius:9px;padding:10px 15px;transition:background .15s}button:hover,button:focus-visible{background:#425b4d;outline:2px solid #d6c5a7;outline-offset:2px}button:disabled{opacity:.5;cursor:wait}button.active{background:#e3dac6;color:#20372b;border-color:transparent}button:active{transform:translateY(1px)}#world{display:block;width:100vw;height:100dvh;touch-action:none}header{position:absolute;top:0;left:0;right:0;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#10251db8,transparent);pointer-events:none}.identity,.actions{display:flex;align-items:center;gap:14px;pointer-events:auto}.monogram{height:44px;width:42px;border:1px solid #d6c5a78c;display:grid;place-items:center;font-family:Georgia,serif;font-size:29px;color:var(--sand)}small,.eyebrow{font-size:10px;letter-spacing:2px;color:#d9dfd2}h1{font-size:22px;font-weight:500;margin:5px 0 0;letter-spacing:-.6px}h1 span{font-size:13px;letter-spacing:0;color:#ccd4c6;font-weight:400;margin-left:6px}.actions{gap:8px}.actions button{backdrop-filter:blur(15px)}.location{position:absolute;left:30px;top:103px;background:var(--glass);border:1px solid var(--line);border-radius:50px;padding:10px 15px;display:flex;align-items:center;gap:10px;font-size:12px;backdrop-filter:blur(15px)}.live-dot{width:6px;height:6px;border-radius:50%;background:#b0ca9b}.divider{color:#869989}#level{color:#bdcabb}#mapPanel{position:absolute;top:100px;right:30px;width:215px;background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:14px;backdrop-filter:blur(18px)}.map-heading,.map-footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#b8c6b5}.map-footer{font-size:8px;letter-spacing:.3px}#map{width:100%;height:auto;display:block;margin:6px 0}#settings{position:absolute;right:30px;top:100px;width:285px;background:rgba(19,37,31,.97);border:1px solid var(--line);border-radius:14px;padding:22px;z-index:6;max-height:calc(100dvh - 200px);overflow:auto}#settings h2{font-size:19px;margin:0 0 22px}#settings label{display:block;font-size:12px;margin:19px 0}output{float:right;color:var(--sand)}input[type=range]{width:100%;margin:13px 0 0;accent-color:var(--sand)}select{display:block;width:100%;margin-top:9px;padding:9px;background:#263d31;color:#fff;border:1px solid var(--line);border-radius:7px}#settings p{font-size:11px;line-height:1.6;color:#b8c6b5}#settings button{margin:5px 0;width:100%;font-size:12px}#crosshair{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#ffffffaa;border-radius:50%;box-shadow:0 0 0 1px #0003;pointer-events:none}.welcome{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 40px));padding:35px 38px;background:rgba(20,38,31,.97);border:1px solid #d6c5a74d;border-radius:18px;box-shadow:0 30px 100px #0006;z-index:10}.welcome h2{font-family:Georgia,serif;font-size:48px;font-weight:400;letter-spacing:-1.5px;margin:15px 0}.welcome p{font-size:14px;line-height:1.7;color:#c8d1c2;margin-bottom:21px}.instructions{display:grid;grid-template-columns:1fr;gap:10px;font-size:12px;color:#e3e6dd}.instructions b{font-size:10px;font-weight:500;letter-spacing:3px}.loading{height:3px;background:#ffffff15;border-radius:3px;margin:25px 0 10px;overflow:hidden}#progressBar{height:100%;width:1%;background:var(--sand);transition:width .3s}.welcome #loadStatus{font-size:11px;margin:7px 0 18px}.welcome button{display:block;width:100%;background:var(--sand);color:#1a3326;border:none;font-weight:600;padding:14px}.welcome small{display:block;margin-top:17px;font-size:10px;letter-spacing:0;line-height:1.5;color:#aab9a5}footer{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);width:min(680px,calc(100% - 340px));display:flex;flex-direction:column;align-items:center;gap:10px}.floor-tabs{display:flex;border:1px solid var(--line);border-radius:10px;background:var(--glass);padding:4px;gap:3px}.floor-tabs button{font-size:11px;padding:7px 15px;border:none;background:none}.floor-tabs button.active{background:#d6c5a7;color:#183023}nav{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}nav button{font-size:11px;white-space:nowrap;padding:9px 13px;backdrop-filter:blur(12px)}.scale-note{display:flex;gap:20px;font-size:9px;letter-spacing:1px;text-shadow:0 1px 4px #000}.scale-note span:first-child{letter-spacing:0;color:#e1e7db}.joystick{position:absolute;bottom:35px;width:126px;height:150px;touch-action:none;user-select:none;-webkit-user-select:none}.joystick.left{left:36px}.joystick.right{right:36px}.stick-label{display:block;text-align:center;letter-spacing:3px;font-size:9px;color:#f0efdf;text-shadow:0 1px 3px #000;margin-bottom:10px}.stick-ring{width:126px;height:126px;border:1px solid #ffffff4d;border-radius:50%;background:rgba(20,38,31,.28);backdrop-filter:blur(10px);position:relative;box-shadow:inset 0 0 30px #0001}.stick-knob{position:absolute;top:39px;left:39px;width:46px;height:46px;border:1px solid #f0e4cf99;border-radius:50%;background:#e4d9c9b8;box-shadow:0 2px 12px #0002;pointer-events:none}.stick-axis{position:absolute;background:#ffffff18;pointer-events:none}.stick-axis.x{top:62px;left:12px;width:100px;height:1px}.stick-axis.y{left:62px;top:12px;width:1px;height:100px}.joystick.engaged .stick-ring{border-color:#e4d9c9}.joystick.engaged .stick-knob{background:#e4d9c9}#toast{position:absolute;left:50%;top:150px;transform:translateX(-50%);background:var(--glass);border:1px solid var(--line);border-radius:50px;padding:11px 20px;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:12}#toast.show{opacity:1}[hidden]{display:none!important}@media(max-width:760px){header{padding:18px 18px}.identity{gap:9px}.identity small{font-size:8px;letter-spacing:1.4px}.monogram{width:33px;height:36px;font-size:24px}h1{font-size:19px}h1 span{display:none}.actions button{font-size:11px;padding:9px}.location{left:18px;top:82px;font-size:10px;padding:8px 11px;gap:7px}#mapPanel{right:18px;top:128px;width:145px;padding:11px}#settings{right:18px;top:83px}.joystick{bottom:30px;width:106px;height:130px}.joystick.left{left:18px}.joystick.right{right:18px}.stick-ring{width:106px;height:106px}.stick-knob{left:29px;top:29px}.stick-axis.x{top:52px;left:12px;width:80px}.stick-axis.y{left:52px;top:12px;height:80px}footer{bottom:25px;width:calc(100% - 255px);gap:7px}.floor-tabs{gap:0}.floor-tabs button{padding:7px 8px;font-size:9px}nav{gap:4px;max-height:95px;overflow:auto}nav button{font-size:10px;padding:7px 9px}.scale-note{font-size:8px;text-align:center}.scale-note span:last-child{display:none}.welcome{padding:28px}.welcome h2{font-size:43px}#toast{top:125px;width:max-content;max-width:90vw;text-align:center}}@media(max-height:560px){header{padding-top:12px}.location{top:68px}#mapPanel{top:75px;width:130px}.joystick{bottom:15px}footer{bottom:17px}.welcome{padding:22px 28px;width:480px}.welcome h2{font-size:30px;margin:10px 0}.welcome p{margin:10px 0;font-size:12px}.instructions{grid-template-columns:1fr 1fr;font-size:10px;gap:6px}.loading{margin-top:15px}.welcome small{margin-top:10px}#settings{top:70px;max-height:calc(100dvh - 100px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Keep navigation controls without the branding header. */
header{justify-content:flex-end;background:none;padding:18px 30px}.location{top:24px}@media(max-width:700px){header{padding:18px}.location{top:70px}}

@media(max-width:700px){footer{width:calc(100% - 155px);left:auto;right:18px;transform:none}}

.bed-options{margin:24px 0 12px;padding:12px;border:1px solid var(--line);border-radius:9px}.bed-options legend{font-size:13px;color:var(--sand);padding:0 6px}.bed-options label{margin:12px 0!important}.bed-options select{font-size:12px}