:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f5f3e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#526658}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #e9d8a2;outline-offset:5px}button:disabled{opacity:.65;cursor:wait}button:hover{color:#fff}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(15,28,23,.63),transparent 66%),linear-gradient(0deg,rgba(14,25,22,.45),transparent 25%,transparent 80%,rgba(14,25,22,.17));transition:opacity 1s}.playing #vignette{opacity:.35}header{position:fixed;left:42px;right:36px;top:32px;display:flex;justify-content:space-between;align-items:center;z-index:3}.wordmark{font-family:Georgia,serif;font-size:30px;text-decoration:none;color:#fff8e9;display:flex;align-items:center;gap:12px;letter-spacing:-1px}.wordmark svg{width:33px;height:28px;stroke:currentColor;stroke-width:1.5;fill:none}.wordmark span{font:9px Arial,sans-serif;letter-spacing:1.8px;border-left:1px solid #ffffff44;margin-left:10px;padding:8px 0 8px 19px;color:#ebeede}.top-actions{display:flex;align-items:center;gap:24px}.live{font-size:9px;letter-spacing:1.6px;display:flex;gap:8px;align-items:center}.live i{width:5px;height:5px;border-radius:50%;background:#d7e4bc;box-shadow:0 0 8px #d7e4bc}#settings-toggle{font-size:28px;border:1px solid #ffffff45;width:42px;height:42px;border-radius:50%;background:#223d2e33;backdrop-filter:blur(10px)}#welcome{position:fixed;left:8.3vw;top:29%;max-width:620px}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#e3e8d2}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.6px;font-size:clamp(46px,5.3vw,85px);line-height:1.08;margin:24px 0 23px;text-shadow:0 2px 20px #29322833}#welcome p{font-size:13px;line-height:1.85;color:#eef0e1;letter-spacing:.1px;margin-bottom:30px}#enter{padding:19px 23px;background:#e9ecd9;color:#243d32;min-width:230px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:3px;font-size:12px;letter-spacing:.5px;box-shadow:0 8px 25px #132b2520;transition:background .2s}#enter:hover{background:white}#enter>span:last-child{font-size:21px;line-height:1}.intro-meta{display:flex;gap:29px;font-size:8px;letter-spacing:1.3px;color:#e6e7d2;margin-top:50px}#load-status{font-size:9px;letter-spacing:.7px;color:#dbe1ce;margin-top:13px;height:11px}footer{position:fixed;left:42px;right:42px;bottom:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#e3e7d2}#reticle{display:none;position:fixed;left:50%;top:50%;width:15px;height:15px;transform:translate(-50%,-50%);border:1px solid #ffffdf99;border-radius:50%;pointer-events:none}#reticle i{display:block;background:#fff9df;width:3px;height:3px;border-radius:50%;margin:5px}.playing #reticle{display:block}#location{position:fixed;left:34px;bottom:85px;display:flex;flex-direction:column;gap:8px;text-shadow:0 1px 8px #10251b}#location strong{font-family:Georgia,serif;font-size:26px;font-weight:400;letter-spacing:-.3px}#location-detail{font-size:10px;color:#e0e5d5}.tools{position:fixed;bottom:74px;right:30px;display:flex;gap:6px;padding:7px;background:#1e302ca6;border:1px solid #e4e7cf28;border-radius:7px;backdrop-filter:blur(15px)}.tools button{font-size:11px;padding:10px 12px;border-radius:3px;color:#dfdfd5}.tools button.selected{background:#e5e7d9;color:#283c30}kbd{font:9px Arial,sans-serif;padding:3px 5px;border:1px solid #ffffff4d;border-radius:3px;white-space:nowrap}.selected kbd{border-color:#283c3040}.tools kbd{margin-right:6px}.controls{position:fixed;bottom:28px;left:34px;right:34px;display:flex;justify-content:center;gap:26px;color:#e5e5d8;font-size:9px;text-shadow:0 1px 5px #25392d}.controls span{display:flex;gap:8px;align-items:center}#settings{position:fixed;z-index:5;right:32px;top:94px;width:300px;background:#20382fef;backdrop-filter:blur(20px);border:1px solid #d9ddc42b;border-radius:8px;padding:24px;box-shadow:0 15px 60px #07100b30}.panel-title{display:flex;justify-content:space-between;align-items:center;font-family:Georgia,serif;font-size:23px;margin-bottom:24px}.panel-title button{font:25px Arial}.panel-label{font-size:8px;letter-spacing:1.7px;color:#b3c3ad;margin-top:25px}label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}select{border:1px solid #ffffff33;background:#345041;border-radius:4px;padding:9px;color:#f4f1df;font-size:11px}.destinations{margin-top:10px}.destinations button,#reset{display:flex;width:100%;padding:12px 0;justify-content:space-between;border-bottom:1px solid #ffffff17;font-size:12px}#reset{margin:15px 0 20px}.check input{accent-color:#b3c8ad}.small{font-size:11px;line-height:1.7;color:#aebbaf;margin:21px 0 16px}aside a{font-size:10px;color:#e4e8d2;text-decoration:none}#diagnostics{position:fixed;top:103px;left:30px;background:#11251bdc;border-radius:4px;padding:13px 16px;font:10px/1.9 ui-monospace,monospace;color:#d6e3cb;white-space:pre;pointer-events:none}#toast{position:fixed;left:50%;top:110px;transform:translateX(-50%);font-size:11px;letter-spacing:.3px;background:#213b30eb;border:1px solid #ced9bd33;border-radius:20px;padding:12px 22px;opacity:0;transition:opacity .3s;pointer-events:none;text-align:center;max-width:90vw}#toast.show{opacity:1}#interaction{position:fixed;left:50%;top:56%;transform:translateX(-50%);font-size:10px;text-shadow:0 1px 8px #000}#joystick{position:fixed;bottom:45px;left:27px;width:106px;height:106px;border:1px solid #ffffff55;border-radius:50%;background:#213b3033;touch-action:none}#joystick div{position:absolute;left:32px;top:32px;width:42px;height:42px;border-radius:50%;background:#e5e8d27a;border:1px solid #ffffff55}.touch-buttons{position:fixed;right:24px;bottom:47px;display:flex;gap:15px;align-items:end}.touch-buttons button{border:1px solid #ffffff55;border-radius:50%;width:55px;height:55px;background:#213b3055;font-size:28px;touch-action:none}.touch-buttons button:last-child{width:69px;height:69px;font-size:35px}[hidden]{display:none!important}.locked .top-actions{opacity:.5}.locked .tools{pointer-events:none}@media(max-width:700px){header{left:21px;right:19px;top:22px}.wordmark{font-size:26px}.wordmark span,.live{display:none}.wordmark svg{width:27px}#welcome{left:8%;top:27%;right:7%}h1{font-size:57px;letter-spacing:-2px}.intro-meta{gap:20px;font-size:7px;letter-spacing:1px}#welcome p{font-size:12px}footer{left:23px;right:23px;bottom:23px;font-size:7px}footer span:last-child{display:none}#settings{top:83px;right:15px;width:min(300px,calc(100vw - 30px));max-height:calc(100dvh - 110px);overflow:auto}.controls{display:none}#location{left:22px;bottom:184px}#location strong{font-size:23px}.tools{bottom:15px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap;padding:5px}.tools button{font-size:10px;padding:8px}.tools kbd{display:none}#diagnostics{top:81px;left:15px;font-size:9px}#toast{top:85px;min-width:210px}#vignette{background:linear-gradient(90deg,#18312280,transparent),linear-gradient(0deg,#16302255,transparent 55%)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-height:550px){#welcome{top:22%}h1{font-size:44px;margin:12px 0}#welcome p{margin-bottom:14px}.intro-meta{display:none}#location{bottom:75px}.controls{display:none}.tools{bottom:20px}footer{bottom:17px}}