/* --- CORE AERO STYLES --- */
        :root { --glass-border: 1px solid rgba(255, 255, 255, 0.6); --aero-blue: #0078d7; }
        body { margin: 0; background: linear-gradient(135deg, #0077b6 0%, #48cae4 25%, #90e0ef 50%, #caf0f8 75%, #ade8f4 100%) no-repeat center center fixed; background-size: cover; font-family: 'Verdana', sans-serif; font-size: 11px; color: #333; }
        #wrapper { width: 960px; margin: 20px auto; background: rgba(255, 255, 255, 0.9); border-radius: 8px; box-shadow: 0 15px 40px rgba(0,0,0,0.2); overflow: hidden; min-height: 600px; }
        header { height: 120px; background: linear-gradient(to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); position: relative; border-bottom: 1px solid #8bb0cc; }
        .logo-area { position: absolute; top: 20px; left: 20px; }
        h1 { margin: 0; font-family: 'Trebuchet MS', sans-serif; font-size: 32px; color: #0055aa; text-shadow: 2px 2px 2px rgba(255,255,255,0.8); }
        #nav-bar { position: absolute; bottom: 0; right: 20px; display: flex; gap: 3px; }
        .nav-tab { display: block; padding: 8px 12px; background: linear-gradient(to bottom, #fff 0%, #e6e6e6 100%); border-radius: 8px 8px 0 0; border: 1px solid #aaa; border-bottom: none; text-decoration: none; color: #555; font-weight: bold; font-size: 11px; white-space: nowrap; }
        .nav-tab:hover { background: linear-gradient(to bottom, #d4f4ff 0%, #a3e4ff 100%); color: #0055aa; }
        .nav-tab.active { background: #fff; padding-bottom: 9px; color: #000; margin-bottom: -1px; z-index: 10; }
        .content-pad { padding: 20px; }
        
        .odds-board { width: 100%; border-spacing: 0; border: 1px solid #ccc; margin-bottom: 20px; }
        .odds-board th { background: linear-gradient(to bottom, #f0f0f0 0%, #d0d0d0 100%); padding: 8px; border-bottom: 1px solid #999; border-right: 1px solid #ccc; text-align: left; font-size: 10px; color: #333; }
        .odds-board td { padding: 8px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; background: #fff; vertical-align: middle; }
        .odds-board tr:hover td { background: #ffffcc; }
        .spread-box { border: 1px solid #ccc; background: #f9f9f9; padding: 2px 5px; border-radius: 3px; display: inline-block; width: 40px; text-align: center; }
        .category-header { background: #0055aa; color: white; padding: 5px 10px; font-weight: bold; border-radius: 3px; margin-top: 20px; margin-bottom: 10px; display: flex; justify-content: space-between; }

        .history-table { width: 100%; border-collapse: collapse; font-size: 10px; }
        .history-table th { background: #eee; border: 1px solid #ccc; padding: 5px; text-align: left; }
        .history-table td { border: 1px solid #ddd; padding: 4px; background: #fff; }
        .win-row { color: green; background: #eaffea !important; }
        .loss-row { color: red; background: #ffeaea !important; }

        #modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 2000; backdrop-filter: blur(2px); }
        #ticket-window { width: 400px; margin: 100px auto; background: #ece9d8; border: 1px solid #0055ea; border-radius: 8px 8px 0 0; box-shadow: 0 10px 30px rgba(0,0,0,0.5); font-family: 'Tahoma', sans-serif; }
        .window-title { background: linear-gradient(to bottom, #0058ee 0%, #0073e6 3%, #0058ee 4%, #002080 100%); padding: 8px 10px; color: white; font-weight: bold; display: flex; justify-content: space-between; align-items: center; border-radius: 6px 6px 0 0; text-shadow: 1px 1px 0px #000; }
        .close-btn { background: #d5402b; border: 1px solid #fff; color: white; width: 16px; height: 16px; line-height: 14px; text-align: center; font-size: 12px; border-radius: 3px; cursor: pointer; }
        .ticket-body { padding: 15px; border: 1px solid #fff; border-top: none; }
        .paper-slip { background: #fff; border: 1px solid #ccc; padding: 10px; font-family: 'Courier New', monospace; font-size: 12px; box-shadow: inset 0 2px 5px rgba(0,0,0,0.05); margin-bottom: 15px; max-height: 200px; overflow-y: auto; }
        .bet-line { border-bottom: 1px dashed #ccc; padding: 5px 0; }
        .action-area { display: flex; justify-content: space-between; align-items: center; background: #e3e3e3; padding: 10px; border-top: 1px solid #999; }
    

        #auth-container {
            position: absolute; top: 15px; right: 20px; z-index: 1000;
            display: flex; gap: 10px; align-items: center;
            font-family: 'Verdana', sans-serif; font-size: 11px;
        }
        .glass-pill {
            border-radius: 20px; padding: 5px 15px; cursor: pointer;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1); display: flex;
            align-items: center; gap: 8px; font-weight: bold;
            transition: all 0.2s; position: relative; user-select: none;
        }
        .glass-pill:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,0,0,0.15); }
        .token-pill {
            background: linear-gradient(to bottom, #fff 0%, #fffdf0 50%, #fff8db 100%);
            border: 1px solid #d4af37; color: #8a6d3b;
        }
        .user-pill {
            background: linear-gradient(to bottom, #fff 0%, #e6e6e6 100%);
            border: 1px solid #aaa; color: #333;
        }
        #user-dropdown {
            display: none; position: absolute; top: 35px; right: 0; width: 160px;
            background: rgba(255, 255, 255, 0.98); border: 1px solid #999;
            border-radius: 5px; box-shadow: 0 5px 20px rgba(0,0,0,0.3);
            backdrop-filter: blur(5px); text-align: left; overflow: hidden; z-index: 2000;
        }
        .dd-item {
            display: block; padding: 8px 12px; color: #333; text-decoration: none;
            border-bottom: 1px solid #eee;
        }
        .dd-item:hover { background: #e6f7ff; color: #0055aa; }
    
@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}