:root{--pc-ink:#f8eed2;--pc-blue:#243b64;--pc-edge:#bdad77;--pc-light:#7189ab;--pc-font:"SimSun","宋体","Microsoft YaHei",sans-serif}
html,body{width:100%;height:100%;overflow:hidden;background:#0c121c;font-family:var(--pc-font);font-size:12px}
#app{width:100%;height:100%}.pc-host{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse,#25344d,#080d15)}
.pc-client{display:flex;flex-direction:column;flex-shrink:0;position:relative;transform-origin:center;overflow:hidden;border:2px solid #786f50;outline:1px solid #10161e;box-shadow:inset 0 0 0 1px #c4b586,0 15px 80px #000a;background:#12223a;color:var(--pc-ink)}
.pc-client button{font-family:var(--pc-font)}.pc-client button:active{transform:none}.pc-client svg.icon{width:18px;height:18px;stroke-width:1.6}.pc-titlebar{height:25px;min-height:25px;display:flex;align-items:center;gap:7px;padding:0 5px;background:linear-gradient(#687e9d 0,#354e76 30%,#172b4b 83%,#7888a0 84%,#152643 100%);border-bottom:1px solid #b7ad80;color:#f1e7b5;font-size:12px;text-shadow:1px 1px #11213b}.pc-titlebar strong{font-weight:400;letter-spacing:2px}.pc-title-mark{display:grid;place-items:center;color:#d7bc75}.pc-titlebar .pc-title-mark svg{width:16px;height:16px}.pc-server-name{font-size:11px;color:#c8d3dc;opacity:.85}.pc-title-spacer{flex:1}.pc-titlebar button{height:21px;min-width:25px;display:grid;place-items:center;font-size:11px;color:#e7e9d7;border-left:1px solid #8f9bb455;padding:0 6px}.pc-titlebar button:hover{background:#94abc344;filter:none}.pc-titlebar button svg{width:14px;height:14px}
.pc-viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:#e0d7ac}.pc-statusbar{height:15px;min-height:15px;background:linear-gradient(#374e6e,#172a47);border-top:1px solid #8f907e;display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:0 8px;color:#c1c7c8}
.pc-client .scene{position:absolute;inset:0 0 52px;width:100%;height:calc(100% - 52px);min-height:0;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none}
.pc-client .scene-bg{background-position:center;background-size:cover}.pc-client .scene:not(.battle):after{background:linear-gradient(#11233212,transparent 25%,transparent 70%,#152c2426)}
.pc-client .scene-location,.pc-client .scene-controls,.pc-client .mini-compass,.pc-client .coord,.pc-client .scene-tip,.pc-client .scene-bottom{display:none}
.pc-client .npc{min-width:64px;gap:0}.pc-client .npc:active,.pc-client .battle-unit:active{transform:translate(-50%,-100%)}.pc-client .npc-name{color:#ffff44;text-shadow:1px 1px #26321a,-1px -1px #26321a,1px -1px #26321a,-1px 1px #26321a;border:0;background:none;font-size:12px;padding:1px 0;letter-spacing:0}.pc-client .npc-label{display:none}.pc-client .npc .sprite{width:59px;height:79px}.pc-client .npc .quest-bang{font-size:17px;line-height:18px}
.pc-client .player .sprite{width:62px;height:83px;animation:combat-breathe 2.5s ease-in-out infinite}.pc-client .player.walking .sprite{animation:world-stride .22s ease-in-out infinite alternate}.pc-client .player .player-name{font:12px var(--pc-font);color:#70ffbe;text-shadow:1px 1px #152e25,-1px -1px #152e25,1px -1px #152e25,-1px 1px #152e25;white-space:nowrap}.pc-client .player .player-name span{display:none}.pc-client .player .ring{width:34px;height:10px;bottom:3px;border-color:#dbeed680;box-shadow:none;background:none}.pc-client .pet-follower .sprite{width:42px;height:56px}.pc-client .world-target{width:26px;height:12px;border-width:1px}.pc-client .world-target:before,.pc-client .world-target:after{display:none}.pc-client .world-target span{inset:3px 9px}
.pc-location{position:absolute;top:7px;left:7px;z-index:16;width:189px;height:57px;display:flex;align-items:center;gap:7px;padding:4px 7px;background:linear-gradient(135deg,#74819c,#263c60 18%,#172d48 80%,#6b7d94);border:1px solid #d3c18a;outline:1px solid #17263e;box-shadow:inset 0 0 0 2px #526783,2px 3px 3px #101b2533;color:#fff0aa}
.pc-time{border:1px solid #c9b174;background:radial-gradient(circle,#ffd181,#87633c);width:42px;height:42px;position:relative;border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 0 2px #ead596,inset 0 0 10px #644a22;flex-shrink:0;color:#5d4026}.pc-time svg{margin:auto;width:17px;height:17px}.pc-time span{font-size:9px;margin-top:1px;color:#ffffcd;text-shadow:1px 1px #664b20}.pc-location>div{flex:1;min-width:0}.pc-place{display:flex;align-items:center;gap:3px;color:#fff3b7;white-space:nowrap;font-size:13px;letter-spacing:1px;padding:0}.pc-place svg.icon{width:10px;height:10px}.pc-coordinates{display:block;margin-top:5px;color:#e7f8e8;font-size:11px}.pc-map-button{padding:0;width:24px;height:29px;color:#e0d1a5;background:linear-gradient(#8994a3,#263f60);border:1px solid #bcae83;box-shadow:inset 0 0 0 1px #182c49;display:grid;place-items:center}.pc-map-button svg{width:17px;height:17px}
.pc-status{position:absolute;right:7px;top:7px;z-index:16;width:285px;min-height:84px;border:1px solid #c3b47e;outline:1px solid #223453;box-shadow:inset 0 0 0 2px #586b85,1px 2px 4px #18212d55;display:grid;grid-template-columns:48px 160px 44px;gap:5px;padding:5px 7px;background:linear-gradient(135deg,#6d7d93,#233b5d 20%,#182d47 80%,#62758d)}
.pc-head{position:relative;width:45px;height:52px;overflow:hidden;border:2px solid #b1b698;background:radial-gradient(ellipse,#b7c8b9,#546b78);box-shadow:0 0 0 1px #152b4b,inset 0 0 9px #354e5e;flex-shrink:0;padding:0}.pc-head .sprite{position:absolute;width:58px;height:78px;left:-8px;top:0;filter:none}.pc-head b{position:absolute;right:0;bottom:0;min-width:18px;background:#20384bd9;color:#fceca7;font-size:10px;font-weight:400;border-left:1px solid #b6ac7b;border-top:1px solid #b6ac7b;line-height:13px}.pc-head.pet-head{width:40px;height:42px}.pc-head.pet-head .sprite{width:44px;height:59px;left:-4px;top:-1px}.pc-vitals{display:grid;gap:2px}.pc-role-name{font-size:10px;color:#e5e6ce;line-height:11px;text-shadow:1px 1px #172e4b}.pc-meter{position:relative;height:11px;background:#101b2f;border:1px solid #96a3a4;box-shadow:0 0 0 1px #101c33;overflow:hidden}.pc-meter i{display:block;height:100%;transition:width .2s;background:linear-gradient(#ffb3a4 0,#e64b40 23%,#aa2925 70%,#da6759)}.pc-meter span{position:absolute;inset:0;text-align:center;font:9px Arial,var(--pc-font);line-height:9px;color:white;text-shadow:1px 1px #5c1514}.pc-meter.mp i{background:linear-gradient(#b8d5ff,#4885e4 35%,#254f9e 75%,#81a6d5)}.pc-meter.mp span{text-shadow:1px 1px #0e2546}.pc-meter.xp{height:8px}.pc-meter.xp i{background:linear-gradient(#ffffc1,#d4b550,#a48a31)}.pc-meter.xp span{font-size:7px;line-height:6px;color:#fff2c9;text-shadow:1px 1px #6d5d20}.pc-pet-vitals{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:-2px;font-size:10px;color:#e7ebd9;line-height:10px}.pc-pet-vitals .bar{width:108px;height:7px;border:1px solid #a0aab0;background:#162739;border-radius:0}.pc-pet-vitals .bar i{background:linear-gradient(#ffb4a4,#bd3c35);border-radius:0}.pc-pet-vitals small{font-size:9px}
.pc-party{position:absolute;left:8px;top:78px;display:grid;gap:5px;z-index:15}.pc-party>button{display:flex;align-items:center;gap:6px;font-size:10px;color:#baffb0;padding:0;text-shadow:1px 1px #18282e}.pc-party-face{display:block;position:relative;width:31px;height:35px;background:#29445caa;border:1px solid #a8b09b;overflow:hidden}.pc-party-face .sprite{position:absolute;width:36px;height:48px;top:0;left:-3px}
.pc-tracker{position:absolute;top:139px;right:9px;z-index:15;width:196px;color:#e8f7cd;text-shadow:1px 1px #172b24;font-size:12px;border:1px solid #78908866;background:linear-gradient(90deg,#253c3e7a,#17373733);box-shadow:inset 0 0 0 1px #15293255}.pc-window-cap{display:flex;align-items:center;justify-content:space-between;padding:3px 7px;background:linear-gradient(#7b8d9c,#354d69 25%,#203955 85%,#6b7c8d);border-bottom:1px solid #b3b09388;line-height:18px;color:#f2e8b6;letter-spacing:1px;text-shadow:1px 1px #21314a}.pc-window-cap button{font-size:15px;line-height:15px;padding:0 2px;color:#e9e2bb}.pc-track-tab{font-size:11px;color:#fff1a3;border-bottom:1px solid #c3ce8a66;width:100%;padding:5px;background:#2b4c4d55;text-align:left}.pc-track-body{padding:9px 9px 8px;line-height:1.6}.pc-track-body b{color:#a6ff73;font-weight:400;font-size:12px}.pc-track-body p{margin-top:3px;margin-bottom:3px;color:#fff6cc}.pc-track-body hr{border:0;border-top:1px solid #c2ceae33;margin:9px 0}.pc-track-link{display:block;color:#fff86e;text-decoration:underline;text-decoration-color:#dfcf7080;font-size:11px;padding:1px 0;line-height:1.8;text-align:left}.pc-track-link:hover{color:#fff}
.pc-chat{position:absolute;left:5px;bottom:55px;width:422px;z-index:16;color:#ffffa5;font-size:12px;text-shadow:1px 1px #1a2a21;pointer-events:auto}.pc-chat-tabs{height:22px;display:flex;align-items:stretch;gap:1px;padding:0 3px;background:linear-gradient(#6a7b8f,#2b4563 30%,#20394e 85%,#79878f);border:1px solid #b1ae8b}.pc-chat-tabs button{padding:0 12px;min-width:44px;color:#dbe3df;font-size:11px;text-shadow:1px 1px #1b2c4a}.pc-chat-tabs button.active{background:linear-gradient(#d0c08e,#a58e54 50%,#786536);color:#fffbd7;border-left:1px solid #d7c48c;border-right:1px solid #84734b}.pc-chat-tabs>span{flex:1}.pc-chat-tabs button:last-child{min-width:20px;padding:0 5px}.pc-chat-lines{height:100px;padding:5px 7px;background:linear-gradient(90deg,#1a273dc9,#182d3799);border-left:1px solid #66777388;border-right:1px solid #66777388;overflow-y:auto;line-height:17px;scrollbar-width:thin;scrollbar-color:#9c9a7a #263d4a}.pc-chat-lines p{white-space:normal;overflow-wrap:anywhere;font-size:11px}.pc-chat-lines b{font-weight:400;color:#90f7e2}.pc-chat-lines .channel-local{color:#fff}.pc-chat.collapsed .pc-chat-lines{display:none}.pc-chat-input{height:24px;display:flex;align-items:center;border:1px solid #b2b08d;background:linear-gradient(#405e7a,#233e57);padding:2px;gap:4px;color:#e8dba1}.pc-chat-input>span{font-size:11px;border-right:1px solid #8da09e;padding:1px 6px}.pc-chat-input input{min-width:0;flex:1;background:#172e46;border:1px solid #7c929c;height:18px;padding:0 4px;font:11px var(--pc-font);color:#fff;outline-offset:0}.pc-chat-input input::placeholder{color:#97a9af}.pc-chat-input button{font-size:11px;color:#ffffc5;border:1px solid #c4b786;box-shadow:inset 0 0 0 1px #4a5666;background:linear-gradient(#8192a2,#395271);height:18px;min-width:34px;padding:0 4px}
.pc-hotbar{position:absolute;left:0;right:0;bottom:0;height:52px;padding:5px 7px;z-index:40;display:flex;align-items:center;gap:12px;border-top:2px solid #ada47c;box-shadow:inset 0 2px #879ab0,inset 0 -2px #142943;background:linear-gradient(#4d6687 0,#253e63 20%,#1a3153 76%,#405c7e)}.pc-shortcuts{display:flex;gap:4px}.pc-shortcut{position:relative;width:37px;height:37px;display:grid;place-items:center;padding:3px;border:1px solid #c9b98a;background:linear-gradient(135deg,#8d9db2,#24415f 25%,#10273c 70%,#718896);box-shadow:inset 0 0 0 1px #162b49,0 0 0 1px #091e37}.pc-shortcut span{width:29px;height:29px;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 20%,#b8ded2,#588a82 40%,#274862);color:#e9f5bd;border:1px solid #b8c0a266}.pc-shortcut:nth-child(2) span{background:radial-gradient(ellipse,#e3b179,#8f5849 50%,#433c58);color:#fff2bd}.pc-shortcut:nth-child(3) span{background:radial-gradient(ellipse,#e2e7ac,#7f9e6b 50%,#305868)}.pc-shortcut:nth-child(4) span{background:radial-gradient(ellipse,#afc1ed,#6765a1 50%,#30365f)}.pc-shortcut small{position:absolute;right:1px;bottom:0;font:9px Arial;color:#fff5af;text-shadow:1px 1px #121e24}.pc-shortcut.unlearned span{filter:grayscale(1);opacity:.5}.pc-shortcut svg.icon{width:24px;height:24px;filter:drop-shadow(1px 2px 1px #24312e)}.pc-money{display:grid;gap:4px;color:#fff4b4;font-size:11px;min-width:83px}.pc-money span{display:flex;gap:4px;align-items:center}.pc-money svg.icon{height:12px;width:12px;color:#e3c86f}.pc-tools{margin-left:auto;display:flex;gap:7px;align-items:center}.pc-tool{position:relative;display:grid;justify-items:center;align-content:center;width:37px;height:39px;padding:2px;color:#e3d29d;font-size:10px;background:linear-gradient(135deg,#8396a5,#2c4d66 30%,#14304f 70%,#66829a);border:1px solid #b4b69d;box-shadow:inset 0 0 0 1px #15324c}.pc-tool small{font:9px var(--pc-font);position:absolute;bottom:0;left:0;right:0;background:#182e49b3;line-height:12px;color:#e9dfbe;text-shadow:1px 1px #193049;white-space:nowrap}.pc-tool svg.icon{width:23px;height:23px;margin-top:-5px;filter:drop-shadow(1px 1px #1a2f45)}.pc-tool.tool-bag{color:#e6bd87}.pc-tool.tool-pet{color:#b7d0ae}.pc-tool.tool-scroll{color:#efdfaa}.pc-tool.tool-lotus{color:#d8b6dc}.pc-tool:hover,.pc-shortcut:hover{filter:brightness(1.2)}
.pc-round{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:115px;text-align:center;z-index:16;color:#fff3a3;text-shadow:1px 2px #364a36;font-size:13px;letter-spacing:2px}.pc-round b{font:bold 34px Georgia,serif;padding:0 5px;color:#ffeb7a}.pc-round small{display:block;width:47px;height:23px;line-height:21px;border:1px solid #d5b268;background:linear-gradient(#e5d7b8,#b19264 40%,#80704f);color:#fffbe0;font:bold 18px Georgia,serif;text-shadow:1px 1px #746036;margin:2px auto 0;letter-spacing:0;border-radius:9px 9px 5px 5px}
.pc-battle-controls{position:absolute;left:7px;top:76px;display:flex;gap:5px;z-index:16}.pc-battle-controls button{font-size:11px;color:#fff3b9;border:1px solid #aaa781;padding:4px 7px;background:linear-gradient(#5b7893,#294762 35%,#183751 85%,#516a7a);box-shadow:inset 0 0 0 1px #162d46}
.pc-command-panel{position:absolute;right:15px;bottom:75px;z-index:23;width:96px;border:1px solid #dbbb79;outline:1px solid #263545;background:linear-gradient(90deg,#243e5bde,#3b5674e8);box-shadow:inset 0 0 0 2px #71889988;padding:4px 6px 6px;color:#fff1b4;text-align:center}.pc-command-title{font-size:12px;border-bottom:1px solid #b4b58e;padding:3px 0 5px;letter-spacing:1px;color:#ffffc1}.pc-command-panel>small{display:block;font-size:9px;color:#d1dfcf;padding:4px 0}.pc-command{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:29px;margin:3px 0 0;background:linear-gradient(#edd99d,#b99c5e 12%,#967643 60%,#6e5738 90%,#bd9b5c);border:1px solid #f2d99d;box-shadow:inset 0 0 0 1px #725d3c,0 1px #112a40;color:#fff6cf;text-shadow:1px 1px #614428;letter-spacing:3px;font-size:13px;padding:0 3px}.pc-command svg.icon{width:13px;height:13px;color:#fff2bd}.pc-command:disabled{opacity:.4;filter:grayscale(.4)}.pc-command:hover:enabled{filter:brightness(1.15)}
.pc-orders{position:absolute;right:122px;bottom:76px;z-index:20;width:180px;background:#18334ebd;border:1px solid #8c9b9c77;color:#d8e9df;padding:6px 7px;font-size:10px;display:grid;gap:4px;line-height:15px}.pc-orders button{position:absolute;right:4px;top:5px;color:#fff0a3;border:1px solid #b7af7e;padding:0 5px;font-size:10px;background:#405b70}.pc-orders span{padding-right:32px}.pc-client .battle-header,.pc-client .battle-round,.pc-client .battle-actions{display:none}.pc-client .battle-unit .sprite{width:65px;height:87px}.pc-client .battle-unit .monster{width:72px!important;height:86px!important}.pc-client .battle-unit{min-width:72px;gap:1px}.pc-client .unit-name{font-size:12px;background:none;border-radius:0;color:#77f1a7;text-shadow:1px 1px #163627,-1px -1px #163627;padding:0;white-space:nowrap}.pc-client .battle-unit.enemy .unit-name{color:#ffe776}.pc-client .battle-unit .bar{width:49px;height:4px;border-radius:0;background:#302c2833;border:0;opacity:.8}.pc-client .battle-unit .bar i{background:#ef7665;border-radius:0}.pc-client .battle-unit .bar.mp{display:none}.pc-client .battle-unit.enemy .sprite{transform:none}.pc-client .battle-unit:not(.enemy) .sprite{transform:scaleX(-1)}.pc-client .battle-unit.targeted:before{width:46px;height:15px;bottom:0;border:1px solid #ffef92;background:transparent;box-shadow:0 0 7px #fff19166}.pc-client .battle-unit.active-turn:after{width:48px;height:15px;bottom:0}.pc-client .battle .target-hint{bottom:17px;left:50%;max-width:65%;font-size:12px;line-height:18px;white-space:normal;text-align:center;background:#18383fa6;border-color:#c2d4a955;border-radius:2px;padding:3px 12px;letter-spacing:0}.pc-client .action-banner{top:100px;font:14px var(--pc-font);letter-spacing:2px;padding:6px 20px;border-radius:2px;background:#193f4cb0;color:#fff1ac}.pc-client .battle-fx{z-index:26}.pc-client .fx-slash{width:90px;height:90px}.pc-client .battle .damage-pop{font:bold 30px Arial,var(--pc-font);color:#fff1a5;text-shadow:2px 2px #543524,-1px -1px #543524;top:23%}.pc-client .battle .damage-pop.heal{color:#a5ff99}
.pc-client .scene[data-targeting="enemy"]{cursor:crosshair}.pc-client .scene[data-targeting="ally"]{cursor:help}
.pc-speech{position:absolute;z-index:15;max-width:180px;padding:7px 10px;border:1px solid #62563c;box-shadow:0 1px 3px #24302c55;background:#fff3cf;color:#342b1c;border-radius:5px;font-size:12px;line-height:1.5;transform:translate(-50%,-100%);pointer-events:none;text-shadow:none;overflow-wrap:anywhere}.pc-speech:after{content:'';position:absolute;bottom:-7px;left:45%;border-top:7px solid #fff3cf;border-left:6px solid transparent;border-right:6px solid transparent}
/* Floating client windows use the same steel-blue chrome as the in-game HUD. */
.modal-backdrop{background:transparent;backdrop-filter:none;pointer-events:none;padding:24px;z-index:70}.modal{pointer-events:auto;background:#e8ddbc;color:#263d42;border:2px solid #8b8d73;outline:1px solid #182c44;border-radius:0;box-shadow:inset 0 0 0 2px #bdba95,3px 5px 12px #081b2d88;width:min(760px,calc(100vw - 40px));max-height:calc(100dvh - 80px)}.modal.narrow{max-width:530px}.modal-head{padding:4px 7px 4px 11px;min-height:30px;border-bottom:2px solid #b7b28a;background:linear-gradient(#718aa6,#3a567d 25%,#203d63 80%,#8b9caf);color:#fff0b5;cursor:move;user-select:none}.modal-head h2{font:14px var(--pc-font);font-weight:400;letter-spacing:2px;text-shadow:1px 1px #26324a;line-height:19px}.modal-head p{display:none}.modal-close{width:21px;height:20px;border:1px solid #ead7a3;background:linear-gradient(135deg,#aa6d54,#7a352e);color:#fff0cd;border-radius:0;box-shadow:inset 0 0 0 1px #642b27}.modal-close svg.icon{width:14px;height:14px}.modal-body{padding:15px;scrollbar-width:thin;scrollbar-color:#8e9176 #d5cfad;font-size:12px}.modal-foot{padding:6px 10px;background:#c5c7ad;border-top:1px solid #8e9c91;min-height:31px;font-size:11px;color:#456165}.modal .serif{font-family:var(--pc-font)}.modal h3{font-size:15px;letter-spacing:1px}.modal .card,.modal .achievement,.modal .equipment-slot{background:#dcd8b7;border-color:#a3ad94;border-radius:0;padding:12px}.modal .card p,.modal .item-info p,.modal .dialogue-text p{color:#576a58;font-size:12px;line-height:1.8}.modal .card-art{background:radial-gradient(ellipse,#b1b79c88,transparent 70%)}.modal .item-line{border-bottom-color:#aeb69d}.modal .item-icon{border-radius:0;border-color:#969f87;background:linear-gradient(135deg,#f1e6b5,#c0b47e);color:#816143}.modal .btn,.modal .tab{padding:6px 13px;border-radius:0;border:1px solid #747e6d;background:linear-gradient(#8a9fa5,#4f7685 30%,#31566c 80%,#7c959b);box-shadow:inset 0 0 0 1px #b0b9a4;color:#fff1c3;text-shadow:1px 1px #29404e;font-size:12px;min-height:27px}.modal .btn.secondary,.modal .tab{background:linear-gradient(#e1d2a6,#b3a173 60%,#96885f);color:#364943;text-shadow:none}.modal .tab.active{background:linear-gradient(#72929c,#32536a);color:#fff4bc}.modal .btn.danger{background:linear-gradient(#bb8971,#8c4f3c);color:#fff1ce}.modal .notice{border-radius:0;border-color:#a8b19a;background:#cdd1af;color:#4c6557;font-size:11px}.modal .input{border-radius:0;background:#f7efcc;border-color:#8c9f8d;font-size:12px;padding:6px 8px}.modal .tag{border-radius:0;border-color:#98a78a;color:#6f6740;font-size:10px}.modal .text-btn{color:#355c65;font-size:11px}.modal .dialogue .sprite{width:90px;height:120px}.modal .dialogue-name{font-size:17px}.modal .dialogue{min-height:130px;gap:20px}.modal .stats{gap:8px}.modal .stat{padding:6px 0;border-bottom-color:#b0b79c;font-size:12px}.modal .stat span,.modal .muted{color:#71806a}.modal .welcome-art{height:100px;border-radius:0}.modal .class-option{border-radius:0;border-color:#9cab93;background:#dddab8}.modal .class-option.active{background:#bcc9aa;border-color:#597962}.modal .intro-note{font-size:10px;border-top-color:#b0b89e}.modal .result-banner h2{font-size:30px;color:#a57835}.modal .loot-item{background:#d3d2af;border-radius:0;border-color:#a5ad91;padding:10px 16px}.modal .loot-item strong{font-size:21px;color:#9a6c2d}.modal .loot-item span{color:#66735e}.modal .chapter-item{border-bottom-color:#aeb69d}.modal .chapter-num{border-color:#9aa58b;border-radius:0}.modal .chapter-item.current .chapter-num{background:#3b6874;color:#fff3b4}.modal .chapter-item p{color:#6a7b63}.modal .tabs{gap:3px;margin-bottom:13px}
.pc-inventory{display:grid;grid-template-columns:190px 1fr;gap:14px}.pc-inventory-paper{border:1px solid #879987;background:radial-gradient(ellipse,#d5d7b1,#b8c5a4);display:grid;place-items:center;min-height:255px;position:relative}.pc-inventory-paper>.sprite{width:118px;height:158px}.pc-equipment-mini{display:flex;gap:5px;position:absolute;bottom:10px}.pc-equipment-mini button{width:39px;height:39px;display:grid;place-items:center;border:1px solid #9fa27f;background:linear-gradient(135deg,#e8dba3,#a79763);color:#6a6143;position:relative}.pc-equipment-mini button small{position:absolute;bottom:0;right:1px;font-size:9px;color:#fff2b5}.pc-item-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;border:2px solid #8d9e87;background:#8d9e87}.pc-item-slot{aspect-ratio:1;min-height:43px;background:#bed0b3;border:1px solid #dae0b9;position:relative;display:grid;place-items:center;box-shadow:inset 0 0 5px #708d6433;padding:3px;color:#836d38}.pc-item-slot.selected{outline:2px solid #ede582;outline-offset:-2px;background:#d7dcab}.pc-item-slot svg.icon{width:28px;height:28px;filter:drop-shadow(1px 2px 1px #6c875577)}.pc-item-slot small{position:absolute;bottom:1px;right:2px;color:#fff;font:11px Arial;text-shadow:1px 1px #34503b}.pc-item-slot span{font-size:8px;color:#4b6047;position:absolute;left:2px;top:1px}.pc-item-detail{background:#e6e1bc;border:1px solid #9aab8e;padding:9px;min-height:78px;margin-top:8px;font-size:12px;color:#65745c;line-height:1.6}.pc-item-detail b{display:block;color:#4a644c;margin-bottom:4px}.pc-item-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}.pc-map-canvas{position:relative;height:330px;border:2px solid #899b83;background:linear-gradient(#24483c33,#24483c66),url('./assets/changan.webp') center/cover;overflow:hidden}.pc-map-canvas.forest{background-image:linear-gradient(#24483c33,#24483c66),url('./assets/grove.webp')}.pc-map-pin{position:absolute;transform:translate(-50%,-50%);padding:4px 6px;background:#244d52d4;border:1px solid #d2d6a5;color:#fff6a8;font-size:11px;white-space:nowrap}.pc-map-you{position:absolute;width:9px;height:9px;transform:translate(-50%,-50%);border:2px solid #fff;background:#d9e34d;border-radius:50%;box-shadow:0 0 0 4px #fff7;pointer-events:none}.pc-map-cross{position:absolute;width:13px;height:13px;border:1px solid #ebf39d;transform:translate(-50%,-50%) rotate(45deg);background:#adc166aa;pointer-events:none}
#toasts{top:40px}.toast{background:#223e58ee;border:1px solid #c4bd83;box-shadow:2px 3px 6px #14273866;color:#fff1ac;border-radius:0;font:12px var(--pc-font);padding:8px 15px}

.pc-map-pin:active{transform:translate(-50%,-50%)}

.modal.inventory-window{width:540px;max-width:calc(100vw - 24px)}.inventory-window .pc-inventory{grid-template-columns:154px 1fr;gap:10px}.inventory-window .pc-item-slot{min-height:40px}