:root{--ink:#284d45;--muted:#60746a;--paper:#f4f3e8;--line:#526b5029;--accent:#315e4d;color:var(--ink);font-synthesis:none;background:#e4eade;font-family:Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#f7f7edc9;border-radius:24px;min-height:44px;padding:10px 19px;transition:background .2s}button:hover:not(:disabled),a:hover{background:#fffdf1}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #ba873b}a{color:inherit}h1,h2,p{margin:0}h1{letter-spacing:4px;font-family:Georgia,Microsoft YaHei,serif;font-size:27px;font-weight:500}p{color:var(--muted);line-height:1.85}.experience{background:radial-gradient(at 49% 43%,#f5f3da 0,#e1e9dc 46%,#bdd5ca 100%);height:100dvh;min-height:580px;position:relative;overflow:hidden}.canvas-wrap{position:absolute;inset:0}.globe-label-layer{pointer-events:none;z-index:1;position:absolute;inset:0}.canvas-wrap canvas{touch-action:none;outline:none}.topbar{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:20px;display:flex;position:absolute;top:35px;left:42px;right:42px}.topbar button,.topbar a,.toolbar{pointer-events:auto}.brand{letter-spacing:3px;margin-bottom:13px;font-size:10px;font-weight:600}.topbar p{margin-top:8px;font-size:12px}.topbar>button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.intro{pointer-events:none;max-width:220px;position:absolute;top:32%;left:43px}.eyebrow{letter-spacing:2px;color:#778769;font-size:10px;font-weight:600}.intro h2{letter-spacing:5px;max-width:180px;margin:20px 0;font-family:Georgia,Microsoft YaHei,serif;font-size:36px;font-weight:400;line-height:1.7}.intro p{max-width:160px;font-size:12px}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9f8eddf;border:1px solid #fff8;border-radius:18px;box-shadow:0 14px 60px #3559480d}.biome-panel{width:305px;padding:24px;position:absolute;bottom:100px;right:38px}.biome-tabs{justify-content:space-between;gap:5px;margin:17px 0 25px;display:flex}.biome-tabs button{background:0 0;border-color:#0000;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:8px 5px;font-size:10px;display:flex}.biome-tabs button[aria-pressed=true]{background:#e7e9d6;border-color:#c5ccb3}.biome-tabs button>span{border-radius:50%;width:14px;height:14px}.biome-tabs small{font-size:10px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.row h2{letter-spacing:2px;font-size:21px;font-weight:500}.status{color:#5f7851;white-space:nowrap;font-size:10px}.biome-panel p{margin:16px 0 20px;font-size:12px}.primary{background:var(--accent);color:#fff8e5;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:15px 18px;font-size:13px;display:flex}.primary:hover:not(:disabled){background:#244c3c}.primary:disabled{background:#879483}.globe-footer{pointer-events:none;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:30px;left:42px;right:42px}.globe-footer small{font-size:10px}.marker{color:#fdfae6;white-space:nowrap;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#305b506b;border:1px solid #fcf4d26b;border-radius:20px;padding:6px 9px;font-size:10px;display:block}.marker.active{color:#416149;background:#fcf7de;border-color:#fff}.settings{z-index:12;width:300px;padding:22px;position:absolute;top:95px;right:35px}.settings h2{font-size:20px}.settings label{justify-content:space-between;align-items:center;padding-top:22px;font-size:14px;display:flex}.settings select{border:1px solid var(--line);background:#faf9ec;border-radius:8px;min-height:44px;padding:9px}.settings input{width:23px;height:23px;accent-color:var(--accent)}.loading,.fallback,.transition{z-index:20;background:#e8edde;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0}.fallback{text-align:center;padding:30px}.fallback p{max-width:540px}.loading-orbit{border:1px solid #748b5c;border-left:3px solid #355f49;border-radius:50%;width:40px;height:40px;animation:2s linear infinite spin}.transition{z-index:18;background:#e8eddecf;animation:1s both fadein}.debug-toggle{z-index:8;min-height:32px;padding:6px 12px;font-size:10px;position:absolute;bottom:65px;left:18px}.debug{z-index:9;pointer-events:none;max-width:360px;padding:15px;font:10px/1.8 monospace;position:absolute;top:150px;left:18px}.diagnostic-hidden{display:none}.world-top h1{letter-spacing:2px;font-size:23px}.toolbar{align-items:center;gap:10px;display:flex}.toolbar a{background:#f8f6e7d9;border-radius:24px;align-items:center;min-height:44px;padding:10px 18px;font-size:13px;text-decoration:none;display:inline-flex}.quality-label{font-size:11px}.world-bottom{pointer-events:none;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:28px;left:42px;right:42px}.world-bottom button{pointer-events:auto;margin-left:8px;font-size:12px}.help{width:350px;padding:28px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.help h2{margin:18px 0;font-size:24px;font-weight:400}.help p{margin-bottom:25px;font-size:13px}.joystick{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);touch-action:none;-webkit-user-select:none;user-select:none;color:#3f6048;background:#f9f7e34f;border:1px solid #fff8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:110px;height:110px;font-size:18px;display:flex;position:absolute;bottom:112px;left:24px}.joystick small{font-size:10px;position:absolute;bottom:-24px}.boundary{background:#fff4da;border-radius:30px;padding:10px 25px;font-size:13px;position:absolute;top:135px;left:50%;transform:translate(-50%)}.world-page .debug-toggle{bottom:27px;left:50%;transform:translate(-50%)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.reduced *{transition:none!important;animation:none!important}@media (max-width:1000px){.intro{max-width:150px;top:23%}.intro h2{max-width:130px;font-size:27px}.biome-panel{width:265px;padding:19px;right:25px}.topbar,.globe-footer{left:26px;right:26px}.globe-footer small{text-align:right;max-width:200px}}@media (max-width:700px){.experience{min-height:620px}.topbar{top:22px;left:22px;right:22px}.brand{letter-spacing:2px;margin-bottom:9px;font-size:8px}h1{font-size:23px}.topbar p{font-size:10px}.topbar button{padding:8px 14px;font-size:12px}.intro{display:none}.globe-page .canvas-wrap,.globe-label-layer{top:60px;bottom:205px}.biome-panel{border-radius:16px;width:auto;padding:16px 20px;bottom:40px;left:18px;right:18px}.biome-panel>.eyebrow{display:none}.biome-tabs{margin:0 0 10px}.biome-tabs button{flex-flow:wrap;justify-content:center;min-height:44px}.biome-tabs small{display:none}.biome-panel p{margin:9px 0 12px;font-size:11px;line-height:1.6}.biome-panel h2{font-size:19px}.primary{min-height:44px;padding:12px 15px}.globe-footer{justify-content:center;font-size:9px;bottom:15px;left:20px;right:20px}.globe-footer small{display:none}.globe-page .debug-toggle{bottom:285px;left:18px}.debug{max-width:calc(100vw - 30px);padding:10px;font-size:9px;top:120px;left:15px}.settings{width:calc(100% - 36px);max-width:320px;top:112px;right:18px}.world-top{flex-direction:column;gap:14px}.world-top h1{font-size:19px}.toolbar{gap:6px}.toolbar button,.toolbar a{min-height:44px;padding:8px 14px;font-size:11px}.quality-label{font-size:10px}.world-bottom{align-items:flex-end;bottom:20px;left:18px;right:18px}.world-bottom>span{max-width:95px;font-size:9px;line-height:1.7}.world-bottom button{margin-left:5px;padding:8px 12px;font-size:10px}.world-page .debug-toggle{bottom:70px;left:20px;transform:none}.help{width:calc(100% - 42px);max-width:350px;top:48%}.joystick{bottom:126px}.boundary{top:174px}.marker{padding:4px 7px;font-size:8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}