@charset "UTF-8";
:root{--ink:#244b46;--deep:#184f49;--paper:#f7f4e8;--gold:#b89656;--line:rgba(80,106,88,.22);--serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#bfdcdb;font-family:var(--sans);color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:2px solid #c89d4c;outline-offset:5px}button{transition:background .2s,transform .2s,box-shadow .2s}button:active{transform:scale(.96)}.hidden{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block}#veil{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(248,247,228,.94),rgba(245,244,223,.68) 30%,rgba(239,242,219,.08) 56%,transparent 75%)}#loading{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#eeeee0;color:var(--deep);transition:opacity .6s}#loading p{font-family:var(--serif);font-size:19px;letter-spacing:.2em}#loading small{color:#879585;font-size:11px}.rune-spinner{font-size:55px;animation:turn 4s linear infinite;color:#b29763}@keyframes turn{to{transform:rotate(360deg)}}#intro{position:fixed;inset:0}.intro-top{position:absolute;top:35px;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-family:var(--serif);font-size:17px;letter-spacing:.16em}.brand svg{width:36px;height:42px;stroke:var(--deep);stroke-width:1.5;fill:none}.brand-en{display:block;font:8px var(--sans);letter-spacing:.24em;opacity:.6;margin-top:5px}.icon-btn{width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(248,250,239,.55);background:rgba(245,248,232,.65);backdrop-filter:blur(12px);border-radius:50%;font-size:20px;box-shadow:0 3px 15px #234f4210}.icon-btn:hover{background:#fff9e8}.icon-btn.off{opacity:.5}.intro-copy{position:absolute;left:8.2vw;top:26%;}.eyebrow{font-size:10px;letter-spacing:.22em;color:#687f6d;display:flex;gap:10px;align-items:center}.eyebrow>span{display:inline-block;height:1px;width:30px;background:#a98c51}.intro-copy h1{font-family:var(--serif);font-weight:600;font-size:clamp(66px,7.2vw,112px);letter-spacing:.14em;line-height:1.2;margin:24px 0 26px;color:#244e45;text-shadow:0 2px 30px #f5f2d780}.intro-copy h1>span{display:block;font:11px var(--sans);letter-spacing:.68em;margin-top:20px;margin-left:4px;color:#70846f}.intro-description{font-size:13px;line-height:2.2;letter-spacing:.07em;color:#617665;margin:0 0 31px}.start-btn{min-height:53px;min-width:213px;background:var(--deep);color:#f4efdc;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:0 23px;border:1px solid #16493f;box-shadow:0 5px 24px #23594915;letter-spacing:.15em;font-size:14px}.start-btn:hover{background:#28665c;box-shadow:0 6px 24px #23594930;transform:translateY(-2px)}.button-arrow{display:flex;width:29px;height:29px;border-left:1px solid #e6e8cd45;align-items:center;justify-content:flex-end;font-size:23px;font-weight:300}.text-btn{background:none;font-size:11px;letter-spacing:.06em;padding:15px 0;color:#60755f}.text-btn span{margin-left:13px}.intro-tags{display:flex;gap:12px;align-items:center;margin-top:25px;font-size:10px;color:#71846f;letter-spacing:.06em}.intro-tags i{width:3px;height:3px;border-radius:50%;background:#b5a575}.scene-label{position:absolute;right:5%;bottom:16%;display:flex;align-items:center;gap:16px;color:#fff9e5;text-shadow:0 1px 8px #2a535a50}.scene-num{font:44px var(--serif);opacity:.75}.scene-label small{font-size:9px;letter-spacing:.18em}.scene-label strong{display:block;font:22px var(--serif);margin-top:5px;letter-spacing:.16em}.scene-line{width:50px;height:1px;background:#fff6d175}.scene-coord{font-size:8px;letter-spacing:.1em}.intro-footer{position:absolute;left:42px;right:42px;bottom:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#657e68}.intro-footer>span:last-child{color:#f9f5e6;text-shadow:0 1px 3px #214e45}.intro-footer b{margin:0 12px;opacity:.5}#hud{position:fixed;inset:0;pointer-events:none;color:#fcf7e6;text-shadow:0 1px 5px #1b45443b}#hud button{pointer-events:auto}.player-panel{position:absolute;top:30px;left:34px;display:flex;gap:13px;align-items:center}.portrait{width:49px;height:55px;clip-path:polygon(50% 0,100% 25%,88% 79%,50% 100%,12% 79%,0 25%);display:flex;align-items:center;justify-content:center;font-size:33px;background:linear-gradient(140deg,#fff7d6,#c5a26a);color:#30665b;text-shadow:none}.player-vitals{width:180px}.player-name{font-size:12px;letter-spacing:.1em;margin:0 0 8px}.player-name>span{font-size:6px;letter-spacing:.17em;margin-left:9px;opacity:.65}.health-track{height:6px;background:#1b464960;border:1px solid #f9f1d175}.health-track>div{height:100%;width:100%;background:linear-gradient(90deg,#dceab4,#fff0ac);transition:width .25s}.vital-sub{font-size:8px;display:flex;justify-content:space-between;margin-top:5px;opacity:.9}.air-dashes{display:flex;align-items:center;gap:5px}.air-dashes i{width:7px;height:7px;transform:rotate(45deg);background:#fbf3c7;border:1px solid #fff8cf}.air-dashes i.empty{background:#35676a55;opacity:.4}.air-dashes small{font-size:8px;margin-left:2px}.region{position:absolute;top:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;text-align:center}.region>span{font-size:10px;opacity:.8}.region small{font-size:7px;letter-spacing:.3em;color:#f7f8e5}.region strong{display:block;font:19px var(--serif);letter-spacing:.2em;margin-top:4px}.top-actions{position:absolute;right:30px;top:30px;display:flex;gap:10px}.top-actions .icon-btn{color:#325b50;text-shadow:none}.quest{position:absolute;right:31px;top:111px;max-width:230px;text-align:right;border-right:2px solid #f5e3aeaa;padding-right:16px}.quest small{font-size:9px;letter-spacing:.1em;opacity:.8}.quest h2{font:17px var(--serif);letter-spacing:.08em;margin:9px 0 12px}.quest p{font-size:11px;margin:7px 0}.quest b{font-weight:400;margin-left:18px;color:#f6e3a5}.quest-dot{display:inline-block;width:6px;height:6px;transform:rotate(45deg);border:1px solid #f9e4a7;margin-right:7px}.quest .quest-hint{font-size:9px;opacity:.75;line-height:1.8}.minimap-panel{position:absolute;left:33px;bottom:70px;width:151px}.minimap-panel canvas{display:block;width:151px;height:151px;border-radius:50%;background:#fcf7e6ce;border:3px solid #f8f2dd99;box-shadow:0 5px 25px #1b4b3c15;outline:1px solid #274e4030;backdrop-filter:blur(8px)}.minimap-compass{position:absolute;top:5px;left:50%;transform:translateX(-50%);font-size:8px;color:#416453;text-shadow:none;z-index:2}.map-caption{display:flex;justify-content:space-between;font-size:9px;margin:10px 8px 0;letter-spacing:.1em}.desktop-hints{position:absolute;bottom:24px;left:34px;display:flex;gap:17px;font-size:8px;align-items:center;opacity:.9}.desktop-hints span{white-space:nowrap}kbd{font:8px var(--sans);display:inline-flex;border:1px solid #f6efd77a;border-radius:3px;padding:3px 5px;justify-content:center;align-items:center;margin-right:4px;background:#31574e20}.abilities{position:absolute;bottom:46px;right:40px;display:flex;gap:22px;text-align:center}.ability{position:relative}.ability-icon{width:50px;height:50px;border:1px solid #f5efd5a0;background:linear-gradient(130deg,#fff8d925,#2c68623a);border-radius:50%;font:30px var(--serif);line-height:46px;box-shadow:inset 0 0 0 4px #fff8d915}.ability kbd{position:absolute;top:36px;left:50%;transform:translateX(-50%);margin:0;background:#365b50d9;white-space:nowrap;font-size:7px;line-height:8px}.ability>span{font-size:8px;display:block;margin-top:14px;letter-spacing:.08em}#dash-ability.cooldown{opacity:.4}#crosshair{position:absolute;left:50%;top:46%;width:19px;height:19px;transform:translate(-50%,-50%);opacity:.55}#crosshair i{position:absolute;background:#fff9e9;box-shadow:0 0 3px #275951}#crosshair i:nth-child(1){width:1px;height:4px;top:0;left:9px}#crosshair i:nth-child(2){width:1px;height:4px;bottom:0;left:9px}#crosshair i:nth-child(3){height:1px;width:4px;left:0;top:9px}#crosshair i:nth-child(4){height:1px;width:4px;right:0;top:9px}#crosshair b{width:2px;height:2px;background:#fff;position:absolute;left:8px;top:8px}#crosshair.target{opacity:1;transform:translate(-50%,-50%) scale(1.25)}#crosshair.target i{background:#ffe09b}#bossbar{position:absolute;top:94px;left:50%;transform:translateX(-50%);width:300px;text-align:center}#bossbar small{font-size:7px;letter-spacing:.2em}#bossbar h3{font:15px var(--serif);letter-spacing:.16em;margin:4px 0 9px}#bossbar>div{height:5px;background:#253b444f;border:1px solid #ead3a777}#bossbar i{display:block;height:100%;width:100%;background:#e8bd85;transition:width .2s}#interact{position:absolute;bottom:25%;left:50%;transform:translateX(-50%);background:#1e514bdc;border:1px solid #eee6bb55;padding:10px 19px;display:flex;align-items:center;gap:8px;font-size:12px;box-shadow:0 8px 40px #164d4925}#interact kbd{font-size:12px;background:#f8efd9;color:#28544a;padding:4px 8px;border:0}#combo{position:absolute;right:10%;top:43%;color:#fff0bb;transform:rotate(-6deg);text-align:center}#combo strong{font:italic 58px Georgia,serif;display:block;line-height:1}#combo span{font-size:10px;letter-spacing:.3em}#toast{position:absolute;left:50%;bottom:16%;transform:translate(-50%,10px);opacity:0;transition:.3s;background:#f8f4dfed;color:#28574b;font-size:11px;padding:12px 24px;box-shadow:0 5px 24px #285b4f15;max-width:80vw;line-height:1.6;text-shadow:none;text-align:center;border:1px solid #f9f2d9}#toast.visible{opacity:1;transform:translate(-50%,0)}#location-toast{position:absolute;top:24%;left:50%;transform:translateX(-50%);text-align:center;opacity:0;transition:opacity 1s;white-space:nowrap}#location-toast small{display:block;font-size:9px;letter-spacing:.3em;opacity:.75}#location-toast span{display:block;font:31px var(--serif);letter-spacing:.24em;margin:13px 0}#location-toast.visible{opacity:1}#damage-flash,#hit-flash{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .15s}#damage-flash{box-shadow:inset 0 0 160px #c5434090}#hit-flash{background:#f9e8a718}#numbers{position:fixed;inset:0;pointer-events:none}.damage-number{position:absolute;color:#ffedb3;text-shadow:0 2px 4px #4c494b90;font:bold 21px Georgia,serif;animation:number-rise .65s ease-out forwards}.damage-number.gun{font-size:16px;color:#f9fbe5}.damage-number.critical{font-size:27px;color:#ffdf7a}@keyframes number-rise{0%{transform:translate(-50%,0) scale(.7);opacity:1}25%{transform:translate(-50%,-16px) scale(1.15)}100%{transform:translate(-50%,-55px) scale(.85);opacity:0}}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#153f4659;backdrop-filter:blur(12px);padding:20px}.menu-card{width:360px;max-width:100%;background:#f8f5e8;padding:43px 38px 29px;text-align:center;box-shadow:0 25px 100px #153e4930;border:1px solid #fffaf0}.menu-card>.eyebrow{justify-content:center;font-size:8px}.menu-card h2{font:32px var(--serif);letter-spacing:.08em;margin:20px 0}.menu-card p{font-size:11px;line-height:2;color:#788473;margin:0 0 27px}.menu-card .start-btn{width:100%;font-size:12px;min-width:0}.menu-card>small{font-size:8px;line-height:1.8;color:#8a9381;display:block;margin-top:19px}.secondary-btn{display:block;width:100%;padding:14px 20px;background:none;border:1px solid #496f5630;font-size:12px;margin-top:12px;letter-spacing:.1em}.secondary-btn:hover{background:#e9ebda}.menu-card .text-btn{display:block;margin:3px auto 0}.guide-card{position:relative;background:#f8f5e8;padding:38px 42px;width:700px;max-width:100%;max-height:94dvh;overflow:auto;touch-action:pan-y}.close-btn{position:absolute;top:13px;right:15px;background:none;font-size:27px;color:#718674;line-height:1}.guide-card h2,.map-card h2{font:30px var(--serif);letter-spacing:.1em;margin:15px 0}.guide-lead{font-size:11px;color:#778670;line-height:1.8}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 35px;margin:30px 0}.guide-grid article>span{font-size:9px;color:#b0945e;letter-spacing:.1em}.guide-grid h3{font:17px var(--serif);margin:10px 0}.guide-grid p{font-size:11px;line-height:1.95;color:#6a7e69;margin:0}.mobile-note{border-top:1px solid var(--line);padding-top:17px;font-size:9px;color:#8a947f;line-height:1.8}.map-card{position:relative;width:510px;max-height:94dvh;max-width:96vw;background:#f7f4e6;padding:24px 30px;text-align:center;overflow:auto}.map-card .eyebrow{justify-content:center;font-size:8px}.map-card canvas{width:100%;max-height:61dvh;object-fit:contain;display:block}.map-card p{font-size:9px;color:#60795f}.map-card small{font-size:8px;color:#8c9682}.stats{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:24px}.stats b{display:block;font:24px var(--serif)}.stats span{display:block;font-size:8px;margin-top:9px;color:#85917c}.victory-rune{font-size:45px;color:#b39355}.victory-card h2{font-size:28px}#rotate-hint{display:none;position:fixed;bottom:10px;left:50%;transform:translateX(-50%);background:#174d49d9;color:#fff4d8;font-size:10px;padding:7px 16px;white-space:nowrap;z-index:200;border-radius:20px;pointer-events:none}#touch{position:fixed;inset:0;pointer-events:none}#joystick{position:absolute;left:30px;bottom:35px;width:112px;height:112px;border:1px solid #fff7df75;border-radius:50%;background:#f5f2da1a;pointer-events:auto;touch-action:none}#stick{position:absolute;width:43px;height:43px;left:34px;top:34px;border:1px solid #fff5d6a0;border-radius:50%;background:#fff8df4f;box-shadow:0 1px 20px #13453b12}#touch-look{position:absolute;inset:90px 0 150px 35%;pointer-events:auto;touch-action:none}.touch-action{position:absolute;border-radius:50%;border:1px solid #fff1c99c;background:linear-gradient(140deg,#f7efd93b,#1d615a50);color:#fff9e4;pointer-events:auto;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 4px #fff6da0c;text-shadow:0 1px 5px #164b45}.touch-action b{font-size:28px;font-weight:400;line-height:1}.touch-action span{font-size:8px;margin-top:4px}#touch-melee{right:34px;bottom:38px;width:74px;height:74px}#touch-shoot{right:115px;bottom:48px;width:61px;height:61px}#touch-jump{right:27px;bottom:124px;width:55px;height:55px}#touch-dash{right:94px;bottom:125px;width:55px;height:55px}#touch-interact{right:182px;bottom:55px;width:56px;height:56px;background:#b69a57b0}.mobile .desktop-hints,.mobile .abilities{display:none}.mobile .minimap-panel{width:95px;left:20px;bottom:170px}.mobile .minimap-panel canvas{width:95px;height:95px}.mobile .map-caption{font-size:7px;margin:7px 0 0}.mobile .minimap-compass{font-size:6px}.mobile #interact{bottom:25%;font-size:10px}.mobile #interact kbd{display:none}
@media(max-width:900px){.intro-copy{left:7%;top:24%}.intro-copy h1{font-size:74px}.intro-top{top:24px;left:28px;right:28px}.intro-footer{left:28px;right:28px;bottom:20px}.scene-label{right:4%;bottom:17%}.scene-coord,.scene-line{display:none}.player-panel{top:20px;left:20px}.player-vitals{width:145px}.region{top:20px}.region strong{font-size:16px}.top-actions{right:20px;top:20px;gap:6px}.icon-btn{width:34px;height:34px;font-size:18px}.quest{right:20px;top:81px;max-width:200px}.quest h2{font-size:14px}.quest small{font-size:8px}.quest p{font-size:10px}.quest .quest-hint{font-size:8px}.desktop-hints{gap:8px;font-size:7px}.abilities{right:25px;gap:14px}.region>span{display:none}}
@media(max-height:600px){.intro-top{top:18px;left:25px;right:25px}.brand{font-size:13px;gap:8px}.brand svg{width:27px;height:32px}.brand-en{font-size:6px;margin-top:3px}.intro-copy{top:22%;left:7%}.intro-copy h1{font-size:66px;margin:13px 0 17px}.intro-copy h1>span{font-size:8px;margin-top:10px}.eyebrow{font-size:8px}.intro-description{font-size:10px;line-height:1.9;margin-bottom:17px}.start-btn{min-height:43px;min-width:185px;font-size:12px}.intro-copy .text-btn{position:absolute;left:205px;bottom:28px;white-space:nowrap;font-size:9px}.intro-tags{margin-top:16px;font-size:8px;gap:9px}.intro-footer{bottom:14px;font-size:7px;left:25px;right:25px}.scene-label strong{font-size:17px}.scene-num{font-size:32px}.scene-label small{font-size:7px}.scene-label{bottom:16%}.player-panel{top:13px;left:17px;gap:8px}.portrait{width:34px;height:39px;font-size:25px}.player-vitals{width:130px}.player-name{font-size:9px;margin-bottom:5px}.player-name>span{font-size:5px;margin-left:4px}.vital-sub{font-size:6px}.region{top:15px}.region strong{font-size:14px;margin-top:2px}.region small{font-size:5px}.top-actions{top:14px;right:17px}.icon-btn{width:30px;height:30px;font-size:16px}.quest{top:66px;right:17px;padding-right:10px}.quest h2{font-size:12px;margin:6px 0 8px}.quest small,.quest .quest-hint{font-size:7px}.quest p{font-size:9px;margin:5px 0}.quest .quest-hint{max-width:160px}.minimap-panel{bottom:50px;width:115px;left:20px}.minimap-panel canvas{width:115px;height:115px}.desktop-hints{bottom:14px;left:20px}.abilities{bottom:35px}.ability-icon{width:43px;height:43px;font-size:26px;line-height:40px}.ability kbd{top:30px}.ability>span{margin-top:12px;font-size:7px}.mobile .minimap-panel{bottom:164px;width:76px;left:26px}.mobile .minimap-panel canvas{width:76px;height:76px}.mobile .map-caption{font-size:6px}#bossbar{top:64px;width:220px}#bossbar small{font-size:6px}#bossbar h3{font-size:12px;margin:3px 0 5px}.menu-card{padding:24px 30px 20px;width:330px}.menu-card h2{font-size:27px;margin:15px 0}.menu-card p{margin-bottom:18px}.menu-card>small{margin-top:12px}.victory-rune{font-size:30px}.stats{padding:12px 0;margin-bottom:16px}.guide-card{padding:25px 32px}.guide-card h2{font-size:25px;margin:10px 0}.guide-grid{gap:15px 25px;margin:18px 0}.guide-grid h3{font-size:15px;margin:6px 0}.guide-grid p{font-size:10px}.mobile-note{padding-top:10px;font-size:8px}.guide-card .secondary-btn{padding:10px}.map-card{padding:15px 25px}.map-card h2{font-size:22px;margin:10px 0}.map-card canvas{max-height:57dvh}}
@media(max-width:600px) and (orientation:portrait){#veil{background:linear-gradient(180deg,#f5f2dfb0,#f5f2df55 60%,transparent)}.intro-copy{top:24%;left:9%}.intro-copy h1{font-size:77px}.intro-description{font-size:12px}.scene-label{bottom:12%;right:8%}.intro-top{top:22px;left:24px;right:24px}.intro-footer{bottom:22px;left:24px;right:24px}.intro-footer>span:last-child{display:none}#rotate-hint{display:block}.region{top:88px}.quest{top:145px;right:16px;max-width:155px}.quest h2{font-size:13px}.player-panel{left:15px;top:24px}.player-vitals{width:134px}.top-actions{right:15px;top:24px;gap:5px}.top-actions .icon-btn{width:29px;height:29px}.guide-grid{grid-template-columns:1fr;gap:20px}.guide-card{padding:32px 27px}.guide-grid p{font-size:11px}.guide-card h2{font-size:27px}.guide-lead{font-size:10px}#joystick{left:20px;bottom:60px;width:100px;height:100px}#stick{width:40px;height:40px;left:29px;top:29px}#touch-melee{right:20px;bottom:58px;width:65px;height:65px}#touch-shoot{right:94px;bottom:67px;width:55px;height:55px}#touch-jump{right:20px;bottom:135px;width:50px;height:50px}#touch-dash{right:80px;bottom:135px;width:50px;height:50px}#touch-interact{right:155px;bottom:70px;width:45px;height:45px}.mobile .minimap-panel{bottom:195px;left:25px;width:85px}.mobile .minimap-panel canvas{width:85px;height:85px}#toast{bottom:31%;font-size:10px;padding:10px 14px}#interact{bottom:29%!important;max-width:90%;white-space:nowrap}.menu-card{padding:34px 27px}#combo{top:45%;right:9%}#bossbar{top:110px;width:230px}}
/* Character study and the brighter world share the same restrained paper-and-jade interface. */
.intro-links{display:flex;gap:24px}.intro-links .text-btn{font-size:11px}.intro-copy{top:24%}.scene-label{bottom:14%}#veil{background:linear-gradient(90deg,rgba(248,247,235,.98),rgba(245,245,230,.88) 26%,rgba(239,244,229,.33) 44%,transparent 63%)}#portrait-view{position:fixed;inset:0;color:#203b54;pointer-events:none;background:linear-gradient(90deg,#eff3eeeb, #eef3edaa 27%, transparent 53%)}#portrait-view button{pointer-events:auto}.portrait-back{position:absolute;top:32px;left:40px;background:#f5f5e8c9;border:1px solid #ffffffaa;padding:11px 20px;font-size:12px;letter-spacing:.1em;backdrop-filter:blur(12px)}.character-story{position:absolute;left:8%;top:24%;max-width:300px}.character-story .eyebrow{font-size:9px;color:#526d85}.character-star{color:#b99f68;font-size:13px;letter-spacing:.2em;margin-top:25px}.character-story h2{font:70px var(--serif);letter-spacing:.16em;font-weight:500;margin:15px 0 18px}.character-role{font-size:11px;letter-spacing:.1em;color:#6a858b}.character-story p{font:14px/2.25 var(--serif);letter-spacing:.12em;margin-top:29px;color:#526b7b}.character-story small{font-size:9px;color:#758d91;letter-spacing:.1em}.character-colors{display:flex;gap:12px;margin:27px 0 17px}.character-colors i{display:block;width:15px;height:15px;border-radius:50%;border:1px solid #718b881f}.character-colors i:nth-child(1){background:#d8e4eb}.character-colors i:nth-child(2){background:#283f61}.character-colors i:nth-child(3){background:#5495a3}.character-colors i:nth-child(4){background:#c6b68b}.character-orbit{position:absolute;bottom:40px;right:21%;display:flex;gap:18px;align-items:center;font-size:9px;letter-spacing:.15em;color:#f4f7ef;text-shadow:0 1px 4px #203f4940}.character-orbit button{width:44px;height:44px;border-radius:50%;background:#f1f5ebd9;border:1px solid #ffffffb0;color:#355b65;font-size:26px;backdrop-filter:blur(12px)}.quest{background:linear-gradient(90deg,transparent,#2b53632c);padding-top:8px;padding-bottom:8px}.region{text-shadow:0 1px 8px #17425390}.player-name>span{font-size:5px}.mobile .touch-action span{font-size:9px}
@media(max-height:600px){.intro-copy{top:23%}.intro-links{gap:20px}.intro-copy .intro-links .text-btn{position:static;font-size:9px;padding:9px 0}.intro-tags{margin-top:8px}.character-story{top:22%;left:7%}.character-story h2{font-size:48px;margin:9px 0 12px}.character-star{margin-top:15px;font-size:10px}.character-story p{font-size:11px;margin:16px 0}.character-story .eyebrow{font-size:7px}.character-role{font-size:9px}.character-colors{margin:16px 0 10px}.character-story small{font-size:7px}.portrait-back{top:17px;left:24px;padding:8px 15px;font-size:10px}.character-orbit{bottom:24px;right:21%;gap:12px}.character-orbit button{width:35px;height:35px;font-size:22px}}
@media(max-width:600px) and (orientation:portrait){.intro-copy{top:19%}.intro-copy h1{font-size:63px}.intro-description{font-size:10px}.intro-tags{font-size:8px}.intro-links{gap:18px}.intro-links .text-btn{font-size:9px}.scene-label{bottom:10%;right:7%}.character-story{top:16%;left:7%;max-width:145px}.character-story h2{font-size:44px}.character-story .eyebrow{font-size:6px;letter-spacing:.1em}.character-story p{font-size:11px;line-height:2;margin-top:19px}.character-role{font-size:8px}.character-story small{display:none}.character-colors{margin-top:18px}.portrait-back{left:22px;top:23px;padding:9px 14px;font-size:10px}.character-orbit{bottom:55px;right:8%;font-size:8px;gap:12px}.character-orbit button{width:38px;height:38px}#portrait-view{background:linear-gradient(90deg,#eff3eed9,transparent 72%)}#veil{background:linear-gradient(90deg,#f5f4eacc,transparent 85%)}.intro-footer>span:first-child{font-size:8px}}
.character-orbit .portrait-zoom{width:auto;height:auto;font:10px var(--sans);letter-spacing:.1em;border-radius:2px;padding:11px 14px}.character-orbit .portrait-zoom:hover{background:#fcf9e8}
/* Locomotion and exact character views. */
#movement-mode{color:#f6e7b9;letter-spacing:.1em}#touch-run{position:absolute;left:160px;bottom:48px;padding:9px 15px;pointer-events:auto;touch-action:none;border-radius:19px;color:#f9f3df;font-size:11px;background:#28575d80;border:1px solid #fff4d59c;backdrop-filter:blur(8px)}#touch-run[aria-pressed=true]{background:#d8c690e8;color:#264c51}.motion-preview{pointer-events:auto;position:absolute;top:31px;right:35px;display:flex;align-items:center;gap:7px;padding:5px;background:#f7f7edc7;border:1px solid #fffefa8c;backdrop-filter:blur(12px)}.motion-preview>span{font-size:9px;color:#7c9394;padding:0 9px}.motion-preview button,.fixed-views button{padding:9px 13px;font-size:10px;background:transparent;color:#41666c}.motion-preview button.active{background:#2f6470;color:#fff8e6}.motion-preview button:hover,.fixed-views button:hover{background:#dce7dd}.motion-preview i{height:20px;width:1px;background:#a5b8b24d;margin:0 3px}.fixed-views{position:absolute;bottom:36px;left:8%;display:flex;background:#f3f6ebc9;border:1px solid #ffffff94;backdrop-filter:blur(10px);pointer-events:auto}.fixed-views button{padding:10px 17px}.reference-head,.reference-labels{display:none}.three-mode .character-story,.three-mode .character-orbit,.three-mode .fixed-views{display:none}#portrait-view.three-mode{background:none}.three-mode .reference-head{display:flex;position:absolute;left:5%;top:74px;right:5%;justify-content:space-between;align-items:center;color:#315a62}.reference-head strong{font:20px var(--serif);letter-spacing:.1em}.reference-head span{font-size:10px;letter-spacing:.1em;color:#718e8e}.three-mode .motion-preview [data-preview-motion],.three-mode .motion-preview>span,.three-mode .motion-preview i{display:none}.three-mode .reference-labels{position:absolute;left:0;right:0;bottom:26px;display:flex;text-align:center;color:#3b6168}.reference-labels>div{width:33.333%;font:17px var(--serif);letter-spacing:.1em}.reference-labels small{display:block;font:8px var(--sans);margin-top:7px;color:#8a9d9a;letter-spacing:.18em}
@media(max-height:600px){.motion-preview{top:16px;right:20px;gap:3px;padding:3px}.motion-preview>span{font-size:7px;padding:0 4px}.motion-preview button{font-size:9px;padding:8px 10px}.fixed-views{bottom:20px;left:7%}.fixed-views button{font-size:9px;padding:8px 13px}.three-mode .reference-head{top:71px}.reference-head strong{font-size:16px}.reference-head span{font-size:8px}.reference-labels>div{font-size:13px}.reference-labels small{font-size:6px}.three-mode .reference-labels{bottom:23px}}
@media(max-width:600px) and (orientation:portrait){#touch-run{left:135px;bottom:160px;padding:8px 13px;font-size:10px}.motion-preview{top:73px;left:22px;right:22px;justify-content:center;gap:2px}.motion-preview>span{display:none}.motion-preview button{font-size:9px;padding:9px 8px}.motion-preview i{margin:0}.character-story{top:23%;max-width:145px}.fixed-views{left:22px;bottom:115px}.fixed-views button{font-size:9px;padding:9px 13px}.three-mode .reference-head{top:127px;left:22px;right:22px;display:block}.reference-head strong{font-size:16px}.reference-head span{display:block;margin-top:8px;font-size:8px}.three-mode .reference-labels{bottom:54px}.reference-labels>div{font-size:13px}.reference-labels small{font-size:6px}}

.view-toggle{position:absolute;right:31px;top:80px;padding:8px 13px;min-height:32px;border:1px solid #fff4d58c;background:#f1f4e5d9;backdrop-filter:blur(10px);color:#305b5a;font-size:10px;letter-spacing:.04em;text-shadow:none}.view-toggle:hover{background:#fff8e5}.view-toggle[aria-pressed=true]{background:#2f6470e8;color:#fff5df}.first-person #crosshair{top:50%}
@media(max-height:600px){.view-toggle{top:62px;right:20px;font-size:9px;padding:6px 10px;min-height:30px}.quest{top:105px}.mobile .view-toggle{min-height:34px}}
@media(max-width:600px) and (orientation:portrait){.view-toggle{top:65px;right:15px;padding:8px 11px;min-height:36px;font-size:9px}.quest{top:145px}}

.view-toggle{min-width:104px}

#pause .menu-card{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}

.weapon-selector{position:fixed;z-index:12;left:50%;bottom:32px;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #fff8dfab;background:#f5f4e4df;backdrop-filter:blur(12px);box-shadow:0 5px 24px #234f4217;color:#315b59}.weapon-caption{font-size:9px;letter-spacing:.12em;padding:0 9px}.weapon-choice{display:flex;align-items:center;justify-content:center;gap:10px;min-width:77px;min-height:36px;padding:8px 12px;font-size:11px;background:transparent;color:#3e6664;touch-action:manipulation}.weapon-choice kbd{font-size:8px;margin:0;border-color:#738f7b50}.weapon-choice.active{background:#285d61;color:#fff4d7;box-shadow:inset 0 -2px #cfb57b}.weapon-choice:hover{background:#dce7db}.weapon-choice.active:hover{background:#326d70}.pause-weapons{display:flex;justify-content:center;gap:5px;margin-top:12px;border:1px solid #a3ae9145;padding:4px}.pause-weapons .weapon-choice{flex:1}.mobile .weapon-selector{bottom:27px;padding:4px}.mobile .weapon-caption,.mobile .weapon-choice kbd{display:none}.mobile .weapon-choice{min-height:40px;min-width:74px;padding:8px 15px;font-size:11px}@media(max-width:600px) and (orientation:portrait){.mobile .weapon-selector{bottom:215px}.mobile .weapon-choice{min-height:42px;min-width:68px;padding:8px 14px}}
@media(min-width:601px){body:not(.mobile) .weapon-selector{bottom:64px}}

/* Moonveil ranger collection and Windchime Ruins. */
.wardrobe-panel{display:none}.wardrobe-mode .wardrobe-panel{display:block;position:absolute;left:5%;top:128px;bottom:100px;width:300px;overflow-y:auto;pointer-events:auto;padding:0 14px 12px 0;scrollbar-width:thin;touch-action:pan-y}.wardrobe-mode .character-story{display:none}.wardrobe-mode{background:linear-gradient(90deg,#eff3eef5,#eff3eec9 26%,transparent 54%)!important}.wardrobe-panel .eyebrow{font-size:8px;color:#66838d;letter-spacing:.14em}.wardrobe-panel h2{font:34px var(--serif);letter-spacing:.12em;margin:13px 0 10px}.wardrobe-lead{font-size:11px;line-height:1.8;color:#607e85}.wardrobe-panel>button{width:100%;padding:11px 14px;background:#315b68;color:#f8f3e3;font-size:11px;letter-spacing:.08em}.wardrobe-panel #wardrobe-status{font-size:9px;line-height:1.6;color:#5e858b;min-height:16px}.wardrobe-panel h3{font-size:10px;letter-spacing:.14em;font-weight:500;color:#6b8384;margin:18px 0 7px}.cosmetic-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cosmetic-card{text-align:left;position:relative;min-height:85px;padding:10px 10px 10px 32px;background:#f5f6ebdc;border:1px solid #90aaa343}.cosmetic-mark{position:absolute;left:9px;top:12px;color:#819ea1;font-size:15px}.cosmetic-card strong{display:block;font-size:11px;font-weight:500}.cosmetic-card em{display:block;font-style:normal;font-size:8px;line-height:1.6;color:#718d8c;margin-top:5px}.cosmetic-card small{display:block;font-size:8px;color:#728f91;margin-top:6px}.cosmetic-card.selected{border-color:#6c9c9d;background:#dceae4}.cosmetic-card.selected .cosmetic-mark{color:#315f72}.wardrobe-note{font-size:9px;line-height:1.8;color:#7d9291;margin-top:18px}.three-mode .wardrobe-panel{display:none}.ranger-tracker{position:absolute;left:34px;top:108px;width:232px;min-height:68px;text-align:left;padding:11px 30px 11px 12px;background:linear-gradient(90deg,#214f62b3,#214f622a);border-left:2px solid #c4e7df;color:#f1f5e6;text-shadow:0 1px 3px #234d5b70;pointer-events:auto}.ranger-tracker b{display:block;font-size:10px;letter-spacing:.08em;font-weight:500;margin-bottom:6px}.ranger-tracker span{display:block;font-size:9px;line-height:1.7}.ranger-tracker small{position:absolute;right:10px;top:13px;font-size:8px}.charge-control{position:fixed;z-index:12;left:calc(50% + 116px);bottom:64px;width:64px;height:48px;border:1px solid #faf2da91;background:linear-gradient(0deg,#76b6b5 var(--charge,0%),#edf2e6dd var(--charge,0%));color:#335d66;display:flex;align-items:center;justify-content:center;flex-direction:column;touch-action:none}.charge-control b{position:absolute;font-size:28px;opacity:.18}.charge-control span{font-size:11px;z-index:1}.charge-control small{font-size:7px;margin-top:3px;opacity:.65}.charge-control.charging{box-shadow:0 0 18px #c1f9e678}.mobile .charge-control{bottom:27px;width:57px;height:50px}.mobile .charge-control small{display:none}.intro-links{gap:16px}
@media(max-height:600px){.wardrobe-mode .wardrobe-panel{top:76px;bottom:70px;width:240px;left:5%}.wardrobe-panel h2{font-size:24px;margin:9px 0}.wardrobe-lead{font-size:9px}.wardrobe-panel h3{margin-top:12px}.cosmetic-card{min-height:76px;padding-left:26px}.cosmetic-card strong{font-size:10px}.cosmetic-mark{left:7px;font-size:13px}.ranger-tracker{top:78px;left:20px;width:190px;min-height:59px;padding:8px 26px 8px 10px}.ranger-tracker b{font-size:8px;margin-bottom:4px}.ranger-tracker span{font-size:8px}.ranger-tracker small{font-size:7px}.mobile .minimap-panel{bottom:158px}}
@media(max-width:600px) and (orientation:portrait){.wardrobe-mode .wardrobe-panel{top:136px;left:15px;width:168px;bottom:158px;padding-right:6px}.wardrobe-mode{background:linear-gradient(90deg,#eff3eef0,#eff3eeb0 42%,transparent 76%)!important}.wardrobe-panel h2{font-size:25px}.wardrobe-panel .eyebrow{font-size:6px;letter-spacing:.05em}.wardrobe-lead{font-size:9px}.wardrobe-panel>button{font-size:9px;padding:10px 4px}.wardrobe-panel #wardrobe-status{font-size:7px}.cosmetic-row{grid-template-columns:1fr;gap:5px}.cosmetic-card{min-height:67px;padding:8px 8px 8px 29px}.cosmetic-card em,.cosmetic-card small{margin-top:3px}.wardrobe-note{font-size:8px}.wardrobe-mode .fixed-views{left:15px;bottom:106px}.wardrobe-mode .fixed-views button{padding:8px 10px;font-size:8px}.ranger-tracker{left:15px;top:148px;width:173px;min-height:70px;padding:9px 22px 9px 10px}.ranger-tracker b{font-size:9px}.ranger-tracker span{font-size:8px}.ranger-tracker small{right:5px;font-size:7px}.mobile .charge-control{left:auto;right:20px;bottom:205px}.intro-links{gap:12px}.intro-links .text-btn{font-size:8px}}

.inspect-control{position:fixed;z-index:12;left:calc(50% + 188px);bottom:64px;width:62px;height:48px;border:1px solid #faf2da91;background:#edf2e6dd;color:#335d66;display:flex;align-items:center;justify-content:center;flex-direction:column;touch-action:manipulation}.inspect-control b{position:absolute;font-size:27px;opacity:.17}.inspect-control span{font-size:11px;z-index:1}.inspect-control small{font-size:7px;opacity:.65;margin-top:3px}.inspect-control[aria-pressed=true]{background:#315d68e8;color:#fcf3dd;border-color:#bcd6c7}.inspection-info{position:fixed;z-index:11;left:50%;bottom:136px;transform:translateX(-50%);width:260px;text-align:center;color:#eff7ed;text-shadow:0 1px 6px #183f527d;pointer-events:none}.inspection-info>small{display:block;font-size:7px;letter-spacing:.25em;color:#d0e2d8}.inspection-info strong{display:block;font:19px var(--serif);letter-spacing:.1em;margin:7px 0}.inspection-info>span{display:block;font-size:9px;color:#dae9dc}.inspection-info>div{width:72px;margin:12px auto 0;height:2px;background:#e9f2db36}.inspection-info i{display:block;height:100%;width:0;background:#d7e9cb}.weapon-inspecting #crosshair{opacity:.12}.weapon-inspecting #toast{opacity:0}.mobile .inspect-control{left:225px;bottom:27px;width:55px;height:50px}.mobile .inspect-control small{display:none}.mobile .inspection-info{bottom:94px;width:230px}.mobile .inspection-info strong{font-size:16px}.mobile .inspection-info>span{font-size:8px}@media(max-width:600px) and (orientation:portrait){.mobile .inspect-control{left:auto;right:20px;bottom:265px;width:57px;height:50px}.mobile .inspection-info{bottom:325px;width:240px}}

@media(min-width:601px) and (max-width:760px){.mobile .inspect-control{left:160px;bottom:102px}}
.weapon-inspecting #location-toast{opacity:0}.weapon-inspecting .quest,.weapon-inspecting .ranger-tracker{opacity:.3}.mobile .inspection-info{top:68px;bottom:auto;width:210px}@media(max-width:600px) and (orientation:portrait){.mobile .inspection-info{top:35%;bottom:auto;width:230px}}

.duel-entry{display:flex;align-items:center;gap:12px;text-decoration:none;color:#30585a;background:#f0f3e8bc;border:1px solid #a9bb9b99;border-radius:5px;padding:13px 15px;max-width:328px;margin-top:13px;box-shadow:0 5px 20px #3c605315}.duel-entry>span{font-size:20px;color:#8d9463}.duel-entry b{font-size:12px;letter-spacing:2px}.duel-entry small{font-size:10px;color:#7d9182}.duel-entry em{margin-left:auto;font-style:normal}.duel-entry:hover{background:#f9f9e9}.mobile .duel-entry{padding:9px 12px;max-width:288px;margin-top:8px}