:root{font-family:Noto Sans TC,system-ui,sans-serif;color:#fff7df;background:#071f2b;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}button:focus-visible{outline:3px solid #fff0a9;outline-offset:3px}kbd{display:inline-grid;min-width:25px;height:25px;place-items:center;padding:0 6px;border:1px solid rgba(255,239,190,.42);border-radius:7px;color:#fff0b8;background:#0218229e;box-shadow:inset 0 -2px #0003;font:700 11px/1 Noto Sans TC,system-ui,sans-serif}#world{width:100%;height:100%;display:block;touch-action:none}#app:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 42%,rgba(1,15,24,.36) 100%)}.hidden{opacity:0!important;pointer-events:none!important}.panel.hidden{transform:translate(-50%,calc(-50% + 10px))}#intro-backdrop{position:fixed;z-index:3;inset:0;background:linear-gradient(90deg,#021823b8,#042a3314 52%,#02182347),linear-gradient(0deg,rgba(1,18,27,.62),transparent 52%),url(/hero.webp) center / cover no-repeat;filter:saturate(1.08) contrast(1.02);transition:opacity 1.1s ease}.panel{position:fixed;z-index:4;left:50%;top:50%;width:min(560px,calc(100vw - 40px));padding:42px 48px;transform:translate(-50%,-50%);text-align:center;border:1px solid rgba(255,224,160,.42);border-radius:34px 10px;background:linear-gradient(145deg,#052632eb,#0a5258b8);box-shadow:0 28px 80px #0000007a,inset 0 0 42px #2ddace17;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:opacity .7s ease,transform .7s ease}.intro{left:clamp(300px,28vw,470px);text-align:left;background:linear-gradient(145deg,#041c27e6,#084c51b3);max-height:calc(100dvh - 24px);overflow:auto}.intro:before{margin-left:0!important}.intro h1{font-size:clamp(34px,5.2vw,52px);line-height:1.18}.story-prologue{display:grid;gap:9px;margin:17px 0 12px}.story-prologue p{margin:0}.story-prologue p:not(.story-purpose){font-size:14px;line-height:1.65!important}.story-prologue #story-prologue-role{padding-left:12px;border-left:2px solid rgba(119,224,217,.64);color:#f7efd2;font-weight:700}.story-prologue #story-prologue-purpose{padding:10px 12px;border:1px solid rgba(255,226,157,.22);border-radius:12px 4px;background:#021b2561;color:#ffe9ab;font-size:13px;line-height:1.6!important}.intro .profile-welcome{margin:12px 0 0;font-size:12px}.intro:before,.complete:before{content:"";display:block;width:54px;height:54px;margin:0 auto 18px;border:7px solid #ffe7a7;border-right-color:transparent;border-radius:50%;filter:drop-shadow(0 0 18px rgba(255,207,100,.55))}.eyebrow{margin:0 0 8px;letter-spacing:.28em;color:#78e0db;font-size:12px;font-weight:800}h1,h2{margin:0;font-family:"Noto Serif TC",serif;letter-spacing:.08em;text-shadow:0 3px 20px rgba(0,0,0,.35)}h1{font-size:clamp(44px,8vw,78px)}h2{font-size:clamp(32px,6vw,54px)}.panel p:not(.eyebrow){color:#d7eee8;line-height:1.9}.panel button{margin-top:18px;padding:13px 30px;border:1px solid #ffe3a0;border-radius:999px;color:#0a3640;background:linear-gradient(135deg,#fff1bd,#dc9f46);cursor:pointer;font-weight:800;letter-spacing:.12em;box-shadow:0 8px 24px #dd9e3f47}.panel button:hover{transform:translateY(-2px);filter:brightness(1.08)}.panel button:disabled{cursor:wait;opacity:.68;transform:none;filter:saturate(.62)}.world-challenge-briefing{z-index:18;width:min(590px,calc(100vw - 32px));max-height:calc(100dvh - 28px);overflow:auto;text-align:left;background:radial-gradient(circle at 82% 16%,rgba(255,220,137,.16),transparent 35%),linear-gradient(145deg,#031e2bfb,#07484cf9);box-shadow:0 0 0 100vmax #010e1761,0 28px 80px #00000094,inset 0 0 42px #2ddace17}.world-challenge-briefing h2{font-size:clamp(28px,5vw,46px);line-height:1.2}.world-challenge-briefing>p:not(.eyebrow){margin:15px 0 0;font-size:15px;line-height:1.75}.world-challenge-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.world-challenge-facts span{padding:7px 11px;border:1px solid rgba(124,229,219,.34);border-radius:999px;color:#d8fffa;background:#03202b85;font-size:12px;font-weight:800}.world-challenge-briefing .world-challenge-optional{padding:10px 12px;border-left:3px solid #ffd67d;color:#ffe8ac!important;background:#041f2966}.world-challenge-briefing button{display:block;min-width:180px;margin-left:auto;margin-right:0}.world-challenge-briefing.hidden{visibility:hidden}body.challenge-briefing-open #journey-guide,body.challenge-briefing-open #mission,body.challenge-briefing-open #camera-zoom-controls,body.challenge-briefing-open #touch-controls{opacity:0!important;pointer-events:none!important}.profile-panel{position:fixed;z-index:8;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 18%,rgba(91,187,181,.2),transparent 36%),#01121cb3;-webkit-backdrop-filter:blur(12px) saturate(.9);backdrop-filter:blur(12px) saturate(.9);transition:opacity .35s ease}.profile-panel.hidden{visibility:hidden}.profile-shell{width:min(760px,100%);max-height:min(92dvh,850px);overflow:auto;padding:clamp(24px,4vw,42px);border:1px solid rgba(255,226,157,.48);border-radius:36px 11px;text-align:center;background:linear-gradient(145deg,#041f2bfa,#08484df5);box-shadow:0 34px 110px #0000009e,inset 0 0 70px #3dd7c914}.profile-shell h2{font-size:clamp(30px,5vw,48px)}.profile-shell p:not(.eyebrow){margin:9px 0 25px;color:#bfdfda}#profile-picker.hidden{display:none}.profile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-card,.profile-add{min-height:92px;border:1px solid rgba(162,222,213,.28);border-radius:20px 6px;color:#f7f3d8;background:#03202bb3;cursor:pointer}.profile-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:14px 16px;text-align:left}.profile-card-avatar{display:grid;width:50px;height:50px;place-items:center;border:3px solid var(--avatar-color,#48b7af);border-radius:50%;background:color-mix(in srgb,var(--avatar-color,#48b7af) 24%,#061f2b);font-size:24px}.profile-card-copy{display:grid;gap:3px}.profile-card-copy strong{font-size:18px}.profile-card-copy small{color:#9fcfc8}.profile-card-arrow{color:#ffe7a7;font-size:24px}.profile-add{width:min(330px,100%);min-height:56px;margin-top:16px;border-style:dashed;color:#ffe7a7;font-weight:800}.profile-add span{font-size:22px}.profile-editor{display:grid;gap:18px;text-align:left}.profile-editor.hidden{display:none}.profile-editor header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.profile-editor header h2{font-size:clamp(28px,4vw,40px)}.profile-close{flex:0 0 46px;width:46px;height:46px;border:1px solid rgba(255,232,175,.38);border-radius:50%;color:#fff0be;background:#041d28bd;cursor:pointer;font:300 32px/1 system-ui,sans-serif}.profile-name-label{display:grid;gap:8px;color:#e5f1e9;font-weight:800}.profile-name-label input{width:100%;min-height:50px;padding:11px 14px;border:1px solid rgba(169,225,216,.38);border-radius:13px 4px;color:#fff7df;background:#021822b8;font:inherit}.profile-choice{margin:0;padding:0;border:0}.profile-choice legend{margin-bottom:9px;color:#e5f1e9;font-weight:800}.avatar-style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.avatar-style-options button{display:grid;min-height:82px;place-items:center;gap:4px;border:1px solid rgba(144,207,199,.22);border-radius:15px 5px;color:#d9eeea;background:#042732ad;cursor:pointer}.avatar-style-options button i{color:#ffe29c;font-size:27px;font-style:normal}.avatar-style-options button[aria-pressed=true]{border-color:#ffe09a;background:linear-gradient(145deg,#206866e0,#5c497dc2)}.avatar-color-options{display:flex;flex-wrap:wrap;gap:12px}.avatar-color-options button{width:48px;height:48px;border:3px solid transparent;border-radius:50%;background:var(--swatch);cursor:pointer;box-shadow:inset 0 0 0 2px #ffffff38}.avatar-color-options button[aria-pressed=true]{border-color:#fff0ad;transform:scale(1.08);box-shadow:0 0 0 3px #ffe08a33}[data-avatar-color=teal]{--swatch:#16858a}[data-avatar-color=violet]{--swatch:#7658a6}[data-avatar-color=coral]{--swatch:#b95f4d}[data-avatar-color=gold]{--swatch:#bc873d}[data-avatar-color=forest]{--swatch:#3f7d59}[data-avatar-color=midnight]{--swatch:#294f79}.profile-error{min-height:20px;margin:-6px 0!important;color:#ffd2b8!important;font-size:12px}.profile-save{min-height:52px;border:1px solid #ffe09a;border-radius:99px;color:#17363b;background:linear-gradient(135deg,#fff1bd,#dc9f46);cursor:pointer;font-weight:900}.profile-welcome{margin-bottom:-5px!important;color:#a9ddd5!important;font-size:13px}.profile-welcome strong{color:#ffe7a7}.profile-welcome button{margin-left:9px;padding:5px 10px;border:1px solid rgba(255,231,167,.42);border-radius:99px;color:#ffe7a7;background:#042b36ad;cursor:pointer;font:700 12px/1.2 inherit}#hud{position:fixed;z-index:3;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;transition:.5s ease}.brand,.objective,.light-status{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 15px;border:1px solid rgba(255,229,164,.3);border-radius:18px 5px;background:#04232eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 26px #0000002e}.moon{font-size:27px;color:#ffe7a7}.objective{flex-direction:column;align-items:flex-end;gap:0}.objective span{color:#9bded9;font-size:11px;letter-spacing:.18em}.objective b{color:#ffe7a7;font-size:18px}.light-status{flex-direction:row;min-width:210px;gap:9px}.light-status>span{color:#9bded9;font-size:11px;letter-spacing:.12em;white-space:nowrap}.light-status>b{width:28px;color:#ffe7a7;font-size:13px;text-align:right}.light-track{width:82px;height:8px;overflow:hidden;border-radius:99px;background:#02121cb3;box-shadow:inset 0 0 5px #00000080}.light-track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#44dcd1,#ffe6a0);box-shadow:0 0 12px #53ecddb8;transition:width .2s ease}.journey-map-button{display:flex;min-height:48px;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(255,229,164,.38);border-radius:7px 18px;color:#eaf8ef;background:linear-gradient(135deg,#083945d6,#336f67bd);box-shadow:0 8px 26px #0000002e,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.journey-map-button>span{color:#ffe7a7;font-size:20px;filter:drop-shadow(0 0 9px rgba(255,221,133,.5))}.journey-map-button>b{font-size:13px;letter-spacing:.08em}.journey-map-button:hover,.journey-map-button[aria-expanded=true]{transform:translateY(-1px);border-color:#ffe5a4bf;background:linear-gradient(135deg,#0e565ceb,#6f572fd1)}.settings-button{display:flex;min-width:48px;min-height:48px;align-items:center;justify-content:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,229,164,.32);border-radius:16px 5px;color:#eaf8ef;background:#04232eb8;box-shadow:0 8px 26px #0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.settings-button>span{color:#ffe7a7;font-size:19px}.settings-button>b{font-size:12px;letter-spacing:.08em}.settings-button:hover,.settings-button[aria-expanded=true]{transform:translateY(-1px);border-color:#ffe5a4b3;background:#195354db}.mission{position:fixed;z-index:3;top:88px;left:50%;display:grid;width:min(380px,calc(100vw - 40px));padding:9px 18px 11px;transform:translate(-50%);border:1px solid rgba(255,229,164,.3);border-radius:7px 20px;color:#f9f3d5;background:linear-gradient(115deg,#04232edb,#105053c7);box-shadow:0 10px 28px #00000038,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;transition:opacity .35s ease,transform .35s ease,border-color .35s ease}.mission>span{color:#8edbd6;font-size:10px;font-weight:800;letter-spacing:.22em}.mission>b{margin-top:1px;color:#ffe7a7;font-family:"Noto Serif TC",serif;font-size:16px}.mission>small{margin-top:2px;color:#d4ece7;font-size:11px;line-height:1.45}.mission.restored{border-color:#ffdb7eb8;background:linear-gradient(115deg,#1c413ee6,#76541ecc);box-shadow:0 10px 28px #00000038,0 0 24px #ffc95c33}.journey-guide{position:fixed;z-index:4;top:154px;left:20px;display:grid;width:min(330px,calc(100vw - 40px));gap:8px;padding:13px 14px;border:1px solid rgba(255,229,164,.46);border-radius:20px 6px;color:#ecf8ed;background:linear-gradient(145deg,#031e2aed,#0b4a4ce0);box-shadow:0 14px 38px #0000004d,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.journey-guide-heading,.journey-guide-target{display:flex;align-items:center;justify-content:space-between;gap:10px}.journey-guide-heading>span{min-width:0;overflow:hidden;color:#ffe7a7;font-size:11px;font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.journey-guide-actions{display:flex;flex:0 0 auto;align-items:center;gap:5px}.journey-guide-actions button{padding:5px 9px;border:1px solid rgba(130,235,220,.46);border-radius:999px;color:#dff7f1;background:#0a5d5ba6;font-size:10px;font-weight:800;cursor:pointer}.journey-guide-actions #journey-guide-hint{border-color:#ffe19399;color:#fff0b8;background:#6f491bb8}.journey-guide>p{margin:0;color:#cce8e2;font-size:11px;line-height:1.5}.journey-guide>p strong{color:#fff0b8}.journey-guide-identity{display:flex;align-items:center;gap:10px;padding:8px 9px;border:1px solid rgba(130,235,220,.28);border-radius:12px 4px;background:#011a247a}.journey-guide-identity svg{flex:0 0 58px;width:58px;height:58px;overflow:visible;filter:drop-shadow(0 0 8px rgba(103,230,216,.28))}.journey-guide-identity>span{display:grid;min-width:0;gap:1px}.journey-guide-identity small{color:#8edbd6;font-size:8px;font-weight:800;letter-spacing:.12em}.journey-guide-identity strong{color:#fff0b8;font-family:"Noto Serif TC",serif;font-size:14px}.journey-guide-identity em{color:#b9ddd7;font-size:9px;font-style:normal}.objective-icon-base,.objective-icon-pillar{fill:#1d746f;stroke:#a9fff1;stroke-width:1.4}.objective-icon-ring{fill:none;stroke:#79e8da;stroke-width:4}.objective-icon-crescent{fill:#ffe49a;stroke:#fff3bd;stroke-width:1.2}.objective-icon-core{fill:#fff7ce;stroke:#65d9ce;stroke-width:2}.objective-icon-aura{fill:#14595b85;stroke:#8defe06b;stroke-width:1.2}.objective-icon-ground{fill:none;stroke:#d9b969;stroke-width:2;stroke-linecap:round}.objective-icon-motif{fill:none;stroke:#8cebdd;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.objective-icon-spark{fill:#ffe49a;stroke:#fff3bd;stroke-width:1}.journey-guide-target{padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}.journey-guide-target>i{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border:1px solid rgba(255,225,147,.5);border-radius:50%;color:#ffe29a;background:#021a24a3;font-style:normal;transform-origin:center;transition:transform .15s linear}.journey-guide-target>span{display:grid;flex:1;min-width:0;gap:2px}.journey-guide-target b{overflow:hidden;color:#f8f1d1;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.journey-guide-target small{color:#8edbd6;font-size:10px}.journey-guide-target>strong{color:#ffe7a7;font-size:14px;white-space:nowrap}.camera-zoom-controls{position:fixed;z-index:4;right:20px;bottom:90px;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid rgba(255,229,164,.35);border-radius:999px;color:#eaf8ef;background:#031f2ac7;box-shadow:0 8px 24px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.camera-zoom-controls button{width:38px;height:38px;border:1px solid rgba(255,229,164,.46);border-radius:50%;color:#fff0b8;background:#105b5bc7;font-size:22px;font-weight:700;cursor:pointer}.camera-zoom-controls span{display:grid;min-width:45px;text-align:center}.camera-zoom-controls small{color:#9bded9;font-size:8px;letter-spacing:.12em}.camera-zoom-controls b{color:#ffe7a7;font-size:11px}.local-map-panel{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(320px,1.4fr);gap:20px;margin:0 26px 18px;padding:18px;border:1px solid rgba(255,229,164,.26);border-radius:18px 6px;background:linear-gradient(135deg,#052731f0,#11504fb8);box-shadow:inset 0 1px #ffffff0f}.local-map-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.local-map-copy .eyebrow{margin:0 0 4px;color:#81d9d2;font-size:9px;font-weight:900;letter-spacing:.16em}.local-map-copy h3{margin:0;color:#ffe7a7;font-family:"Noto Serif TC",serif;font-size:22px}.local-map-copy>p:not(.eyebrow){margin:7px 0 12px;color:#d4ece7;font-size:12px;line-height:1.55}.local-map-legend{display:grid;gap:6px;margin:0;padding:0;color:#cde8e2;font-size:10px;list-style:none}.local-map-legend li{display:flex;align-items:center;gap:7px}.local-map-legend i{display:inline-block;width:10px;height:10px;border-radius:50%}.legend-player{background:#ffe49a;clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%)}.legend-objective{border:2px solid #92f3e4;background:#2cbcb04d}.legend-route{width:16px!important;height:3px!important;border-radius:2px!important;background:#ffd77d}.local-map-svg{width:100%;min-height:190px;max-height:260px;border:1px solid rgba(139,235,222,.28);border-radius:14px;background:#082a35;overflow:hidden}.local-map-world-route{fill:none;stroke:#a3e2d259;stroke-width:5.8;stroke-linecap:round;stroke-linejoin:round}.local-map-route{fill:none;stroke:#ffd77d;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 2;filter:drop-shadow(0 0 2px rgba(255,216,123,.65))}.local-map-objective circle{fill:#183f48;stroke:#8eeadd;stroke-width:1.2}.local-map-objective text{fill:#d8faf1;font-size:4px;font-weight:900;text-anchor:middle;dominant-baseline:central}.local-map-objective[data-complete=true] circle{fill:#56cbb8;stroke:#efffc9}.local-map-objective[data-current-objective=true] circle{fill:#806bb2;stroke:#ffe79d;stroke-width:2;filter:drop-shadow(0 0 3px rgba(255,226,133,.9))}.local-map-objective[data-local-shard=true]{filter:drop-shadow(0 0 4px rgba(255,226,133,.9))}.local-map-search-area{fill:#63ddcf24;stroke:#8eeadd;stroke-width:1.5;stroke-dasharray:3 2;filter:drop-shadow(0 0 4px rgba(94,225,211,.55))}.local-map-player path{fill:#ffe49a;stroke:#735b2d;stroke-width:.7;filter:drop-shadow(0 0 3px rgba(255,222,129,.85))}.journey-worlds-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 28px 8px;color:#ffe7a7}.journey-worlds-heading span{font-weight:900;letter-spacing:.08em}.journey-worlds-heading small{color:#9bded9;font-size:10px}.hint{position:fixed;z-index:3;bottom:22px;left:50%;display:flex;gap:18px;padding:10px 18px;transform:translate(-50%);border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#cbe9e4;background:#031f2ab3;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.5s ease}.toast{position:fixed;z-index:5;top:166px;left:50%;padding:10px 18px;transform:translate(-50%,-12px);opacity:0;border-radius:999px;color:#17363b;background:#fff0b8;font-weight:800;transition:.35s ease}.toast.show{opacity:1;transform:translate(-50%)}.journey-map{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 18%,rgba(62,175,168,.18),transparent 42%),#011019;-webkit-backdrop-filter:none;backdrop-filter:none;transition:opacity .3s ease}.journey-map.hidden{visibility:hidden}.journey-map-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1120px,100%);height:min(88vh,820px);overflow:hidden;border:1px solid rgba(255,226,157,.46);border-radius:34px 10px;background:linear-gradient(145deg,#04222efa,#074449f5),#082c38;box-shadow:0 34px 110px #0000009e,inset 0 0 70px #3dd7c914}.journey-map-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 30px 20px;border-bottom:1px solid rgba(255,232,175,.16)}.journey-map-heading .eyebrow{margin-bottom:3px}.journey-map-heading h2{font-size:clamp(28px,4vw,42px)}.journey-map-heading p:not(.eyebrow){margin:7px 0 0;color:#cbe8e1;font-size:13px;line-height:1.6}.journey-map-close{flex:0 0 48px;width:48px;height:48px;border:1px solid rgba(255,232,175,.38);border-radius:50%;color:#fff0be;background:#041d28bd;cursor:pointer;font:300 34px/1 system-ui,sans-serif;transition:transform .18s ease,background .18s ease}.journey-map-close:hover{transform:rotate(7deg) scale(1.05);background:#1e5f5ed1}.journey-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:auto;padding:18px 24px 24px;scrollbar-color:rgba(255,226,157,.6) rgba(2,24,34,.48);overscroll-behavior:contain}.journey-card{--journey-color: #61d5c9;position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;min-height:68px;align-items:center;gap:10px;padding:10px 12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--journey-color) 32%,rgba(255,255,255,.12));border-radius:17px 5px;color:#f6f6df;background:linear-gradient(115deg,color-mix(in srgb,var(--journey-color) 12%,rgba(3,28,39,.94)),#031c27e0);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.journey-card:after{content:"";position:absolute;inset:auto -10% -32px 34%;height:58px;pointer-events:none;background:radial-gradient(ellipse,color-mix(in srgb,var(--journey-color) 24%,transparent),transparent 68%)}.journey-card:hover,.journey-card[aria-current=location]{transform:translateY(-2px);border-color:color-mix(in srgb,var(--journey-color) 78%,#fff0b8);background:linear-gradient(115deg,color-mix(in srgb,var(--journey-color) 23%,rgba(3,28,39,.94)),#082d35eb)}.journey-card[aria-current=location]{box-shadow:inset 3px 0 var(--journey-color),0 7px 24px #0003}.journey-card[data-visited=true] .journey-card-number{background:color-mix(in srgb,var(--journey-color) 28%,rgba(3,23,33,.72))}.journey-card[data-visited=true] .journey-card-arrow{color:#fff0b8;font-size:15px;font-weight:900}.journey-map[data-preparing=true] .journey-card:disabled{cursor:wait;opacity:.48}.journey-map[data-preparing=true] .journey-card[data-preparing=true]{opacity:1;border-color:#ffe7a7;box-shadow:inset 3px 0 var(--journey-color),0 0 0 2px #ffe7a72e,0 10px 32px #00000047}.journey-map[data-preparing=true] .journey-card[data-preparing=true] .journey-card-arrow{color:#ffe7a7;font-size:22px;animation:journey-preparing-pulse .8s ease-in-out infinite alternate}@keyframes journey-preparing-pulse{to{opacity:.35;transform:translateY(-2px)}}.journey-card-number{display:grid;width:39px;height:39px;place-items:center;border:1px solid color-mix(in srgb,var(--journey-color) 65%,#fff0b8);border-radius:50%;color:#fff1be;background:#0317218a;font-size:12px;font-weight:800;letter-spacing:.04em}.journey-card-copy{display:grid;min-width:0;gap:2px}.journey-card-copy strong{overflow:hidden;font-family:"Noto Serif TC",serif;font-size:15px;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.journey-card-copy small{overflow:hidden;color:#abd9d2;font-size:10px;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.journey-card-copy .journey-card-mechanic{color:#ffe7a7;font-size:9px;letter-spacing:.04em}.journey-card-status{min-height:14px;color:#ffe7a7;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em}.journey-card[data-recommended=true]{border-color:#ffe28dbd;box-shadow:inset 0 0 0 1px #ffe1891f,0 7px 24px #0003}.journey-card-arrow{color:var(--journey-color);font-size:20px;text-align:center}.journey-map-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:10px 30px;border-top:1px solid rgba(255,232,175,.16);color:#9ddad3;font-size:12px}.journey-map-shortcut{color:#cfe9e4}#journey-map-progress{color:#ffe7a7;font-weight:800;letter-spacing:.08em}body.journey-map-open #hud,body.journey-map-open .mission,body.journey-map-open .journey-guide,body.journey-map-open .hint,body.journey-map-open .touch-controls,body.journey-map-open .camera-zoom-controls{opacity:.13}.settings-panel{position:fixed;z-index:21;inset:0;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 68% 18%,rgba(146,111,193,.16),transparent 38%),radial-gradient(circle at 30% 84%,rgba(56,184,170,.14),transparent 42%),#011019c7;-webkit-backdrop-filter:blur(13px) saturate(.88);backdrop-filter:blur(13px) saturate(.88);transition:opacity .3s ease}.settings-panel.hidden{visibility:hidden}.settings-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(780px,100%);max-height:min(90vh,900px);overflow:hidden;border:1px solid rgba(255,226,157,.46);border-radius:34px 10px;background:linear-gradient(145deg,#04222efc,#084349fa);box-shadow:0 34px 110px #0000009e,inset 0 0 70px #3dd7c914}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:27px 30px 19px;border-bottom:1px solid rgba(255,232,175,.16)}.settings-heading .eyebrow{margin-bottom:3px}.settings-heading h2{font-size:clamp(28px,4vw,40px)}.settings-heading p:not(.eyebrow){margin:7px 0 0;color:#cbe8e1;font-size:12px;line-height:1.6}.settings-close{flex:0 0 48px;width:48px;height:48px;border:1px solid rgba(255,232,175,.38);border-radius:50%;color:#fff0be;background:#041d28bd;cursor:pointer;font:300 34px/1 system-ui,sans-serif}.settings-content{display:grid;gap:14px;overflow:auto;padding:18px 24px 24px;overscroll-behavior:contain;scrollbar-color:rgba(255,226,157,.6) rgba(2,24,34,.48)}.setting-group{padding:16px;border:1px solid rgba(171,224,216,.18);border-radius:19px 6px;background:#021b2675}.setting-group-heading{display:flex;align-items:center;gap:12px;margin-bottom:13px}.setting-group-heading>span{display:grid;flex:0 0 39px;width:39px;height:39px;place-items:center;border:1px solid rgba(255,229,164,.4);border-radius:50%;color:#ffe7a7;font-size:20px}.setting-group-heading h3{margin:0;color:#fff2ca;font-family:"Noto Serif TC",serif;font-size:17px;letter-spacing:.06em}.setting-group-heading p{margin:2px 0 0;color:#a9d4ce;font-size:10px}.setting-options{display:grid;gap:8px}.guidance-options{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-options{grid-template-columns:repeat(3,minmax(0,1fr))}.setting-options button{min-height:64px;padding:10px 9px;border:1px solid rgba(144,207,199,.22);border-radius:13px 4px;color:#d9eeea;background:#042732ad;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.setting-options button strong,.setting-options button small{display:block}.setting-options button strong{color:#f5f1d3;font-size:15px}.setting-options button small{margin-top:3px;color:#9dc9c3;font-size:9px;line-height:1.35}.setting-options button:hover{transform:translateY(-1px);border-color:#ffe49f8c}.setting-options button[aria-pressed=true]{border-color:#ffe09a;color:#fff1bd;background:linear-gradient(145deg,#206866e0,#5c497dc2);box-shadow:inset 0 0 18px #66e5d517}.sensitivity-options{grid-template-columns:repeat(3,minmax(0,1fr))}.sensitivity-options button{min-height:50px;font-weight:800;letter-spacing:.08em}.setting-toggles{display:grid;gap:2px;padding-block:8px}.setting-toggle{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:18px;padding:10px 8px;border-bottom:1px solid rgba(171,224,216,.12);cursor:pointer}.setting-toggle:last-child{border-bottom:0}.setting-toggle>span{display:grid;gap:2px}.setting-toggle strong{color:#f4efd2;font-size:14px}.setting-toggle small{color:#9fcac4;font-size:10px;line-height:1.45}.setting-toggle input{position:absolute;width:1px;height:1px;opacity:0}.setting-toggle i{position:relative;flex:0 0 52px;width:52px;height:30px;border:1px solid rgba(166,215,207,.32);border-radius:99px;background:#02161fb8;transition:background .2s ease,border-color .2s ease}.setting-toggle i:after{content:"";position:absolute;left:4px;top:4px;width:20px;height:20px;border-radius:50%;background:#a8c7c3;box-shadow:0 2px 8px #0000004d;transition:transform .2s ease,background .2s ease}.setting-toggle input:checked+i{border-color:#ffe09a;background:#30877dcc}.setting-toggle input:checked+i:after{transform:translate(22px);background:#fff0b2}.setting-toggle input:focus-visible+i{outline:3px solid #fff0a9;outline-offset:3px}.settings-footer{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:18px;padding:10px 30px;border-top:1px solid rgba(255,232,175,.16);color:#9fd3cc;font-size:11px}.settings-actions{display:flex;align-items:center;gap:10px}.settings-footer button{min-width:104px;min-height:44px;border:1px solid #ffe09a;border-radius:99px;color:#17363b;background:linear-gradient(135deg,#fff1bd,#dc9f46);cursor:pointer;font-weight:900;letter-spacing:.08em}.settings-footer .save-and-rest{color:#ffe9b5;border-color:#ffe19a85;background:#052d39d1}body.settings-open #hud,body.settings-open .mission,body.settings-open .hint,body.settings-open .touch-controls{opacity:.13}body.reduced-interface-motion *,body.reduced-interface-motion *:before,body.reduced-interface-motion *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}body.large-interface .mission>b{font-size:19px}body.large-interface .mission>small{font-size:13px}body.large-interface .journey-card-copy strong{font-size:17px}body.large-interface .journey-card-copy small{font-size:12px}body.large-interface .hint{font-size:14px}.touch-controls{display:none}@media(pointer:coarse){.touch-controls{position:fixed;z-index:6;inset:auto max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;transition:opacity .35s ease}.joystick,.jump-button,.light-button,.journey-map-touch-button{pointer-events:auto;touch-action:none}.joystick{position:relative;width:140px;height:140px;border:1px solid rgba(255,238,187,.32);border-radius:50%;background:radial-gradient(circle,#2ca09d29 0 32%,#031f2a94 34% 100%);box-shadow:inset 0 0 26px #4aebe026,0 8px 28px #00000038;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.joystick.active{border-color:#ffe28bd1;background:radial-gradient(circle,#4dd8cb3b 0 32%,#052a34b8 34% 100%);box-shadow:inset 0 0 34px #4aebe040,0 8px 30px #00000047,0 0 18px #ffd57229}.joystick-ring{position:absolute;inset:28px;border:1px solid rgba(121,231,222,.24);border-radius:50%}.joystick-direction{position:absolute;z-index:1;color:#ffecaeb8;font-size:11px;line-height:1;text-shadow:0 1px 5px rgba(0,0,0,.7);pointer-events:none}.joystick-direction-up{top:8px;left:50%;transform:translate(-50%)}.joystick-direction-right{top:50%;right:8px;transform:translateY(-50%)}.joystick-direction-down{bottom:8px;left:50%;transform:translate(-50%)}.joystick-direction-left{top:50%;left:8px;transform:translateY(-50%)}.joystick-knob{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px;border:2px solid rgba(255,235,177,.72);border-radius:50%;background:linear-gradient(145deg,#ffecb0db,#208b8fe6);box-shadow:0 6px 18px #00000047,0 0 20px #46e6db33;will-change:transform}.joystick.active .joystick-knob{filter:brightness(1.12) saturate(1.08)}.action-buttons{display:flex;align-items:flex-end;gap:12px;pointer-events:none}.jump-button,.light-button,.journey-map-touch-button{width:76px;height:76px;margin:0 8px 8px 0;border:2px solid rgba(255,232,167,.7);border-radius:50%;color:#123a42;background:linear-gradient(145deg,#fff0beeb,#4bc8c1e6);box-shadow:0 8px 24px #0000004d,inset 0 0 16px #ffffff47;font-size:22px;font-weight:900}.light-button{width:68px;height:68px;margin-bottom:14px;color:#f7ecff;border-color:#caa9ffbf;background:linear-gradient(145deg,#6451a7f0,#29bfb8eb)}.journey-map-touch-button{width:60px;height:60px;margin:0 0 18px;color:#fff1bd;border-color:#ffdf89b8;background:linear-gradient(145deg,#2d706ff0,#614b8eeb);font-size:18px}.jump-button:active,.light-button:active,.journey-map-touch-button:active{transform:scale(.92);filter:brightness(1.14)}.hint{display:none}.journey-guide{top:144px;left:12px;width:min(310px,calc(100vw - 24px))}.camera-zoom-controls{right:14px;bottom:178px}}@media(pointer:coarse)and (orientation:landscape)and (max-height:700px){.mission>small{display:none}.journey-guide{top:174px;gap:5px;padding:8px 10px}.journey-guide>p{display:none}.journey-guide-actions button{min-height:24px;padding:4px 7px;font-size:9px}.journey-guide-identity{gap:6px;padding:4px 6px}.journey-guide-identity svg{flex-basis:42px;width:42px;height:42px}.journey-guide-identity small{display:none}.journey-guide-identity strong{font-size:12px}.journey-guide-identity em{font-size:8px}.journey-guide-target{padding-top:4px}.journey-guide-target>i{flex-basis:28px;width:28px;height:28px}.journey-guide-target b{font-size:11px}.journey-guide-target small{font-size:8px}.journey-guide-target>strong{font-size:12px}}@media(max-width:950px){.local-map-panel{grid-template-columns:1fr}.local-map-copy{display:grid;grid-template-columns:1fr auto;column-gap:14px}.local-map-copy .eyebrow,.local-map-copy h3,.local-map-copy>p:not(.eyebrow){grid-column:1}.local-map-legend{grid-column:2;grid-row:1 / span 3;align-self:center}.local-map-svg{max-height:220px}.journey-destinations{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-map-button>kbd{display:none}.settings-button>b{display:none}}@media(max-width:700px){.panel{padding:34px 24px}.intro{left:50%;text-align:center}.intro:before{margin-left:auto!important}.intro h1{font-size:clamp(30px,9.5vw,42px)}.story-prologue{text-align:left}#hud{left:12px;right:12px;top:12px}.brand strong{display:none}.light-status{min-width:146px;padding-inline:10px}.light-status>span{display:none}.journey-map-button{min-width:48px;justify-content:center;padding:8px}.journey-map-button>b{display:none}.settings-button{padding:8px}.mission{top:78px;width:calc(100vw - 24px);padding:7px 13px 9px}.mission>small{font-size:10px}.toast{top:153px;max-width:calc(100vw - 24px);text-align:center}.hint{top:82px;bottom:auto;gap:8px;width:auto;max-width:calc(100% - 120px);justify-content:center}.hint span:nth-child(2),.hint span:nth-child(3){display:none}.journey-guide{top:142px;left:12px;width:calc(100vw - 24px);padding:10px 12px}.journey-guide>p{font-size:10px}.journey-guide-target b{font-size:12px}.camera-zoom-controls{right:10px;bottom:160px;transform:scale(.9);transform-origin:right bottom}.journey-map{padding:10px}.journey-map-shell{height:calc(100dvh - 20px);border-radius:24px 7px}.journey-map-heading{gap:12px;padding:20px 18px 14px}.journey-map-heading .eyebrow{font-size:9px;letter-spacing:.18em}.journey-map-heading h2{font-size:27px}.journey-map-heading p:not(.eyebrow){font-size:11px}.local-map-panel{gap:10px;margin:0 12px 12px;padding:12px}.local-map-copy{display:flex}.local-map-legend{display:flex;flex-wrap:wrap}.local-map-svg{min-height:175px}.journey-worlds-heading{margin:0 14px 6px}.journey-worlds-heading small{display:none}.journey-destinations{grid-template-columns:1fr;gap:8px;padding:12px}.journey-card{min-height:64px}.journey-map-footer{min-height:48px;justify-content:center;padding:8px 14px}.journey-map-footer>span:first-child{display:none}.journey-map-shortcut{font-size:10px}.settings-panel{padding:10px}.settings-shell{max-height:calc(100dvh - 20px);border-radius:24px 7px}.settings-heading{gap:12px;padding:20px 18px 14px}.settings-heading .eyebrow{font-size:9px}.settings-heading h2{font-size:26px}.settings-heading p:not(.eyebrow){font-size:10px}.settings-content{padding:12px}.quality-options{grid-template-columns:1fr}.setting-options button{min-height:52px}.settings-footer{min-height:56px;padding:7px 16px}.settings-footer>span{display:none}.settings-actions{width:100%}.settings-footer button{flex:1;min-width:0}.profile-panel{padding:10px}.profile-shell{max-height:calc(100dvh - 20px);padding:24px 18px;border-radius:24px 7px}.profile-list,.avatar-style-options{grid-template-columns:1fr}.profile-card{min-height:76px}.avatar-style-options button{min-height:58px;grid-template-columns:36px 1fr;justify-items:start;padding:8px 18px}}