:root{color:#284c4c;font-synthesis:none;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{background:0 0;border:0}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline-offset:5px;outline:3px solid #be6f44}canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.island-app{width:100%;height:100dvh;min-height:540px;position:relative;overflow:hidden}.header{pointer-events:none;z-index:10;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:30px;left:42px;right:42px}.round{background:#fff9e6d9;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.eyebrow{letter-spacing:1.7px;color:#477071;align-items:center;gap:8px;font-size:10px;display:flex}.eyebrow>span:first-child{background:#527b53;border-radius:50%;width:6px;height:6px}.view-tools{background:#fff9e6dd;border-radius:24px;flex-direction:column;align-items:center;gap:3px;padding:6px;display:flex;position:absolute;bottom:94px;right:43px}.view-tools button{border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.view-tools button:hover{background:#e0e9dc}.view-tools>span{background:#b9c8bd;width:17px;height:1px}.loading{background:#fff9e9ef;border-radius:20px;flex-direction:column;align-items:center;gap:15px;padding:30px 45px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 50px #315e6126}.spin{animation:4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.settings{z-index:11;background:#fffbed;border-radius:16px;width:285px;padding:20px;position:absolute;top:93px;right:43px;box-shadow:0 10px 40px #315d5b25}.settings label{border-bottom:1px solid #dde4d7;justify-content:space-between;align-items:center;padding:18px 0;font-size:12px;display:flex}.settings input{accent-color:#3b6a59;width:17px;height:17px}.plain{place-items:center;padding:4px;display:grid}.touch-controls{display:none}.primary{color:#fffbee;background:#3c6555;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:12px;display:inline-flex}.primary:hover{background:#2c5444}@media (width<=1050px){.header{left:28px;right:28px}}@media (width<=700px){.island-app{min-height:480px}.header{gap:7px;top:20px;left:18px;right:18px}.settings-toggle{flex-shrink:0;width:32px;height:32px}.view-tools{bottom:160px;right:20px}.touch-controls{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:52px;left:25px;right:25px}.joystick{pointer-events:auto;touch-action:none;background:#fffbe044;border:1px solid #fff8dc88;border-radius:50%;place-items:center;width:94px;height:94px;display:grid}.joystick>span{background:#fffbeddb;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 3px 15px #3b646829}.touch-actions{pointer-events:auto;align-items:center;gap:10px;display:flex}.touch-actions button{background:#fffbedce;border-radius:50%;width:52px;height:52px;font-size:11px}.touch-actions button.active{color:#fffbe5;background:#3e675a}.settings{top:72px;right:18px}.loading{min-width:230px;padding:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.header button{pointer-events:auto}.settings{width:min(320px,100vw - 36px);max-height:calc(100dvh - 112px);overflow-y:auto}.load-error{background:#fff9ed;border-radius:20px;justify-items:center;gap:20px;padding:24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #315e6144}.fallback-actions{gap:12px;display:flex}.touch-actions button{place-items:center;display:grid}.settings label{border-bottom:0;gap:12px;padding:4px 0}.settings label>svg,.settings input{flex-shrink:0}.setting-copy{flex:1;font-size:14px;line-height:1.5}.nearby-bubble{z-index:3;background:#fffbed;border-radius:16px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 4px 16px #23453d29}.nearby-bubble:after{content:"";border-top:6px solid #fffbed;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;bottom:-6px;left:calc(50% - 6px)}.nearby-bubble:hover{box-shadow:0 4px 20px #23453d55}.loading-progress{accent-color:#3b6a59;width:100px;height:5px}.loading.compact{flex-direction:row;padding:10px 16px;top:auto;bottom:24px;transform:translate(-50%)}.loading.compact svg{width:18px;height:18px}