*,*: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}.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}.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}.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%}.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-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-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}.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}.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;white-space:nowrap}.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:10px;color:#888;min-width:42px;white-space:nowrap}.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:#112;border-top:1px solid #222;font-size:10px;color:#444;overflow:hidden}.ad-label{padding:2px 8px;border-radius:3px;background:#222;color:#666;font-size:9px;font-weight:700;margin-right:12px}::-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:400px;width:90%;text-align:center}#dialog-close{margin-top:16px;padding:8px 24px;border:none;border-radius:6px;background:#333;color:#fff;cursor:pointer;font-size:13px}