/* ═══════════════════════════════════════════════════════════
   style.css — TimeRO Global Styles
   Stripped clean: header CSS lives in header.php <style>
   Page-specific design tokens live in each page's <style>
═══════════════════════════════════════════════════════════ */

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{overflow-x:hidden;scroll-behavior:smooth;}
body{
    font-family:'Rajdhani',sans-serif;
    font-size:16px;
    color:#e8eef8;
    background:#010204;
    min-height:100vh;
    width:100%;
    overflow-x:hidden;
    max-width:100vw;
    padding-top:68px; /* height of fixed header */
}
img{max-width:100%;height:auto;}
a{color:inherit;}
input,select,textarea,button{font-family:inherit;}

/* ── PARALLAX / BG SECTIONS ── */
.parallax{
    background:none;
    background-attachment:fixed;
    background-size:cover;
    display:flex;flex-direction:row;
    justify-content:center;align-items:center;
    min-height:100vh;text-align:center;
    color:#fff;z-index:1;padding-top:80px;
}
.parallax.centered{justify-content:center;}
.library-background{
    min-height:100vh;
    background:url('/images/databasebg.jpg') center no-repeat;
    background-attachment:fixed;background-size:cover;
    text-align:center;color:#fff;
}
.library-background::before{
    content:'';position:absolute;inset:0;
    background:rgba(0,0,0,0.05);z-index:1;
}
.halloffame-background{
    background:url('/images/halloffame.jpg') center/cover no-repeat;
    background-attachment:fixed;
}
.fixed-background{
    background:url('/images/profilebackground.jpg') no-repeat right center;
    background-size:cover;position:relative;
    height:100%;width:100%;background-attachment:fixed;
}
.market-background{
    background:url('/images/market.jpg') center/cover no-repeat;
    background-attachment:fixed;background-size:cover;
    text-align:center;color:#fff;min-height:100vh;
}
#profile{
    min-height:100vh;background-attachment:fixed;background-size:cover;
    display:flex;flex-direction:column;justify-content:center;align-items:center;
}

/* ── SECTION CONTAINERS ── */
.section-box{
    position:relative;z-index:15;
    display:flex;flex-direction:column;
    background:#00000000;
    padding:50px 60px;border-radius:12px;
    margin:20px auto;width:90%;max-width:1200px;
    overflow:visible;text-align:center;
    justify-content:center;align-items:center;
}
.section-box2{
    position:relative;z-index:15;
    display:flex;flex-direction:column;
    background:rgba(0,0,0,0.5);
    padding:50px 60px;border-radius:12px;
    margin:20px auto;width:90%;max-width:1200px;
    overflow:visible;text-align:center;
    justify-content:center;align-items:center;
    box-shadow:0 8px 20px rgba(0,0,0,0.6);
    border:10px solid #000;
}
.section-box3{
    position:relative;z-index:15;
    display:flex;flex-direction:column;
    background:rgba(31,31,31,0.5);
    padding:40px;border-radius:8px;
    margin:20px 0;margin-top:50px;
    width:80%;max-width:1200px;
    text-align:left;justify-content:center;align-items:center;
}
section{position:relative;z-index:15;}
.section-center{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;}
.main-section{
    min-height:100vh;display:flex;align-items:center;justify-content:center;
    position:relative;z-index:1;padding:20px;margin-top:66px;
    background-image:url('./bkgrag.jpeg');background-size:cover;
    background-position:center;background-repeat:no-repeat;
}
.main-section::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.377);z-index:-1;}

