:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#e9dcc6;background:#202c33;font-synthesis:none;color-scheme:dark;font-weight:400}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,select,summary{font:inherit}button,select,summary,input{outline-offset:5px}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #ddb77a}button{cursor:pointer}#app{position:relative;isolation:isolate}.world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none;image-rendering:pixelated}.interface{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,transparent 40%,#0c151c44 100%)}.interface>*{pointer-events:auto}.brand{position:absolute;left:42px;top:35px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2.6px;color:#b6ad99;display:flex;align-items:center;gap:10px}.eyebrow i{display:inline-block;width:5px;height:5px;background:#d7b777;transform:rotate(45deg)}h1{font-family:STSong,SimSun,serif;font-size:36px;letter-spacing:8px;font-weight:400;margin:15px 0 10px}.brand p{font-size:11px;letter-spacing:3px;color:#b3ad9f;margin:0}.tools{position:absolute;right:35px;top:35px;display:flex;gap:12px;align-items:center}.quality-label{display:flex;align-items:center;gap:9px;font-size:10px;color:#bbb3a1;letter-spacing:1px}select{border:1px solid #a9977844;border-radius:4px;background:#18232ad9;color:#ddd0b9;padding:7px 10px;font-size:11px}.help{position:relative}.help summary{list-style:none;border:1px solid #a9977855;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:#dcc49d;cursor:pointer;font-family:Georgia,serif}.help summary::-webkit-details-marker{display:none}.help>div{position:absolute;right:0;top:45px;width:280px;padding:22px;border:1px solid #a9977855;background:#17232aee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 35px #0003;border-radius:5px}.help h2{font-family:STSong,SimSun,serif;font-size:18px;letter-spacing:2px;font-weight:400;margin:0 0 15px}.help p{font-size:12px;line-height:2;color:#bfb6a7}.help .muted{font-size:11px;color:#958e80;border-top:1px solid #a9977829;padding-top:12px}kbd{font:11px monospace;color:#e5cca0}.debug-toggle{font-size:11px;color:#aaa38f;display:flex;align-items:center;gap:5px}.place{position:absolute;left:42px;bottom:44px;display:grid;grid-template-columns:2px auto;gap:9px 13px;font-size:12px;letter-spacing:1px;pointer-events:none}.place-line{grid-row:span 2;width:1px;background:linear-gradient(#cba56b,transparent)}.place small{font-size:10px;color:#a4a494;letter-spacing:2px}.controls{position:absolute;left:50%;bottom:60px;transform:translate(-50%);display:flex;align-items:center;padding:5px 7px;background:#142128d9;border:1px solid #a997784c;border-radius:7px;box-shadow:0 8px 25px #0002;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap}.controls button{font-size:12px;letter-spacing:1px;border:0;background:none;color:#a9a997;padding:11px 17px;border-radius:3px;transition:background .2s,color .2s}.controls button.active{background:#b6965b26;color:#edcc96}.controls button:hover{background:#b6965b18;color:#edcc96}.controls #reset{font-size:20px;line-height:15px;padding:11px 13px}.divider{height:16px;width:1px;background:#a9977833}.gesture-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:1.5px;color:#a9aa9a;white-space:nowrap;margin:0;pointer-events:none}.debug{position:absolute;left:42px;top:175px;background:#122028ce;padding:10px 13px;border-left:1px solid #b89966;font:11px/1.8 monospace;white-space:pre;pointer-events:none}.status,.loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px 25px;border:1px solid #a9977866;background:#17232af5;color:#dfccab;font-size:13px;line-height:1.9;max-width:85vw}.joystick{display:none;position:absolute;bottom:145px;left:30px;width:88px;height:88px;border:1px solid #d8c49b55;border-radius:50%;background:#18232a88;touch-action:none}.joystick:before,.joystick:after{content:"";position:absolute;background:#d8c49b33}.joystick:before{width:1px;height:65px;top:11px;left:43px}.joystick:after{height:1px;width:65px;left:11px;top:43px}.joystick span{position:absolute;left:28px;top:28px;width:30px;height:30px;border-radius:50%;background:#d8c49b33;border:1px solid #d8c49b99;transform:translate(var(--jx,0px),var(--jy,0px))}.interface[data-mode=explore] .brand p{opacity:.6}[hidden]{display:none!important}@media(pointer:coarse){.interface[data-mode=explore] .joystick{display:block}}@media(max-width:650px){.brand{left:22px;top:24px}.eyebrow{font-size:8px;letter-spacing:1.3px}.brand h1{font-size:27px;letter-spacing:6px;margin-top:13px}.brand p{font-size:10px;letter-spacing:2px}.tools{right:20px;top:25px;gap:8px}.quality-label>span{display:none}.quality-label select{font-size:10px;padding:6px}.help summary{width:27px;height:27px}.place{left:22px;bottom:130px;font-size:11px;gap:7px 10px}.controls{bottom:57px;padding:4px}.controls button{padding:11px 13px;font-size:11px}.gesture-hint{bottom:25px;font-size:8px;letter-spacing:.7px}.debug{top:150px;left:22px}.interface[data-mode=explore] .place{bottom:142px;left:auto;right:22px;max-width:195px;text-align:right;grid-template-columns:auto}.interface[data-mode=explore] .place-line,.interface[data-mode=explore] .brand p{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.world-tools{position:absolute;right:35px;top:86px;display:flex;align-items:center;gap:11px;z-index:5}.time-control{display:flex;align-items:center;gap:8px;padding:4px 6px 4px 10px;background:#17232ac7;border:1px solid #c6ad7b55;border-radius:5px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.time-icon{font-size:15px;color:#d7bb86}.time-control select{border:0;background:none;padding:4px 1px;font-size:11px}.time-control #world-time{font:10px monospace;color:#c0c3b7;min-width:34px}.time-control button{border:0;color:#e1cda7;background:#b6965b20;width:25px;height:25px;border-radius:3px;font-size:14px}.atlas{position:relative}.atlas summary{cursor:pointer;list-style:none;font-size:11px;padding:10px 12px;border:1px solid #c6ad7b55;background:#17232ac7;border-radius:5px;letter-spacing:1px}.atlas summary::-webkit-details-marker{display:none}.atlas>div{position:absolute;right:0;top:46px;width:300px;padding:20px;background:#17232aef;border:1px solid #c6ad7b55;border-radius:5px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px #0004}.atlas h2{font-family:STSong,SimSun,serif;font-weight:400;font-size:22px;letter-spacing:5px;margin:0 0 7px}.atlas p{font-size:10px;color:#b6b4a8;margin:0 0 14px}.atlas button{display:flex;align-items:center;width:100%;gap:12px;text-align:left;background:none;border:0;border-top:1px solid #c6ad7b26;color:#e3d8c7;padding:12px 0}.atlas button:hover{color:#f0d097;background:#c6ad7b0c}.atlas button i{width:7px;height:7px;transform:rotate(45deg)}.atlas button span{font-size:12px;letter-spacing:1px}.atlas button small{display:block;font-size:9px;color:#a7ada4;margin-top:5px;letter-spacing:.4px}.atlas button b{margin-left:auto;font-size:10px;font-weight:400;color:#bca77f}.tools{z-index:6}@media(max-width:650px){.world-tools{right:20px;top:112px;gap:8px}.time-control{padding:3px 5px 3px 8px;gap:6px}.atlas summary{padding:9px 10px;font-size:10px}.atlas>div{width:300px;max-width:calc(100vw - 40px)}.brand p{font-size:9px}.help>div{max-width:calc(100vw - 40px)}}.brand,.place,.gesture-hint{text-shadow:0 1px 6px #14212acc,0 0 16px #14212a55}.place small,.gesture-hint{color:#d2d5c6}.brand .eyebrow,.brand p{color:#d0c6b2}.effects-options{display:flex;gap:12px;margin-top:15px;font-size:10px;color:#d5c4a3}.effects-options label{display:flex;align-items:center;gap:4px}.effects-options input{accent-color:#bc9b64}.context-action{position:absolute;right:35px;bottom:112px;background:#202c3ae8;border:1px solid #cdb58088;color:#eed3a3;font-size:12px;padding:11px 17px;letter-spacing:1px;border-radius:5px;box-shadow:0 5px 20px #0003}.scene-curtain{position:absolute;inset:0;background:#121725;pointer-events:none;opacity:0;z-index:20}.scene-curtain.crossing{animation:crossing .65s ease both;pointer-events:auto}@keyframes crossing{0%{opacity:0}19%,25%{opacity:1}to{opacity:0}}.interface[data-location=library] .brand h1,.interface[data-location=library] .place{color:#dec6a7}@media(max-width:650px){.context-action{right:22px;bottom:190px;font-size:10px;padding:10px 12px}.atlas>div{max-height:calc(100dvh - 240px);overflow:auto}}@media(prefers-reduced-motion:reduce){.scene-curtain.crossing{animation-duration:.2s}}.look-panel{position:absolute;right:35px;top:139px;z-index:5;font-size:11px}.look-panel>summary{list-style:none;cursor:pointer;width:max-content;margin-left:auto;background:#17232ac7;border:1px solid #c6ad7b55;border-radius:5px;padding:9px 12px;color:#d6c29e;letter-spacing:1px}.look-panel>summary::-webkit-details-marker{display:none}.look-panel>section{margin-top:9px;width:270px;max-height:calc(100dvh - 210px);overflow:auto;padding:19px 20px;background:#17232af2;border:1px solid #c6ad7b55;border-radius:5px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 30px #0004}.look-panel h2{font:18px STSong,SimSun,serif;letter-spacing:3px;margin:0 0 9px}.look-panel p,.look-panel small{font-size:10px;line-height:1.8;color:#aaa896}.look-panel label{display:grid;grid-template-columns:1fr auto;gap:7px;margin:14px 0;color:#cfc1a8}.look-panel output{font:10px monospace;color:#d7b879}.look-panel input{grid-column:span 2;width:100%;margin:0;accent-color:#c8a166}.look-panel input:disabled{opacity:.35}.look-panel button{border:1px solid #c6ad7b66;background:#c6ad7b15;color:#e2cda5;padding:8px 10px;width:100%;border-radius:3px;font-size:10px}.look-panel small{display:block;margin-top:10px}@media(max-width:650px){.look-panel{right:20px;top:161px}.look-panel>summary{font-size:10px;padding:8px 10px}.look-panel>section{max-height:calc(100dvh - 260px);width:270px;max-width:calc(100vw - 40px)}}.music-toggle{position:relative;width:31px;height:31px;padding:0;border:1px solid #a9977855;border-radius:50%;background:#17232ac7;color:#a9a997;font:20px Georgia,serif;display:grid;place-items:center}.music-toggle[data-state=playing]{color:#edcc96;border-color:#d5b57c99;background:#b6965b20}.music-toggle[data-state=paused]:after{content:"";position:absolute;width:18px;height:1px;background:currentColor;transform:rotate(-45deg);opacity:.7}@media(max-width:650px){.music-toggle{width:27px;height:27px;font-size:18px}}.social-action{bottom:163px;padding:9px 13px;font-size:11px}@media(max-width:650px){.social-action{bottom:240px;padding:10px 12px;font-size:10px}}.rpg-interface{position:absolute;inset:0;pointer-events:none;z-index:16;color:#eee8d6;font-family:inherit}.rpg-interface button{font:inherit;color:inherit;cursor:pointer;border:1px solid #e3c99440;background:#242d30ee;border-radius:7px;padding:8px 11px}.rpg-interface button:hover{background:#465052}.rpg-interface button:disabled{opacity:.45;cursor:default}.rpg-hud{position:absolute;left:42px;top:166px;width:218px;padding:12px 14px;border:1px solid #ddcda62a;border-radius:10px;background:#1c292cdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px}.rpg-hud>div:first-child{display:flex;justify-content:space-between;gap:8px}.rpg-hud small{font-size:10px;opacity:.8}.rpg-health{height:13px;position:relative;background:#111b22;border-radius:3px;overflow:hidden;margin:8px 0}.rpg-health i{display:block;height:100%;background:linear-gradient(90deg,#709b8d,#b7ddac);transition:width .15s}.rpg-health span{position:absolute;inset:0;text-align:center;font-size:10px;line-height:13px;color:#fff;text-shadow:0 1px 2px #000}.rpg-actions{pointer-events:auto;position:absolute;right:22px;bottom:24px;display:flex;gap:5px;flex-wrap:wrap;max-width:360px;justify-content:flex-end}.rpg-actions button{font-size:11px;padding:8px 9px}.rpg-notice{position:absolute;bottom:105px;left:50%;transform:translate(-50%);max-width:min(540px,90vw);width:max-content;padding:10px 16px;border-radius:9px;background:#202b30ed;border:1px solid #f5dca344;text-align:center;font-size:12px;box-shadow:0 5px 30px #1115}.rpg-modal{position:absolute;inset:0;pointer-events:auto;background:#101a2466;display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.rpg-modal[hidden]{display:none}.rpg-dialog{box-sizing:border-box;width:min(470px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #d9c78b68;background:linear-gradient(145deg,#2c363a,#1b242c);padding:23px;border-radius:14px;box-shadow:0 20px 80px #0008;outline:none}.rpg-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:12px}.rpg-dialog header small{font-size:9px;letter-spacing:.14em;opacity:.6}.rpg-dialog h2{font-weight:500;font-size:23px;margin:6px 0}.rpg-dialog h3{font-size:14px;font-weight:500}.rpg-summary{display:flex;gap:22px;align-items:center;line-height:1.9;font-size:13px;border-block:1px solid #dfcb9230;padding:14px 0}.rpg-summary>b{font-size:32px;font-weight:400;color:#e4c993}.rpg-muted{font-size:11px;line-height:1.9;opacity:.7}.rpg-item{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #dfcb9220;padding:13px 0}.rpg-item span{flex:1;min-width:0}.rpg-item b{font-size:13px;font-weight:500}.rpg-item small{display:block;font-size:11px;opacity:.65;line-height:1.7;margin-top:5px}.rpg-item button{flex-shrink:0;font-size:11px}.rpg-points{padding:12px;background:#e4c9930d;border-radius:8px;font-size:12px}.rpg-points strong{color:#f4dca0;font-size:19px;margin-left:12px}@media(max-width:600px){.rpg-hud{left:14px;top:151px;width:170px;padding:9px 11px;font-size:10px}.rpg-hud small{font-size:8px}.rpg-actions{right:12px;bottom:105px;max-width:195px;gap:4px}.rpg-actions button{font-size:10px;padding:7px 8px}.rpg-notice{bottom:200px;font-size:10px;width:calc(100vw - 52px);max-width:none;box-sizing:border-box}.rpg-dialog{padding:18px}.rpg-item{gap:8px}.rpg-hud{pointer-events:none}}
