*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0d0d1a;color:#e0e0e0;font-family:Segoe UI,Apple SD Gothic Neo,sans-serif;font-size:13px}#app{width:100%;height:100%}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.screen-center{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:radial-gradient(ellipse at center,#1a1a2e,#0d0d1a)}.login-box{text-align:center;max-width:360px;padding:40px 24px}.logo{font-size:3.2rem;letter-spacing:6px;font-weight:900;color:#fff}.logo-dot{color:#3b82f6}.login-sub{color:#888;margin:12px 0 32px;font-size:14px}.login-buttons{display:flex;flex-direction:column;gap:12px}.guest-warning{color:#f59e0b;font-size:11px;margin-top:12px;padding:8px 12px;background:#f59e0b15;border:1px solid #f59e0b30;border-radius:6px;line-height:1.4}.login-footer{color:#444;font-size:11px;margin-top:32px}.btn{padding:14px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s}.btn:hover{transform:translateY(-1px);filter:brightness(1.15)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:default;transform:none;filter:none}.btn-google{background:#fff;color:#333}.btn-guest{background:#333;color:#ccc}.btn-primary{background:#3b82f6;color:#fff;width:100%;margin-top:20px}.create-box{max-width:400px;padding:32px 24px}.create-box h2{font-size:1.6rem;margin-bottom:24px;text-align:center;color:#fff}.field-label{display:block;color:#aaa;font-size:12px;margin:16px 0 6px}.text-input{width:100%;padding:12px 14px;border:1px solid #333;border-radius:8px;background:#1a1a2e;color:#fff;font-size:14px;outline:none}.text-input:focus{border-color:#3b82f6}.error-text{color:#ef4444;font-size:12px;margin-top:8px;text-align:center}.detected-country{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #333;border-radius:8px;background:#1a1a2e;color:#fff;font-size:15px}.detected-flag{font-size:22px;line-height:1}.detected-name{font-weight:600}.auto-team-notice{color:#3b82f6;font-size:13px;text-align:center;margin:0 0 16px;padding:10px;background:#1a1a3e;border-radius:8px;border:1px solid #3b82f640}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.team-card{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:10px;background:#1a1a2e;border:2px solid #333;color:#ccc;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.team-card:hover{border-color:var(--tc);background:#222}.team-card.selected{border-color:var(--tc);background:#ffffff0d;color:#fff;box-shadow:0 0 12px var(--tc)}.team-color-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0}.game-layout{display:grid;grid-template-rows:44px 1fr 40px;grid-template-columns:220px 1fr 250px;grid-template-areas:"top    top    top" "left   center right" "bottom bottom bottom";width:100%;height:100%;background:#0d0d1a}.top-bar{grid-area:top;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#112;border-bottom:1px solid #222;z-index:10}.top-bar-left{display:flex;align-items:center;gap:12px}.top-bar-title{font-size:16px;font-weight:900;letter-spacing:2px;color:#fff}.top-bar-title span{color:#3b82f6}.top-bar-right{display:flex;align-items:center;gap:10px}.top-btn{padding:6px 14px;border:1px solid #333;border-radius:6px;background:transparent;color:#ccc;font-size:11px;font-weight:600;transition:all .15s}.top-btn:hover{background:#222;border-color:#555;color:#fff}.top-btn.danger{border-color:#ef4444;color:#ef4444}.top-btn.danger:hover{background:#ef444420}.top-user-info{color:#888;font-size:11px}.left-sidebar{grid-area:left;display:flex;flex-direction:column;gap:6px;padding:8px;background:#0f0f1f;border-right:1px solid #1a1a2e;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}.panel{background:#141428;border:1px solid #1e1e3a;border-radius:8px;padding:10px 12px}.panel-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.panel-label{color:#777;font-size:11px}.panel-value{color:#fff;font-size:13px;font-weight:700}.panel-value.team-green{color:#22c55e}.panel-value.team-red{color:#ef4444}.panel-value.team-blue{color:#3b82f6}.panel-value.team-yellow{color:#eab308}.panel-divider{height:1px;background:#1e1e3a;margin:6px 0}.xp-bar-wrap{width:100%;height:16px;background:#1a1a2e;border-radius:4px;overflow:hidden;position:relative;margin-top:4px}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:4px;transition:width .3s}.xp-bar-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.resource-row{display:flex;gap:6px}.resource-box{flex:1;display:flex;align-items:center;gap:8px;justify-content:center;padding:8px;border-radius:8px;background:#1a1a30}.resource-icon{font-size:18px}.resource-val{font-size:15px;font-weight:800}.resource-val.gold{color:#fbbf24}.resource-val.cash{color:#34d399}.resource-label{font-size:9px;color:#888;display:block}.sidebar-btn-row{display:flex;gap:6px}.sidebar-btn{flex:1;padding:10px 6px;border:1px solid #1e1e3a;border-radius:8px;background:#141428;color:#ccc;font-size:12px;font-weight:600;text-align:center;transition:all .15s}.sidebar-btn:hover{background:#1e1e3a;color:#fff}.sidebar-btn .sub{display:block;font-size:9px;color:#666;margin-top:2px}.equip-row{display:flex;gap:8px}.equip-slot{flex:1;text-align:center}.equip-slot .eq-label{font-size:10px;color:#666}.equip-slot .eq-value{font-size:12px;color:#fff;font-weight:600;margin-top:2px;word-break:break-word;overflow-wrap:break-word;line-height:1.3}.equip-slot.clickable{cursor:pointer;padding:6px 4px;border-radius:6px;transition:background .15s}.equip-slot.clickable:hover{background:#1e1e3a}.center-area{grid-area:center;display:flex;flex-direction:column;overflow:hidden;background:#0a0a18}.game-viewport{flex:1;position:relative;overflow:hidden}.game-viewport canvas{display:block;width:100%;height:100%;touch-action:manipulation}.chat-panel{height:120px;display:flex;flex-direction:column;border-top:1px solid #1e1e3a;background:#0f0f1f}.chat-tabs{display:flex;gap:0;padding:0 8px;background:#111125}.chat-tab{padding:6px 16px;border:none;border-bottom:2px solid transparent;background:transparent;color:#666;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.chat-tab.active{color:#fff;border-bottom-color:#3b82f6}.chat-tab:hover{color:#aaa}.chat-tab[data-ch=whisper].active{border-bottom-color:#c084fc}.chat-messages{flex:1;overflow-y:auto;padding:6px 12px;font-size:12px;line-height:1.7;scrollbar-width:thin;scrollbar-color:#333 transparent}.chat-msg-time{color:#555;font-size:10px;margin-right:6px}.chat-msg-name{font-weight:700;margin-right:4px}.chat-msg-name.system{color:#fbbf24}.chat-msg-channel{font-size:10px;font-weight:700;margin-right:4px}.chat-msg-channel.ch-system{color:#fbbf24}.chat-msg-channel.ch-global{color:#94a3b8}.chat-msg-channel.ch-team{color:#22c55e}.chat-msg-channel.ch-whisper{color:#c084fc}.chat-msg.msg-system{color:#fbbf24}.chat-msg.msg-global{color:#e0e0e0}.chat-msg.msg-team{color:#86efac}.chat-msg.msg-whisper{color:#d8b4fe;font-style:italic}.chat-input-row{display:flex;gap:0;padding:0;border-top:1px solid #1a1a2e}.chat-input{flex:1;padding:8px 12px;border:none;background:#111125;color:#fff;font-size:12px;outline:none}.chat-send-btn{padding:8px 16px;border:none;background:#1e1e3a;color:#888;font-size:12px;font-weight:600;transition:all .15s}.chat-send-btn:hover{background:#2a2a4a;color:#fff}.chat-whisper-label{display:flex;align-items:center;padding:0 10px;background:#2e1065;color:#c084fc;font-size:11px;font-weight:700;white-space:nowrap;border-right:1px solid #1a1a2e}.right-sidebar{grid-area:right;display:flex;flex-direction:column;gap:6px;padding:8px;background:#0f0f1f;border-left:1px solid #1a1a2e;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}.season-timer{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#141432d9;border:1px solid #3b82f640;border-radius:6px;font-size:12px;font-weight:600;color:#93c5fd;margin-bottom:6px}.season-timer .st-icon{font-size:14px}.season-timer .st-label{color:#94a3b8;font-weight:400}.season-timer .st-time{color:#e2e8f0;font-variant-numeric:tabular-nums}.season-timer.urgent{border-color:#ef444480}.season-timer.urgent .st-time{color:#fca5a5;animation:seasonPulse 1s ease-in-out infinite}.season-timer.ended{border-color:#f59e0b60;color:#fbbf24}@keyframes seasonPulse{0%,to{opacity:1}50%{opacity:.5}}.minimap-wrap{background:#111;border:1px solid #1e1e3a;border-radius:8px;overflow:hidden;aspect-ratio:1;position:relative}.minimap-wrap canvas{width:100%;height:100%;display:block}.rank-list{display:flex;flex-direction:column;gap:3px}.rank-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:#1a1a30}.rank-pos{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff}.rank-name{flex:1;min-width:0;font-size:12px;font-weight:600;display:flex;flex-wrap:wrap;align-items:center;column-gap:4px;row-gap:2px}.rank-name-text{word-break:break-all}.rank-flag{font-size:12px;margin-right:4px;display:flex;align-items:center}.country-badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.5px;padding:1px 4px;border-radius:3px;line-height:14px;vertical-align:middle;white-space:nowrap}.rank-score{font-size:12px;font-weight:700;color:#aaa}.rank-badge{font-size:9px;padding:1px 5px;border-radius:3px;background:#fbbf24;color:#000;font-weight:700;white-space:nowrap;flex:0 0 auto}.rank-row.rank-me{background:#1e2e4a;border:1px solid #3b82f640}.rank-title{font-size:9px;color:#a78bfa;margin-left:4px;font-weight:400}.team-tiles-row{display:flex;justify-content:space-around;padding:4px 0}.team-tile-item{text-align:center}.team-tile-dot{width:18px;height:18px;border-radius:50%;margin:0 auto 4px}.team-tile-count{font-size:12px;font-weight:800;color:#fff}.buff-shop{display:flex;gap:6px;align-items:stretch}.buff-card{flex:1;padding:10px 4px;border:1px solid #1e1e3a;border-radius:8px;background:#141428;text-align:center;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px}.buff-card:hover{border-color:#444;background:#1a1a30}.buff-card-icon{font-size:20px;margin-bottom:4px;line-height:1}.buff-card-name{font-size:10px;font-weight:700;color:#ccc;line-height:1.3;text-align:center}.buff-card-price{font-size:9px;color:#888;margin-top:3px;white-space:nowrap}.buff-bar-row{display:flex;align-items:center;gap:6px;padding:3px 0}.buff-bar-label{font-size:14px;color:#888;min-width:18px;text-align:center}.buff-bar-wrap{flex:1;height:10px;background:#1a1a2e;border-radius:5px;overflow:hidden}.buff-bar-fill{height:100%;border-radius:5px;transition:width .3s;background:#3b82f6}.buff-bar-time{font-size:10px;color:#555;min-width:24px;text-align:right;font-weight:600}.general-row{display:flex;gap:8px}.general-box{flex:1;text-align:center}.general-box .gb-label{font-size:10px;color:#666}.general-box .gb-value{font-size:13px;font-weight:700;color:#fff;margin-top:2px}.panel-title{font-size:10px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.bottom-bar{grid-area:bottom;display:flex;align-items:center;justify-content:center;background:#0a0a18;border-top:1px solid #222;overflow:hidden;min-height:90px}.bottom-bar ins{max-width:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}#dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}#dialog-box{background:#1e1e30;border:1px solid #444;border-radius:12px;padding:24px;max-width:440px;width:90%;text-align:center;max-height:80vh;overflow-y:auto}#dialog-close{margin-top:16px;padding:8px 24px;border:none;border-radius:6px;background:#333;color:#fff;cursor:pointer;font-size:13px}.lang-select{padding:4px 8px;border:1px solid #444;border-radius:4px;background:#1a1a2e;color:#ccc;font-size:11px;cursor:pointer;outline:none}.lang-select:hover{border-color:#666}.lang-select:focus{border-color:#3b82f6}.login-lang-row{margin-top:16px;text-align:center}.market-balance{margin:8px 0 12px;font-size:13px;color:#ccc}.market-tabs{display:flex;gap:4px;margin-bottom:12px}.market-tab{flex:1;padding:6px 8px;border:1px solid #444;border-radius:6px;background:#1a1a2e;color:#888;font-size:11px;cursor:pointer;transition:all .15s}.market-tab:hover{border-color:#666;color:#ccc}.market-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.market-list{text-align:left;max-height:50vh;overflow-y:auto}.market-section{margin-bottom:12px}.market-section-title{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;padding:4px 0;border-bottom:1px solid #333;margin-bottom:6px}.market-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #333;border-radius:6px;margin-bottom:4px;background:#16162a}.market-item.owned{opacity:.5}.market-item-info{flex:1;min-width:0}.market-item-name{font-size:13px;color:#e0e0e0}.market-item-price{font-size:11px;margin-top:2px}.market-item-owned{font-size:11px;color:#4ade80;padding:4px 10px;border:1px solid #4ade8044;border-radius:4px}.market-item-btns{display:flex;gap:4px;flex-shrink:0;margin-left:8px}.market-buy-btn{padding:4px 10px;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.market-buy-btn:disabled{opacity:.5;cursor:not-allowed}.market-buy-btn.gold{background:#92400e;color:#fbbf24}.market-buy-btn.gold:hover:not(:disabled){background:#a16207}.market-buy-btn.cash{background:#065f46;color:#4ade80}.market-buy-btn.cash:hover:not(:disabled){background:#047857}.quest-list{text-align:left;max-height:55vh;overflow-y:auto;margin-top:12px}.quest-card{background:#16162a;border:1px solid #333;border-radius:8px;padding:12px;margin-bottom:8px}.quest-card.claimed{opacity:.5}.quest-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.quest-card-name{font-size:14px;font-weight:600;color:#e0e0e0}.quest-card-desc{font-size:11px;color:#888;margin-bottom:8px}.quest-conds{margin-bottom:8px}.quest-cond{margin-bottom:4px}.quest-cond-label{font-size:11px;color:#ccc;margin-bottom:2px}.quest-progress-bar{height:6px;background:#1a1a2e;border-radius:3px;overflow:hidden}.quest-progress-fill{height:100%;background:#3b82f6;border-radius:3px;transition:width .3s}.quest-progress-fill.done{background:#4ade80}.quest-rewards{font-size:11px;color:#aaa}.quest-status{font-size:11px;padding:3px 8px;border-radius:4px}.quest-status.progress{color:#60a5fa;border:1px solid #60a5fa44}.quest-status.claimed{color:#4ade80;border:1px solid #4ade8044}.quest-claim-btn{padding:4px 12px;background:#4ade80;color:#000;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer}.quest-claim-btn:hover:not(:disabled){background:#22c55e}.quest-claim-btn:disabled{opacity:.5;cursor:not-allowed}.m-menu-btn,.m-hud,.m-dpad,.m-actions,.m-bottom-bar,.m-drawer,.m-drawer-backdrop,.m-chat-close,.m-rank-panel{display:none}@media(max-width:768px){.desktop-only,.left-sidebar,.right-sidebar{display:none!important}.game-layout{grid-template-columns:1fr;grid-template-rows:40px 1fr 36px;grid-template-areas:"top" "center" "mbottom"}.top-bar{padding:0 8px;height:40px}.top-bar-title{font-size:13px;letter-spacing:1px}.top-btn{padding:4px 10px;font-size:10px}.lang-select{font-size:10px;padding:2px 4px}.m-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid #333;border-radius:6px;color:#ccc;font-size:18px;cursor:pointer;margin-right:8px}.m-menu-btn:active{background:#222}.center-area{grid-area:center}.game-viewport{flex:1;position:relative}.chat-panel{display:none;position:absolute;bottom:0;left:0;right:0;height:160px;z-index:30;background:#0f0f1ff2}.chat-panel.m-chat-open{display:flex}.bottom-bar{display:none!important}.m-bottom-bar{grid-area:mbottom;display:flex;align-items:center;justify-content:center;gap:16px;background:#112;border-top:1px solid #222;padding:0 12px}.m-buff-timer{display:flex;align-items:center;gap:4px;font-size:12px;color:#888}.m-buff-time{font-size:12px;font-weight:700;min-width:24px}.m-hud{display:block;position:absolute;top:0;left:0;right:0;pointer-events:none;z-index:20;padding:6px 8px}.m-hud-top{display:flex;justify-content:space-between;align-items:flex-start}.m-hud-level{display:flex;flex-direction:column;gap:2px}.m-hud-level span{font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.m-xp-bar{width:120px;height:8px;background:#1a1a2ee6;border-radius:4px;overflow:hidden;border:1px solid rgba(245,158,11,.3)}.m-xp-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:4px;transition:width .3s}.m-season-timer{font-size:10px;font-weight:700;color:#93c5fd;background:#141432cc;padding:2px 8px;border-radius:10px;border:1px solid #3b82f640;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;pointer-events:auto;font-variant-numeric:tabular-nums}.m-season-timer.urgent{border-color:#ef444480;color:#fca5a5;animation:seasonPulse 1s ease-in-out infinite}.m-season-timer.ended{border-color:#f59e0b60;color:#fbbf24}.m-hud-res{display:flex;flex-direction:column;gap:1px;margin-top:2px}.m-gold{font-size:11px;font-weight:800;color:#fbbf24;text-shadow:0 1px 3px rgba(0,0,0,.8)}.m-cash{font-size:11px;font-weight:800;color:#4ade80;text-shadow:0 1px 3px rgba(0,0,0,.8)}.m-hud-minimap{position:absolute;top:28px;right:8px;width:80px;height:80px;border:1px solid rgba(255,255,255,.15);border-radius:4px;overflow:hidden;opacity:.85;pointer-events:auto}.m-hud-minimap canvas{width:100%;height:100%;display:block}.m-hud-tiles{position:absolute;top:112px;right:8px;display:flex;gap:6px;font-size:10px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.8)}.m-dpad{display:grid;grid-template-columns:48px 48px 48px;grid-template-rows:48px 48px 48px;position:absolute;bottom:20px;right:16px;z-index:25;gap:2px}.m-dpad-btn{display:flex;align-items:center;justify-content:center;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#ffffffb3;font-size:16px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.m-dpad-btn:active{background:#ffffff59;color:#fff}.m-up{grid-column:2;grid-row:1}.m-left{grid-column:1;grid-row:2}.m-center{grid-column:2;grid-row:2;background:#ffffff0d;border-color:#ffffff1a}.m-right{grid-column:3;grid-row:2}.m-down{grid-column:2;grid-row:3}.m-actions{display:flex;flex-direction:column;gap:6px;position:absolute;bottom:16px;left:12px;z-index:25}.m-actions-row{display:flex;gap:8px}.m-act-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-size:17px;color:#fffc;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.m-act-btn:active{background:#ffffff59}.m-act-btn.m-chat-toggle{background:#3b82f64d;border-color:#3b82f680}.m-act-btn.m-act-cmd{background:#3b82f626;border-color:#3b82f659;font-size:15px}.m-act-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.m-act-label{font-size:8px;color:#ffffff80;font-weight:700;text-align:center}.m-general-only{display:none}.m-general-only.visible{display:flex}.m-chat-close{position:absolute;top:4px;right:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:14px;cursor:pointer;z-index:31;-webkit-tap-highlight-color:transparent}.m-chat-close:active{background:#ffffff40;color:#fff}.m-drawer-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90}.m-drawer-backdrop.open{display:block}.m-drawer{display:block;position:fixed;top:0;left:-280px;width:280px;height:100%;background:#0f0f1f;border-right:1px solid #1a1a2e;z-index:95;transition:left .25s ease;overflow-y:auto}.m-drawer.open{left:0}.m-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #1a1a2e;font-size:15px;font-weight:700;color:#fff}.m-drawer-close{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:4px 8px}.m-drawer-body{padding:8px;display:flex;flex-direction:column;gap:6px}#dialog-box{max-width:95vw;padding:16px;max-height:85vh}.m-quest-indicator{display:inline-flex;align-items:center;gap:3px;margin-top:2px;padding:2px 6px;background:#141428d9;border:1px solid #3b82f640;border-radius:10px;color:#60a5fa;font-size:9px;font-weight:700;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.m-quest-indicator:active{background:#1e1e3cf2}.m-quest-icon{width:13px;height:13px;display:flex;align-items:center;justify-content:center;background:#3b82f6;color:#fff;border-radius:50%;font-size:8px;font-weight:900;line-height:1}.m-quest-indicator.has-claimable{border-color:#4ade8060;color:#4ade80;animation:mQuestPulse 2s ease-in-out infinite}.m-quest-indicator.has-claimable .m-quest-icon{background:#4ade80;color:#000}@keyframes mQuestPulse{0%,to{box-shadow:0 0 #4ade8000}50%{box-shadow:0 0 8px 2px #4ade804d}}.m-hud-center{display:flex;flex-direction:column;align-items:center;gap:4px}.m-rank-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#141428d9;border:1px solid rgba(255,255,255,.15);border-radius:50%;font-size:14px;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.m-rank-toggle:active{background:#1e1e3cf2}.m-rank-panel{display:block;position:absolute;top:60px;left:50%;transform:translate(-50%);width:200px;max-height:220px;overflow-y:auto;background:#0f0f1feb;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px;z-index:25;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}.m-rank-panel .rank-row{padding:3px 6px;font-size:11px;background:transparent}.m-rank-panel .rank-row.rank-me{background:#3b82f626}.m-rank-panel .rank-pos{width:16px;height:16px;font-size:9px}.m-rank-panel .rank-name{font-size:11px}.m-rank-panel .rank-score{font-size:10px}.m-rank-panel .rank-badge{font-size:8px;padding:0 3px}}.quest-hud-panel{padding:8px 10px}.quest-hud-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.quest-hud-view-all{background:none;border:none;color:#60a5fa;font-size:10px;font-weight:600;cursor:pointer;padding:2px 4px;transition:color .15s}.quest-hud-view-all:hover{color:#93c5fd}.quest-hud-list{display:flex;flex-direction:column;gap:6px}.quest-hud-empty{font-size:11px;color:#555;text-align:center;padding:4px 0}.quest-hud-item{padding:6px 8px;background:#1a1a30;border-radius:6px;border-left:3px solid #3b82f6;cursor:pointer;transition:background .15s}.quest-hud-item:hover{background:#1e2040}.quest-hud-item.ready{border-left-color:#4ade80;animation:questReadyPulse 2s ease-in-out infinite}@keyframes questReadyPulse{0%,to{background:#1a1a30}50%{background:#1a2e20}}.quest-hud-name{font-size:11px;font-weight:600;color:#ddd;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-hud-bar{height:4px;background:#111;border-radius:2px;overflow:hidden}.quest-hud-bar-fill{height:100%;background:#3b82f6;border-radius:2px;transition:width .4s ease}.quest-hud-bar-fill.done{background:#4ade80}.guide-dialog{text-align:center;padding:8px 0}.guide-icon{font-size:48px;line-height:1;margin-bottom:12px}.guide-title{font-size:18px;font-weight:800;color:#fff;margin-bottom:12px}.guide-body{font-size:13px;color:#bbb;line-height:1.7;margin-bottom:20px;min-height:60px}.guide-dots{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.guide-dot{width:8px;height:8px;border-radius:50%;background:#333;cursor:pointer;transition:all .2s}.guide-dot.active{background:#3b82f6;transform:scale(1.3)}.guide-dot:hover:not(.active){background:#555}.guide-actions{display:flex;justify-content:center;gap:10px;margin-bottom:12px}.guide-btn{padding:10px 24px;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.guide-btn:hover{filter:brightness(1.15)}.guide-skip{background:#333;color:#aaa}.guide-prev{background:#333;color:#ccc}.guide-next{background:#3b82f6;color:#fff}.guide-done{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:10px 32px}.guide-checkbox-row{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.guide-checkbox-row input[type=checkbox]{accent-color:#3b82f6;width:14px;height:14px;cursor:pointer}.profile-dialog{text-align:center}.profile-header{display:flex;align-items:center;gap:14px;justify-content:center;margin-bottom:12px}.profile-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#fff}.profile-info{text-align:left}.profile-name{font-size:18px;font-weight:800;color:#fff}.profile-status{display:flex;align-items:center;gap:6px;font-size:11px;color:#888;margin-top:2px}.profile-dot{width:8px;height:8px;border-radius:50%}.profile-title-badge{display:inline-block;padding:3px 12px;border-radius:12px;background:#1a1a30;border:1px solid #a78bfa40;color:#a78bfa;font-size:12px;font-weight:600;margin-bottom:12px}.profile-details{text-align:left;margin:0 auto 16px;max-width:280px}.profile-row{display:flex;justify-content:space-between;padding:5px 0;font-size:13px;border-bottom:1px solid #1e1e3a}.profile-row span:first-child{color:#777}.profile-row span:last-child{color:#fff;font-weight:600}.profile-friend-btn{display:inline-block;padding:8px 20px;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.profile-friend-btn.add{background:#3b82f6;color:#fff}.profile-friend-btn.add:hover{background:#2563eb}.profile-friend-btn.remove{background:#333;color:#ef4444;border:1px solid #ef444440}.profile-friend-btn.remove:hover{background:#ef444420}.profile-friend-btn:disabled{opacity:.5;cursor:not-allowed}.profile-friend-status{font-size:12px;color:#888;padding:8px 20px;display:inline-block}.friend-tabs{display:flex;gap:4px;margin:12px 0 8px}.friend-tab{flex:1;padding:6px 4px;border:1px solid #444;border-radius:6px;background:#1a1a2e;color:#888;font-size:11px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s;position:relative}.friend-tab:hover{border-color:#666;color:#ccc}.friend-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.friend-tab.has-badge:after{content:"";position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:#ef4444}.friend-section{max-height:45vh;overflow-y:auto}.friend-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#16162a;border:1px solid #1e1e3a;border-radius:6px;margin-bottom:4px}.friend-row-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.friend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.friend-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-meta{font-size:10px;color:#666;white-space:nowrap}.friend-row-actions{display:flex;gap:4px;flex-shrink:0;margin-left:8px}.friend-act-btn{width:28px;height:28px;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.friend-act-btn.accept{background:#065f46;color:#4ade80}.friend-act-btn.accept:hover{background:#047857}.friend-act-btn.danger{background:#451a1a;color:#ef4444}.friend-act-btn.danger:hover{background:#7f1d1d}.friend-act-btn.add{background:#1e3a5f;color:#60a5fa}.friend-act-btn.add:hover{background:#1e40af}.friend-act-btn:disabled{opacity:.4;cursor:not-allowed}.friend-empty{text-align:center;color:#555;font-size:12px;padding:16px 0}.friend-subsection-title{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:.5px;padding:8px 0 4px;margin-top:4px;border-top:1px solid #1e1e3a}.friend-search-row{margin-bottom:8px}.friend-search-input{width:100%;padding:8px 12px;border:1px solid #333;border-radius:6px;background:#1a1a2e;color:#fff;font-size:13px;outline:none}.friend-search-input:focus{border-color:#3b82f6}