.auth-shell{min-height:100vh;min-height:100dvh;background:#0d0f14;color:#e8e6df;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.auth-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.auth-bg-emoji{position:absolute;font-size:32px;opacity:.04;animation:authFloat 10s ease-in-out infinite;bottom:-10%}@keyframes authFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-100vh) rotate(20deg)}}.auth-card{position:relative;z-index:1;width:100%;max-width:400px;background:#13161d;border:.5px solid #2a2d34;border-radius:16px;padding:40px 36px;display:flex;flex-direction:column;align-items:center;gap:0}.auth-logo{font-size:48px;margin-bottom:8px}.auth-title{font-size:26px;font-weight:600;margin:0 0 6px;background:linear-gradient(135deg,#c9a84c,#e8d5a3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{font-size:13px;color:#666;margin:0 0 28px;text-align:center}.auth-tabs{display:flex;width:100%;background:#0d0f14;border:.5px solid #2a2d34;border-radius:8px;overflow:hidden;margin-bottom:20px}.auth-tab{flex:1;padding:10px;background:transparent;border:none;color:#666;font-size:13px;cursor:pointer;transition:background .15s,color .15s}.auth-tab.active{background:#1e2030;color:#e8e6df}.auth-tab:hover:not(.active){color:#aaa}.auth-form{width:100%;display:flex;flex-direction:column;gap:10px}.auth-input{width:100%;padding:12px 14px;background:#0d0f14;border:.5px solid #2a2d34;border-radius:8px;color:#e8e6df;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .15s}.auth-input:focus{border-color:#534ab7}.auth-error{font-size:12px;color:#e05252;background:#e0525214;border:.5px solid rgba(224,82,82,.3);border-radius:6px;padding:8px 12px}.auth-btn{width:100%;padding:12px;background:#534ab7;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s;margin-top:4px}.auth-btn:hover:not(:disabled){background:#6358cf}.auth-btn:disabled{opacity:.4;cursor:not-allowed}.auth-note{font-size:11px;color:#444;margin:20px 0 0;text-align:center}.cc-shell{min-height:100vh;min-height:100dvh;background:#0d0f14;color:#e8e6df;display:flex;flex-direction:column;align-items:center;padding:32px 16px;position:relative;overflow:hidden}.cc-bg-art{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.cc-bg-emoji{position:absolute;font-size:32px;opacity:.04;animation:ccFloat 8s ease-in-out infinite;bottom:-10%}@keyframes ccFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-100vh) rotate(20deg)}}.cc-header{text-align:center;margin-bottom:24px;position:relative;z-index:1}.cc-title{font-size:36px;font-weight:600;margin:0 0 8px;background:linear-gradient(135deg,#c9a84c,#e8d5a3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cc-subtitle{font-size:14px;color:#8a8880;margin:0}.cc-steps{display:flex;gap:8px;margin-bottom:32px;position:relative;z-index:1}.cc-step{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:#1a1d24;border:.5px solid #2a2d34}.cc-step.active{background:#1e2030;border-color:#534ab7}.cc-step.done{background:#1a2020;border-color:#1d9e75}.cc-step-dot{width:22px;height:22px;border-radius:50%;background:#2a2d34;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#888;flex-shrink:0}.cc-step.active .cc-step-dot{background:#534ab7;color:#fff}.cc-step.done .cc-step-dot{background:#1d9e75;color:#fff}.cc-step-label{font-size:11px;color:#666}.cc-step.active .cc-step-label{color:#aaa}.cc-step.done .cc-step-label{color:#1d9e75}.cc-content{width:100%;max-width:800px;position:relative;z-index:1}.cc-panel{background:#13161d;border:.5px solid #2a2d34;border-radius:12px;padding:32px}.cc-panel-title{font-size:20px;font-weight:500;margin:0 0 12px;color:#e8e6df}.cc-desc{font-size:13px;color:#888;line-height:1.6;margin:0 0 20px}.cc-desc a{color:#534ab7}.cc-hint{font-size:12px;color:#666;margin:12px 0 0}.cc-input{width:100%;padding:12px 16px;background:#0d0f14;border:.5px solid #2a2d34;border-radius:8px;color:#e8e6df;font-size:14px;outline:none;margin-bottom:4px;box-sizing:border-box}.cc-input:focus{border-color:#534ab7}.cc-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.cc-btn-primary{padding:10px 24px;background:#534ab7;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.cc-btn-primary:hover{background:#6358cf}.cc-btn-primary:disabled{opacity:.4;cursor:not-allowed}.cc-btn-secondary{padding:10px 20px;background:transparent;border:.5px solid #2a2d34;border-radius:8px;color:#888;font-size:14px;cursor:pointer}.cc-btn-secondary:hover{border-color:#444;color:#ccc}.cc-btn-start{padding:12px 32px;background:linear-gradient(135deg,#c9a84c,#e8a030);border:none;border-radius:8px;color:#1a1400;font-size:15px;font-weight:600;cursor:pointer}.cc-btn-start:hover{filter:brightness(1.1)}.cc-gender-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px}.cc-gender-card{background:#0d0f14;border:1.5px solid #2a2d34;border-radius:12px;padding:32px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;transition:border-color .15s}.cc-gender-card.selected{border-color:#534ab7;background:#1a1830}.cc-gender-card:hover{border-color:#444}.cc-gender-icon{font-size:48px}.cc-gender-name{font-size:16px;font-weight:500;color:#ccc}.cc-class-layout{display:grid;grid-template-columns:240px 1fr;gap:20px}.cc-class-list{background:#13161d;border:.5px solid #2a2d34;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:6px}.cc-class-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0d0f14;border:.5px solid #2a2d34;border-radius:8px;cursor:pointer;text-align:left;transition:border-color .15s}.cc-class-row.selected{border-color:#534ab7;background:#1a1830}.cc-class-row:hover{border-color:#444}.cc-class-icon{font-size:22px;width:30px;text-align:center}.cc-class-row-name{font-size:13px;font-weight:500;color:#ddd}.cc-class-row-play{font-size:11px;color:#666;margin-top:1px}.cc-class-detail{background:#13161d;border:.5px solid #2a2d34;border-radius:12px;padding:24px}.cc-class-detail-icon{font-size:48px;text-align:center;margin-bottom:8px}.cc-class-detail-name{font-size:20px;font-weight:500;text-align:center;margin:0 0 12px}.cc-class-detail-desc{font-size:13px;color:#888;line-height:1.6;margin:0 0 20px}.cc-stats-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.cc-stat-row{display:flex;align-items:center;gap:8px}.cc-stat-label{font-size:11px;color:#888;width:80px}.cc-stat-bar-bg{flex:1;height:5px;background:#1a1d24;border-radius:3px;overflow:hidden}.cc-stat-bar-fill{height:100%;background:linear-gradient(90deg,#534ab7,#7f77dd);border-radius:3px;transition:width .3s}.cc-stat-val{font-size:12px;font-weight:500;color:#ccc;width:24px;text-align:right}.cc-abilities{margin-top:8px}.cc-abilities-title{font-size:11px;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.cc-ability-tag{display:inline-block;padding:3px 8px;background:#1a1d24;border:.5px solid #2a2d34;border-radius:4px;font-size:11px;color:#aaa;margin:3px 3px 0 0}.cc-summary{text-align:center;padding:24px;background:#0d0f14;border-radius:10px;margin-bottom:4px}.cc-summary-icon{font-size:56px;margin-bottom:8px}.cc-summary-name{font-size:24px;font-weight:600;color:#e8d5a3;margin-bottom:4px}.cc-summary-class{font-size:13px;color:#888;margin-bottom:20px}.cc-summary-stats{display:flex;justify-content:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.cc-summary-stat{background:#1a1d24;border-radius:8px;padding:10px 14px;min-width:52px}.cc-summary-stat-val{font-size:20px;font-weight:600;color:#534ab7}.cc-summary-stat-name{font-size:10px;color:#666;margin-top:2px}.cc-summary-items-title{font-size:11px;color:#666;margin-bottom:8px}.cc-items-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.cc-item-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#1a1d24;border:.5px solid #2a2d34;border-radius:6px;font-size:12px;color:#aaa}@media (max-width: 768px){.cc-shell{min-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(20px + env(safe-area-inset-top)) 12px calc(32px + env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.cc-title{font-size:24px}.cc-subtitle{font-size:12px}.cc-header{margin-bottom:16px}.cc-steps{gap:4px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.cc-step{padding:4px 8px;gap:4px}.cc-step-label{display:none}.cc-step.active .cc-step-label{display:inline;font-size:10px}.cc-panel{padding:20px 16px}.cc-panel-title{font-size:17px}.cc-input{font-size:16px;padding:10px 12px}.cc-gender-card{padding:20px 12px}.cc-gender-icon{font-size:36px}.cc-class-layout{display:flex;flex-direction:column;gap:12px}.cc-class-list{padding:14px;gap:4px}.cc-class-detail{padding:16px}.cc-class-detail-icon{font-size:36px}.cc-class-detail-name{font-size:16px}.cc-actions{flex-direction:column-reverse;gap:8px;margin-top:16px}.cc-btn-primary,.cc-btn-secondary,.cc-btn-start{width:100%;text-align:center;padding:12px}.cc-summary{padding:16px 12px}.cc-summary-icon{font-size:40px}.cc-summary-name{font-size:20px}.cc-summary-stats{gap:8px}.cc-summary-stat{padding:8px 10px;min-width:44px}.cc-summary-stat-val{font-size:16px}}.cp-panel{background:#13161d;display:flex;flex-direction:column;overflow:hidden;height:100%}.cp-header{font-size:10px;font-weight:500;color:#555;text-transform:uppercase;letter-spacing:.08em;padding:10px 12px 6px;border-bottom:.5px solid #1e2128}.cp-portrait-area{display:flex;flex-direction:column;align-items:center;padding:12px 12px 10px;border-bottom:.5px solid #1e2128}.cp-portrait{width:56px;height:56px;border-radius:50%;background:#1a1d24;display:flex;align-items:center;justify-content:center;font-size:26px;border:1.5px solid #2a2d34;margin-bottom:6px}.cp-name{font-size:13px;font-weight:500;color:#e8e6df}.cp-class{font-size:11px;color:#666;margin-top:2px}.cp-bars{padding:10px 12px;display:flex;flex-direction:column;gap:6px;border-bottom:.5px solid #1e2128}.cp-bar-row{display:flex;align-items:center;gap:6px}.cp-bar-label{font-size:10px;font-weight:500;width:30px;flex-shrink:0}.cp-bar-bg{flex:1;height:5px;background:#1a1d24;border-radius:3px;overflow:hidden}.cp-bar-fill{height:100%;border-radius:3px;transition:width .4s}.cp-bar-val{font-size:10px;color:#888;min-width:44px;text-align:right}.cp-section-label{font-size:9px;font-weight:500;color:#444;text-transform:uppercase;letter-spacing:.08em;padding:8px 12px 4px}.cp-stats{padding:0 12px 8px;display:flex;flex-direction:column;gap:5px}.cp-stat-row{display:flex;align-items:center;gap:6px}.cp-stat-name{font-size:10px;width:54px;flex-shrink:0}.cp-stat-bar-bg{flex:1;height:4px;background:#1a1d24;border-radius:2px;overflow:hidden}.cp-stat-bar-fill{height:100%;border-radius:2px;opacity:.7;transition:width .3s}.cp-stat-val{font-size:11px;font-weight:500;color:#ccc;min-width:28px;text-align:right;position:relative}.cp-bonus{color:#1d9e75;font-size:9px;margin-left:2px}.cp-combat-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 12px 8px}.cp-cs{background:#0d0f14;border-radius:6px;padding:6px 8px;display:flex;flex-direction:column;align-items:center;gap:1px}.cp-cs-icon{font-size:14px}.cp-cs-val{font-size:13px;font-weight:500;color:#ddd}.cp-cs-label{font-size:9px;color:#555}.cp-xp-area{padding:8px 12px;border-top:.5px solid #1e2128;margin-top:auto}.cp-xp-row{display:flex;justify-content:space-between;font-size:10px;color:#555;margin-bottom:4px}.cp-xp-nums{color:#888}.cp-xp-bg{height:5px;background:#1a1d24;border-radius:3px;overflow:hidden}.cp-xp-fill{height:100%;background:#534ab7;border-radius:3px;transition:width .4s}.cp-status-row{display:flex;gap:8px;padding:6px 12px 8px;border-top:.5px solid #1e2128}.cp-status-item{font-size:11px;color:#666}.cp-alert{margin:4px 12px 8px;padding:6px 10px;background:#1a1830;border:.5px solid #534AB7;border-radius:6px;font-size:11px;color:#7f77dd;text-align:center}.np-panel{display:flex;flex-direction:column;height:100%;background:#0d0f14;overflow:hidden}.np-scroll{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.np-scroll::-webkit-scrollbar{width:4px}.np-scroll::-webkit-scrollbar-track{background:transparent}.np-scroll::-webkit-scrollbar-thumb{background:#2a2d34;border-radius:2px}.np-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#444;gap:12px;font-size:13px}.np-empty-icon{font-size:40px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.np-msg{padding:12px 14px;border-radius:8px;border-left:3px solid #444;animation:fadeIn .3s ease}.np-npc-name{font-size:10px;font-weight:500;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.np-msg-text{font-size:13px;line-height:1.7;color:#ccc}.np-msg-text.combat{color:#d4a84c}.np-msg-text.system{color:#888;font-size:12px}.np-msg-text.item{color:#d4537e;font-size:12px}.np-msg-text.levelup{color:#ef9f27;font-weight:500;font-size:14px}.np-player-msg{font-size:12px;color:#555;font-style:italic;padding:4px 14px}.np-loading{display:flex;align-items:center;padding:8px 14px}.np-loading-dot{width:6px;height:6px;border-radius:50%;background:#534ab7;margin:0 2px;animation:dotPulse 1.2s ease-in-out infinite}.np-loading-dot:nth-child(2){animation-delay:.2s}.np-loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{transform:scale(.6);opacity:.4}50%{transform:scale(1);opacity:1}}.np-choices{padding:8px 12px;border-top:.5px solid #1e2128;display:flex;gap:6px;flex-wrap:wrap;background:#0d0f14}.np-choice-btn{font-size:11px;padding:6px 12px;border-radius:6px;border:.5px solid #2a2d34;background:#13161d;color:#aaa;cursor:pointer;transition:all .15s;text-align:left}.np-choice-btn:hover{border-color:#534ab7;color:#ddd;background:#1a1830}.np-input-area{display:flex;gap:8px;padding:10px 12px;border-top:.5px solid #1e2128;background:#0d0f14}.np-input{flex:1;background:#13161d;border:.5px solid #2a2d34;border-radius:8px;color:#ddd;font-size:13px;padding:8px 12px;resize:none;outline:none;font-family:inherit;line-height:1.5}.np-input:focus{border-color:#534ab7}.np-input:disabled{opacity:.5}.np-send-btn{padding:8px 16px;background:#534ab7;border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;align-self:flex-end}.np-send-btn:hover{background:#6358cf}.np-send-btn:disabled{opacity:.4;cursor:not-allowed}.ip-panel{background:#13161d;display:flex;flex-direction:column;overflow:hidden;height:100%;position:relative}.ip-header{font-size:10px;font-weight:500;color:#555;text-transform:uppercase;letter-spacing:.08em;padding:10px 12px 6px;border-bottom:.5px solid #1e2128}.ip-section-label{font-size:9px;font-weight:500;color:#444;text-transform:uppercase;letter-spacing:.08em;padding:6px 10px 4px;border-top:.5px solid #1e2128}.ip-doll{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;padding:8px 8px 4px;gap:4px}.ip-doll-slots{display:flex;flex-direction:column;gap:3px}.ip-equip-slot{height:36px;border-radius:6px;border:.5px solid #2a2d34;background:#0d0f14;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:border-color .15s}.ip-equip-slot.filled{border-color:#534ab7}.ip-equip-slot:hover{border-color:#7f77dd}.ip-equip-icon{font-size:15px;line-height:1}.ip-equip-label{font-size:8px;color:#444;margin-top:1px}.ip-equip-slot.filled .ip-equip-label{color:#666}.ip-doll-center{display:flex;align-items:center;justify-content:center;font-size:36px;padding:8px 0}.ip-resources{display:flex;gap:8px;padding:6px 10px;border-top:.5px solid #1e2128}.ip-resource{display:flex;align-items:center;gap:4px;flex:1;background:#0d0f14;border-radius:6px;padding:5px 8px}.ip-res-icon{font-size:13px}.ip-res-val{font-size:12px;font-weight:500;color:#ddd}.ip-res-label{font-size:10px;color:#555}.ip-backpack{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:4px 8px 8px;overflow-y:auto}.ip-slot{aspect-ratio:1;border-radius:6px;border:.5px solid #1e2128;background:#0d0f14;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:border-color .15s;overflow:hidden}.ip-slot.has-item:hover{border-color:#534ab7}.ip-slot.consumable:hover{border-color:#1d9e75}.ip-slot-icon{font-size:18px}.ip-slot-qty{position:absolute;bottom:1px;right:3px;font-size:9px;font-weight:600;color:#ddd}.ip-slot-rarity{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%}.ip-slot-empty{width:6px;height:6px;border-radius:50%;background:#1e2128}.ip-tooltip{position:fixed;z-index:1000;background:#13161d;border:.5px solid #534AB7;border-radius:10px;padding:12px 14px;width:200px;pointer-events:none;box-shadow:0 8px 32px #00000080}.ip-tt-header{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px}.ip-tt-icon{font-size:28px}.ip-tt-name{font-size:13px;font-weight:500;line-height:1.2}.ip-tt-type{font-size:10px;color:#666;margin-top:2px}.ip-tt-desc{font-size:11px;color:#888;line-height:1.5;margin-bottom:8px;border-top:.5px solid #1e2128;padding-top:8px}.ip-tt-stat{font-size:11px;color:#aaa;margin-bottom:3px}.ip-tt-footer{display:flex;justify-content:space-between;font-size:10px;color:#555;margin-top:8px;border-top:.5px solid #1e2128;padding-top:6px}.bs-panel{display:flex;flex-direction:column;height:100%;background:#0d0f14;overflow:hidden}.bs-header{padding:16px 20px 12px;border-bottom:.5px solid #1e2128}.bs-title{font-size:18px;font-weight:500;margin:0 0 4px;color:#e8e6df}.bs-subtitle{font-size:12px;color:#555}.bs-layout{display:grid;grid-template-columns:260px 1fr;flex:1;overflow:hidden}.bs-list{overflow-y:auto;border-right:.5px solid #1e2128;padding:8px;display:flex;flex-direction:column;gap:3px}.bs-entry{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:.5px solid transparent;cursor:pointer;transition:all .15s}.bs-entry:hover:not(.unknown){background:#13161d;border-color:#2a2d34}.bs-entry.selected{background:#1a1830;border-color:#534ab7}.bs-entry.unknown{opacity:.5;cursor:default}.bs-entry-icon{font-size:20px;width:28px;text-align:center;flex-shrink:0}.bs-entry-info{flex:1;min-width:0}.bs-entry-name{font-size:13px;font-weight:500;color:#ccc}.bs-entry-level{font-size:11px;color:#555;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-entry-lvl{font-size:10px;font-weight:500;color:#534ab7;background:#1a1830;padding:2px 6px;border-radius:4px;flex-shrink:0}.bs-detail{padding:24px;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.bs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#555;font-size:14px;gap:8px;text-align:center}.bs-detail-icon{font-size:56px;margin-bottom:8px}.bs-detail-name{font-size:22px;font-weight:500;margin:0 0 4px;text-align:center}.bs-detail-level{font-size:12px;color:#666;margin-bottom:16px}.bs-detail-desc{font-size:13px;color:#888;line-height:1.6;text-align:center;margin-bottom:20px;max-width:400px}.bs-detail-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.bs-ds{background:#13161d;border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:70px}.bs-ds-icon{font-size:16px}.bs-ds-val{font-size:16px;font-weight:500;color:#ddd}.bs-ds-label{font-size:10px;color:#555}.bs-abilities-title{font-size:11px;color:#555;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;align-self:flex-start}.bs-abilities{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.bs-ability{padding:4px 10px;background:#1a1d24;border:.5px solid #2a2d34;border-radius:6px;font-size:12px;color:#aaa}.wm-panel{display:flex;flex-direction:column;height:100%;background:#0d0f14;overflow:hidden}.wm-header{padding:16px 20px 12px;border-bottom:.5px solid #1e2128}.wm-title{font-size:18px;font-weight:500;margin:0 0 4px}.wm-subtitle{font-size:12px;color:#555}.wm-layout{display:grid;grid-template-columns:1fr 220px;flex:1;overflow:hidden}.wm-map-area{position:relative;background:radial-gradient(ellipse at 50% 50%,#0f1218,#0a0c10);border-right:.5px solid #1e2128;overflow:hidden}.wm-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wm-marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;z-index:1}.wm-marker-icon{width:36px;height:36px;border-radius:50%;background:#13161d;border:1.5px solid #2a2d34;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .15s}.wm-marker:hover:not(.unknown) .wm-marker-icon{border-color:#534ab7;transform:scale(1.1)}.wm-marker.current .wm-marker-icon{border-color:#1d9e75;box-shadow:0 0 0 3px #1d9e7533}.wm-marker.selected .wm-marker-icon{border-color:#534ab7;background:#1a1830}.wm-marker.reachable .wm-marker-icon{border-color:#1d9e75}.wm-marker.unknown{cursor:default;opacity:.5}.wm-marker-name{font-size:10px;color:#aaa;white-space:nowrap;background:#0d0f14;padding:1px 5px;border-radius:3px}.wm-marker-here{position:absolute;top:-10px;right:-8px;font-size:12px}.wm-sidebar{padding:16px;overflow-y:auto;display:flex;flex-direction:column}.wm-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#555;font-size:13px;text-align:center;gap:10px}.wm-loc-detail{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.wm-loc-icon{font-size:48px}.wm-loc-name{font-size:16px;font-weight:500;color:#ddd}.wm-loc-type{font-size:11px;color:#666}.wm-loc-desc{font-size:12px;color:#888;line-height:1.6;margin:8px 0}.wm-loc-here{font-size:12px;color:#1d9e75;padding:6px 12px;background:#0d1a14;border-radius:6px;border:.5px solid #1D9E75}.wm-travel-btn{width:100%;padding:10px;background:#1d9e75;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer}.wm-travel-btn:hover{background:#22b589}.wm-no-travel{font-size:11px;color:#555;padding:8px;background:#0d0f14;border-radius:6px;border:.5px solid #1e2128}.cd-panel{display:flex;flex-direction:column;height:100%;background:#0d0f14;overflow:hidden}.cd-header-bar{padding:16px 20px 12px;border-bottom:.5px solid #1e2128}.cd-title{font-size:18px;font-weight:500;margin:0 0 4px}.cd-subtitle{font-size:12px;color:#555}.cd-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;overflow:hidden}.cd-section{padding:16px 20px;overflow-y:auto;border-right:.5px solid #1e2128}.cd-section:last-child{border-right:none}.cd-section-title{font-size:11px;font-weight:500;color:#555;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;display:flex;align-items:center;gap:8px}.cd-pts-badge{background:#1a1830;border:.5px solid #534AB7;color:#7f77dd;padding:2px 8px;border-radius:10px;font-size:11px;text-transform:none;letter-spacing:0}.cd-stats-list{display:flex;flex-direction:column;gap:8px}.cd-stat-card{background:#13161d;border-radius:8px;padding:12px;border:.5px solid #1e2128;display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.cd-stat-card-left{display:flex;gap:10px;align-items:flex-start;flex:1}.cd-stat-icon{font-size:20px;flex-shrink:0;margin-top:2px}.cd-stat-name{font-size:13px;font-weight:500;margin-bottom:2px}.cd-stat-desc{font-size:11px;color:#555;line-height:1.4}.cd-stat-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:80px}.cd-stat-numbers{display:flex;align-items:baseline;gap:4px}.cd-stat-base{font-size:20px;font-weight:600;color:#ddd}.cd-stat-bonus{font-size:12px;color:#1d9e75}.cd-stat-total{font-size:13px;color:#888}.cd-stat-bar-bg{width:80px;height:4px;background:#1a1d24;border-radius:2px;overflow:hidden}.cd-stat-bar-fill{height:100%;border-radius:2px;transition:width .3s;opacity:.8}.cd-plus-btn{padding:3px 10px;border-radius:5px;border:.5px solid;background:transparent;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.cd-plus-btn:hover{opacity:.8}.cd-progress-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cd-prog-card{background:#13161d;border-radius:8px;padding:14px 8px;text-align:center;border:.5px solid #1e2128}.cd-prog-icon{font-size:18px;margin-bottom:4px}.cd-prog-val{font-size:22px;font-weight:600;color:#ddd}.cd-prog-label{font-size:10px;color:#555;margin-top:2px}.cd-no-quests{font-size:12px;color:#555;text-align:center;padding:20px;background:#13161d;border-radius:8px}.cd-quests-list{display:flex;flex-direction:column;gap:8px}.cd-quest-card{background:#13161d;border-radius:8px;padding:12px;border:.5px solid #1e2128;border-left:3px solid #BA7517}.cd-quest-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.cd-quest-status{font-size:14px}.cd-quest-title{font-size:13px;font-weight:500;color:#ddd}.cd-quest-desc{font-size:12px;color:#888;line-height:1.5}.cd-rep-list{display:flex;flex-direction:column;gap:8px}.cd-rep-row{display:flex;align-items:center;gap:10px}.cd-rep-name{font-size:11px;color:#888;width:130px;flex-shrink:0}.cd-rep-bar-bg{flex:1;height:5px;background:#1a1d24;border-radius:3px;overflow:hidden}.cd-rep-bar-fill{height:100%;border-radius:3px;transition:width .3s}.cd-rep-val{font-size:11px;font-weight:500;min-width:32px;text-align:right}.cx-panel{display:flex;flex-direction:column;height:100%;background:#0d0f14;overflow:hidden}.cx-header{padding:16px 20px 12px;border-bottom:.5px solid #1e2128}.cx-title{font-size:18px;font-weight:500;margin:0 0 4px}.cx-subtitle{font-size:12px;color:#555}.cx-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.cx-section-title{font-size:14px;font-weight:500;color:#aaa;margin:0 0 12px;padding-bottom:8px;border-bottom:.5px solid #1e2128}.cx-text{font-size:13px;color:#888;line-height:1.7}.cx-factions{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.cx-faction{background:#13161d;border:.5px solid #1e2128;border-radius:8px;padding:12px}.cx-faction-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.cx-faction-icon{font-size:20px}.cx-faction-name{font-size:13px;font-weight:500;color:#ddd}.cx-faction-desc{font-size:12px;color:#666;line-height:1.5}.cx-rules{display:flex;flex-direction:column;gap:8px}.cx-rule{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;background:#13161d;border-radius:8px;font-size:13px;color:#888;line-height:1.5}.cx-rule-num{font-size:11px;font-weight:600;color:#534ab7;background:#1a1830;padding:2px 7px;border-radius:10px;flex-shrink:0;margin-top:1px}.cx-story-start{padding:16px;background:#13161d;border-left:3px solid #BA7517;border-radius:8px;font-size:13px;color:#888;line-height:1.7}.st-panel{display:flex;flex-direction:column;height:100%;background:#0d0f14;overflow:hidden}.st-header{padding:16px 20px 12px;border-bottom:.5px solid #1e2128}.st-title{font-size:18px;font-weight:500;margin:0}.st-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.st-section-title{font-size:12px;font-weight:500;color:#555;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}.st-row{display:flex;gap:8px}.st-input{flex:1;padding:10px 14px;background:#13161d;border:.5px solid #2a2d34;border-radius:8px;color:#ddd;font-size:13px;outline:none}.st-input:focus{border-color:#534ab7}.st-btn{padding:10px 16px;background:#534ab7;border:none;border-radius:8px;color:#fff;font-size:13px;cursor:pointer;white-space:nowrap}.st-hint{font-size:12px;color:#555;margin-top:8px}.st-hint a{color:#534ab7}.st-models{display:flex;flex-direction:column;gap:8px}.st-model{background:#13161d;border:.5px solid #2a2d34;border-radius:8px;padding:12px;cursor:pointer;transition:border-color .15s}.st-model.selected{border-color:#534ab7;background:#1a1830}.st-model:hover{border-color:#444}.st-model-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.st-model-name{font-size:13px;font-weight:500;color:#ddd}.st-model-badge{font-size:10px;padding:2px 6px;background:#1a1830;border:.5px solid #534AB7;color:#7f77dd;border-radius:4px}.st-model-active{font-size:10px;color:#1d9e75;margin-left:auto}.st-model-id{font-size:10px;color:#444;margin-bottom:3px;font-family:monospace}.st-model-desc{font-size:12px;color:#666;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.st-model-price{font-size:11px;color:#1d9e75;background:#1d9e7514;padding:1px 6px;border-radius:4px}.st-models-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.st-fetch-btn{padding:8px 14px;background:#13161d;border:.5px solid #534AB7;border-radius:8px;color:#7f77dd;font-size:12px;cursor:pointer;white-space:nowrap;transition:background .15s}.st-fetch-btn:hover:not(:disabled){background:#1e2030}.st-fetch-btn:disabled{opacity:.5;cursor:not-allowed}.st-fetch-date{font-size:11px;color:#444}.st-fetch-error{font-size:12px;color:#e05252;background:#e0525214;border:.5px solid rgba(224,82,82,.3);border-radius:6px;padding:8px 12px;margin-bottom:8px}.st-model-filter{margin-bottom:8px;flex:unset;width:100%}.st-save-btns{display:flex;gap:10px}.st-save-btn{flex:1;padding:10px;background:#1d9e75;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer}.st-save-btn:hover{background:#22b589}.st-load-btn{flex:1;padding:10px;background:#13161d;border:.5px solid #2a2d34;border-radius:8px;color:#aaa;font-size:13px;cursor:pointer}.st-load-btn:hover:not(:disabled){border-color:#444;color:#ddd}.st-load-btn:disabled{opacity:.4;cursor:not-allowed}.st-default-key-info{display:flex;gap:12px;align-items:flex-start;background:#13161d;border:.5px solid #2a2d34;border-radius:8px;padding:12px}.st-default-key-icon{font-size:24px;flex-shrink:0}.st-default-key-title{font-size:13px;font-weight:500;color:#ddd;margin-bottom:4px}.st-default-key-desc{font-size:12px;color:#666;line-height:1.5}.st-own-key-info{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#1d9e75;background:#1d9e7514;border:.5px solid rgba(29,158,117,.3);border-radius:8px;padding:10px 12px}.st-clear-key-btn{font-size:11px;padding:4px 10px;background:transparent;border:.5px solid #444;border-radius:6px;color:#888;cursor:pointer;white-space:nowrap}.st-clear-key-btn:hover{border-color:#e05252;color:#e05252}.st-model-locked{display:flex;gap:12px;align-items:center;background:#13161d;border:.5px solid #2a2d34;border-radius:8px;padding:14px}.st-model-locked-icon{font-size:22px;flex-shrink:0}.st-model-locked-name{font-size:14px;font-weight:500;color:#ddd;margin-bottom:3px}.st-model-locked-desc{font-size:12px;color:#555}.st-btn:disabled{opacity:.4;cursor:not-allowed}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:#0d0f14;color:#e8e6df;height:100vh;height:100dvh;overflow:hidden}#root{height:100vh;height:100dvh;display:flex;flex-direction:column}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#0d0f14}.app-topbar{display:flex;align-items:center;height:46px;background:#13161d;border-bottom:.5px solid #1e2128;padding:0 12px;gap:12px;flex-shrink:0;z-index:10}.app-brand{font-size:14px;font-weight:600;color:#c9a84c;white-space:nowrap}.app-tabs{display:flex;gap:2px;flex:1;justify-content:center}.app-tab{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;border:none;background:transparent;color:#666;font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}.app-tab:hover{background:#1a1d24;color:#aaa}.app-tab.active{background:#1a1830;color:#e8e6df}.app-tab-icon{font-size:13px}.app-topbar-right{display:flex;align-items:center;gap:8px}.app-location-badge{font-size:11px;color:#555;white-space:nowrap}.app-user-badge{font-size:11px;color:#666;padding:3px 8px;background:#1a1d24;border:.5px solid #2a2d34;border-radius:10px;white-space:nowrap}.app-save-btn{padding:5px 8px;background:transparent;border:.5px solid #2a2d34;border-radius:6px;color:#666;cursor:pointer;font-size:14px;flex-shrink:0}.app-save-btn:hover{border-color:#444;color:#aaa}.app-logout-btn{padding:5px 8px;background:transparent;border:.5px solid #2a2d34;border-radius:6px;color:#666;cursor:pointer;font-size:14px;flex-shrink:0}.app-logout-btn:hover{border-color:#e05252;color:#e05252}.app-main{display:grid;grid-template-columns:200px 1fr 230px;flex:1;overflow:hidden;gap:1px;background:#1e2128}.app-left,.app-center,.app-right{overflow:hidden;background:#0d0f14}.app-main:not(:has(.app-right)){grid-template-columns:200px 1fr}.app-statusbar{height:26px;background:#13161d;border-top:.5px solid #1e2128;display:flex;align-items:center;padding:0 12px;gap:8px;font-size:11px;color:#555;flex-shrink:0}.app-status-dot{width:5px;height:5px;border-radius:50%;background:#1d9e75;flex-shrink:0}.app-status-loc{color:#888}.app-status-sep{color:#333}.app-status-time{color:#555}.app-status-quest{color:#ba7517}.app-status-model{color:#444;font-size:10px}.app-mobile-nav{display:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2d34;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#3a3d44}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width: 768px){body{overflow:hidden}.app-topbar{padding:0 10px;padding-top:env(safe-area-inset-top);gap:8px;height:calc(44px + env(safe-area-inset-top))}.app-tabs{display:none}.app-brand{font-size:13px;flex:1}.app-location-badge,.app-user-badge{display:none}.app-main{display:block;flex:1;overflow:hidden;position:relative}.app-left,.app-center,.app-right{display:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-left.mobile-visible,.app-center.mobile-visible,.app-right.mobile-visible{display:block}.app-statusbar{display:none}.app-mobile-nav{display:flex;align-items:center;background:#13161d;border-top:.5px solid #1e2128;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);overflow-x:auto;overflow-y:hidden;flex-shrink:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right))}.app-mobile-nav::-webkit-scrollbar{display:none}.app-mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 10px;background:transparent;border:none;color:#555;font-size:10px;cursor:pointer;flex-shrink:0;border-radius:8px;transition:color .15s,background .15s;min-width:52px}.app-mobile-nav-btn span:first-child{font-size:18px;line-height:1}.app-mobile-nav-btn.active{color:#e8e6df;background:#1a1830}.app-mobile-nav-btn:hover:not(.active){color:#888}.np-panel{padding-bottom:0}.np-input-area{padding:8px 10px}.np-input{font-size:16px}.np-choices{padding:6px 10px;gap:5px}.np-choice-btn{font-size:12px;padding:7px 10px}}@media (max-width: 375px){.app-mobile-nav-btn{min-width:46px;padding:6px 7px;font-size:9px}.app-mobile-nav-btn span:first-child{font-size:16px}}