:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#f2f2dc;background:#122b27;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #b9ffda;outline-offset:5px}button:disabled{cursor:wait;opacity:.6}button{touch-action:manipulation}#world{display:block;width:100%;height:100%;touch-action:none}#vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#081e2860,transparent 19%,transparent 70%,#061b23bb)}header{position:absolute;left:34px;right:34px;top:max(24px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:10}.brand{display:flex;gap:12px;align-items:center;font-size:19px;letter-spacing:5px;text-shadow:0 2px 12px #183f37}.brand small{display:block;font-size:8px;letter-spacing:3.5px;margin-top:4px;color:#e4eacbc0}.sigil{color:#e8d298;font-size:37px}.utilities{display:flex;gap:9px;pointer-events:auto}.utilities button{background:#0a282b9c;border:1px solid #cceacb33;width:39px;height:39px;border-radius:50%;font-size:19px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.utilities button:hover{background:#2c5147}#wavehud{text-align:center;position:absolute;left:50%;transform:translate(-50%)}#wave{display:block;letter-spacing:5px;font-family:Georgia,serif;font-size:27px}#objective{font-size:11px;color:#e0e9ce;display:block;margin-top:5px}.screen{position:absolute;inset:0;z-index:6}.hidden{display:none!important}#menu{background:linear-gradient(90deg,#102a2bf5 0%,#102a2bdd 26%,#102a2b55 50%,transparent 72%);display:flex;align-items:center}.menu-copy{width:410px;margin-left:8vw;padding-top:40px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:3px}.gold{color:#dbcc97}.menu-copy h1{font-family:Songti SC,SimSun,serif;font-size:76px;font-weight:500;line-height:1.12;letter-spacing:12px;margin:25px 0}.menu-copy h1 span{display:block;color:#d8e7c3}.tagline{font-size:15px;line-height:2;color:#d8e0cb;letter-spacing:2px}.menu-rule{width:52px;height:1px;background:#d3c396;margin:28px 0}.features{display:flex;gap:32px;font-size:10px;color:#bccdbd}.features b{font:28px Georgia,serif;display:block;margin-bottom:7px;color:#eee6c4}.primary{margin-top:28px;min-width:240px;padding:16px 28px;border:1px solid #e9d9ac;background:#ddcf9c;color:#203c32;font-size:15px;font-weight:600;letter-spacing:3px;box-shadow:0 8px 35px #0002;transition:.2s}.primary:hover{background:#f2e4b6;transform:translateY(-2px)}.menu-hint{font-size:10px;letter-spacing:1px;margin-top:18px;color:#b7c8b6}#load-status{font-size:10px;color:#99b7ab}.scene-caption{position:absolute;right:6%;bottom:15%;text-align:right;text-shadow:0 3px 15px #000}.scene-caption h2{font-family:Songti SC,serif;font-weight:400;font-size:33px;letter-spacing:6px;margin:14px 0}.scene-caption p{font-size:12px;color:#e0e5c8}.edition{position:absolute;bottom:26px;left:34px;right:34px;border-top:1px solid #eef4d622;padding-top:16px;font-size:9px;letter-spacing:2px;color:#aec1b3}.edition span{float:right;color:#e3d598}#party{position:absolute;top:112px;left:28px;display:flex;flex-direction:column;gap:9px}.hero{display:flex;align-items:center;gap:12px;text-align:left;width:153px;padding:10px;background:#102d309f;border:1px solid #b7d1b822;border-left:3px solid #708a7d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero.active{border-left-color:#ecd99a;background:#153b3be6;box-shadow:0 0 18px #0001}.hero .portrait{font-size:26px;width:31px;text-align:center;color:var(--hero)}.hero b{display:block;font-size:13px;font-weight:500;letter-spacing:2px}.hero small{font-size:9px;color:#a8c3b8;display:block;margin-top:5px}.hero em{font-style:normal;margin-left:auto;font-size:10px;color:#c9caa6}.bottom{position:absolute;bottom:44px;left:32px;right:32px;display:flex;align-items:end;justify-content:space-between;gap:20px}.status{width:235px;padding:16px 19px;background:#102c32c4;border:1px solid #c4d8b633;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status .eyebrow{font-size:8px;color:#bbcabc}.hp-track{height:7px;background:#466253;margin:10px 0 8px;overflow:hidden}.hp-track i{height:100%;display:block;background:linear-gradient(90deg,#54bc8d,#b4e8a3);transition:width .12s}.status-line{display:flex;justify-content:space-between;font-size:10px}.status-line span{color:#b5caba}.status-line b{font-weight:500}#boons{font-size:9px;color:#d1c793;margin-top:7px;min-height:11px}#skills{display:flex;gap:10px}.skill{position:relative;border:1px solid #d9e9c54a;background:#102f34da;width:79px;height:82px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill:hover{border-color:#f3d8a1}.skill .glyph{font-size:27px;color:#e1d7a5;display:block;margin-top:5px}.skill small{font-size:10px;display:block;margin-top:3px;position:relative}.skill kbd{position:absolute;left:5px;top:4px;color:#aebda8;font-size:8px;font-family:inherit}.skill .cooldown{position:absolute;inset:0;background:#061e29ca;display:flex;align-items:center;justify-content:center;font:23px Georgia,serif}.control-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);font-size:10px;white-space:nowrap;color:#c1ceba;letter-spacing:.5px}#banner{position:absolute;left:50%;top:20%;transform:translate(-50%);font-family:Songti SC,serif;font-size:34px;letter-spacing:6px;text-shadow:0 2px 12px #092f2d;pointer-events:none;opacity:0;transition:opacity .4s;z-index:5;text-align:center;white-space:nowrap}#banner.visible{opacity:1}#boss{position:absolute;left:50%;top:107px;transform:translate(-50%);width:280px;text-align:center}#boss small{letter-spacing:4px;font-size:11px;text-shadow:0 2px 4px #000}#boss div{height:5px;background:#1d252b;margin-top:8px}#boss i{display:block;background:#dc826a;height:100%}#modal{background:#0925278c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:20}.modal-panel{max-width:850px;width:90%;text-align:center;padding:32px 24px;border-top:1px solid #d1d6ad55;border-bottom:1px solid #d1d6ad33;background:linear-gradient(90deg,transparent,#16352cc9,transparent)}.modal-panel h2{font:38px Songti SC,serif;letter-spacing:5px;margin:16px 0}.modal-panel>p{font-size:13px;color:#bacfbd;line-height:1.8}#choices{display:flex;gap:16px;margin:28px auto 0;justify-content:center}.choice{background:#183d36;border:1px solid #d4cf9566;text-align:left;padding:22px;width:230px;min-height:180px;transition:.2s}.choice:hover{transform:translateY(-5px);border-color:#eadeb5;background:#234d3c}.choice .symbol{font-size:27px;color:#dfcd8d}.choice b{display:block;font-size:18px;letter-spacing:3px;margin:14px 0 10px}.choice p{color:#bdcfb9;font-size:12px;line-height:1.8;margin:0}.choice small{color:#cdbd85;letter-spacing:1px;font-size:9px}#toast{position:absolute;bottom:165px;left:50%;transform:translate(-50%);background:#173c3cdb;padding:10px 22px;border:1px solid #b4d4bd44;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:30}#toast.visible{opacity:1}#floaters{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floater{position:absolute;font-weight:700;font-size:17px;color:#fff3c1;text-shadow:0 2px 3px #253b34;transform:translate(-50%,-50%)}#joystick{display:none;position:absolute;bottom:54px;left:35px;width:110px;height:110px;border:1px solid #dfe9cd55;border-radius:50%;background:#23473b55;touch-action:none}#joystick span{position:absolute;left:34px;top:34px;width:40px;height:40px;border-radius:50%;background:#d1deb76b;border:1px solid #e4efd289;pointer-events:none}@media(pointer:coarse){#joystick{display:block}.control-hint{display:none}.status{position:absolute;bottom:137px;left:0;width:160px}.bottom{bottom:24px}.status .eyebrow,#boons{display:none}#skills{margin-left:auto}.hero{width:124px}#party{top:90px}.skill{touch-action:none}}@media(max-width:700px){header{left:17px;right:17px;top:max(16px,env(safe-area-inset-top))}.brand{font-size:14px;letter-spacing:3px}.brand small{font-size:7px}.sigil{font-size:29px}.utilities button{width:32px;height:32px;font-size:16px}.utilities{gap:5px}.menu-copy{margin-left:8vw;width:84%;padding-top:0}.menu-copy h1{font-size:60px}.menu-copy h1 span{display:inline}.tagline{font-size:13px}.features{gap:35px}.menu-rule{margin:20px 0}.scene-caption{display:none}#menu{background:linear-gradient(90deg,#102a2bee,#102a2b88)}.edition{left:20px;right:20px;font-size:8px}.hero{width:52px;padding:8px;justify-content:center}.hero .hero-info,.hero em{display:none}#party{left:15px;top:135px}#wavehud{top:55px;width:100%}#wave{font-size:22px}#objective{font-size:10px}#skills{gap:6px}.skill{width:58px;height:66px}.skill .glyph{font-size:22px}.skill small{font-size:9px}.bottom{left:16px;right:16px}.status{width:155px;bottom:125px;padding:11px}.control-hint{display:none}#joystick{left:25px;bottom:110px}#boss{top:132px;width:180px}#banner{top:28%;font-size:25px}#choices{flex-direction:column;gap:9px;margin-top:15px}.choice{width:100%;min-height:0;padding:12px 18px}.choice .symbol{float:left;margin-right:17px;margin-top:10px}.choice b{font-size:15px;margin:7px 0 5px}.choice p{font-size:11px}.choice small{font-size:8px}.modal-panel{padding:20px 14px}.modal-panel h2{font-size:28px;margin:12px 0}#toast{width:max-content;max-width:90%;text-align:center;bottom:215px}.primary{margin-top:22px}}@media(max-height:550px)and (min-width:701px){.menu-copy{padding-top:45px}.menu-copy h1{font-size:48px;margin:10px 0}.menu-copy h1 span{display:inline}.tagline{font-size:12px;line-height:1.7}.menu-rule{margin:12px 0}.features b{font-size:23px}.primary{margin-top:16px;padding:12px 28px}.menu-hint{margin-top:10px}.edition{bottom:12px;padding-top:10px}.scene-caption{bottom:19%}.status{bottom:90px}.bottom{bottom:15px}.hero{width:52px}.hero .hero-info,.hero em{display:none}#party{top:86px;gap:5px}.hero{padding:6px}#joystick{bottom:24px;width:90px;height:90px}#joystick span{left:24px;top:24px}#choices{margin-top:14px}.choice{min-height:145px;padding:14px}.modal-panel{padding:17px}.modal-panel h2{font-size:28px;margin:9px 0}.control-hint{display:none}}@media(min-width:701px)and (max-height:700px){.menu-copy{padding-top:35px}.menu-copy h1{font-size:64px;margin:19px 0}.menu-rule{margin:19px 0}.primary{margin-top:21px}.menu-hint{margin-top:12px}#load-status{font-size:9px}.edition{bottom:16px;padding-top:11px}}@media(pointer:coarse){.status{position:fixed;inset:91px 32px auto auto;width:160px}#toast{bottom:120px}}@media(pointer:coarse)and (max-width:700px){.status{top:137px;right:16px;width:145px}#toast{bottom:225px}}@media(pointer:coarse)and (max-height:550px)and (min-width:701px){.status{top:88px;right:32px;bottom:auto}.skill{width:68px;height:68px}.skill .glyph{font-size:23px}.skill small{font-size:9px}#banner{font-size:27px;top:22%}}.hero .portrait{width:38px;height:42px;flex:0 0 38px;overflow:hidden;border-radius:7px;background:radial-gradient(ellipse at 50% 75%,#b5dac438,#061e2933);border:1px solid #bad9bc24}.hero .portrait img{display:block;width:100%;height:100%;object-fit:cover}.skill .glyph{height:38px;margin:8px auto 0;display:flex;justify-content:center;align-items:center}.skill .glyph svg{width:34px;height:34px;filter:drop-shadow(0 2px 5px #070e1a70)}.skill:active{background:#3a5c51;border-color:#ffe8a9}@media(max-width:700px){.hero .portrait{width:31px;height:34px;flex-basis:31px}.skill .glyph{height:29px;margin-top:7px}.skill .glyph svg{width:27px;height:27px}}@media(max-height:550px)and (min-width:701px){.hero .portrait{width:31px;height:34px;flex-basis:31px}.skill .glyph{height:29px;margin-top:7px}.skill .glyph svg{width:27px;height:27px}}@media(min-width:701px)and (min-height:551px)and (pointer:fine){.hero{width:175px}.hero small{white-space:nowrap}}#audio-panel{position:absolute;z-index:20;top:max(78px,calc(env(safe-area-inset-top) + 54px));right:34px;width:260px;padding:18px 20px;background:#12302ff5;border:1px solid #c8deaf50;border-radius:12px;box-shadow:0 12px 44px #0005;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.audio-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#e5d59b;letter-spacing:2px}.audio-heading button{border:0;background:transparent;font-size:24px;padding:0 4px}#audio-panel label{display:flex;justify-content:space-between;font-size:12px;margin:12px 0 5px}#audio-panel output{color:#adc5b8;font-variant-numeric:tabular-nums}#audio-panel input{width:100%;height:28px;margin:0;accent-color:#aed9b0;cursor:pointer;touch-action:pan-x}#audio-panel small{display:block;font-size:10px;color:#9bb9aa;margin-top:12px}@media(max-width:700px){#audio-panel{right:17px;width:246px;top:max(62px,calc(env(safe-area-inset-top) + 48px))}.utilities{gap:4px}.utilities button{width:30px;height:30px}}