:root{--ink:#2e4136;--muted:#829085;--forest:#345945;--green:#60856a;--cream:#f7f6ef;--paper:#fffef8;--line:#e4e6da;--gold:#b28c4d;--purple:#9885b2;--radius:15px;font-family:"Noto Sans CJK TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;color:var(--ink);background:var(--cream);font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:default;opacity:.42}button:not(:disabled),a{transition:background .18s,transform .18s,color .18s,box-shadow .18s}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b5975a;outline-offset:3px}button:not(:disabled):active{transform:translateY(1px)}.icon{width:19px;height:19px;display:inline-block;flex-shrink:0;vertical-align:middle}.topbar{height:82px;background:#283e33;color:#f6f0dc;border-bottom:4px solid #bc9f64}.top-inner{max-width:1500px;padding:0 36px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand>span:first-child{width:48px;height:50px;display:block}.brand .monster-art{width:48px;height:48px}.brand strong{font-family:Georgia,"Noto Serif CJK TC",serif;font-size:26px;letter-spacing:1px}.brand strong span{font-family:inherit;font-size:19px;letter-spacing:3px;margin-left:5px}.brand small{display:block;font-size:8px;letter-spacing:2.45px;color:#bdc9b5;margin-top:3px}.top-meta{display:flex;align-items:center;gap:10px}.mode-chip{font-size:10px;letter-spacing:1px;padding:7px 12px;background:#ffffff09;border:1px solid #64715a;border-radius:20px;margin-right:16px;color:#c4d5b9}.mode-chip i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a9c296;margin-right:7px}.top-button{color:#e5e8d7;display:flex;align-items:center;gap:7px;padding:10px;border-radius:7px;font-size:12px}.top-button:hover{background:#ffffff12}.top-button .icon{width:17px;height:17px}.page-heading{max-width:1500px;margin:auto;padding:27px 36px 22px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#91a08c;margin-bottom:6px}.page-heading h1{font-family:"Noto Serif CJK TC","Songti TC",serif;font-size:23px;font-weight:600;letter-spacing:2px;margin:0;color:#3c4d3f}.edition{font-size:9px;letter-spacing:1.8px;color:#99a08f}.edition b{font-family:Georgia,serif;font-size:24px;font-weight:normal;color:#a09575;margin-left:5px}.dashboard{max-width:1500px;margin:auto;padding:0 36px;display:grid;grid-template-columns:238px minmax(0,1fr) 262px;gap:20px;align-items:start}.left-column,.right-column,.center-column{min-width:0;display:flex;flex-direction:column;gap:18px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 12px #304b3505}.panel-label{font-size:12px;font-weight:600;letter-spacing:.6px;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;color:#586650}.panel-label>.icon,.panel-label>span>.icon{width:17px;height:17px;color:#9ba38b}.tiny-dot{width:5px;height:5px;background:#adb992;border-radius:50%}.character-panel{padding:20px 18px 16px}.character-profile{display:flex;gap:10px;align-items:center;margin-bottom:18px}.portrait{width:72px;height:80px;background:#eeeee0;border-radius:12px;overflow:hidden;position:relative;flex-shrink:0;border:1px solid #e0e2d1}.portrait .hero-art{width:100px;height:128px;max-width:none;position:absolute;left:-14px;top:2px}.character-name{min-width:0}.character-name small{font-size:8px;letter-spacing:1.4px;color:#8b9682}.character-name h2{font-size:17px;letter-spacing:1px;margin:4px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:113px}.character-name>span{font-size:10px;color:#698065;background:#edf0e4;padding:3px 7px;border-radius:4px}.level-grid{display:grid;grid-template-columns:1fr 1fr;background:#f4f4e9;border:1px solid #e6e8d7;border-radius:8px;padding:11px 0;margin-bottom:16px}.level-grid>div{display:flex;flex-direction:column;align-items:center;gap:4px}.level-grid>div+div{border-left:1px solid #dfe2ce}.level-grid span{font-size:9px;letter-spacing:1.3px;color:#869177}.level-grid strong{font-family:Georgia,serif;font-size:27px;font-weight:normal;line-height:1;color:#556b4e}.vital{margin-bottom:11px}.vital>div:first-child{display:flex;justify-content:space-between;font-size:10px;margin-bottom:5px;color:#919883}.vital b{font-size:9px;letter-spacing:1px;color:#6a8068}.meter{height:5px;background:#e7e9dd;border-radius:6px;overflow:hidden}.meter>i{height:100%;display:block;transition:width .2s;width:0;border-radius:6px}.hp>i{background:#90aa78}.sp>i{background:#89a7be}.base>i{background:#879f6c}.job>i{background:#aaa1c0}.promotion-button{width:100%;background:#eee2c2;border:1px solid #ddc996;color:#876832;padding:9px;border-radius:7px;margin:3px 0 9px;font-weight:600;font-size:11px}.promotion-hint{font-size:9px;color:#a0a68f;text-align:center;margin:8px 0 2px}.stats-heading{display:flex;justify-content:space-between;align-items:center;margin:21px 0 10px;border-top:1px solid var(--line);padding-top:17px}.stats-heading h3{font-size:12px;margin:0;letter-spacing:1px}.stats-heading>span{font-size:9px;color:#907843;background:#f4efd9;padding:4px 7px;border-radius:4px}.stat-row{display:grid;grid-template-columns:36px 1fr auto 26px;align-items:center;padding:5px 0;gap:5px;min-height:31px}.stat-code{font-size:11px;letter-spacing:.7px;font-weight:600;color:#6d805f}.stat-name{font-size:11px;color:#89907e}.stat-value{font-size:13px;color:#4b5943;margin-right:4px;font-variant-numeric:tabular-nums}.stat-value small{color:#93a470;font-size:9px}.plus{border:1px solid #d7ddc5;background:#f0f2e5;border-radius:5px;width:24px;height:23px;font-size:17px;line-height:16px;color:#6e8559;padding:0}.plus:not(:disabled):hover{background:#dfe6ce;border-color:#a8b594}.combat-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.combat-stats>span{display:flex;justify-content:space-between;color:#8d9583;font-size:9px}.combat-stats b{font-weight:500;color:#617456;font-variant-numeric:tabular-nums}.equipment-panel{padding:19px 16px 15px}.equipment-panel .panel-label{margin-bottom:11px}.equip-row{display:grid;grid-template-columns:34px 1fr 27px;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #ecede4}.equip-row:last-child{border-bottom:0}.equip-icon{width:33px;height:35px;border-radius:7px;background:#eff0e3;border:1px solid #dfe3d2;display:flex;justify-content:center;align-items:center;color:#8a937a}.equip-row .item-label{font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.equip-row small{display:block;font-size:9px;color:#949b88;margin-top:4px}.refine{width:27px;height:27px;background:#f2edde;color:#a48d5a;border-radius:5px;border:1px solid #e6dcc3;padding:4px}.refine .icon{width:15px;height:15px}.micro-note{font-size:9px;color:#a5aa97;margin-top:12px;text-align:center;line-height:1.7}.rarity-0{color:#7d8971}.rarity-1{color:#6e9360}.rarity-2{color:#648ca6}.rarity-3{color:#9973b0}.field-shell{border:1px solid #dbe0cb;border-radius:var(--radius);overflow:hidden;background:var(--paper);box-shadow:0 8px 24px #344c3010}.scene{height:465px;position:relative;isolation:isolate;background:#bccbad;overflow:hidden}.landscape{position:absolute;inset:0;width:100%;height:100%}#landscape{position:absolute;inset:0;transition:opacity .4s}.scene:after{content:'';position:absolute;inset:0;box-shadow:inset 0 -35px 55px -30px #304b3255;pointer-events:none;z-index:0}.scene-top{position:absolute;top:22px;left:22px;right:19px;display:flex;justify-content:space-between;align-items:start;z-index:3}.location-stamp{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border:1px solid #f8f9eaa6;border-radius:9px;background:#ffffefbc;box-shadow:0 2px 10px #395c2812;backdrop-filter:blur(6px)}.location-stamp .icon{color:#7c936c;width:21px;height:21px;margin-top:5px}.location-stamp small{display:block;font-size:8px;letter-spacing:1.6px;color:#8f9c7a}.location-stamp strong{display:block;font-size:17px;font-family:"Noto Serif CJK TC",serif;letter-spacing:1.2px;margin:3px 0 4px}.location-stamp span:not(:first-child){font-size:9px;color:#879171}.minimap{width:69px;height:69px;background:#71866a80;border:3px solid #edf0d1c2;box-shadow:0 0 0 1px #9daf8455;border-radius:11px;position:relative;overflow:hidden}.minimap:before{content:'';width:100px;height:40px;position:absolute;left:-11px;top:7px;background:#a9ba8970;transform:rotate(-34deg);border:8px solid #8ea87a80}.minimap-trail{position:absolute;left:24px;top:-12px;width:30px;height:100px;border:8px solid #ece1afa0;border-radius:50%;transform:rotate(-31deg)}.minimap i{position:absolute;width:5px;height:5px;border-radius:50%;z-index:1}.mini-hero{background:#ffffec;box-shadow:0 0 0 3px #ffffe533;left:20px;top:38px}.mini-mob{background:#f1bead;left:42px;top:28px}.minimap span{position:absolute;top:1px;left:4px;font-size:8px;color:#f9f2ce}.field-status{position:absolute;top:134px;left:50%;transform:translateX(-50%);padding:5px 11px;white-space:nowrap;background:#476543bb;color:#f1f1d8;border:1px solid #cfdbb455;border-radius:20px;font-size:9px;letter-spacing:1px;z-index:4}.field-status.running:before{content:'';width:5px;height:5px;background:#d3e1a3;display:inline-block;border-radius:50%;margin-right:6px;animation:breathe 2s infinite}.actor{position:absolute;z-index:2;text-align:center;width:130px;transform:translateX(-50%);padding:0;background:none;border:0}.hero-actor{left:38%;top:46%;}.enemy-actor{left:68%;top:57%;width:113px}.actor-art{display:block;position:relative;z-index:1}.hero-actor .hero-art{height:132px;width:108px;display:block;margin:auto;filter:drop-shadow(0 2px 0 #3459322b)}.hero-actor .actor-art{animation:hero-breathe 3s ease-in-out infinite}.enemy-actor .monster-art{width:85px;height:80px;display:block;margin:auto;filter:drop-shadow(0 3px 0 #3459321b);animation:hop 2.1s ease-in-out infinite}.enemy-actor:hover .monster-art{filter:drop-shadow(0 0 4px #fff8c1)}.actor-tag{display:table;margin:1px auto 5px;padding:3px 9px;border-radius:4px;font-size:9px;background:#345544b5;color:#f4f4e1;letter-spacing:.5px;white-space:nowrap}.enemy-tag{background:#fbf8e2d9;color:#6b6b52;box-shadow:0 1px 0 #71855b22}.tiny-hp{width:57px;height:3px;border-radius:3px;overflow:hidden;background:#40573e60;display:block;margin:auto;border:1px solid #e8efd355;box-sizing:content-box}.tiny-hp i{width:100%;height:100%;background:#c1d79a;display:block;transition:width .2s}.tiny-hp.enemy i{background:#d8a38c}.target-ring{position:absolute;left:50%;top:60px;width:83px;height:26px;border:1px dashed #f7f1cd;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 5px #fdf7d318;z-index:0}.ambient-sprite{position:absolute;opacity:.63;width:35px;z-index:1;pointer-events:none}.ambient-sprite .monster-art{width:100%;animation:hop 3.6s ease-in-out infinite}.a1{top:53%;left:18%}.a2{top:48%;right:9%;transform:scale(.8)}.scene-caption{position:absolute;bottom:18px;left:22px;right:19px;display:flex;align-items:center;gap:8px;color:#ffffe4;font-size:9px;text-shadow:0 1px 3px #35553988;letter-spacing:.5px;z-index:3}.wind-line{width:18px;height:1px;background:#ffffdb99;display:block}.scene-counter{margin-left:auto;background:#45613d52;border:1px solid #d5ddbc44;padding:4px 8px;border-radius:4px;white-space:nowrap}.battle-dock{display:flex;align-items:center;gap:16px;padding:19px 18px 14px}.auto-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#486a50;border:1px solid #355941;box-shadow:inset 0 1px #a4b49066,0 3px 8px #3a5c3e16;color:#fff8e2;border-radius:8px;padding:13px 15px;flex-shrink:0;font-size:12px;font-weight:500;letter-spacing:.5px}.auto-button:hover{background:#3a5c42}.auto-button.paused{background:#998654;border-color:#8a7646}.auto-button .icon{width:15px;height:15px}.skill-actions{display:flex;flex:1;justify-content:space-around;gap:7px}.ability{display:flex;align-items:center;gap:8px;padding:3px 2px;position:relative;overflow:hidden;border-radius:7px;min-width:0}.ability:disabled{opacity:.57}.ability-icon{width:37px;height:37px;border:1px solid #dce0cb;background:#f0f2e4;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#829269;flex-shrink:0}.ability-icon.skill{color:#a89368;border-color:#e4d9bb;background:#f4efdc}.ability-icon.potion{color:#b77e7a;border-color:#eddad1;background:#f8ede4}.ability strong{font-size:10px;font-weight:500;display:block;white-space:nowrap}.ability small{font-size:8px;display:block;color:#848a72;margin-top:4px;white-space:nowrap}.ability>span:not(.cooldown-wash){position:relative;z-index:1}.cooldown-wash{position:absolute;inset:0;background:#c8c2ac33;transform-origin:left;width:0;pointer-events:none}.experience-section{padding:0 20px 17px}.xp-row{display:flex;align-items:center;gap:10px;margin-top:7px;font-size:8px}.xp-row>span{width:58px;letter-spacing:.7px;color:#979e86}.xp-row>.meter{flex:1;height:4px}.xp-row>b{width:73px;text-align:right;font-size:8px;font-weight:400;color:#8d9582;font-variant-numeric:tabular-nums}.detail-panel{overflow:hidden}.detail-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 13px;gap:7px}.detail-tabs button{font-size:11px;display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 10px 13px;border-bottom:3px solid transparent;margin-bottom:-1px;color:#909987;white-space:nowrap}.detail-tabs button.active{border-color:#768e5d;color:#557147}.detail-tabs .icon{width:15px;height:15px}.detail-tabs small{background:#e9edde;border-radius:8px;font-size:8px;padding:1px 5px}.detail-body{padding:16px 18px;min-height:207px;max-height:375px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d9ddcd transparent}.log-summary{display:flex;gap:8px;margin-bottom:15px}.summary-box{background:#f3f4e8;border-radius:6px;padding:9px 10px;flex:1;border:1px solid #e8ebdb}.summary-box small{color:#949d85;font-size:9px}.summary-box b{display:block;font-weight:500;font-size:15px;margin-top:4px;color:#6b8059;font-variant-numeric:tabular-nums}.summary-box b span{font-size:9px;font-weight:400;margin-left:4px}.log-entry{display:flex;align-items:baseline;gap:9px;padding:5px 0;font-size:10px;line-height:1.6;border-bottom:1px dashed #eeeee2}.log-entry:last-child{border:0}.log-time{font-size:9px;color:#8d997d;font-variant-numeric:tabular-nums;white-space:nowrap}.log-text{color:#7c8970}.log-entry.loot .log-text,.log-entry.card .log-text{color:#ac8d58}.log-entry.level .log-text,.log-entry.job .log-text{color:#668458}.log-entry.death .log-text{color:#b07a6b}.empty-state{padding:24px 12px;text-align:center;color:#9ca48d;font-size:11px;line-height:1.9}.empty-state .icon{width:30px;height:30px;display:block;margin:0 auto 10px;opacity:.7}.wallet{background:#f1edde;border:1px solid #e2dac2;border-radius:var(--radius);display:flex;align-items:center;gap:12px;padding:18px 19px;min-height:82px}.coin-symbol{width:37px;height:37px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:21px;border:2px solid #d7c48f;border-radius:50%;background:#eee2bb;box-shadow:inset 0 0 0 3px #f6edce;color:#af9656;transform:rotate(-8deg)}.wallet small{font-size:8px;letter-spacing:1.7px;color:#a5956c}.wallet strong{display:block;font-family:Georgia,serif;font-weight:normal;font-size:27px;line-height:1.1;margin-top:4px;color:#837349;font-variant-numeric:tabular-nums}.wallet-shop{margin-left:auto;color:#ad9d72;padding:7px;border:1px solid #dcd2b4;border-radius:7px;background:#f8f4e5}.wallet-shop .icon{width:17px;height:17px}.maps-panel{padding:20px 17px 13px}.maps-panel .panel-label{margin-bottom:13px}.map-card{width:100%;border:1px solid #e6e8db;border-radius:9px;background:#f9f9f0;margin-bottom:9px;padding:11px 9px;display:flex;align-items:center;gap:10px;position:relative;text-align:left}.map-card.active{background:#edf1e3;border:1px solid #a6b894;box-shadow:inset 3px 0 #839d6d}.map-card:disabled{opacity:.55}.map-thumb{width:39px;height:42px;flex-shrink:0;position:relative;border-radius:6px;overflow:hidden;background:linear-gradient(#c4d7bb,#abb987)}.map-thumb:before{content:'';position:absolute;width:35px;height:39px;border-radius:50%;background:#7f9c70;left:-10px;top:-14px;box-shadow:25px 14px #8ca575}.map-thumb:after{content:'';position:absolute;width:30px;height:62px;border:9px solid #e7deb37d;left:16px;top:3px;border-radius:50%;transform:rotate(-35deg)}.map-thumb.map-1{filter:hue-rotate(10deg) brightness(.91)}.map-thumb.map-2{filter:hue-rotate(28deg) brightness(.79)}.map-text strong{font-size:11px;letter-spacing:.4px;font-weight:500;display:block}.map-text small{display:block;font-size:8px;color:#848d72;margin-top:5px;letter-spacing:.5px}.map-check{margin-left:auto;color:#8e9f72;white-space:nowrap;font-size:8px}.map-check .icon{width:16px;height:16px}.boss-entry{border:1px dashed #d9c9a8;background:#faf5e6;border-radius:7px;padding:9px;margin-top:5px;width:100%;color:#aa925c;font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px}.quests-panel{padding:20px 17px 9px}.quests-panel .panel-label{margin-bottom:8px}.quests-panel .panel-label>span{font-size:9px;color:#9da68f}.quest{padding:13px 0;border-bottom:1px solid #eaece0}.quest:last-child{border-bottom:0}.quest-title{display:flex;justify-content:space-between;align-items:center;font-size:11px}.quest-title strong{font-weight:500;color:#748564}.quest-title span{font-size:9px;color:#a2aa93}.quest p{font-size:9px;color:#7e896f;margin:6px 0 9px}.quest .meter{height:3px;margin-bottom:8px}.quest .meter i{background:#a5b283}.quest-foot{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#b09c70}.claim-button{font-size:9px;color:#6d845e;border:1px solid #d7dfc5;background:#edf2e2;border-radius:4px;padding:4px 8px}.claim-button:disabled{opacity:.55;background:transparent;border-color:#e5e7da}.idle-note{display:flex;gap:11px;border:1px dashed #cfd9bf;border-radius:12px;padding:17px 14px;background:#edf2e440}.idle-symbol{width:30px;flex-shrink:0;color:#90a57b}.idle-symbol .icon{width:26px;height:26px}.idle-note strong{font-size:11px;font-weight:500;color:#7b916a}.idle-note p{font-size:10px;line-height:1.85;margin:5px 0 7px;color:#929d85}.idle-note span{font-size:8px;color:#a1ac94}footer{max-width:1500px;margin:27px auto 0;padding:18px 36px 25px;border-top:1px solid #e7eadf;display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;font-size:9px;color:#a1a992}footer>button{font-size:9px;color:#8e9b7b;padding:0}footer .icon{width:13px;height:13px;margin-left:3px}#save-status{margin-left:auto;font-size:8px;white-space:nowrap}.floating{position:absolute;z-index:8;pointer-events:none;animation:float-up 1.1s ease-out forwards;text-shadow:0 2px 0 #f9f5d2,1px 0 0 #f9f5d2,-1px 0 0 #f9f5d2,0 -1px 0 #f9f5d2;color:#7f653d;font-family:Georgia,"Noto Sans CJK TC",serif;font-size:25px;font-weight:bold;white-space:nowrap}.floating.crit{font-size:31px;color:#b57637}.floating.skill{color:#9b7bad}.floating.hurt{font-size:15px;color:#bc7f70}.floating.heal{font-size:17px;color:#648e56}.floating.xp{font:500 11px "Noto Sans CJK TC",sans-serif;color:#667b49;text-shadow:0 1px 2px #ffffdf;animation-duration:1.6s}.hero-actor.attacking .actor-art{animation:strike .27s ease-out}.enemy-actor.hit .monster-art{animation:recoil .27s ease-out}.level-banner{position:absolute;top:39%;left:0;right:0;text-align:center;z-index:7;pointer-events:none;opacity:0;font-family:Georgia,"Noto Serif CJK TC",serif;font-size:22px;letter-spacing:3px;color:#fffde8;text-shadow:0 2px 3px #687548,0 0 20px #e4d594}.level-banner.visible{animation:level-fade 2s ease both}.bag-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#929d85;margin-bottom:13px;gap:10px}.text-button{font-size:9px;color:#88956d;text-decoration:underline;text-underline-offset:3px;padding:2px 0}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.inventory-item{background:#f7f7ee;border:1px solid #e5e8d8;border-radius:8px;padding:12px;min-width:0}.inventory-item .item-top{display:flex;gap:8px;align-items:center}.inventory-item strong{display:block;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-item small{display:block;font-size:9px;color:#9aa38b;margin-top:3px}.inventory-item .item-buttons{display:flex;gap:7px;margin-top:12px}.small-button{font-size:9px;border:1px solid #d8dfc6;background:#edf1e2;padding:5px 9px;border-radius:5px;color:#768661}.small-button.secondary{background:#f6f3e6;border-color:#e4dbc2;color:#a1936f}.materials{font-size:9px;color:#9ba48b;line-height:1.9;margin-top:15px;border-top:1px dashed #e3e7d8;padding-top:10px}.skill-card{padding:16px;background:#f4f1e5;border:1px solid #e4dcc5;border-radius:10px;display:flex;gap:13px;align-items:center}.skill-card>span{padding:10px;background:#faf6e9;border:1px solid #dfd6ba;border-radius:8px;color:#a68e5a}.skill-card>div{flex:1}.skill-card h3{font-size:13px;font-weight:500;margin:0 0 6px}.skill-card p{font-size:10px;line-height:1.8;color:#99947e;margin:0}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e9ece0;gap:12px}.setting-row strong{font-size:11px;font-weight:500}.setting-row small{display:block;font-size:9px;color:#a2a990;line-height:1.8;margin-top:4px}.switch{width:33px;height:19px;border-radius:20px;background:#dbe0d0;padding:3px;flex-shrink:0}.switch:before{content:'';display:block;background:#fffff0;width:13px;height:13px;border-radius:50%;box-shadow:0 1px 2px #3c52282e;transition:transform .2s}.switch.on{background:#91aa7c}.switch.on:before{transform:translateX(14px)}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.book-item{text-align:center;padding:10px 7px 12px;border:1px solid #e7e9db;background:#f6f7ed;border-radius:9px}.book-item .monster-art{height:59px;width:65px;display:block;margin:auto}.book-item.unseen .monster-art{opacity:.25;filter:grayscale(1)}.book-item h4{font-size:10px;font-weight:500;margin:5px 0;color:#71865f}.book-item p{font-size:8px;margin:4px 0;color:#9ca58f}.book-item small{font-size:8px;display:block;color:#aa9976}.card-badge{display:inline-block;padding:3px 5px;margin-top:5px;border-radius:4px;border:1px solid #e8d9b6;background:#f7eed4;color:#a3915f;font-size:8px}.book-note{font-size:9px;color:#969f87;line-height:1.8;margin-bottom:12px}.modal-backdrop{position:fixed;inset:0;background:#263e35a6;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:22px}.modal-backdrop[hidden]{display:none}.modal-card{position:relative;width:min(510px,100%);max-height:92vh;overflow-y:auto;border-radius:19px;background:#fffef5;border:1px solid #dedec9;box-shadow:0 20px 90px #142a3266;padding:33px;scrollbar-width:thin}.modal-close{position:absolute;right:15px;top:15px;width:28px;height:28px;border-radius:50%;color:#89997a;display:flex;align-items:center;justify-content:center;z-index:1}.modal-close:hover{background:#e8eddc}.modal-close .icon{width:17px;height:17px}.modal-eyebrow{font-size:9px;color:#9ba886;letter-spacing:2px;text-align:center;margin-bottom:9px}.modal-card h2{font-family:"Noto Serif CJK TC",serif;font-weight:600;font-size:24px;letter-spacing:1px;margin:0 0 13px;text-align:center;color:#4c6648}.modal-subtitle{font-size:11px;line-height:1.9;text-align:center;color:#929b82;margin:0 0 24px}.welcome-art{height:137px;display:flex;justify-content:center;align-items:end;position:relative;margin-bottom:21px}.welcome-art:before{content:'';position:absolute;width:185px;height:118px;border-radius:50%;background:#eef1df;bottom:-1px;left:50%;transform:translateX(-50%);border:1px solid #e2e8ce}.welcome-art .hero-art{width:107px;height:137px;z-index:1}.welcome-art .monster-art{width:70px;height:64px;z-index:1;margin-left:-11px;margin-bottom:0}.input-label{display:block;font-size:11px;color:#869776;margin:6px 0 8px}.text-input{width:100%;border:1px solid #d6dfc5;border-radius:8px;background:#f7f8ed;padding:13px;color:#546b4a;font-size:14px;letter-spacing:1px}.primary-button{display:flex;gap:9px;align-items:center;justify-content:center;width:100%;border:1px solid #42623f;background:#58774d;color:#f9f6dc;border-radius:8px;padding:13px 15px;font-size:12px;letter-spacing:.8px;margin-top:17px}.primary-button:hover{background:#45653c}.primary-button .icon{width:17px;height:17px}.welcome-points{display:flex;justify-content:center;gap:16px;color:#a2ac8f;font-size:9px;margin:17px 0}.welcome-points span{display:flex;gap:4px;align-items:center}.welcome-points .icon{width:13px;height:13px}.fineprint{font-size:9px;line-height:1.85;text-align:center;color:#a6ad97;border-top:1px solid #e7eadb;padding-top:14px;margin:12px 0 0}.modal-text{font-size:11px;line-height:1.95;color:#86967a}.modal-text h3{font-size:12px;color:#697f5b;margin:18px 0 7px}.modal-text p{margin:8px 0}.modal-text a{color:#948358;text-underline-offset:3px;word-break:break-all}.modal-text strong{color:#6d825e}.modal-actions{display:flex;gap:9px;margin:15px 0}.modal-actions button{flex:1}.danger-button{color:#b78474;font-size:10px;margin-top:14px;text-decoration:underline;text-underline-offset:4px}.offline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.offline-grid>div{background:#f1f3e5;border:1px solid #e1e8d0;text-align:center;padding:16px 7px;border-radius:9px}.offline-grid small{font-size:9px;color:#939f80;display:block}.offline-grid b{display:block;font-family:Georgia,serif;font-weight:400;font-size:24px;color:#7f9368;margin-top:7px}.class-option{display:flex;align-items:center;gap:13px;border:1px solid #dce4ce;border-radius:10px;padding:10px 14px;background:#f4f6ea;width:100%;text-align:left;margin-top:10px}.class-option .hero-art{width:62px;height:81px}.class-option>div{flex:1}.class-option h3{font-size:14px;margin:0 0 6px;font-weight:500}.class-option small{font-size:10px;color:#97a484}.class-option:hover{background:#e8eedb}.shop-item{display:flex;gap:15px;padding:20px;border:1px solid #e5e2ce;background:#f5f4e8;border-radius:10px;align-items:center}.shop-item>.icon{width:37px;height:37px;color:#c19080}.shop-item h3{font-size:14px;margin:0 0 8px}.shop-item p{font-size:10px;color:#98a089;margin:0}.shop-item span{font-size:13px;color:#a79564;display:block;margin-top:10px}#toast-stack{position:fixed;top:96px;right:26px;z-index:200;display:flex;flex-direction:column;gap:9px;max-width:min(360px,90vw);pointer-events:none}.toast{font-size:11px;line-height:1.6;background:#fffef0f2;border:1px solid #d9e1c6;border-left:3px solid #95ad7c;color:#778961;padding:13px 18px;box-shadow:0 7px 30px #1e392528;border-radius:9px;animation:toast-in .2s ease-out}.toast.error{border-left-color:#bf8d76;color:#ab7c67}.noscript{position:fixed;inset:0;background:#fff8e0;z-index:999;padding:30px;text-align:center}body.modal-open{overflow:hidden}@keyframes hop{0%,100%{transform:translateY(0) scale(1,1)}45%{transform:translateY(-5px) scale(.98,1.03)}70%{transform:translateY(1px) scale(1.035,.97)}}@keyframes hero-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes breathe{50%{opacity:.45}}@keyframes float-up{0%{opacity:0;transform:translate(-50%,4px) scale(.85)}15%{opacity:1;transform:translate(-50%,0) scale(1.03)}100%{opacity:0;transform:translate(-50%,-58px) scale(.95)}}@keyframes strike{0%,100%{transform:translateX(0)}40%{transform:translateX(18px) rotate(6deg)}}@keyframes recoil{0%,100%{transform:translateX(0)}40%{transform:translateX(9px) rotate(7deg)}}@keyframes level-fade{0%{opacity:0;transform:translateY(10px)}20%,75%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-14px)}}@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.scene{height:495px}}
@media(max-width:1280px){.top-inner,.page-heading{padding-left:24px;padding-right:24px}.dashboard{padding:0 24px;grid-template-columns:213px minmax(0,1fr) 230px;gap:15px}.character-panel{padding:18px 14px}.character-name h2{max-width:90px}.maps-panel,.quests-panel{padding-left:13px;padding-right:13px}.map-card{gap:7px}.battle-dock{gap:10px;padding:16px 13px 13px}.auto-button{padding:13px 10px;font-size:11px}.ability{gap:5px}.ability-icon{width:31px;height:34px}.ability strong{font-size:9px}.skill-actions{gap:4px}.scene{height:451px}.location-stamp{padding:12px}.location-stamp strong{font-size:15px}.detail-tabs{gap:0;padding:0 8px}.detail-tabs button{padding-left:8px;padding-right:8px}.hero-actor{left:36%}.enemy-actor{left:69%}footer{padding-left:24px;padding-right:24px}}
@media(max-width:1080px){.dashboard{grid-template-columns:219px minmax(0,1fr)}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.wallet{grid-column:1;grid-row:1;align-self:start}.maps-panel{grid-column:1;grid-row:1; margin-top:100px}.quests-panel{grid-column:2;grid-row:1/3}.idle-note{grid-column:1}.scene{height:450px}.character-name h2{max-width:95px}.battle-dock{gap:17px}.ability strong{font-size:10px}.minimap{width:63px;height:63px}.mode-chip{margin-right:0}.page-heading h1{font-size:22px}.scene-caption{font-size:8px}.skill-actions{gap:10px}}
@media(max-width:760px){.topbar{height:70px}.top-inner{padding:0 16px}.brand strong{font-size:22px}.brand strong span{font-size:15px;letter-spacing:2px}.brand small{font-size:6px;letter-spacing:1.6px}.brand>span:first-child{width:38px}.brand .monster-art{width:38px;height:43px}.brand{gap:6px}.top-meta{gap:2px}.top-button{padding:8px}.button-label{display:none}.mode-chip{display:none}.page-heading{padding:23px 18px 19px}.page-heading h1{font-size:18px;letter-spacing:1px}.eyebrow{font-size:7px;letter-spacing:1.5px}.edition{font-size:7px}.edition b{font-size:21px}.dashboard{padding:0 14px;grid-template-columns:1fr;gap:17px}.center-column{order:0}.left-column{order:1;display:grid;grid-template-columns:1fr 1fr;gap:13px;align-items:start}.right-column{order:2;grid-column:auto;display:grid;grid-template-columns:1fr 1fr;gap:13px}.character-panel{padding:16px 12px}.character-profile{gap:7px}.character-name h2{font-size:14px;max-width:90px}.portrait{width:58px;height:70px}.portrait .hero-art{left:-20px;top:0;width:93px;height:120px}.character-name small{font-size:7px}.stats-heading{margin-top:18px}.stat-row{grid-template-columns:30px 1fr auto 24px;font-size:10px;gap:3px}.stat-code{font-size:10px}.stat-name{font-size:10px}.stats-heading h3{font-size:11px}.stats-heading>span{font-size:8px}.equipment-panel{padding:16px 12px}.equip-row{grid-template-columns:27px 1fr 23px;gap:6px}.equip-icon{width:27px;height:31px}.equip-row .item-label{font-size:9px}.equip-row small{font-size:8px}.refine{width:24px;height:25px;padding:3px}.scene{height:401px}.scene-top{top:17px;left:16px;right:15px}.location-stamp{gap:7px;padding:10px 12px}.location-stamp strong{font-size:16px}.location-stamp small{font-size:7px}.location-stamp span:not(:first-child){font-size:8px}.location-stamp .icon{width:17px;height:17px}.minimap{height:57px;width:57px}.field-status{top:121px;font-size:8px}.hero-actor{left:34%;top:44%}.hero-actor .hero-art{height:126px;width:100px}.enemy-actor{left:68%;top:55%}.scene-caption{bottom:15px;left:16px;right:15px;gap:6px}.scene-caption>span:nth-child(2){max-width:57%;line-height:1.6}.battle-dock{gap:10px;padding:14px 11px 12px}.auto-button{padding:14px 10px;font-size:10px;gap:5px}.auto-button .icon{width:13px;height:13px}.skill-actions{gap:6px}.ability{flex-direction:column;gap:4px;flex:1}.ability>span:nth-child(2){text-align:center}.ability-icon{width:31px;height:31px}.ability strong{font-size:8px}.ability small{font-size:7px;margin-top:2px}.ability-icon .icon{width:16px;height:16px}.experience-section{padding:0 14px 13px}.detail-tabs{justify-content:space-between;padding:0 9px}.detail-tabs button{font-size:10px;padding:14px 5px 12px;gap:4px}.detail-tabs .icon{width:13px;height:13px}.detail-body{padding:14px 13px;max-height:340px}.summary-box{padding:8px}.summary-box small{font-size:8px}.summary-box b{font-size:14px}.log-entry{font-size:9px;gap:7px}.log-time{font-size:8px}.panel-label{font-size:11px;letter-spacing:0;margin-bottom:13px}.map-card{gap:6px;padding:10px 6px}.map-thumb{width:29px;height:34px}.map-text strong{font-size:9px;letter-spacing:0}.map-text small{font-size:7px}.map-check{font-size:7px}.map-check .icon{width:12px;height:12px}.maps-panel{padding:16px 10px 9px;margin-top:97px}.quests-panel{padding:16px 11px 8px}.quest-title{font-size:10px}.quest-title span{font-size:8px}.quest p{font-size:8px}.quest-foot{font-size:8px;gap:3px}.claim-button{padding:3px 5px;font-size:8px}.wallet{padding:17px 12px;gap:9px}.wallet-shop{padding:5px}.wallet strong{font-size:24px}.coin-symbol{width:30px;height:30px;font-size:18px}.wallet small{font-size:7px;letter-spacing:1px}.idle-note{grid-column:1/-1;padding:14px}.idle-note strong{font-size:11px}.idle-note p{font-size:10px;margin-bottom:3px}.boss-entry{font-size:8px;padding:8px 4px}footer{font-size:8px;line-height:1.8;margin-top:22px;padding:17px 18px 24px;gap:7px}footer>span:first-child{width:100%}#save-status{font-size:7px}#toast-stack{top:80px;right:14px}.toast{font-size:10px;padding:11px 13px}.modal-card{padding:28px 22px}.modal-card h2{font-size:22px}.modal-subtitle{font-size:10px}.welcome-points{font-size:8px;gap:11px}.book-grid{gap:7px}.book-item{padding:9px 5px}.skill-card{padding:12px;gap:10px}.skill-card h3{font-size:12px}.skill-card p{font-size:9px}.skill-card .small-button{font-size:8px;padding:5px}.item-grid{gap:7px}.inventory-item{padding:9px}.inventory-item strong{font-size:9px}.inventory-item small{font-size:8px}.small-button{padding:5px 7px}.bag-toolbar{font-size:8px}.micro-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.floating{animation-duration:1s!important}.level-banner.visible{animation-duration:2s!important}}