.game-categories-container{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:5px;padding-top:5px;scrollbar-width:none}.game-categories-container::-webkit-scrollbar{height:6px}.game-categories-container::-webkit-scrollbar-track{background:transparent}.game-categories-container::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}.category-item{color:var(--text-secondary);padding:5px 15px;margin-right:10px;border-radius:20px;font-size:14px;text-decoration:none;transition:all .2s ease;flex-shrink:0}.category-item:hover,.category-item:focus{background-color:#ffffff1a;color:var(--text-primary)}.header{position:fixed;top:0;width:100%;max-width:780px;background-color:var(--background-secondary);box-shadow:0 2px 5px #0006;z-index:1000}.header-top-row{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid var(--border-color)}.header-bottom-row{height:40px;padding:0 20px;border-bottom:1px solid var(--border-color)}.header-left,.header-right{display:flex;align-items:center}.hamburger-menu{background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;margin-right:15px}.logo{font-size:22px;font-weight:700;color:var(--accent-primary);text-decoration:none}.login-btn,.join-btn,.deposit-btn{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:5px;text-align:center;transition:opacity .3s}.login-btn:hover,.join-btn:hover,.deposit-btn:hover{opacity:.9}.login-btn{background-color:transparent;color:var(--text-primary);margin-right:10px}.join-btn{background-color:var(--accent-primary);color:var(--accent-primary-text)}.deposit-btn{background-color:var(--success-color);color:#fff;margin-left:10px}.balance-container{margin-right:15px;font-size:14px;display:flex;align-items:center;padding:2px 1px 2px 15px;border:.5px solid white;border-radius:6px}.transaction-container{margin-right:5px;display:flex;align-items:center;padding:4px}.transaction-container button{background-color:var(--background-secondary)}.transaction-container span{background-color:#026607;color:#fff;margin-top:5px;border-radius:10px;padding:1px 3px}.transaction-count{font-size:xx-small;position:relative}@media (max-width: 380px){.balance-container{display:none}.logo{font-size:18px}}.transaction-btn{font-size:14px;display:flex;align-items:center;border-radius:6px}.transaction-btn:hover{transform:scale(1.1)}.side-menu{position:fixed;top:0;left:0;width:250px;height:100vh;background-color:var(--background-secondary);box-shadow:2px 0 5px #00000080;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1000;padding:20px;display:flex;flex-direction:column}.main-nav-list{list-style:none;padding:0;flex-grow:1}.bet-activities-container{margin-bottom:30px}.bet-activities-container h3{color:var(--text-secondary);font-size:.9em;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.bet-activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;padding-bottom:20px;border-bottom:1px solid #34495e;margin-bottom:20px}.bet-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background-primary);text-decoration:none;padding:15px 10px;border-radius:10px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.bet-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #0000004d}.bet-icon-wrapper{font-size:1.8em;margin-bottom:5px;color:var(--accent-primary)}.bet-name{font-size:.9em;font-weight:700}.close-btn{background:none;border:none;color:#ecf0f1;font-size:1.2rem;cursor:pointer}.menu-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;padding-bottom:5px;border-bottom:1px solid #34495e;margin-bottom:10px}.nav-icon{margin-right:10px;font-size:1.2rem}.main-nav-list a{display:flex;align-items:center;padding:10px;color:#ecf0f1;text-decoration:none;border-radius:5px;transition:background-color .2s ease,color .2s ease}.main-nav-list{list-style:none;padding:0;margin:0}.main-nav-list li{margin-bottom:5px}.close-btn:hover{color:#2df1ff}.horizontal-scroll-container{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1rem;gap:16px}.horizontal-scroll-container::-webkit-scrollbar{height:8px}.horizontal-scroll-container::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.horizontal-scroll-container::-webkit-scrollbar-track{background:#f1f1f1}.horizontal-scroll-container .game-card{flex-shrink:0;width:120px}.game-thumbnail{width:50%;height:120px;background-color:#444;border-radius:4px;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.home-page{padding:0 20px 20px}.hero-section{text-align:center;padding:40px 20px;background-color:var(--background-secondary);border-radius:10px;margin-bottom:20px}.hero-section h2{font-size:2em;color:var(--accent-primary);margin-bottom:10px}.hero-section p{color:var(--text-secondary)}.game-grid h3{font-size:1.5em;margin-bottom:15px;color:var(--text-primary)}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-bottom:30px}.game-card{background-color:var(--background-secondary);border-radius:10px;padding:10px;text-align:center;transition:transform .2s;cursor:pointer}.game-card:hover{transform:translateY(-5px)}.game-thumbnail{width:100%;aspect-ratio:1 / 1;background-color:#444;border-radius:8px;margin-bottom:8px}.game-card p{font-size:.9em;color:var(--text-primary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.login-page{padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:top;height:100%}.login-page h2{font-size:2.5em;color:var(--text-primary);margin-bottom:20px}.login-form{width:100%;max-width:350px;background-color:var(--background-secondary);padding:40px 30px 50px 15px;display:flex;flex-direction:column;align-items:center;border-radius:10px}.error-message{color:#860202;margin-bottom:15px}.form-group{margin-bottom:25px;padding:5px 5px 10px;width:80%}.form-group input{width:100%;padding-top:20px;border-radius:5px;border:1px solid var(--border-color);background-color:#3a3a3a;color:var(--text-primary)}.submit-btn{max-width:40%;padding:10px;background-color:var(--accent-primary);color:var(--accent-primary-text);border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:opacity .3s}.join-page{padding:20px;display:flex;flex-direction:column;align-items:center}.join-page h3{font-size:2.5em;color:var(--text-primary);margin-bottom:20px}.join-form{width:100%;max-width:350px;background-color:var(--background-secondary);padding:30px 30px 30px 15px;border-radius:10px;display:flex;flex-direction:column;align-items:center}.alert{color:#a30606}.terms-group{display:flex;align-items:center;margin-bottom:20px}.terms-group input[type=checkbox]{margin-right:10px}.terms-group label{color:var(--text-secondary)}.submit-btn:hover{opacity:.5}.account-page{flex-grow:1;overflow-y:auto;padding:1rem}.account-page-unauthenticated{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 4rem)}.account-card{background-color:var(--card-background-color);border-radius:1rem;padding:1.5rem;margin-bottom:1rem;box-shadow:0 4px 15px var(--shadow-color)}.profile-summary{text-align:center}.profile-icon{font-size:4rem;margin-bottom:.5rem}.section-title{font-size:1.5rem;font-weight:700;color:var(--accent-color);margin-bottom:1rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.details-list{list-style:none;padding:0}.details-list li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--divider-color)}.details-list li:last-child{border-bottom:none}.tabs-container{padding:0;background-color:transparent;box-shadow:none}.tabs-header{display:flex;justify-content:space-around;border-bottom:1px solid var(--border-color);background-color:var(--card-background-color);border-radius:1rem 1rem 0 0}.tab-btn{background:none;border:none;color:var(--secondary-text-color);padding:1rem 0;width:100%;cursor:pointer;font-weight:700;transition:all .2s ease;border-bottom:3px solid transparent}.tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.tab-content{padding:1.5rem;background-color:var(--card-background-color);border-radius:0 0 1rem 1rem}.about-card{margin-top:1rem}.settings-content,.privacy-content,.settings-form{display:flex;flex-direction:column;gap:1rem}.settings-label{display:flex;padding:10px;flex-direction:row;align-items:center;justify-content:space-between;color:var(--text-color);font-size:1rem}.input-field{width:70%;padding:.75rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--card-background-color);color:var(--text-color);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-field::placeholder{color:var(--secondary-text-color)}.input-field:hover{border-color:var(--text-color)}.input-field:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color)}.settings-checkbox{width:1.25rem;height:1.25rem;border:2px solid var(--text-color);border-radius:.25rem;background-color:transparent;cursor:pointer;position:relative;transition:background-color .2s ease,border-color .2s ease}.settings-checkbox:checked{background-color:var(--accent-color);border-color:var(--accent-color)}.settings-checkbox:checked:before{color:var(--card-background-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:700}.transactions-page{padding:20px;max-width:800px;margin:0 auto}.transactions-page h2{font-size:2em;color:var(--text-primary);margin-bottom:20px;text-align:center}.view-selector{display:flex;justify-content:center;align-items:center;margin-bottom:20px;padding:10px;background-color:var(--background-secondary);border-radius:10px;box-shadow:0 4px 6px #0000001a;position:sticky;top:0;z-index:500}.view-btn{background-color:transparent;border:none;color:var(--text-secondary);font-size:1em;font-weight:700;padding:10px 20px;cursor:pointer;transition:color .3s,background-color .3s;border-radius:8px;flex:1}.view-btn.active{background-color:var(--accent-primary);color:var(--accent-primary-text);box-shadow:0 2px 4px #0003}.view-btn:hover{background-color:var(--background-primary)}.transactions-summary{display:flex;justify-content:space-around;margin-bottom:30px;gap:15px}.summary-card{background-color:var(--background-secondary);padding:20px;border-radius:10px;text-align:center;flex:1;box-shadow:0 4px 6px #0000001a;color:var(--text-primary)}.summary-card p{margin:0 0 10px;font-size:.9em;color:var(--text-secondary)}.summary-card span{font-size:1.5em;font-weight:700}.summary-card.deposit span{color:#4caf50}.summary-card.win span{color:#2196f3}.summary-card.loss span{color:#f44336}.transaction-list{list-style:none;padding:0}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:var(--background-secondary);border-radius:8px;margin-bottom:10px;border-left:5px solid}.transaction-item.deposit{border-color:#4caf50}.transaction-item.win{border-color:#2196f3}.transaction-item.loss{border-color:#f44336}.transaction-details{display:flex;flex-direction:column}.transaction-date{font-size:.8em;color:var(--text-secondary)}.transaction-description{font-size:1em;font-weight:700}.transaction-amount{font-size:1.2em;font-weight:700}.transaction-item.loss .transaction-amount{color:#f44336}.transaction-item.deposit .transaction-amount{color:#4caf50}.transaction-item.win .transaction-amount{color:#2196f3}.bets-area,.history-area{background-color:var(--background-secondary);padding:20px;border-radius:10px}.bets-area h3,.history-area h3{margin-top:0;font-size:1.5em;color:var(--text-primary);margin-bottom:20px}.bets-list{list-style:none;padding:0}.bet-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:var(--background-primary);border-radius:8px;margin-bottom:10px;border-left:5px solid var(--accent-primary)}.bet-item .bet-details{display:flex;flex-direction:column}.bet-item .bet-details span{font-weight:700}.bet-item .bet-amount{font-size:1.2em;color:var(--accent-primary)}@media (min-width: 768px){.transactions-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.transactions-summary{flex-direction:column}}.scratch-card-game{display:flex;flex-direction:column;align-items:center;padding:20px;text-align:center}.scratch-card-game h2{font-size:2.5em;color:var(--accent-primary);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.game-cost{font-size:1.2em;color:var(--text-secondary);margin-bottom:20px}.start-game-btn,.play-again-btn{background-color:var(--accent-primary);color:var(--accent-primary-text);border:none;padding:12px 24px;font-size:1.1em;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s;box-shadow:0 4px 6px #0003}.start-game-btn:hover,.play-again-btn:hover{background-color:#e53900;transform:translateY(-2px)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;max-width:400px;margin:30px 0}.card{position:relative;width:100%;padding-top:100%;background-color:var(--background-secondary);border-radius:12px;box-shadow:0 6px 12px #0000004d;cursor:pointer;transition:transform .2s ease-in-out;overflow:hidden;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.card:hover{transform:translateY(-5px)}.card.revealed{background-color:var(--background-primary);border:2px solid var(--accent-primary);display:flex;justify-content:center;align-items:center}.scratch-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#444;border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:3em;color:#ccc;transition:transform .5s ease-in-out}.card.revealed .scratch-overlay{transform:scale(0)}.card-prize{position:absolute;font-size:2.5em;font-weight:700;padding-bottom:90%;color:var(--text-primary);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.message-box{background-color:var(--background-secondary);padding:20px;border-radius:10px;margin-top:20px;box-shadow:0 4px 8px #0003;width:100%;max-width:400px;text-align:center}.message-box.win{border:2px solid #2196F3}.message-box.loss{border:2px solid #F44336}.message-box p{font-size:1.5em;font-weight:700;color:var(--text-primary);margin-bottom:10px}.victory-icon{font-size:3em;color:gold;animation:bounce .8s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes flash{0%,to{opacity:1}50%{opacity:.5}}.winning-card{animation:flash 1s infinite}.deposit-page{padding:20px;display:flex;flex-direction:column;align-items:center}.deposit-page h2{font-size:2em;color:var(--text-primary);margin-bottom:20px}.method-selector{display:flex;justify-content:center;gap:10px;margin-bottom:20px;width:100%;max-width:350px}.method-btn{flex-grow:1;padding:12px;border:1px solid var(--border-color);background-color:var(--background-secondary);color:var(--text-secondary);font-size:1em;border-radius:8px;cursor:pointer;transition:all .3s}.method-btn.active{background-color:var(--accent-primary);color:var(--accent-primary-text);border-color:var(--accent-primary)}.deposit-form{width:100%;max-width:350px;background-color:var(--background-secondary);padding:30px;border-radius:10px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:var(--text-secondary)}.form-group input{width:100%;padding:10px;border-radius:5px;border:1px solid var(--border-color);background-color:#3a3a3a;color:var(--text-primary)}.submit-btn{width:100%;padding:12px;background-color:var(--accent-primary);color:var(--accent-primary-text);border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:opacity .3s}.submit-btn:hover{opacity:.9}.privacy-policy-page{padding:2rem;line-height:1.6;color:var(--text-color);background-color:var(--background-color);max-width:800px;margin:0 auto}.policy-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--accent-color);text-align:center}.effective-date{text-align:center;margin-bottom:2rem;color:var(--secondary-text-color);font-style:italic}.section-heading{font-size:1.5rem;font-weight:700;margin-top:2rem;margin-bottom:1rem;color:var(--accent-color);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.policy-intro{margin-bottom:1.5rem}.info-list{list-style-type:none;padding-left:0;margin-top:1rem}.info-list li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.info-list li:before{content:"•";position:absolute;left:0;color:var(--accent-color);font-size:1.5rem;top:-.2rem}p{margin-bottom:1rem}.coming-soon-page{display:flex;justify-content:center;min-height:100vh;margin-top:10px;padding:40px;text-align:center;background:linear-gradient(135deg,var(--background-color) 0%,#1a1a1a 100%);color:var(--text-color);position:relative;overflow:hidden;font-family:Inter,sans-serif}.coming-soon-container{max-width:600px;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}.coming-soon-title{font-size:3rem;font-weight:700;color:var(--accent-color);margin-top:1.5rem}.coming-soon-message{font-size:1.25rem;font-weight:400;margin-top:.5rem;color:var(--secondary-text-color)}.coming-soon-icon{width:80px;height:80px;color:var(--accent-color)}.icon-spin{width:100%;height:100%;animation:spin 8s linear infinite}.orb-background{position:absolute;top:50%;left:50%;width:300px;height:300px;background:radial-gradient(circle,var(--accent-color) 0%,transparent 70%);border-radius:50%;filter:blur(80px);opacity:.3;transform:translate(-50%,-50%);animation:float-orb 6s infinite ease-in-out;z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float-orb{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-48%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1)}}:root{--background-primary: #1a1a1a;--background-secondary: #2c2c2c;--card-background-color: #1a1a1a;--text-primary: #f0f0f0;--text-secondary: #aaaaaa;--accent-primary: #e6a000;--accent-primary-text: #1a1a1a;--border-color: #444444;--success-color: #4CAF50;--border-color: #333;--divider-color: #2a2a2a;--background-color: #121212;--shadow-color: rgba(0, 0, 0, .5);--error-color: #F44336;--primary-surface: #1e1e1e}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--background-primary);color:var(--text-primary);overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}#root{display:flex;justify-content:center}.app-container{width:100%;max-width:780px;min-height:100vh;position:relative;background-color:var(--background-primary);box-shadow:0 0 15px #00000080;display:flex;flex-direction:column}.main-content{flex-grow:1;padding-top:100px}.side-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.side-menu-overlay.open{visibility:visible;opacity:1}.side-menu{position:fixed;top:0;left:0;width:250px;height:100vh;background-color:var(--background-secondary);box-shadow:2px 0 5px #00000080;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1000;padding:20px}.side-menu.open{transform:translate(0)}.side-menu ul{list-style:none;padding:0}.side-menu li{margin-bottom:15px}.side-menu a{display:block;font-size:1.1em;color:var(--text-primary);padding:10px;border-radius:5px;transition:background-color .3s}.side-menu a:hover{background-color:var(--background-primary)}