:root{font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;color:#f2f0dd;background:#070b18;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #11152a;--navy: #0b1026;--violet: #373267;--cyan: #6be6cf;--moss: #4f8a63;--gold: #f7c65c;--paper: #f2f0dd;--danger: #e85b54;--frame: rgba(233, 199, 118, .7);--panel: rgba(8, 12, 29, .88)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,kbd{font:inherit}button{color:inherit}.app-shell{display:grid;min-height:100vh;place-items:center;padding:0;background:radial-gradient(circle at 50% 15%,rgba(55,50,103,.48),transparent 45%),#070b18}.game-frame{position:relative;width:min(100vw,calc(100vh * 16 / 9));max-height:100vh;aspect-ratio:16 / 9;overflow:hidden;border:0;border-radius:0;background:var(--navy);box-shadow:0 24px 80px #0000009e}.game-stage,.game-canvas{width:100%;height:100%}.game-stage{position:relative;isolation:isolate}.game-canvas{display:block;outline:none}.start-screen{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.start-screen__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#050917d6,#05091761 48%,#0509178f),radial-gradient(circle at 50% 44%,transparent 0,rgba(5,9,23,.35) 70%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.start-screen__content{position:relative;width:min(540px,82%);padding:5vw 4vw;text-align:center;text-shadow:0 3px 18px rgba(0,0,0,.9)}.brand-mark{width:66px;height:66px;margin:0 auto 10px;color:var(--gold);font-size:50px;line-height:66px;filter:drop-shadow(0 0 18px rgba(247,198,92,.42))}.start-screen h1{margin:0;font-family:"Noto Serif TC",Microsoft JhengHei,serif;font-size:clamp(40px,6.5vw,88px);font-weight:800;letter-spacing:.12em}.start-screen__english{margin:4px 0 24px;color:var(--gold);font-family:Georgia,serif;font-size:clamp(14px,1.6vw,22px);letter-spacing:.5em}.start-screen__copy{margin:0 auto 28px;max-width:440px;color:#f2f0dddb;font-size:clamp(14px,1.3vw,18px);line-height:1.8}.primary-button,.confirm-button{min-width:180px;border:1px solid #f5da8e;border-radius:4px;background:linear-gradient(#9c7838,#66502e);box-shadow:inset 0 0 0 3px #13142073,0 8px 26px #00000061;color:#fff9e7;cursor:pointer;font-weight:800;letter-spacing:.08em;padding:13px 28px;transition:transform .15s ease,filter .15s ease}.primary-button:hover,.primary-button:focus-visible,.confirm-button:hover,.confirm-button:focus-visible{filter:brightness(1.14);outline:2px solid var(--cyan);outline-offset:3px;transform:translateY(-2px)}.start-screen__hint{margin:24px 0 0;color:#f2f0dda6;font-size:13px}@media (max-height: 500px){.start-screen__content{width:min(620px,94%);padding:8px 20px}.brand-mark{width:38px;height:38px;margin-bottom:2px;font-size:30px;line-height:38px}.start-screen h1{font-size:clamp(28px,10vh,44px)}.start-screen__english{margin:0 0 8px;font-size:12px}.start-screen__copy{margin-bottom:10px;max-width:520px;font-size:12px;line-height:1.45}.start-screen .primary-button{min-width:150px;padding:8px 20px}.start-screen__hint{margin-top:8px;font-size:10px}}.loading-state{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--navy);color:var(--cyan);font-size:clamp(16px,2vw,26px);letter-spacing:.12em}.loading-state--error{color:#ffaaa4}.game-hud{position:absolute;z-index:7;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-panel{border:1px solid var(--frame);background:var(--panel);box-shadow:inset 0 0 18px #6be6cf0a,0 6px 22px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.player-status{position:absolute;top:2.6%;left:2.2%;display:flex;width:min(390px,37%);min-width:258px;align-items:center;gap:12px;padding:9px 12px 9px 8px;border-radius:46px 12px 12px 46px}.level-seal{display:grid;flex:0 0 66px;height:66px;place-content:center;border:2px solid var(--gold);border-radius:50%;background:#10162b;box-shadow:inset 0 0 0 5px #f7c65c1f;text-align:center}.level-seal span{color:#d8cda7;font-size:11px;font-weight:800;letter-spacing:.08em}.level-seal strong{color:#fff9dc;font-family:Georgia,serif;font-size:27px;line-height:1}.level-seal small{max-width:54px;overflow:hidden;color:var(--cyan);font-size:7px;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.status-meters{display:grid;flex:1;gap:7px;min-width:0}.meter-row{display:grid;grid-template-columns:20px 24px 1fr;align-items:center;gap:5px}.meter-icon{display:grid;place-items:center}.meter-icon svg,.currency__icon svg{width:18px;height:18px;overflow:visible}.meter-icon--hp svg{fill:#ff6b62}.meter-icon--xp svg{fill:#65d7f3}.meter-icon--mp svg{fill:#9b8cf3;stroke:#d9d4ff;stroke-width:.7}.meter-label{color:#e8e4d3;font-size:11px;font-weight:900}.meter{position:relative;height:18px;overflow:hidden;border:1px solid rgba(238,222,168,.56);border-radius:9px;background:#0000008a}.meter__fill{position:absolute;inset:2px auto 2px 2px;border-radius:6px;transition:width .18s ease}.meter--hp .meter__fill{background:linear-gradient(90deg,#a52f35,#ee594e)}.meter--xp .meter__fill{background:linear-gradient(90deg,#2877b8,#4fc9e8)}.meter--mp .meter__fill{background:linear-gradient(90deg,#4a45a8,#8578e8)}.meter__value{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800;line-height:16px;text-shadow:0 1px 3px black}.currency-stack{position:absolute;top:2.6%;right:2.2%;display:flex;gap:8px}.currency{display:flex;min-width:96px;align-items:center;justify-content:flex-end;gap:8px;padding:9px 13px;border-radius:9px;font-size:14px;font-weight:800}.currency__icon{display:grid;place-items:center}.currency__icon--gold svg{fill:#c99930;stroke:#ffe28c;stroke-width:1.2}.currency__icon--shard svg{fill:#7be3ef;stroke:#d8fbff;stroke-width:1}.objective{position:absolute;top:13.8%;right:2.2%;display:flex;align-items:center;gap:12px;padding:7px 13px;border-radius:7px;color:#f2f0ddc2;font-size:12px}.objective strong{color:#fff;font-size:16px}.map-plaque{position:absolute;top:14%;left:2.2%;display:grid;min-width:180px;gap:2px;border-radius:7px;padding:9px 14px}.map-plaque span{color:#fff5d4;font-family:"Noto Serif TC",Georgia,serif;font-size:16px;font-weight:800}.map-plaque small{color:#6be6cfc7;font-size:10px;letter-spacing:.08em}.hud-menu{position:absolute;top:20.5%;right:2.2%;display:grid;gap:6px;pointer-events:auto}.hud-menu button{display:flex;min-width:96px;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--frame);border-radius:6px;background:var(--panel);box-shadow:0 5px 16px #0000003d;color:#f2f0ddd1;cursor:pointer;font-size:11px;font-weight:800;padding:6px 8px 6px 11px}.hud-menu button:disabled{cursor:default;opacity:.45}.hud-menu button:hover:not(:disabled),.hud-menu button:focus-visible:not(:disabled){border-color:var(--cyan);color:#fff;outline:none}.hud-menu__ready{border-color:var(--gold)!important;color:#fff1b8!important;animation:readyPulse 1.8s ease-in-out infinite}.quick-slots{position:absolute;right:2.2%;bottom:3.3%;display:flex;gap:9px;pointer-events:none}.quick-slot{position:relative;display:grid;width:100px;height:92px;place-items:center;align-content:center;gap:3px;border:2px solid rgba(233,199,118,.75);border-radius:50% 50% 9px 9px;background:#070b1bdb;box-shadow:inset 0 0 20px #6be6cf12,0 8px 22px #00000057}.quick-slot small{max-width:86px;overflow:hidden;color:#f2f0ddd1;font-size:9px;font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap}.quick-slot kbd{position:absolute;right:-3px;bottom:-4px;border-color:var(--gold);background:#161729}.quick-slot__symbol{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:radial-gradient(circle,#6be6cf2e,#37326733);color:#f4e1a0;font-family:"Noto Serif TC",serif;font-size:17px;font-weight:900}.quick-slot--locked{opacity:.58}.quick-slot__cooldown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:inherit;background:#050814a8;color:#fff;font-size:25px;font-weight:900}.interaction-prompt{position:absolute;left:50%;bottom:16%;display:flex;align-items:center;gap:9px;transform:translate(-50%);border:1px solid var(--gold);border-radius:6px;background:#080c1de8;box-shadow:0 8px 30px #00000061;color:#fff5cf;font-size:12px;font-weight:800;padding:8px 12px;animation:toastIn .18s ease-out}.stats-shortcut{position:absolute;right:2.2%;bottom:4%;display:flex;width:122px;min-height:48px;align-items:center;justify-content:space-between;border:1px solid var(--frame);border-radius:9px;background:var(--panel);box-shadow:0 6px 22px #0000004d;color:#f2f0ddb8;cursor:default;font-size:13px;font-weight:800;padding:8px 10px;pointer-events:auto}.stats-shortcut--ready{border-color:var(--gold);color:#fff;cursor:pointer;animation:readyPulse 1.8s ease-in-out infinite}.stats-shortcut strong{color:var(--gold)}kbd{display:inline-grid;min-width:23px;height:23px;place-items:center;border:1px solid rgba(242,240,221,.5);border-radius:4px;background:#ffffff14;color:#fff;font-size:10px;font-weight:800;box-shadow:inset 0 -2px #00000047}.control-hint{position:absolute;z-index:7;bottom:3.4%;left:2.2%;display:flex;align-items:center;gap:13px;border:1px solid var(--frame);border-radius:7px;background:var(--panel);box-shadow:0 6px 22px #0000004d;color:#f2f0ddc7;font-size:11px;padding:8px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.control-hint span{display:flex;align-items:center;gap:5px}.game-toast{position:absolute;z-index:8;top:16%;left:50%;max-width:70%;padding:9px 18px;transform:translate(-50%);border:1px solid rgba(247,198,92,.7);border-radius:4px;background:#090d1cdb;box-shadow:0 8px 30px #00000057;color:#fff4c7;font-size:clamp(11px,1.15vw,15px);font-weight:800;letter-spacing:.04em;text-align:center;animation:toastIn .22s ease-out;pointer-events:none}.map-title{position:absolute;z-index:6;top:24%;left:50%;display:grid;min-width:260px;gap:5px;transform:translate(-50%);color:#fff6d8;text-align:center;text-shadow:0 3px 15px #050817;pointer-events:none;animation:mapTitleIn .7s ease-out both}.map-title strong{font-family:"Noto Serif TC",Georgia,serif;font-size:clamp(25px,3.2vw,43px);letter-spacing:.12em}.map-title span{color:#6be6cfd6;font-size:clamp(10px,1vw,14px);font-weight:700;letter-spacing:.18em}.quest-tracker{position:absolute;z-index:7;top:24%;left:2.2%;display:grid;min-width:190px;gap:3px;border-left:3px solid var(--cyan);border-radius:0 6px 6px 0;background:#080c1dd6;box-shadow:0 7px 20px #00000042;padding:9px 13px}.quest-tracker span{color:#f2f0dda6;font-size:10px}.quest-tracker strong{color:#fff;font-size:12px}.quest-tracker--ready{border-left-color:var(--gold)}.item-icon{display:inline-block;flex:0 0 auto;width:52px;height:52px;background-image:url(/assets/game/item-atlas.png);background-repeat:no-repeat;background-size:400% 200%;filter:drop-shadow(0 3px 5px rgba(0,0,0,.34))}.item-icon--small{width:49px;height:49px}.item-icon--large{width:76px;height:76px}.rpg-panel{position:relative;display:flex;width:min(820px,88%);max-height:84%;flex-direction:column;overflow:hidden;border:2px solid #9f7d3d;border-radius:9px;background:linear-gradient(180deg,#212340f5,#070b1bf7),var(--navy);box-shadow:inset 0 0 0 3px #080a16c7,0 28px 90px #0000009e;color:var(--paper)}.rpg-panel__header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(233,199,118,.42);padding:15px 20px}.rpg-panel__header p{margin:0 0 2px;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.12em}.rpg-panel__header h2{margin:0;font-family:"Noto Serif TC",Georgia,serif;font-size:24px;letter-spacing:.06em}.rpg-panel__close{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(233,199,118,.58);border-radius:5px;background:#ffffff08;color:#f6df9f;cursor:pointer;font-size:27px;line-height:1}.rpg-panel__close:hover,.rpg-panel__close:focus-visible{border-color:var(--cyan);color:#fff;outline:none}.inventory-panel,.skill-panel{width:min(860px,88%)}.equipment-strip{display:grid;flex:0 0 auto;grid-template-columns:repeat(3,1fr);gap:10px;border-bottom:1px solid rgba(233,199,118,.24);padding:14px 20px}.equipment-slot{display:grid;grid-template-columns:44px 58px 1fr;align-items:center;gap:8px;border:1px solid rgba(233,199,118,.28);border-radius:6px;background:#ffffff06;padding:8px}.equipment-slot>span:first-child{color:#f2f0dd94;font-size:10px}.equipment-slot strong{font-size:11px}.equipment-slot__empty{display:grid;width:42px;height:42px;place-items:center;border:1px dashed rgba(242,240,221,.22);color:#f2f0dd4d;font-size:10px}.character-summary{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:center;gap:7px 18px;border-bottom:1px solid rgba(233,199,118,.2);color:#f2f0dd94;font-size:11px;padding:9px}.character-summary strong{color:#fff0b5;font-size:14px}.item-list,.skill-list{display:grid;overflow-y:auto;padding:12px 16px 18px;scrollbar-color:rgba(107,230,207,.5) rgba(255,255,255,.03)}.item-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto auto;min-height:70px;align-items:center;gap:9px;border-bottom:1px solid rgba(233,199,118,.22);background:linear-gradient(90deg,rgba(255,255,255,.035),transparent);padding:7px 10px}.item-row__copy{display:grid;min-width:0;gap:3px}.item-row__name{display:flex;align-items:center;gap:8px}.item-row__name strong{color:#fff4cf;font-family:"Noto Serif TC",serif;font-size:14px}.item-row__name span,.item-row__copy small{color:#f2f0dd8f;font-size:10px}.item-bonuses{color:var(--cyan);font-size:10px}.item-row__secondary{min-width:62px;text-align:right}.price{color:var(--gold);font-size:12px;font-weight:900}.row-action,.secondary-button{border:1px solid rgba(233,199,118,.58);border-radius:4px;background:#f7c65c17;color:#fff2c6;cursor:pointer;font-size:11px;font-weight:800;padding:8px 12px}.row-action:hover:not(:disabled),.row-action:focus-visible:not(:disabled),.secondary-button:hover,.secondary-button:focus-visible{border-color:var(--cyan);background:#6be6cf1a;outline:none}.row-action:disabled{cursor:default;opacity:.35}.skill-row{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:13px;border:1px solid rgba(233,199,118,.28);border-radius:7px;background:#ffffff06;padding:14px}.skill-config-note{margin:0;border-bottom:1px solid rgba(233,199,118,.18);color:#f2f0dda8;font-size:11px;padding:10px 18px}.job-advance-panel{width:min(1080px,94%)}.job-advance-intro{display:grid;gap:3px;text-align:center;padding:14px 20px 10px}.job-advance-intro strong{color:#fff2bf;font-family:"Noto Serif TC",Georgia,serif;font-size:19px}.job-advance-intro p,.job-advance-warning{margin:0;color:#f2f0dda8;font-size:11px}.job-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow-y:auto;padding:8px 18px 12px}.job-option{position:relative;display:flex;min-width:0;flex-direction:column;gap:11px;overflow:hidden;border:1px solid color-mix(in srgb,var(--job-color) 60%,#d9c78e);border-radius:8px;background:radial-gradient(circle at 86% 8%,color-mix(in srgb,var(--job-color) 22%,transparent),transparent 36%),#ffffff06;padding:17px}.job-option__symbol{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--job-color);border-radius:50%;background:color-mix(in srgb,var(--job-color) 18%,#0a1024);color:#fff7d9;font-family:"Noto Serif TC",serif;font-size:14px;font-weight:900}.job-option__copy{display:grid;gap:5px}.job-option__copy h3,.job-option__copy p,.job-option__copy small{margin:0}.job-option__copy h3{color:color-mix(in srgb,var(--job-color) 64%,#fff);font-family:"Noto Serif TC",Georgia,serif;font-size:21px}.job-option__copy p{min-height:42px;color:#f2f0ddc7;font-size:12px;line-height:1.65}.job-option__copy small{min-height:34px;color:#f0d994;font-size:10px;line-height:1.5}.job-option__skill{display:flex;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:9px}.job-option__skill>span{display:grid;min-width:0;gap:3px}.job-option__skill strong{color:#fff;font-size:12px}.job-option__skill small{color:#f2f0dd94;font-size:9px;line-height:1.45}.job-option .primary-button{width:100%;margin-top:auto}.job-advance-warning{border-top:1px solid rgba(233,199,118,.28);color:#e8c777;text-align:center;padding:10px 18px 13px}.skill-row--locked{filter:grayscale(.75);opacity:.7}.skill-row__copy{display:grid;gap:4px}.skill-row__copy strong{color:#fff2c8;font-family:"Noto Serif TC",serif;font-size:18px}.skill-row__copy span{color:var(--cyan);font-size:10px}.skill-row__copy p{margin:4px 0 0;color:#f2f0dda6;font-size:11px;line-height:1.65}.dialogue-panel{width:min(800px,88%)}.dialogue-content{display:grid;min-height:330px;grid-template-columns:235px 1fr;align-items:end;overflow:hidden;padding:0 28px 24px 0}.npc-portrait{width:235px;height:320px;align-self:end;background-image:url(/assets/game/npc-atlas.png);background-repeat:no-repeat;background-position-y:50%;background-size:400% 100%;filter:drop-shadow(0 10px 20px rgba(0,0,0,.48))}.dialogue-copy{display:grid;align-self:center;gap:15px}.dialogue-copy>p{margin:0;color:#fff6da;font-family:"Noto Serif TC",serif;font-size:16px;line-height:2}.quest-card{display:grid;gap:4px;border-left:3px solid var(--cyan);background:#6be6cf0f;padding:10px 13px}.quest-card strong{color:#fff1b3}.quest-card span,.quest-card small{color:#f2f0dda8;font-size:10px}.dialogue-actions{display:flex;gap:10px}.dialogue-actions .primary-button{min-width:130px;padding:9px 17px}.shop-panel{width:min(1080px,93%)}.shop-toolbar{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(233,199,118,.24);padding:9px 17px}.shop-tabs{display:flex;gap:5px}.shop-tabs button{min-width:94px;border:1px solid rgba(233,199,118,.35);border-radius:4px;background:#ffffff08;color:#f2f0dd9e;cursor:pointer;font-size:12px;font-weight:800;padding:8px 14px}.shop-tabs button.is-active{border-color:var(--gold);background:#f7c65c1f;color:#fff}.shop-gold{color:#f2f0dd94;font-size:11px}.shop-gold strong{margin-left:7px;color:var(--gold);font-size:17px}.shop-layout{display:grid;min-height:0;flex:1;grid-template-columns:1fr 265px}.shop-list{min-height:0;border-right:1px solid rgba(233,199,118,.25)}.shop-equipment-preview{display:grid;align-content:start;gap:9px;padding:16px}.shop-equipment-preview h3{margin:0 0 4px;color:#fff0b5;font-family:"Noto Serif TC",serif;font-size:16px;text-align:center}.shop-equipment-preview>div{display:grid;grid-template-columns:40px 52px 1fr;align-items:center;gap:5px;border-bottom:1px solid rgba(233,199,118,.18);padding:5px 0}.shop-equipment-preview>div>span{color:#f2f0dd80;font-size:9px}.shop-equipment-preview>div>strong{font-size:10px}.shop-equipment-preview dl{display:grid;gap:5px;margin:10px 0 0}.shop-equipment-preview dl div{display:flex;justify-content:space-between;color:#f2f0dd91;font-size:10px}.shop-equipment-preview dt,.shop-equipment-preview dd{margin:0}.shop-equipment-preview dd{color:#fff1bc;font-size:13px;font-weight:900}.empty-state{color:#f2f0dd85;font-size:12px;text-align:center;padding:30px}.modal-layer{position:absolute;z-index:15;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#04071373;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stats-panel{position:relative;width:min(420px,78%);border:4px double #8b6a39;border-radius:6px;background:linear-gradient(rgba(255,255,255,.22),transparent 40%),#efe4c8;box-shadow:inset 0 0 0 3px #d8c69c,0 24px 70px #00000080;color:#332b25;padding:24px}.stats-panel:before,.stats-panel:after{position:absolute;top:9px;color:#87683a;content:"✦";font-size:12px}.stats-panel:before{left:12px}.stats-panel:after{right:12px}.stats-panel h2{margin:0;font-family:"Noto Serif TC",Georgia,serif;font-size:25px;text-align:center}.stats-panel__points{margin:7px 0 18px;color:#675b4b;font-size:13px;text-align:center}.stats-panel__points strong{color:#8b5c16;font-size:18px}.stats-panel__close{position:absolute;top:10px;right:13px;width:30px;height:30px;border:0;background:transparent;color:#5d4c35;cursor:pointer;font-size:25px}.stats-list{display:grid;gap:9px}.stat-row{display:grid;grid-template-columns:48px 1fr 36px 38px;min-height:58px;align-items:center;gap:10px;border:1px solid #bca983;border-radius:5px;background:#fffbe98a;padding:6px 8px}.stat-row__icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid #6e553a;border-radius:4px;color:#fff7dc;font-family:"Noto Serif TC",serif;font-size:13px;font-weight:900;box-shadow:inset 0 0 8px #ffffff26}.stat-row__icon--strength{background:#784039}.stat-row__icon--vitality{background:#3e674c}.stat-row__icon--agility{background:#3d5178}.stat-row__icon--resonance{background:#59467c}.stat-row__copy{display:grid;gap:2px}.stat-row__copy strong{font-family:"Noto Serif TC",serif;font-size:16px}.stat-row__copy small{color:#756958;font-size:10px}.stat-row__gain{color:#8b5c16!important;font-weight:700}.stats-panel__hint{margin:12px 0 0;color:#7d7161;font-size:10px;line-height:1.6;text-align:center}.stat-row__value{font-family:Georgia,serif;font-size:21px;font-weight:800;text-align:center}.stat-row button{width:34px;height:34px;border:1px solid #9a8056;border-radius:4px;background:#f8efd9;color:#4a3b28;cursor:pointer;font-size:24px;font-weight:700;line-height:1}.stat-row button:disabled{cursor:not-allowed;opacity:.34}.stats-reset{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;border-top:1px solid #bca983;padding-top:13px}.stats-reset>span{display:grid;gap:2px}.stats-reset strong{font-size:13px}.stats-reset small{color:#756958;font-size:9px}.stats-reset button{border:1px solid #9a8056;border-radius:4px;background:#473849;color:#fff2c3;cursor:pointer;font-size:10px;font-weight:800;padding:8px 10px}.stats-reset button:disabled{cursor:not-allowed;opacity:.38}.confirm-button{display:block;margin:19px auto 0}.defeated-panel{width:min(430px,78%);border:1px solid var(--frame);border-radius:8px;background:#090d1df0;box-shadow:0 24px 70px #0000008f;padding:34px;text-align:center}.defeated-panel p{margin:0 0 4px;color:var(--cyan);font-size:13px}.defeated-panel h2{margin:0 0 24px;font-family:"Noto Serif TC",serif;font-size:29px}.touch-controls,.mobile-map-button{display:none}.world-map-layer{z-index:30;background:#040713;-webkit-backdrop-filter:none;backdrop-filter:none}.world-map-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:78px minmax(0,1fr);overflow:hidden;border:2px solid #9f7d3d;background:#07101f;box-shadow:inset 0 0 0 3px #18213a}.world-map-panel:after{position:absolute;z-index:10;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(237,196,102,.34);content:"";pointer-events:none}.world-map-header{position:relative;z-index:12;display:grid;grid-template-columns:minmax(330px,1.2fr) minmax(260px,1fr) auto 54px;align-items:center;gap:24px;border-bottom:1px solid #9f7d3d;background:linear-gradient(180deg,#101a2e,#070d1c);box-shadow:0 4px 18px #0000007a;padding:8px 20px}.world-map-header__title{display:flex;align-items:center;gap:13px}.world-map-compass{display:grid;width:48px;height:48px;place-items:center;border:1px solid #b38b43;border-radius:50%;color:var(--gold);font-size:28px;box-shadow:inset 0 0 15px #6be6cf1a}.world-map-header h2{margin:0;color:#fff1c3;font-family:"Noto Serif TC",Georgia,serif;font-size:clamp(22px,2.1vw,34px);letter-spacing:.09em}.world-map-header__title small{display:block;margin-top:2px;color:#6be6cfad;font-family:Georgia,serif;font-size:9px;letter-spacing:.28em}.world-map-progress{display:grid;gap:6px;color:#f2f0dda6;font-size:11px}.world-map-progress strong{color:#8ee9e2;font-size:16px}.world-map-progress>div{height:8px;overflow:hidden;border:1px solid rgba(233,199,118,.5);border-radius:8px;background:#02050d}.world-map-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#318d99,#71e3d7);box-shadow:0 0 12px #58d9d4}.world-map-wallet{display:flex;gap:8px}.world-map-wallet span{min-width:92px;border:1px solid rgba(233,199,118,.32);border-radius:20px;background:#0003;color:var(--gold);padding:8px 13px;text-align:center}.world-map-wallet strong{margin-left:5px;color:#fff;font-size:13px}.world-map-close{display:grid;width:44px;height:44px;place-items:center;border:1px solid #b58c47;border-radius:4px;background:#ffffff08;color:#ffe2a1;cursor:pointer;font-size:28px}.world-map-close:hover,.world-map-close:focus-visible{border-color:var(--cyan);outline:none}.world-map-body{display:grid;min-height:0;grid-template-columns:minmax(0,73%) minmax(300px,27%)}.world-map-canvas{position:relative;min-width:0;overflow:hidden;background:#071321}.world-map-canvas>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.world-map-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 48%,transparent 52%,rgba(3,8,19,.68) 100%);pointer-events:none}.world-map__routes{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.world-map__routes path{fill:none;stroke:#ffe08beb;stroke-dasharray:1.4 1.2;stroke-linecap:round;stroke-width:.48;filter:url(#routeGlow)}.world-map__routes path.is-locked{stroke:#bc7267ad;stroke-dasharray:.6 1.8}.settlement-node{position:absolute;z-index:4;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;transform:translate(-50%,-50%)}.settlement-node__beacon{display:grid;width:clamp(34px,3.2vw,48px);height:clamp(34px,3.2vw,48px);place-items:center;border:2px solid #f4d580;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--node-color) 42%,#102039),#07101e 72%);box-shadow:0 0 0 4px #050a17ad,0 0 16px color-mix(in srgb,var(--node-color) 74%,transparent);color:#fff7da;transition:transform .16s ease,box-shadow .16s ease}.settlement-node__beacon i{font-family:Georgia,serif;font-size:clamp(14px,1.35vw,20px);font-style:normal;font-weight:800}.settlement-node__label{display:grid;min-width:94px;margin-top:4px;border:1px solid rgba(229,190,102,.72);border-radius:3px;background:#050a17e6;box-shadow:0 3px 9px #00000085;padding:3px 8px;color:#fff5d7;line-height:1.1;white-space:nowrap}.settlement-node__label strong{font-family:"Noto Serif TC",serif;font-size:clamp(10px,.95vw,14px)}.settlement-node__label small{margin-top:2px;color:var(--node-color);font-size:clamp(8px,.72vw,10px)}.settlement-node:hover .settlement-node__beacon,.settlement-node:focus-visible .settlement-node__beacon,.settlement-node.is-selected .settlement-node__beacon{transform:scale(1.14);box-shadow:0 0 0 5px #050a17c7,0 0 28px var(--node-color)}.settlement-node:focus-visible{outline:none}.settlement-node.is-selected .settlement-node__label{border-color:var(--cyan);background:#071826f0}.settlement-node.is-locked:not(.is-selected){filter:grayscale(.72);opacity:.72}.settlement-node__current{position:absolute;bottom:-18px;border-radius:8px;background:#1c826f;color:#fff;font-size:8px;font-weight:800;padding:2px 6px;white-space:nowrap}.world-map-legend{position:absolute;z-index:5;bottom:18px;left:18px;width:225px;border:1px solid rgba(233,199,118,.55);background:#050a17e0;box-shadow:0 8px 26px #00000070;padding:9px 11px}.world-map-legend>strong{display:block;margin-bottom:5px;color:#ffe8ae;font-size:10px}.world-map-legend>div{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px}.world-map-legend>div span{display:flex;align-items:center;gap:5px;color:#f2f0ddc7;font-size:8px}.world-map-legend>div i{width:8px;height:8px;border:1px solid rgba(255,255,255,.6);border-radius:50%}.world-map-legend footer{display:flex;align-items:center;gap:5px;margin-top:7px;color:#f2f0dd94;font-size:7px}.route-key{width:24px;border-top:2px solid #ffe08b}.route-key--locked{margin-left:5px;border-top-color:#b86964;border-top-style:dashed}.destination-toast{position:absolute;z-index:8;top:18px;left:50%;transform:translate(-50%);border:1px solid var(--cyan);border-radius:4px;background:#05141ff0;box-shadow:0 8px 25px #00000073;color:#dcfffa;font-size:11px;padding:8px 14px;animation:toastIn .18s ease-out}.settlement-detail{position:relative;z-index:8;display:flex;min-height:0;flex-direction:column;border-left:1px solid #9f7d3d;background:linear-gradient(160deg,#121e34fa,#040915fc);padding:clamp(14px,1.7vw,26px);overflow-y:auto}.settlement-detail:before{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(233,199,118,.22);content:"";pointer-events:none}.settlement-detail__region{position:relative;display:flex;align-items:center;gap:7px;color:var(--settlement-color);font-size:10px;font-weight:800;letter-spacing:.08em}.settlement-detail__region>span{font-size:17px}.settlement-detail__heading{position:relative;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(233,199,118,.25);padding:8px 0 12px}.settlement-detail__heading small{color:#f2f0dd7a;font-size:8px}.settlement-detail__heading h3{margin:3px 0 0;color:#fff0bd;font-family:"Noto Serif TC",serif;font-size:clamp(24px,2.5vw,40px);letter-spacing:.07em}.settlement-detail__seal{display:grid;width:43px;height:43px;place-items:center;border:1px solid var(--settlement-color);border-radius:50%;box-shadow:inset 0 0 14px color-mix(in srgb,var(--settlement-color) 20%,transparent);color:#fff;font-family:Georgia,serif;font-size:18px}.settlement-detail__level{position:relative;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(233,199,118,.18);padding:13px 0}.settlement-detail__level span{color:#f2f0ddb8;font-size:11px}.settlement-detail__level strong{color:var(--settlement-color);font-family:Georgia,serif;font-size:21px}.settlement-detail__trait{position:relative;display:grid;gap:6px;padding:13px 0}.settlement-detail__trait small,.settlement-goods h4{color:#f2f0dd8a;font-size:9px}.settlement-detail__trait strong{color:var(--settlement-color);font-size:14px}.settlement-detail__trait p{margin:0;color:#f2f0ddc2;font-size:10px;line-height:1.65}.settlement-detail__trait>span{color:#d9c995;font-size:9px}.settlement-detail-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(233,199,118,.28);margin-bottom:7px}.settlement-detail-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#f2f0dd7a;cursor:pointer;font-size:10px;font-weight:800;padding:7px 4px}.settlement-detail-tabs button:hover,.settlement-detail-tabs button:focus-visible{color:#fff;outline:none}.settlement-detail-tabs button.is-active{border-bottom-color:var(--settlement-color);color:#fff2c7}.settlement-detail-content{position:relative;min-height:154px}.settlement-goods{position:relative;min-height:0}.settlement-goods__list{display:grid;gap:6px}.settlement-goods article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;border:1px solid rgba(233,199,118,.2);background:#ffffff06;padding:6px}.good-icon{display:grid;width:36px;height:36px;place-items:center;border:1px solid color-mix(in srgb,var(--settlement-color) 65%,transparent);border-radius:50%;background:color-mix(in srgb,var(--settlement-color) 16%,#07101f);color:#fff4ce;font-family:"Noto Serif TC",serif;font-size:12px;font-weight:900}.settlement-goods article>div{display:grid;gap:2px}.settlement-goods article strong{color:#fff1c7;font-size:10px}.settlement-goods article small{color:#f2f0dd80;font-size:8px}.settlement-goods article b{color:var(--gold);font-family:Georgia,serif;font-size:10px}.settlement-monsters{display:grid;gap:6px}.monster-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid rgba(233,199,118,.2);border-left:2px solid var(--settlement-color);background:linear-gradient(90deg,color-mix(in srgb,var(--settlement-color) 9%,transparent),#ffffff05);padding:6px}.monster-row--菁英{border-left-color:#d6a94e}.monster-row--首領{border-color:#d9585080;border-left:2px solid #e05c50;background:linear-gradient(90deg,#c93a3021,#ffffff05)}.monster-icon{display:grid;width:36px;height:36px;place-items:center;border:1px solid color-mix(in srgb,var(--settlement-color) 72%,#ffffff);border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--settlement-color) 28%,#15223b),#060b17 74%);box-shadow:inset 0 -6px 12px #00000059;color:#fff3d0;font-family:"Noto Serif TC",serif;font-size:12px;font-weight:900}.monster-copy{display:grid;min-width:0;gap:3px}.monster-copy>div{display:flex;align-items:center;gap:6px}.monster-copy strong{overflow:hidden;color:#fff1c8;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.monster-copy em{border:1px solid rgba(233,199,118,.32);border-radius:8px;color:#d9bd79;font-size:7px;font-style:normal;padding:1px 4px}.monster-row--首領 .monster-copy em{border-color:#e05c5094;color:#ff9d91}.monster-copy small{overflow:hidden;color:#f2f0dd80;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.monster-row>b{color:var(--settlement-color);font-family:Georgia,serif;font-size:10px;white-space:nowrap}.monster-row--首領>b{color:#ff8a7e}.travel-button{position:relative;display:grid;width:100%;margin-top:auto;border:1px solid #e4c26e;border-radius:4px;background:linear-gradient(180deg,#176879,#0d3f53);box-shadow:inset 0 0 0 3px #040a1794,0 0 18px #4fd3d61f;color:#fff;cursor:pointer;padding:10px 14px}.travel-button:hover:not(:disabled),.travel-button:focus-visible:not(:disabled){filter:brightness(1.14);outline:2px solid var(--cyan);outline-offset:2px}.travel-button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.55}.travel-button span{font-family:"Noto Serif TC",serif;font-size:15px;font-weight:800;letter-spacing:.05em}.travel-button small{margin-top:2px;color:#dffffa94;font-size:8px}.settlement-detail__hint{position:relative;margin:7px 0 0;color:#f2f0dd61;font-size:8px;text-align:center}@keyframes readyPulse{0%,to{box-shadow:0 0 #f7c65c26}50%{box-shadow:0 0 0 8px #f7c65c00}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes mapTitleIn{0%{opacity:0;transform:translate(-50%,-12px)}25%,75%{opacity:1;transform:translate(-50%)}to{opacity:.72}}.meter--resource .meter__fill{transition:width .12s linear}.meter--resource.meter--full{animation:resourceReady 1.1s ease-in-out infinite;box-shadow:0 0 12px #ffe9a88c}.meter--full .meter__value{color:#fff6d6;font-weight:900}@keyframes resourceReady{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}.quick-slot__combo{position:absolute;top:-6px;left:-6px;display:grid;width:24px;height:24px;place-items:center;border:2px solid var(--gold);border-radius:50%;background:#161729;color:#ffe9a8;font-size:12px;font-weight:900}.job-option__traits{display:grid;gap:7px;margin:0;border-top:1px solid rgba(233,199,118,.2);border-bottom:1px solid rgba(233,199,118,.2);padding:10px 0}.job-option__traits>div{display:grid;grid-template-columns:62px 1fr;align-items:start;gap:8px}.job-option__traits dt{color:#f2f0dd80;font-size:10px;font-weight:800}.job-option__traits dd{display:grid;margin:0;color:#fff2c8;font-size:12px;font-weight:800;gap:2px}.job-option__traits dd small{color:#f2f0dd99;font-size:10px;font-weight:500;line-height:1.55}.skill-slots{display:flex;flex:0 0 auto;align-items:center;gap:10px;border-bottom:1px solid rgba(233,199,118,.24);padding:12px 20px}.skill-slots__label{min-width:62px;color:#f2f0dd94;font-size:10px;font-weight:800}.skill-slot{position:relative;display:grid;min-width:148px;grid-template-columns:58px 1fr;align-items:center;gap:8px;border:1px solid rgba(233,199,118,.28);border-radius:6px;background:#ffffff06;padding:8px 10px}.skill-slot strong{font-size:11px}.skill-slot--empty{border-style:dashed;opacity:.6}.skill-slot__empty{display:grid;width:42px;height:42px;place-items:center;border:1px dashed rgba(242,240,221,.22);color:#f2f0dd4d;font-size:10px}.skill-slot kbd{position:absolute;top:-8px;left:-6px;border-color:var(--gold);background:#161729}.skill-slot__clear{position:absolute;top:-8px;right:-6px;width:20px;height:20px;border:1px solid rgba(233,199,118,.5);border-radius:50%;background:#161729;color:#fff2c6;cursor:pointer;font-size:12px;line-height:1}.skill-slot__clear:disabled{cursor:default;opacity:.35}.skill-toolbar{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(233,199,118,.24);padding:12px 20px}.skill-points{color:#f2f0dda8;font-size:12px}.skill-points strong{color:var(--gold);font-size:17px}.skill-list{gap:10px}.skill-row__name{display:flex;align-items:center;gap:8px}.pool-tag{border:1px solid rgba(233,199,118,.4);border-radius:3px;color:#f2f0ddb3!important;font-size:9px!important;font-weight:800;padding:2px 6px}.pool-tag--starWarrior{border-color:#d98b62;color:#f0b490!important}.pool-tag--windRanger{border-color:#67cbb9;color:#96e6d8!important}.pool-tag--lumenMage{border-color:#8494ed;color:#b3bdf5!important}.skill-row__lock{color:#e8a97e;font-size:10px;font-weight:700}.skill-row__equip{display:grid;gap:5px}.row-action--slim{padding:5px 9px;white-space:nowrap}.row-status{color:var(--cyan);font-size:11px;font-weight:800}.skill-panel__footer{display:flex;flex:0 0 auto;justify-content:flex-end;border-top:1px solid rgba(233,199,118,.24);padding:12px 20px}.mark-slots{position:absolute;right:2.2%;bottom:15.5%;display:flex;gap:7px;pointer-events:none}.mark-chip{display:flex;align-items:center;gap:5px;border:1px solid rgba(233,199,118,.5);border-radius:5px;background:#070b1bd1;color:#f2f0ddd9;font-size:10px;font-weight:800;padding:4px 8px}@media (max-width: 780px),(pointer: coarse){.app-shell{padding:0}.game-frame{width:100vw;max-height:100vh;border:0;border-radius:0;box-shadow:none}.player-status{top:2%;left:2%;min-width:224px;transform:scale(.86);transform-origin:top left}.currency-stack{top:2%;right:2%;transform:scale(.82);transform-origin:top right}.objective,.control-hint,.stats-shortcut,.hud-menu,.map-plaque,.quest-tracker{display:none}.touch-controls{position:absolute;z-index:9;inset:auto 3% 4%;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.mobile-map-button{position:absolute;z-index:11;top:18%;right:2%;display:flex;align-items:center;gap:5px;border:1px solid var(--frame);border-radius:5px;background:var(--panel);color:#fff0be;font-size:10px;font-weight:800;padding:7px 9px;pointer-events:auto}.touch-controls__movement,.touch-controls__actions{display:flex;gap:10px}.touch-controls button{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(247,198,92,.7);border-radius:50%;background:#080c1db8;box-shadow:inset 0 0 15px #6be6cf14;color:#fff;font-size:19px;font-weight:900;pointer-events:auto;touch-action:none}.touch-button--attack{width:68px!important;height:68px!important;border-color:#6be6cfe6!important}.stats-panel{transform:scale(.8)}.quick-slots,.mark-slots{display:none}.touch-controls__actions{gap:6px}.touch-button--skill{width:50px!important;height:50px!important;font-size:15px!important}.touch-button--empty{opacity:.4}.skill-slots{flex-wrap:wrap}.skill-slot{min-width:128px}.touch-controls__movement{display:grid;grid-template-columns:repeat(2,52px)}.touch-controls__movement button:last-child{grid-column:1 / -1;justify-self:center}.touch-controls button{width:52px;height:52px;font-size:15px}.touch-button--interact,.touch-button--skill{width:48px!important;height:48px!important;font-size:10px!important}.rpg-panel,.inventory-panel,.skill-panel,.dialogue-panel,.shop-panel{width:92%;max-height:90%;transform:scale(.86)}.job-options{grid-template-columns:1fr}.job-option__copy p,.job-option__copy small{min-height:0}.equipment-strip,.shop-layout{grid-template-columns:1fr}.shop-equipment-preview{display:none}.dialogue-content{min-height:280px;grid-template-columns:165px 1fr;padding-right:18px}.npc-portrait{width:165px;height:250px}.world-map-panel{grid-template-rows:56px minmax(0,1fr)}.world-map-header{grid-template-columns:1fr auto;gap:8px;padding:6px 13px}.world-map-compass,.world-map-progress,.world-map-wallet{display:none}.world-map-header h2{font-size:21px}.world-map-body{grid-template-columns:minmax(0,62%) minmax(235px,38%)}.settlement-node__label{min-width:72px;padding:2px 5px}.settlement-node__label strong{font-size:9px}.settlement-node__current,.world-map-legend{display:none}.settlement-detail{padding:10px 13px}.settlement-detail__heading h3{font-size:21px}.settlement-detail__seal{width:30px;height:30px;font-size:13px}.settlement-detail__level{padding:7px 0}.settlement-detail__trait{gap:3px;padding:7px 0}.settlement-detail__trait p{font-size:8px;line-height:1.4}.settlement-goods article{grid-template-columns:28px 1fr auto;padding:3px}.good-icon{width:27px;height:27px;font-size:9px}.settlement-detail-content{min-height:105px}.monster-row{grid-template-columns:28px minmax(0,1fr) auto;gap:4px;padding:3px}.monster-icon{width:26px;height:26px;font-size:9px}.monster-copy strong{font-size:8px}.monster-copy small{font-size:6px}}.quest-book-container{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:12px;pointer-events:auto}.quest-book{position:relative;display:flex;width:min(940px,94vw);height:min(620px,86vh);flex-direction:column;overflow:hidden;border-radius:12px;background-color:#17100b;background-image:url(/assets/game/quest-book-open-v3.png);background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 30px 90px #000000e0,0 0 0 1px #d4a84f59,inset 0 0 40px #0009;color:#2b1f14;perspective:1400px}.quest-book__header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(138,102,53,.28);background:linear-gradient(180deg,#1e140c8c,#1e140c1a);padding:12px 24px}.quest-book__eyebrow{display:block;color:#d6ab59;font-size:10px;font-weight:800;letter-spacing:.2em;text-shadow:0 1px 3px rgba(0,0,0,.8)}.quest-book__title h2{margin:2px 0 0;color:#fff2c4;font-family:"Noto Serif TC",Georgia,serif;font-size:22px;letter-spacing:.08em;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 12px rgba(214,171,89,.4)}.quest-book__close{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(214,171,89,.6);border-radius:50%;background:radial-gradient(circle,#3c2a1ae6,#140c06f2);box-shadow:0 4px 12px #00000080;color:#f7dfa4;cursor:pointer;font-size:24px;line-height:1;transition:all .18s ease}.quest-book__close:hover{border-color:#ffe6a3;box-shadow:0 0 15px #f7dfa499;color:#fff;transform:scale(1.08)}.quest-book__body{--quest-page-inset: clamp(96px, 14%, 132px);position:relative;display:grid;flex:1 1 auto;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);overflow:hidden;padding:18px var(--quest-page-inset) 76px;transform-style:preserve-3d}.quest-book__page{position:relative;z-index:2;display:flex;flex-direction:column;overflow-y:auto;padding:8px 14px;scrollbar-color:rgba(138,102,53,.4) transparent;scrollbar-width:thin}.quest-book__page--left{padding-right:18px}.quest-book__page--right{overflow:visible;padding-left:18px;transform-style:preserve-3d}.quest-book__spine{position:relative;z-index:3;background:linear-gradient(90deg,#00000059,#1e120999,#00000059);box-shadow:inset 0 0 10px #000c}.quest-book__tabs{display:flex;gap:8px;margin-bottom:12px}.quest-tab{position:relative;display:flex;align-items:center;gap:6px;border:1px solid rgba(138,102,53,.5);border-radius:4px;background:#2d2014b3;box-shadow:inset 0 1px 3px #ffffff14;color:#c9b48c;cursor:pointer;font-family:"Noto Serif TC",serif;font-size:13px;font-weight:700;padding:6px 14px;transition:all .18s ease}.quest-tab__ribbon{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7a6344;box-shadow:0 0 4px #00000080}.quest-tab.is-active{border-color:#d6ab59;background:linear-gradient(180deg,#61462a,#3b2816);box-shadow:0 4px 10px #0006,inset 0 0 6px #ffdc8c33;color:#fff3d1}.quest-tab.is-active .quest-tab__ribbon{background:#e6b84c;box-shadow:0 0 8px #e6b84c}.quest-tab:hover:not(.is-active){border-color:#ab8d52;color:#ebdcb9}.quest-book__directory-title{display:flex;align-items:baseline;gap:8px;border-bottom:2px stroke #8a6635;border-bottom:2px solid rgba(138,102,53,.4);margin-bottom:12px;padding-bottom:6px}.quest-book__directory-title span{color:#8a6f44;font-size:9px;font-weight:800;letter-spacing:.15em}.quest-book__directory-title h3{margin:0;color:#3b2713;font-family:"Noto Serif TC",serif;font-size:17px;font-weight:800}.quest-book__directory{display:grid;gap:6px}.quest-dir-item{position:relative;display:flex;align-items:center;gap:10px;border:1px solid rgba(138,102,53,.25);border-radius:5px;background:#f5ecd873;box-shadow:inset 0 1px 2px #ffffff80,0 2px 5px #0000000d;color:#2b1f14;cursor:pointer;padding:8px 12px;text-align:left;transition:all .18s ease}.quest-dir-item__num{color:#8a6f44;font-family:"Noto Serif TC",serif;font-size:11px;font-weight:800}.quest-dir-item__name{flex:1 1 auto;overflow:hidden;font-family:"Noto Serif TC",serif;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.quest-dir-item__status{font-size:10px;font-weight:800;padding:2px 7px;border-radius:3px}.quest-dir-item__status.status-completed{background:#2e7d3226;color:#2e7d32}.quest-dir-item__status.status-ready{background:#e6781733;color:#b05c00;animation:pulseGold 1.5s infinite alternate}.quest-dir-item__status.status-active{background:#1976d226;color:#1565c0}.quest-dir-item__status.status-available{background:#79554826;color:#5d4037}.quest-dir-item:hover{border-color:#8a663599;background:#fff8e6d9;transform:translate(3px)}.quest-dir-item.is-selected{border-color:#ab8238;background:linear-gradient(90deg,#ebce94d9,#f7eacbf2);box-shadow:0 4px 12px #8a663533,inset 3px 0 #b8860b}.quest-dir-item.is-selected .quest-dir-item__name{color:#1a1005;font-weight:900}.quest-detail{display:flex;height:100%;flex-direction:column;gap:12px}.quest-detail__header{border-bottom:2px dashed rgba(138,102,53,.35);padding-bottom:10px}.quest-detail__badge-wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.quest-status-badge{font-family:"Noto Serif TC",serif;font-size:11px;font-weight:800;letter-spacing:.05em}.quest-status-badge--completed{color:#2e7d32}.quest-status-badge--ready{color:#d97706;font-weight:900}.quest-status-badge--active{color:#0284c7}.quest-status-badge--available{color:#78350f}.quest-detail__category{color:#8a6635;font-size:11px;font-weight:700}.quest-detail__title{margin:2px 0 0;color:#2b1704;font-family:"Noto Serif TC",Georgia,serif;font-size:22px;font-weight:900;line-height:1.3}.quest-detail__content{display:flex;flex:1 1 auto;flex-direction:column;gap:14px;overflow-y:auto}.quest-detail__section h4{margin:0 0 6px;color:#4a341b;font-family:"Noto Serif TC",serif;font-size:13px;font-weight:800}.quest-detail__desc{margin:0;color:#3d2a17;font-size:13px;line-height:1.7}.quest-detail__progress{display:flex;flex-direction:column;gap:4px}.quest-detail__progress .progress-bar-bg{height:14px;overflow:hidden;border:1px solid rgba(138,102,53,.4);border-radius:7px;background:#1e140a26;box-shadow:inset 0 2px 4px #0003}.quest-detail__progress .progress-bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#d97706,#f59e0b,#fbbf24);box-shadow:0 0 10px #f59e0b99;transition:width .3s ease}.progress-text{color:#614321;font-size:11px;font-weight:800;text-align:right}.quest-detail__rewards{display:flex;flex-wrap:wrap;gap:8px}.reward-chip{display:flex;align-items:center;gap:5px;border:1px solid rgba(138,102,53,.35);border-radius:5px;background:#fff8e6b3;box-shadow:0 2px 6px #0000000f;color:#3b2611;font-size:12px;font-weight:700;padding:5px 9px}.reward-chip--gold{border-color:#d97706;background:#fef3c7d9;color:#92400e}.reward-chip--exp{border-color:#2563eb;background:#dbeafed9;color:#1e40af}.reward-chip--shard{border-color:#0891b2;background:#cffafed9;color:#155e75}.reward-chip--skill{border-color:#9333ea;background:#f3e8ffd9;color:#6b21a8}.reward-chip--item{border-color:#059669;background:#d1fae5d9;color:#065f46}.quest-book__flipper{position:absolute;top:18px;right:var(--quest-page-inset);bottom:76px;width:calc(50% - var(--quest-page-inset) - 8px);pointer-events:none;opacity:0;transform-origin:left center;transform-style:preserve-3d;z-index:10}.flipper-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0 10px 10px 0;border:1px solid rgba(116,78,36,.38);background-color:#ead9b5;background-image:radial-gradient(circle at 18% 24%,rgba(112,74,31,.08) 0 1px,transparent 2px),radial-gradient(circle at 76% 64%,rgba(91,56,23,.06) 0 1px,transparent 2px),linear-gradient(90deg,rgba(91,55,24,.18),transparent 12%,transparent 88%,rgba(91,55,24,.12)),linear-gradient(180deg,#f0dfba,#e5d0a6);background-size:37px 43px,53px 47px,100% 100%,100% 100%;box-shadow:-7px 0 18px #00000061,inset 10px 0 18px #5834141f;backface-visibility:hidden}.flipper-face--back{border-radius:10px 0 0 10px;box-shadow:7px 0 18px #00000061,inset -10px 0 18px #5834141f;transform:rotateY(180deg)}.quest-book.is-flipping-next .quest-book__flipper{opacity:1;animation:pageFlipNext .35s ease-in-out forwards}.quest-book.is-flipping-prev .quest-book__flipper{opacity:1;animation:pageFlipPrev .35s ease-in-out forwards}@keyframes pageFlipNext{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes pageFlipPrev{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}@keyframes pulseGold{0%{opacity:.7}to{opacity:1;transform:scale(1.03)}}@media (max-width: 768px){.quest-book{height:92vh}.quest-book__body{--quest-page-inset: 28px;grid-template-columns:1fr;overflow-y:auto;padding-bottom:28px}.quest-book__spine{display:none}.quest-book__page--right{overflow:auto;padding-left:0;margin-top:16px;border-top:2px dashed rgba(138,102,53,.4);padding-top:16px}.quest-book__flipper{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}