:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#f8f4e9;background:#80a9b9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #ffe0a1;outline-offset:5px}button:disabled{cursor:wait}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#veil{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(21,48,56,.58),transparent 75%),linear-gradient(0deg,rgba(18,44,49,.55),transparent 35%);transition:opacity 1s}body.playing #veil{opacity:0}#menu{position:fixed;inset:0;padding:38px 5.2vw;display:grid;grid-template:65px 1fr 40px / 1fr 360px;gap:20px;animation:appear .8s}#menu[hidden],#hud[hidden],[hidden]{display:none!important}header{grid-column:1/3;display:flex;justify-content:space-between;align-items:flex-start}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:17px;letter-spacing:.14em}.brand-mark{font-size:36px;line-height:1}.brand small{border-left:1px solid #ffffff50;padding-left:18px;font-size:9px;letter-spacing:.22em}.edition{font-size:10px;letter-spacing:.16em;padding-top:13px;color:#e8f0ecb0}.intro{align-self:center;margin-bottom:8vh}.eyebrow{font-size:10px;letter-spacing:.25em;font-weight:500}h1{font-family:Songti SC,SimSun,serif;font-weight:400;font-size:clamp(52px,5.7vw,88px);line-height:1.28;letter-spacing:.06em;margin:30px 0}.intro-copy{font-size:14px;line-height:2.2;color:#e8f0ebc9;letter-spacing:.14em}.level-card{align-self:end;margin-bottom:7vh;background:#1f3e43ba;border:1px solid #f4eee54a;padding:27px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 15px 55px #23464a20}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.available{font-size:10px;letter-spacing:.12em;color:#d4e1d6}.available i{display:inline-block;background:#c7dfb9;width:5px;height:5px;border-radius:50%;margin-right:8px}.level-selected{display:flex;align-items:center;gap:15px;width:100%;color:#fff5de;background:transparent;border:0;border-top:1px solid #eee6d52e;border-bottom:1px solid #eee6d52e;padding:22px 0;text-align:left}.level-number{font-family:Georgia,serif;font-size:33px;color:#d2d2b9}.level-selected strong{font-size:23px;letter-spacing:.16em;font-weight:400}.level-selected small{display:block;font-size:8px;letter-spacing:.12em;margin-top:9px;color:#d8e5e1a0}.level-check{margin-left:auto;color:#d7d9b0}.level-description{font-size:10px;line-height:1.8;color:#e7ece0a0;margin:18px 0 24px}#enter{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:#e9dfc4;color:#294b4f;padding:16px 18px;font-size:13px;letter-spacing:.15em;transition:background .2s}#enter:hover{background:#fff1cb}#enter:disabled{opacity:.6}.loading-track{height:1px;background:#ffffff20;margin-top:16px}#progress{height:1px;background:#f3e8c7;width:0;transition:width .4s}#load-status{font-size:9px;letter-spacing:.1em;color:#e8f0dd9e;margin:10px 0 0}footer{grid-column:1/3;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff30;font-size:10px;letter-spacing:.12em;color:#eef3e0b0;padding-top:18px}footer b{padding:0 13px;font-weight:400}#back-menu{position:fixed;top:25px;left:30px;background:#24464d35;border:1px solid #ffffff35;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff8df;padding:10px 15px;font-size:20px}#back-menu span{font-size:12px;letter-spacing:.2em;margin:0 12px}#back-menu small{font-size:9px;opacity:.6}#crosshair{position:fixed;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#fffbe5;box-shadow:0 0 3px #16363c;transition:transform .2s}body.targeting #crosshair{transform:scale(2);background:#f1ddb3}#interaction{position:fixed;left:50%;top:calc(50% + 25px);transform:translate(-50%);background:#17333ccd;border:1px solid #fff3ce30;padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}kbd{font:10px inherit;border:1px solid #fff6d96b;padding:2px 5px;border-radius:2px}#target-name{color:#e6d5a9}#arrival{position:fixed;bottom:15%;left:6%;pointer-events:none;transition:opacity 2s;text-shadow:0 2px 15px #284d65}#arrival span{font-size:9px;letter-spacing:.3em}#arrival h2{font-family:SimSun,serif;font-size:38px;font-weight:400;letter-spacing:.2em;margin:15px 0}#arrival p{font-size:12px;letter-spacing:.1em}#hint{position:fixed;bottom:25px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.08em;text-align:center;white-space:nowrap;color:#fff9eccc;text-shadow:0 1px 6px #173139;transition:opacity 2s}#toast{position:fixed;bottom:14%;left:50%;transform:translate(-50%);font-size:12px;letter-spacing:.1em;background:#193942d9;padding:14px 23px;opacity:0;transition:opacity .4s;pointer-events:none}dialog{color:#eae6d8;background:#25444aed;border:1px solid #e9e1c457;max-width:430px;width:calc(100% - 40px);padding:35px;text-align:center;box-shadow:0 25px 100px #001b2570;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}dialog::backdrop{background:#102d3a66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#close-inspect{position:absolute;right:13px;top:8px;background:none;border:0;color:inherit;font-size:25px}#item-visual{font-size:70px;color:#d9c297;margin:24px 0 16px}dialog h2{font-family:SimSun,serif;font-size:27px;font-weight:400;letter-spacing:.12em}#item-text{font-size:13px;line-height:2.2;text-align:left;color:#e8ece0cc}.item-footer{font-size:10px;letter-spacing:.15em;display:block;margin-top:25px;color:#d0c39a}#put-down{margin-top:24px;padding:12px 25px;background:#e6dcc1;color:#25444a;border:0;font-size:12px}#error{position:fixed;inset:25%;padding:30px;background:#26464ef5;z-index:10}#error a{color:#f4e5c3;margin:20px}#touch-controls{display:none}body.touch #touch-controls{display:block}#joystick{position:fixed;bottom:65px;left:35px;width:110px;height:110px;border:1px solid #ffffff65;border-radius:50%;background:#ffffff10;touch-action:none}#joystick span{position:absolute;width:40px;height:40px;top:34px;left:34px;border-radius:50%;background:#fff9dc65;pointer-events:none}#touch-use{position:fixed;right:35px;bottom:80px;width:68px;height:68px;border:1px solid #ffffff80;border-radius:50%;color:#fffae7;background:#25475260;touch-action:none}@keyframes appear{0%{opacity:0}to{opacity:1}}@media(max-width:760px){#menu{padding:24px;grid-template:45px 1fr auto 35px / 1fr;gap:15px}header,footer{grid-column:1}.brand small,.edition{display:none}.intro{margin:0;align-self:center}.intro .eyebrow{font-size:8px}h1{font-size:48px;margin:20px 0}.intro-copy{font-size:11px}.level-card{margin:0;padding:20px;width:100%;max-width:430px}.card-top{margin-bottom:10px}.level-selected{padding:13px 0}.level-description{margin:12px 0}.level-selected strong{font-size:20px}footer{font-size:8px}footer span:last-child{display:none}#back-menu{left:20px;top:20px}#hint{font-size:8px;white-space:normal;width:90%}#error{inset:15% 5%}}@media(max-height:660px)and (min-width:761px){#menu{padding:20px 4vw;grid-template-rows:40px 1fr 30px}.intro{margin:0}h1{font-size:55px;margin:15px 0}.level-card{margin:0;padding:20px}}#support-button{position:fixed;z-index:5;left:5.2vw;bottom:max(22px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 17px;border:1px solid #e9e1c457;background:#25444ad9;color:#eee3c6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 6px 24px #001b2520;font-size:12px;letter-spacing:.12em;transition:background .2s,border-color .2s}#support-button span{font:22px Georgia,serif;line-height:1}#support-button:hover{background:#34585ded;border-color:#e9dfc4}footer{padding-left:150px}#support-dialog{width:min(390px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:30px 28px 20px}#close-support{position:absolute;right:8px;top:6px;width:44px;height:44px;border:0;background:transparent;color:#eee3c6;font-size:26px}#close-support:hover{color:#fff;background:#ffffff0a}#support-dialog .eyebrow{font-size:8px;letter-spacing:.15em;margin:14px 0 18px;color:#d0c39a}.support-mark{display:block;color:#e4c99b;font:36px Georgia,serif}#support-dialog h2{font-size:23px;letter-spacing:.06em;margin:14px 0}#support-description{font-size:12px;line-height:1.9;color:#e8ece0cc;margin:0 0 20px}.support-qr{width:min(220px,100%);margin:auto;padding:9px;background:#fff;border:1px solid #e9dfc4;box-shadow:0 8px 25px #001b2525}.support-qr img{display:block;width:100%;height:auto}.support-caption{font-size:10px;letter-spacing:.08em;color:#ddd1b0;margin:12px 0 20px}.support-link{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:13px 17px;background:#e9dfc4;color:#294b4f;text-decoration:none;font-size:12px;letter-spacing:.08em;transition:background .2s}.support-link:hover{background:#fff1cb}.support-thanks{font-size:10px;color:#e8ece099;letter-spacing:.08em;margin:17px 0 0}@media(max-width:760px){#support-button{left:24px;bottom:max(16px,env(safe-area-inset-bottom));padding:9px 13px;font-size:11px}footer{padding-left:130px}body.playing #hint{bottom:185px}#support-dialog{padding:25px 22px 18px}}@media(max-height:660px){#support-dialog{padding-top:20px}#support-dialog .eyebrow{margin:8px 0 10px}.support-mark{display:none}.support-qr{width:170px}#support-description{margin-bottom:12px}.support-caption{margin:10px 0 14px}}body.landing{background:radial-gradient(ellipse at 70% 90%,#e6decb 0,transparent 48%),linear-gradient(155deg,#285363,#81abb8 55%,#bbccc7);min-height:100dvh}body.landing #world{visibility:hidden}#quality-button{position:fixed;z-index:6;left:5.2vw;bottom:max(22px,env(safe-area-inset-bottom));min-height:44px;padding:10px 15px;border:1px solid #e9e1c457;background:#25444aeb;color:#eee3c6;font-size:12px;letter-spacing:.08em}#quality-button{display:flex;align-items:center}body.playing #quality-button{display:none}#crosshair,#interaction,#hint{pointer-events:none}body.playing #support-button{left:5.2vw}#support-button{left:calc(5.2vw + 112px)}footer{padding-left:265px}#quality-panel{position:fixed;inset:auto auto max(78px,calc(env(safe-area-inset-bottom) + 60px)) 5.2vw;margin:0;width:320px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);overflow:auto;padding:22px;text-align:left;background:#183039f5}#quality-panel::backdrop{background:#08192233;-webkit-backdrop-filter:none;backdrop-filter:none}.quality-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.quality-heading .eyebrow{font-size:9px;color:#d8d0b5;letter-spacing:.12em}#close-quality{background:none;border:0;color:#eee3c6;font-size:26px;width:44px;height:44px;margin:-12px -12px -12px 0}#quality-panel h2{font-size:25px;margin:19px 0 8px;letter-spacing:.06em}.quality-intro,.quality-note{font-size:11px;color:#b9c9c9;line-height:1.8}.quality-note{margin-bottom:0}#quality-panel fieldset{padding:0;margin:20px 0 16px;border:0;display:grid;gap:8px}#quality-panel legend{font-size:11px;color:#c7d4d1;margin-bottom:9px}#quality-panel label{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #91aaa333;cursor:pointer;min-height:63px}#quality-panel label:has(:checked){background:#d8ddbb12;border-color:#ddd4ae}#quality-panel input{accent-color:#e9dfc4;margin:0;width:17px;height:17px}#quality-panel strong{font-size:15px;font-weight:500}#quality-panel small{display:block;font-size:10px;color:#b9c9c9;margin-top:5px}@media(max-width:760px){#quality-button{left:24px;bottom:max(16px,env(safe-area-inset-bottom))}#support-button{left:136px}#quality-panel{left:16px;bottom:max(72px,calc(env(safe-area-inset-bottom) + 58px))}footer{padding-left:0;visibility:hidden}body.playing #hint{top:82px;bottom:auto;width:calc(100% - 48px)}#arrival{top:128px;bottom:auto;left:24px}#arrival h2{font-size:30px;margin:10px 0}#arrival p{font-size:10px}}@media(pointer:coarse){#joystick{bottom:max(82px,calc(env(safe-area-inset-bottom) + 65px))}}