@font-face{font-family:Grass Song;src:local(FZKai-Z03),local(STKaiti),local(KaiTi)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2eadb;background:#10171a;font-family:Noto Sans SC,Microsoft YaHei UI,sans-serif}*{box-sizing:border-box}html,body,#app,.game-shell{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}#game-canvas{touch-action:none;background:linear-gradient(#39466e,#d28b69);width:100%;height:100%;display:block;position:absolute;inset:0}.game-shell{isolation:isolate;background:#182126;position:relative}.film-grain{pointer-events:none;z-index:2;opacity:.09;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.loading{z-index:30;background:#151d21;place-content:center;justify-items:center;transition:opacity 1s,visibility 1s;display:grid;position:absolute;inset:0}.loading__mark{color:#d9ba85;font-family:Grass Song,serif;font-size:54px}.loading__bar{background:#ffffff20;width:210px;height:1px;margin-top:28px}.loading__bar span{background:#e3c38e;width:0;height:100%;transition:width .35s;display:block;box-shadow:0 0 15px #e3c38e99}.loading__text{color:#c8bea9;letter-spacing:.22em;font-size:12px}.is-ready .loading{opacity:0;visibility:hidden}.title-screen{z-index:10;background:linear-gradient(90deg,#10171ae8 0%,#10171a9c 34%,#0000 70%),linear-gradient(#0000 54%,#10171a9c);flex-direction:column;justify-content:space-between;padding:7vh max(6vw,34px);transition:opacity 1.2s,visibility 1.2s;display:flex;position:absolute;inset:0}.is-playing .title-screen{opacity:0;visibility:hidden}.title-screen__ink{background:linear-gradient(#0000,#e8d2aa5c,#0000);width:1px;position:absolute;top:0;bottom:0;left:48%;transform:rotate(14deg)}.title-block{max-width:540px;margin-top:6vh}.title-kicker,.title-en{text-transform:uppercase;letter-spacing:.34em;color:#dbc8a4;margin:0;font-size:11px}h1{letter-spacing:-.06em;text-shadow:0 4px 30px #10171ab8;margin:14px 0 8px;font-family:Grass Song,serif;font-size:clamp(44px,8.2vw,108px);font-weight:400;line-height:.88}h1 span{letter-spacing:.32em;color:#e3c188;margin-left:.12em;font-size:.48em;display:block}.title-en{color:#f2eadbb2;letter-spacing:.28em}.main-menu{flex-direction:column;align-items:flex-start;gap:2px;width:230px;display:flex}.main-menu button,.pause-screen button,.ending button{text-align:left;letter-spacing:.18em;cursor:pointer;background:0 0;border:0;min-width:190px;padding:11px 15px;transition:padding .2s,color .2s;position:relative}.main-menu button:before,.pause-screen button:before{content:"";background:#e6c991;width:0;height:1px;transition:width .2s;position:absolute;top:50%;left:0}.main-menu button:hover,.main-menu button:focus-visible,.pause-screen button:hover{color:#f2d7a2;outline:none;padding-left:30px}.main-menu button:hover:before,.main-menu button:focus-visible:before,.pause-screen button:hover:before{width:20px}.main-menu button:disabled{opacity:.28;pointer-events:none}.legal{color:#d9d2c2a1;letter-spacing:.08em;max-width:560px;margin:0;font-size:10px;line-height:1.7}.modal-card{z-index:40;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#182226ed;border:1px solid #e0c79536;width:min(420px,100% - 40px);max-height:80vh;padding:34px;transition:all .25s;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-48%)scale(.97);box-shadow:0 30px 90px #000a}.modal-card.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.modal-card>button:first-child{cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:12px;right:12px}.modal-card h2{letter-spacing:.14em;font-family:Grass Song,serif;font-weight:400}.modal-card p{color:#d5d1c7;font-size:14px;line-height:1.8}.settings label{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;font-size:13px;display:flex}.settings input[type=range]{accent-color:#d6b578;width:160px}.settings select{color:#eee6d6;background:#253036;border:1px solid #ffffff25;padding:5px 10px}.hud{z-index:4;pointer-events:none;padding:max(28px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(32px,env(safe-area-inset-left));opacity:0;transition:opacity 1s;position:absolute;inset:0}.is-playing .hud{opacity:1}.hud__objective{top:max(28px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));text-shadow:0 2px 12px #000c;max-width:370px;position:absolute}.hud__chapter{color:#e2c791;letter-spacing:.24em;margin:0 0 8px;font-size:10px}.hud__quest{letter-spacing:.08em;margin:0;font-family:Grass Song,serif;font-size:23px;font-weight:400}.hud__detail{color:#ede7dbb5;margin:7px 0 0;font-size:12px;line-height:1.6}.stamina{background:#ffffff18;width:130px;height:2px;margin-top:14px;overflow:hidden}.stamina span{transform-origin:0;background:#cfb87e;width:100%;height:100%;display:block}.hud__fragments{top:max(28px,env(safe-area-inset-top));right:max(32px,env(safe-area-inset-right));text-align:right;text-shadow:0 2px 12px #000c;grid-template-columns:auto auto;column-gap:9px;display:grid;position:absolute}.hud__fragments i{color:#bfeaff;grid-row:1/3;font-size:28px;font-style:normal}.hud__fragments span{letter-spacing:.18em;color:#e8e0cfb8;font-size:9px}.hud__fragments strong{font-size:15px;font-weight:400}.fps{color:#d7e9d0;font:11px monospace;position:absolute;bottom:30px;right:30px}.interaction{z-index:6;opacity:0;letter-spacing:.15em;background:#10191cc7;border:1px solid #f0d7a13a;padding:9px 15px;font-size:12px;transition:all .25s;position:absolute;bottom:22%;left:50%;transform:translate(-50%,10px)}.interaction.is-visible{opacity:1;transform:translate(-50%)}.quest-guide{z-index:7;opacity:0;pointer-events:none;text-shadow:0 2px 8px #000;background:#10181bb0;border:1px solid #e6cc9842;border-radius:20px;grid-template-columns:auto auto;align-items:center;column-gap:8px;padding:8px 12px;transition:opacity .2s,transform .2s;display:grid;position:absolute;bottom:13%;left:50%;transform:translate(-50%,12px)}.quest-guide.is-visible{opacity:1;transform:translate(-50%)}.quest-guide__arrow{color:#f0ce8c;transform-origin:50% 55%;filter:drop-shadow(0 0 7px #f0ce8c99);font-size:17px;display:block}.quest-guide__distance{font-size:13px;font-weight:500}.quest-guide small{text-align:center;color:#e9dfc89c;letter-spacing:.16em;grid-column:1/3;font-size:8px}.toast{z-index:9;opacity:0;pointer-events:none;background:linear-gradient(90deg,#151e22d9,#0000);border-left:1px solid #d9c087;flex-direction:column;gap:4px;min-width:220px;padding:14px 18px;transition:all .3s;display:flex;position:absolute;top:18%;right:32px;transform:translate(18px)}.toast.is-visible{opacity:1;transform:none}.toast strong{letter-spacing:.1em;font-family:Grass Song,serif}.toast span{color:#e7decdad;font-size:10px}.dialogue{z-index:12;opacity:0;visibility:hidden;text-align:center;cursor:pointer;background:linear-gradient(90deg,#0000,#10181bea 12% 88%,#0000);border-top:1px solid #dbc18b85;width:min(620px,100% - 40px);padding:18px 24px 16px;transition:all .25s;position:absolute;bottom:max(7vh,70px);left:50%;transform:translate(-50%,10px)}.dialogue.is-visible{opacity:1;visibility:visible;transform:translate(-50%)}.dialogue span{color:#d8bc84;letter-spacing:.2em;font-size:11px}.dialogue p{letter-spacing:.06em;margin:8px 0;font-family:Grass Song,serif;font-size:19px}.dialogue small{color:#fff5;font-size:9px}.cutscene-subtitle{z-index:12;opacity:0;letter-spacing:.12em;text-shadow:0 2px 15px #000;font-family:Grass Song,serif;font-size:19px;transition:all .3s;position:absolute;bottom:11%;left:50%;transform:translate(-50%)}.cutscene-subtitle.is-visible{opacity:1}.letterbox{z-index:11;background:#090d0f;height:0;transition:height .6s;position:absolute;left:0;right:0}.letterbox--top{top:0}.letterbox--bottom{bottom:0}.game-shell:has(.cutscene-subtitle.is-visible) .letterbox{height:8vh}.pause-screen{flex-direction:column;align-items:flex-start;display:flex}.pause-screen h2{font-size:25px}.pause-screen button{border:0}.ending{z-index:50;opacity:0;visibility:hidden;color:#25292a;background:#f1eee7;place-items:center;transition:opacity 3s;display:grid;position:absolute;inset:0}.ending.is-visible{opacity:1;visibility:visible}.ending>div{text-align:center;padding:30px}.ending p{letter-spacing:.12em;font-family:Grass Song,serif;font-size:clamp(18px,3vw,34px)}.ending span{color:#6e716d;letter-spacing:.25em;margin:35px;font-size:11px;display:block}.ending button{text-align:center;border:1px solid #3335;margin:5px;display:inline-block}.joy,.touch-actions,.skip{display:none}@media (pointer:coarse),(max-width:700px){.title-screen{background:linear-gradient(#10171a40 30%,#10171ae8);padding:6vh 24px 32px}.title-block{margin-top:10vh}.title-kicker{font-size:9px}h1{font-size:58px}.legal{max-width:92%}.hud{padding:20px}.hud__objective{max-width:260px;top:20px;left:20px}.hud__detail{max-width:250px}.hud__fragments{top:20px;right:18px}.interaction{bottom:29%}.toast{top:20%;right:16px}.joy{z-index:7;opacity:0;pointer-events:none;background:#10181b28;border:1px solid #fff1;border-radius:50%;width:112px;height:112px;margin:-56px;display:block;position:absolute}.joy.is-active{opacity:1}.joy__nub{background:#d8c39a22;border:1px solid #ead5aa66;border-radius:50%;width:44px;height:44px;margin:-22px;position:absolute;top:50%;left:50%}.touch-actions{z-index:8;right:max(18px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));align-items:flex-end;gap:12px;display:flex;position:absolute}.touch-actions button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10181b73;border:1px solid #e6d4b74d;border-radius:50%;width:58px;height:58px;font-size:11px}.touch-actions button:last-child{width:72px;height:72px}.skip{z-index:14;background:#10181b88;border:0;padding:8px 12px;font-size:10px;position:absolute;top:14px;right:16px}.is-playing .skip{display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}