/* mode-picker.css - Game mode selection modal */
.bao-selector{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.85)}
.bao-selector.visible{display:flex}
.bao-selector-inner{width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow-y:auto;background:#0d0e12;border:1.5px solid rgba(252,213,53,0.3);border-radius:16px;padding:28px;animation:jackpotIn 0.4s cubic-bezier(0.34,1.56,0.64,1)}
.bao-selector-inner h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;font-weight:800;color:#EAECEF;text-align:center;margin-bottom:4px}
.bao-selector-inner .mp-sub{font-size:12px;color:#5E6673;text-align:center;margin-bottom:20px}
.mp-close{position:absolute;top:16px;right:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(234,236,239,0.06);color:#5E6673;font-size:16px;cursor:pointer;transition:all 0.15s;border:none}
.mp-close:hover{background:rgba(234,236,239,0.12);color:#EAECEF}
.mp-modes{display:flex;flex-direction:column;gap:10px}
.mp-mode{display:flex;align-items:center;gap:16px;padding:16px;border-radius:10px;border:1px solid rgba(43,47,54,0.6);background:linear-gradient(135deg,rgba(30,32,38,1),rgba(20,22,28,1));cursor:pointer;transition:all 0.2s;position:relative;overflow:hidden}
.mp-mode:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,0.4)}
.mp-mode.mp-rush{background:linear-gradient(135deg,rgba(252,213,53,0.07),rgba(252,213,53,0.04));border-color:rgba(252,213,53,0.15)}
.mp-mode.mp-rush:hover{border-color:rgba(252,213,53,0.45);box-shadow:0 6px 20px rgba(252,213,53,0.1)}
.mp-mode.mp-combat{background:linear-gradient(135deg,rgba(246,70,93,0.07),rgba(246,70,93,0.04));border-color:rgba(246,70,93,0.15)}
.mp-mode.mp-combat:hover{border-color:rgba(246,70,93,0.45);box-shadow:0 6px 20px rgba(246,70,93,0.1)}
.mp-mode.mp-tap{background:linear-gradient(135deg,rgba(232,140,48,0.07),rgba(232,140,48,0.04));border-color:rgba(232,140,48,0.15)}
.mp-mode.mp-tap:hover{border-color:rgba(232,140,48,0.45);box-shadow:0 6px 20px rgba(232,140,48,0.1)}
.mp-mode.mp-pirate{background:linear-gradient(135deg,rgba(52,152,219,0.07),rgba(52,152,219,0.04));border-color:rgba(52,152,219,0.15)}
.mp-mode.mp-pirate:hover{border-color:rgba(52,152,219,0.45);box-shadow:0 6px 20px rgba(52,152,219,0.1)}
.mp-mode-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mp-rush .mp-mode-icon{background:rgba(252,213,53,0.12)}
.mp-combat .mp-mode-icon{background:rgba(246,70,93,0.12)}
.mp-tap .mp-mode-icon{background:rgba(232,140,48,0.12)}
.mp-pirate .mp-mode-icon{background:rgba(52,152,219,0.12)}
.mp-mode-info{flex:1;min-width:0}
.mp-mode-name{font-size:15px;font-weight:800;letter-spacing:1px;margin-bottom:4px}
.mp-rush .mp-mode-name{color:#FCD535}
.mp-combat .mp-mode-name{color:#f6465d}
.mp-tap .mp-mode-name{color:#e88c30}
.mp-pirate .mp-mode-name{color:#3498db}
.mp-mode-desc{font-size:12px;color:#848E9C;line-height:1.5}
.mp-mode-arrow{color:#5E6673;flex-shrink:0;transition:transform 0.2s}
.mp-mode:hover .mp-mode-arrow{transform:translateX(3px);color:#EAECEF}
@media(max-width:480px){.bao-selector-inner{padding:20px 16px;border-radius:12px}.mp-mode{padding:14px 12px;gap:12px}.mp-mode-icon{width:38px;height:38px}.mp-mode-name{font-size:13px}.mp-mode-desc{font-size:11px}}