/* ── FOOTER ── */
.main-footer{
    background:linear-gradient(180deg,rgba(28,28,32,0.97),rgba(35,35,40,0.98));
    padding:4rem 0 0;color:#FFF5E1;
    border-top:1px solid rgba(255,183,77,0.2);
}
.footer-content{
    max-width:1200px;margin:0 auto;padding:0 2rem;
    display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;
}
.footer-section h3{color:#FFB74D;font-size:1.2rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;}
.footer-section p{color:#FFF5E1;opacity:.8;line-height:1.6;font-size:.95rem;}
.footer-section ul{list-style:none;padding:0;}
.footer-section ul li{margin-bottom:.8rem;}
.footer-section ul a{color:#FFF5E1;text-decoration:none;opacity:.8;transition:all .3s;}
.footer-section ul a:hover{color:#FFB74D;opacity:1;}
.discord-support{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,183,77,.1);border-radius:10px;border:1px solid rgba(255,183,77,.2);}
.discord-support i{font-size:2rem;color:#FFB74D;}
.discord-support h4{color:#FFB74D;margin:0;font-size:1.1rem;}
.discord-support p{margin:.2rem 0 0;font-size:.9rem;}
.footer-download{width:100%;margin-bottom:.5rem;}
.version-info{font-size:.85rem;text-align:center;}
.footer-bottom{margin-top:4rem;padding:2rem;border-top:1px solid rgba(255,183,77,.1);background:rgba(28,28,32,.95);}
.footer-logo{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:1rem;text-align:center;}
.footer-logo img{height:30px;opacity:.9;}
.footer-credits{text-align:center;}
.footer-credits p{margin:.3rem 0;font-size:.9rem;color:#FFF5E1;opacity:.7;}
.heart{color:#FFB74D;display:inline-block;animation:heartbeat 1.5s ease infinite;}
@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
@media(max-width:1024px){.footer-content{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.footer-content{grid-template-columns:1fr;}.footer-logo{flex-direction:column;}}

/* ── ACTION BUTTONS ── */
.action-button{
    background-color:#000;color:#f9a826;
    padding:8px 25px;border-radius:8px;text-decoration:none;
    font-size:1.2rem;font-weight:bold;letter-spacing:.05em;
    border:2px solid #f9a826;
    display:inline-flex;align-items:center;justify-content:center;
    box-shadow:0 5px 15px rgba(0,0,0,.5);
    transition:background-color .3s,transform .3s,box-shadow .3s;
    margin-top:20px;width:100%;max-width:225px;
    overflow:hidden;position:relative;
}
.action-button:hover{background:linear-gradient(145deg,#222,#111);box-shadow:0 10px 20px rgba(0,0,0,.7),0 0 10px #ffd700;transform:translateY(-4px);border-color:#ffda75;}
.action-button i{margin-right:10px;font-size:1.5rem;color:#f9a826;}

.anime-button{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-decoration:none;background:linear-gradient(145deg,#202020,#2a2a2a);
    border:2px solid #f8b400;padding:20px;width:160px;height:160px;
    border-radius:18px;box-shadow:0 4px 8px rgba(0,0,0,.4),inset 0 -4px 6px rgba(255,255,255,.05);
    transition:transform .3s,box-shadow .3s,background .3s;
    color:#fff;position:relative;overflow:hidden;cursor:pointer;z-index:5;
}
.anime-button img{width:70px;height:70px;margin-bottom:12px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.5));transition:transform .3s,filter .3s;}
.anime-button span{font-size:1.1rem;font-weight:bold;letter-spacing:.05em;color:#f8b400;transition:color .3s;}
.anime-button:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.8);}
.anime-button:hover img{transform:scale(1.1);filter:drop-shadow(0 8px 12px rgba(255,184,0,.5));}
.anime-button:hover span{color:#ffd452;}

.login-btn{
    border-radius:50px;padding:4px 8px;display:inline-flex;align-items:center;justify-content:center;
    min-width:85px;gap:10px;transition:all .25s;
    border:3px solid #FFD166;box-shadow:0 5px 0 #F48C06,0 0 12px rgba(255,209,102,.6);
    background-color:#FFB703;cursor:pointer;
}
.login-btn a{color:#fff;text-decoration:none;font-weight:900;font-size:1rem;text-shadow:1px 1px 2px #000;}
.login-btn:hover{background-color:#fff;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 0 #F48C06,0 0 18px rgba(255,209,102,.8);}
.login-button{background:linear-gradient(135deg,#f9a826,#ffba38);color:#fff;padding:12px 40px;font-size:1.1rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px #ffba38;text-transform:uppercase;letter-spacing:1px;}
.login-button:hover{background:linear-gradient(135deg,#ffba38,#f9a826);transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.2);}

.register-button{background:linear-gradient(135deg,#f9a826,#ffba38);color:#fff;padding:12px 40px;font-size:1.1rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px;}
.register-button:hover{background:linear-gradient(135deg,#ffba38,#f9a826);transform:translateY(-3px);}
.register-link{text-align:center;margin-top:15px;font-size:1rem;}
.register-link a{color:#f9a826;text-decoration:none;font-weight:bold;position:relative;}

/* ── DATABASE TOOLTIP MENU ── */
.tooltip-menu{
    display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;
    margin:18px 0 26px;padding:14px 18px;border-radius:22px;
    background:linear-gradient(180deg,rgba(42,43,49,.96),rgba(28,29,34,.94));
    border:1px solid rgba(214,166,38,.42);
    box-shadow:0 14px 34px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.06);
    width:100%;box-sizing:border-box;position:relative;z-index:3;
}
.tooltip-menu .database-button{
    display:inline-flex;align-items:center;justify-content:center;gap:12px;
    min-width:180px;padding:14px 24px;border-radius:16px;text-decoration:none;
    background:linear-gradient(180deg,#fff2b8,#f3de87);
    border:1px solid #cf9516;color:#2b2b2b;font-weight:800;text-transform:uppercase;
    letter-spacing:.03em;
    box-shadow:0 6px 18px rgba(238,164,28,.24),inset 0 1px 0 rgba(255,255,255,.55);
    transition:transform .18s,box-shadow .18s,filter .18s;position:relative;z-index:1;
}
.tooltip-menu .database-button:hover{transform:translateY(-2px);filter:brightness(1.03);}
.tooltip-menu .database-button img{width:34px;height:34px;object-fit:contain;flex-shrink:0;}
@media(max-width:640px){.tooltip-menu{flex-direction:column;align-items:stretch;}.tooltip-menu .database-button{width:100%;min-width:0;}}

/* ── MODERN TABLE (database pages) ── */
.modern-table{width:100%;border-collapse:collapse;margin-top:20px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,rgba(20,20,20,.08),rgba(30,30,30,.2));color:#fff;font-weight:bold;z-index:15;}
.modern-table th{background:linear-gradient(135deg,#f0f0f0,#d4d4d4);color:#724f00;border-bottom:4px solid rgba(255,153,0,.9);font-size:1.1rem;font-weight:bold;padding:16px;letter-spacing:1.2px;text-transform:uppercase;}
.modern-table td{padding:16px;text-align:center;font-size:1rem;border-bottom:2px solid rgba(255,255,255,.1);font-weight:bold;}
.modern-table tr:nth-child(even){background:rgba(200,200,255,.2);}
.modern-table tr:nth-child(odd){background:rgba(180,120,50,.15);}
.modern-table tr:hover{background:rgba(255,215,0,.35);color:#fff;cursor:pointer;}
.modern-table th:nth-child(2),.modern-table td:nth-child(2),.modern-table th:nth-child(10),.modern-table td:nth-child(10){color:#e2aa00;font-weight:bold;}
.sprite-container img{max-width:40px;max-height:40px;display:block;margin:0 auto;}
@media(max-width:768px){.modern-table{font-size:.9rem;}.modern-table th,.modern-table td{padding:12px;}}
@media(max-width:480px){.modern-table{font-size:.8rem;}.modern-table th,.modern-table td{padding:10px;}}

/* ── PAGINATION ── */
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:10px;border-radius:8px;}
.pagination button{padding:8px 14px;cursor:pointer;border:2px solid #f9a826;background:#222;color:#f9a826;font-weight:bold;border-radius:6px;transition:all .3s;}
.pagination button:hover{background:#f9a826;color:#222;transform:scale(1.1);}
.pagination button:disabled{cursor:not-allowed;opacity:.5;background:#444;border-color:#666;color:#bbb;transform:none;}

/* ── FIRST MENU (filter pills) ── */
.first-menu{background:#333;border:1px solid #888;border-radius:8px;padding:10px;display:flex;justify-content:center;gap:15px;}
.first-menu ul{list-style:none;display:flex;gap:10px;margin:0;padding:0;}
.first-menu li{color:#d4af37;font-weight:bold;cursor:pointer;padding:5px 10px;border-radius:4px;transition:background .3s;}
.first-menu li:hover{background:#444;}
.first-menu li.selected-filter{background:yellow;color:#333;}

/* ── TABS ── */
.tab-container{display:flex;justify-content:center;margin-bottom:20px;}
.tab-content{display:none;}
.tab-content.active{display:block;}
.tab-button{background:rgba(31,31,31,.7);color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:1rem;transition:background .3s;border-radius:8px;}
.tab-button.active{background:#f9a826;color:#1f1f1f;}

/* ── PROFILE ── */
.profile-container{
    display:flex;flex-direction:column;align-items:center;
    width:80%;max-width:1200px;margin:20px auto;
    background:rgba(31,31,31,.5);padding:20px;border-radius:8px;
}
.profile-page-title{text-align:center;font-size:2.2rem;color:#f9a826;margin-bottom:-10px;text-shadow:0 4px 8px rgba(0,0,0,.5);}
.profile-table-container{margin:50px auto;width:100%;max-width:850px;border-radius:15px;border:2px solid rgba(249,168,38,.4);transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.8);transition:transform .3s,box-shadow .3s;}
.profile-table{width:100%;border-collapse:collapse;text-align:center;overflow:hidden;border-radius:12px;background:rgba(0,0,0,.9);box-shadow:0 12px 25px rgba(255,204,0,.3);border:2px solid #ffcc00;}
.profile-table th{background:linear-gradient(90deg,rgba(20,20,20,.95),rgba(40,40,40,.95));color:#ffcc00;text-transform:uppercase;font-weight:bold;padding:18px 12px;border-bottom:3px solid #ffcc00;font-size:1.2rem;}
.profile-table td{background:linear-gradient(145deg,#2b2b2b,#1a1a1a);padding:16px 12px;border-bottom:1px solid rgba(255,255,255,.1);color:#ffcc00;font-size:1.2rem;font-weight:bold;}
.profile-table img{width:85px;height:85px;border-radius:50%;border:2px solid #f9a826;}
.profile-picture{width:28px;height:28px;border-radius:50%;border:2px solid #fff;}
.secondary-menu{background:linear-gradient(359deg,#2b2b2b,#1a1a1a);padding:12px 20px;border-radius:15px;width:100%;text-align:center;margin-bottom:30px;box-shadow:0 8px 25px rgba(255,204,0,.3);border:2px solid rgba(255,204,0,.5);}
.secondary-menu ul{list-style-type:none;padding:0;margin:0;display:flex;justify-content:space-evenly;gap:30px;}
.secondary-menu ul li a{color:#ffcc00;font-size:1.3rem;font-weight:600;text-decoration:none;padding:12px 20px;border-radius:8px;transition:background .3s,color .3s,transform .2s;}
.secondary-menu ul li a:hover{background:#ffcc00;color:#1f1f1f;transform:scale(1.1);}

/* ── WALLET ── */
.wallet-section{text-align:center;background:#00000070;color:#fff;padding:40px;border-radius:12px;width:95%;max-width:1000px;margin:40px auto;position:relative;overflow:hidden;}
.wallet-section h2{font-size:1.8rem;font-weight:bold;color:#ffcc00;margin-bottom:15px;text-transform:uppercase;}
.wallet-stats{display:flex;justify-content:space-between;gap:20px;margin-top:30px;width:100%;max-width:900px;margin-left:auto;margin-right:auto;}
.wallet-card{background:linear-gradient(145deg,#232323,#1a1a1a);border:2px solid #3a3a3a;padding:25px;border-radius:12px;width:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;transition:transform .3s,box-shadow .3s;box-shadow:0 0 3px rgba(255,204,0,.8);}
.wallet-card h3{color:#ffcc00;font-weight:700;font-size:1.3rem;margin-bottom:12px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;}
.wallet-card p{font-size:1.5rem;font-weight:bold;color:#d9d9d9;margin:5px 0;}
.wallet-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.6);border-color:#ffda75;}
.wallet-actions{display:flex;justify-content:space-around;margin-top:40px;gap:20px;}
.balance-card{width:95%;max-width:1200px;margin:20px auto;padding:8px 20px;background:#000;border:2px solid #f9a826;border-radius:8px;display:flex;justify-content:space-around;align-items:center;color:#f9a826;font-size:1.1rem;font-weight:bold;text-transform:uppercase;}
@media(max-width:1024px){.wallet-stats{flex-direction:column;gap:15px;}.wallet-card{width:100%;}}

/* ── RANKINGS ── */
.ranking-table{width:90%!important;border-collapse:collapse;margin:20px auto;box-shadow:0 8px 25px rgba(0,0,0,.4);border-radius:14px;overflow:hidden;}
.ranking-table th{background:linear-gradient(180deg,#f9a826,#e08f20);color:#1f1f1f;text-transform:uppercase;font-weight:bold;font-size:1.2rem;letter-spacing:1.2px;padding:16px 12px;border-bottom:4px solid rgba(255,255,255,.3);}
.ranking-table td{background:rgba(31,31,31,.9);border:1px solid rgba(255,255,255,.12);padding:16px;text-align:center;font-size:1rem;color:#eaeaea;transition:background .3s;}
.ranking-table tr:nth-child(1) td,.ranking-table tr:nth-child(2) td{background:rgba(249,168,38,.2);font-weight:bold;color:#fff;}
.ranking-table tr:nth-child(3) td{background:rgba(249,168,38,.15);}
.ranking-table tr:hover td{background:rgba(249,168,38,.15);color:#fff;}
.ranking-sections{margin-top:40px;margin-bottom:80px;text-align:center;display:flex;flex-direction:column;justify-content:bottom;align-items:center;}
.ranking-sections h3{margin-bottom:40px;font-size:1.8rem;color:#f9a826;}
.ranking-sections ul{list-style:none;padding:0;display:flex;gap:15px;justify-content:center;flex-wrap:wrap;}
.ranking-sections ul li a{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1f1f1f,#292929);padding:15px 20px;color:#fff;text-decoration:none;border-radius:12px;font-weight:bold;font-size:1rem;transition:all .3s;height:60px;}
.ranking-sections ul li a:hover{background:linear-gradient(145deg,#f9a826,#ffc657);color:#1f1f1f;transform:translateY(-3px);}
.ranking-sections ul li a.active-ranking{background:linear-gradient(145deg,#f9a826,#e08f20);color:#1f1f1f;}
.ranking-table-content{animation:fadeIn .4s ease-in-out;width:100%;}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:768px){.ranking-table th,.ranking-table td{font-size:.9rem;padding:12px;}}

/* ── MARKET ── */
.mkp-container{margin:20px;}
.mkp-submenu{display:flex;gap:20px;margin-bottom:15px;}
.mkp-submenu button{background:#000;color:#f9a826;border:2px solid #f9a826;border-radius:8px;font-size:1rem;font-weight:bold;padding:8px 16px;cursor:pointer;transition:background-color .3s,transform .3s,box-shadow .3s;margin:5px;position:relative;overflow:hidden;}
.mkp-submenu button:hover{background:linear-gradient(145deg,#222,#111);box-shadow:0 10px 20px rgba(0,0,0,.7),0 0 10px #ffd700;transform:translateY(-4px);}
.mkp-submenu button.active{background:#f9a826;color:#000;box-shadow:0 0 10px 3px rgba(249,168,38,.6);}
.mkp-searchbar{margin-bottom:15px;display:flex;gap:10px;align-items:center;}
.mkp-search-input{padding:8px;border:1px solid #555;border-radius:4px;background:#1f1f1f;color:#f9a826;}
.mkp-search-input:focus{outline:none;border-color:#f9a826;}
.mkp-search-button{padding:10px 20px;border:none;border-radius:4px;font-weight:bold;font-size:1rem;cursor:pointer;background:linear-gradient(145deg,#000,#111);box-shadow:0 4px 8px rgba(0,0,0,.7),0 0 8px #ffd700;border:1px solid #ffda75;color:#fff;transition:background .3s,transform .2s;}
.mkp-search-button:hover{background:#f9a826;}
.mkp-filters{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:15px;}
.mkp-filter-select{padding:6px;border:1px solid #555;border-radius:4px;background:#1f1f1f;color:#f9a826;}
.mkp-table-wrapper{width:100%;overflow-x:auto;margin-bottom:20px;border-radius:10px;background:#1a1a1a;box-shadow:0 4px 15px rgba(0,0,0,.6);padding:10px;}
.mkp-table{width:100%;min-width:900px;border-collapse:collapse;background:#1a1a1a;border-radius:10px;overflow:hidden;}
.mkp-table thead th{background:#2b2b2b;color:#ffcc00;border:1px solid #ffcc00;text-transform:uppercase;font-weight:bold;font-size:1.2rem;text-align:center;padding:12px 15px;}
.mkp-table td{border:1px solid #fff;padding:12px 15px;font-size:1rem;color:#000;text-align:center;font-weight:bold;}
.mkp-table tbody tr:nth-child(even){background:#fff;}
.mkp-table tbody tr:nth-child(odd){background:#c2c2c2;}
.mkp-table tbody tr:hover{background:#f3dc75;transform:scale(1.01);}
.market-table{margin:0 auto;width:80%;border-collapse:collapse;}
.market-table th{background:#1f1f1f;color:#f9a826;padding:12px 15px;font-weight:bold;font-size:1.2rem;text-align:center;border-bottom:1px solid #ddd;}
.market-table td{padding:10px 15px;text-align:center;border-bottom:1px solid #ddd;}
.buy-button{display:inline-block;background:#f9a826;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background .3s;}
.buy-button:hover{background:#e08f20;}

/* ── GAME ACCOUNTS ── */
.game-accounts-section{background:radial-gradient(circle at top,#383838,#1f1f1f);padding:50px 30px;border-radius:20px;width:90%;margin:40px auto;text-align:center;color:#fff;box-shadow:0 15px 30px rgba(0,0,0,.7);border:2px solid rgba(249,168,38,.4);max-width:1000px;}
.game-accounts-table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 6px 15px rgba(0,0,0,.4);border-radius:10px;overflow:hidden;}
.game-accounts-table th{background:linear-gradient(145deg,#333,#222);color:#f9a826;padding:18px 10px;text-transform:uppercase;font-weight:bold;border-bottom:2px solid rgba(255,255,255,.1);}
.game-accounts-table td{background:rgba(31,31,31,.9);color:#fff;padding:15px 10px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);}
.account-row{cursor:pointer;transition:background .3s,transform .2s;}
.account-row:hover{background:linear-gradient(145deg,#484848,#3b3b3b);transform:translateY(-2px);}
.create-account-button{display:inline-block;padding:15px 30px;background:linear-gradient(145deg,#e28f24,#c8781b);color:#1f1f1f;font-size:1.1rem;font-weight:bold;border-radius:30px;box-shadow:0 8px 15px rgba(0,0,0,.4);transition:all .3s;text-decoration:none;transform:translateY(-3px);}
.create-account-button:hover{background:linear-gradient(145deg,#f9a826,#e08f20);transform:translateY(-3px);box-shadow:0 12px 20px rgba(0,0,0,.7);}

/* ── NEWS FEED ── */
.news-feed{background:linear-gradient(135deg,rgba(31,31,31,.4),rgba(50,50,50,.3));padding:40px;border-radius:20px;width:100%;max-width:1100px;margin:0 auto 40px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;border:2px solid rgba(249,168,38,.4);box-shadow:0 10px 25px rgba(0,0,0,.7),0 0 15px rgba(249,168,38,.5);}
.news-feed h2{color:#f9a826;font-size:2rem;margin-bottom:30px;text-shadow:0 2px 10px rgba(249,168,38,.6);position:relative;z-index:2;}
.news-feed p{color:#fff;font-size:1.4rem;margin-bottom:15px;font-weight:bold;}
.news-item{display:none;text-align:center;color:#fff;padding:20px;flex-direction:column;border-radius:12px;}
.news-item.active{display:flex;transform:scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,.6),0 0 15px rgba(249,168,38,.5);}
.news-arrow{background:none;border:2px solid #f9a826;color:#f9a826;font-size:2.5rem;cursor:pointer;padding:10px 15px;border-radius:50%;transition:background .3s,color .3s,transform .2s;}
.news-arrow:hover{background:#f9a826;color:#1f1f1f;transform:scale(1.2);}

/* ── COUNTERS ── */
.counters-section{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:nowrap;width:100%;max-width:900px;margin:20px auto;padding-bottom:10px;}
.counter-box{background:#00000020;width:200px;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;color:#fff;position:relative;overflow:hidden;border:2px solid #f9a826;text-align:center;min-width:200px;}
.counter-box h3{color:#f9a826;font-size:1.2rem;margin-bottom:5px;font-weight:bold;}
.counter-box p{font-size:1.8rem;font-weight:bold;margin:0;}
.counter-box:hover{background:linear-gradient(145deg,#292929,#1a1a1a);border-color:#ffda75;box-shadow:0 10px 20px rgba(0,0,0,.7),0 0 10px #ffd700;}

/* ── MODAL ── */
.modal{display:none;position:fixed;z-index:1002;inset:0;overflow:auto;background:rgba(0,0,0,.8);}
.modal-content{background:rgba(31,31,31,.9);margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:500px;border-radius:8px;}
.close-button{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer;}
.close-button:hover{color:#f9a826;}

/* ── AUTH FORMS ── */
.social-login{margin-bottom:20px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto 20px;}
.social-login a{display:flex;align-items:center;justify-content:center;padding:14px 28px;font-size:1.2rem;color:#fff;text-decoration:none;border-radius:10px;width:100%;transition:all .3s;box-shadow:0 4px 10px rgba(0,0,0,.1);}
.social-login a i{margin-right:12px;font-size:1.5rem;}
.google-btn{background:linear-gradient(135deg,#4285F4,#357ae8);border:1px solid #357ae8;margin-bottom:10px;}
.facebook-btn{background:linear-gradient(135deg,#4267B2,#365899);border:1px solid #365899;}
.google-btn:hover{background:linear-gradient(135deg,#357ae8,#4285F4);}
.facebook-btn:hover{background:linear-gradient(135deg,#365899,#4267B2);}
.input-field{position:relative;margin-bottom:20px;width:100%;}
.input-field input{width:100%;padding:10px 15px 10px 40px;border-radius:5px;border:none;background:#2b2b2b;color:#fff;font-size:1rem;}
.input-field i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#f9a826;}
input:focus{border:1px solid #ffaa00;box-shadow:0 0 8px #ffaa00;transition:.3s;}

/* ── TIMELINE ── */
.timeline-table{justify-content:center;align-items:center;width:100%;margin-top:20px;}
.timeline-table table{width:85%;max-width:900px;margin:0 auto;border-collapse:collapse;background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(249,168,38,.5);}
.timeline-table th{background:linear-gradient(90deg,#c49b24,#f9a826);color:#111;font-weight:bold;text-transform:uppercase;padding:15px;font-size:16px;}
.timeline-table td{padding:15px;border-bottom:2px solid #f9a826;color:#f3c770;font-size:15px;}
.timeline-table tr:nth-child(even){background:rgba(255,215,0,.1);}
.timeline-table tr:hover{background:rgba(255,215,0,.2);transition:.3s;}

/* ── REFERRAL ── */
.referral-section{text-align:center;background:rgba(0,0,0,.65);padding:20px;margin:20px auto;border-radius:12px;color:#fff;max-width:900px;}
.referral-section h3{font-size:1.8rem;color:#f9a826;margin-bottom:10px;}
.referral-code-box,.afilliate-code-box{display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.1);padding:10px 15px;border-radius:8px;font-size:1.3rem;font-weight:bold;}
.referral-code-box button,.afilliate-code-box button{margin-left:10px;background:#f9a826;color:#000;border:none;padding:8px 15px;cursor:pointer;border-radius:6px;transition:background .3s;}
.referral-code-box button:hover,.afilliate-code-box button:hover{background:#ffd700;}

/* ── MISC UTILS ── */
.database-container{margin:0 auto;max-width:90%;padding:20px;}
.captcha-container{display:flex;flex-direction:column;align-items:center;margin:20px auto;width:100%;max-width:400px;background:rgba(0,0,0,.75);padding:20px;border-radius:10px;text-align:center;}
.captcha-button{background:#f9a826;color:#000;font-size:1rem;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;transition:.3s;margin-top:15px;}
.captcha-button:hover{background:#ffbb33;transform:scale(1.05);}
.icon{vertical-align:middle;height:24px;margin-right:5px;}
.image-centered{display:block;margin:20px auto;max-width:100%;}
.image-row,.image-right{display:flex;align-items:center;gap:15px;}
.image-row p,.image-right p{flex:1;margin:0;}
.image-right{justify-content:space-between;}
.promotion-gradient{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#f9a826,#ff6f61);text-align:center;color:#fff;}
.flame-text{color:#fff;font-weight:bold;font-size:1.2rem;animation:flameEffect 2s infinite alternate;}
@keyframes flameEffect{100%{text-shadow:0 0 5px #ff6,0 0 10px #ff6,0 0 15px #ff4500,0 0 20px #ff4500,0 0 25px #f00;}}
tr.top1{animation:flameEffect 1.5s infinite alternate;background:gold;color:#000;}
tr.top2{background:silver;color:#000;}
tr.top3{background:#cd7f32;color:#fff;}
.logout-btn{color:#f9a826;text-decoration:none;}
.logout-btn:hover{color:#fff;}

/* ── RESPONSIVE ── */
@media(max-width:768px){
    .wallet-actions{flex-direction:column;gap:15px;}
    .action-button,.wallet-card{width:100%;}
    .counters-section{flex-wrap:wrap;}
    .counter-box{min-width:160px;}
    .news-feed{padding:20px;}
    .game-accounts-section{width:90%;padding:20px;}
    .game-accounts-table th,.game-accounts-table td{padding:10px 5px;font-size:.9rem;}
    .section-box,.section-box2{padding:30px 20px;}
}
@media(max-width:480px){
    .main-section{padding:10px;}
    .counters-section{flex-direction:column;align-items:center;}
}