@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh}#root{min-height:100vh}:root{color:#f5f4ed;font-synthesis:none;text-rendering:optimizelegibility;background:#09130f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.page{background:radial-gradient(at 20%,#14291f 0%,#0000 50%),linear-gradient(135deg,#0a1711,#09110e 65%,#101b14);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.background-glow{filter:blur(100px);pointer-events:none;opacity:.12;border-radius:50%;position:absolute}.glow-one{background:#c9a45b;width:350px;height:350px;top:20%;left:20%}.glow-two{background:#1c9b68;width:300px;height:300px;bottom:0;right:0}.topbar{z-index:1;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:85px;padding:0 8%;display:flex;position:relative}.brand{color:#fff;letter-spacing:2px;align-items:center;gap:12px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brand-symbol,.mini-logo{color:#101a13;background:linear-gradient(145deg,#d7bd79,#98763b);place-items:center;font-family:Playfair Display,serif;font-weight:800;display:grid}.brand-symbol{border-radius:10px;width:38px;height:38px;font-size:24px}.brand-gold{color:#c9aa66}.topbar-label{color:#9aab9f;letter-spacing:2px;font-size:10px;font-weight:700}.main-content{z-index:1;flex:1;grid-template-columns:1fr 440px;align-items:center;gap:90px;width:min(1120px,88%);margin:auto;padding:65px 0;display:grid;position:relative}.eyebrow{color:#c9aa66;letter-spacing:2px;align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex}.live-dot{background:#48c58c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #48c58c}.intro h1{letter-spacing:-2px;margin:28px 0 18px;font-family:Playfair Display,serif;font-size:clamp(48px,6vw,76px);line-height:1.12}.intro h1 span{color:#c9aa66}.intro-text{color:#a6b5aa;max-width:370px;font-size:15px;line-height:1.8}.playing-cards{align-items:center;padding:20px 0 30px 15px;display:flex}.playing-card{color:#171a17;background:#f5f2e9;border-radius:9px;flex-direction:column;justify-content:space-between;width:92px;height:130px;margin-left:-15px;padding:12px;font-family:Georgia,serif;font-size:22px;display:flex;box-shadow:0 12px 30px #0008}.playing-card strong{align-self:flex-end;font-size:37px}.card-red{color:#bd3d39;transform:rotate(-10deg)}.card-black{color:#1a1a1a;transform:rotate(9deg)translateY(4px)}.card-back{color:#d3b776;background:repeating-linear-gradient(45deg,#234a37,#234a37 5px,#183a2a 5px 10px);border:4px solid #d3b776;outline:2px solid #234a37;place-items:center;font-size:40px;display:grid;transform:rotate(-20deg)}.feature-line{color:#819187;letter-spacing:1px;flex-wrap:wrap;gap:22px;font-size:9px;font-weight:700;display:flex}.auth-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#132019eb;border:1px solid #d2b7763b;border-radius:18px;padding:38px;box-shadow:0 25px 80px #0006}.auth-heading{text-align:center}.mini-logo{border-radius:12px;width:43px;height:43px;margin:0 auto 15px;font-size:25px}.auth-heading h2{margin:0 0 8px;font-family:Playfair Display,serif;font-size:28px}.auth-heading p{color:#91a095;margin:0;font-size:12px}.auth-tabs{background:#0c1912;border-radius:9px;margin:28px 0;padding:5px;display:flex}.tab{color:#84938a;background:0 0;border:none;border-radius:7px;flex:1;padding:12px 5px;font-size:12px;font-weight:700}.tab.active{color:#e1c17c;background:#243e2e}.field{margin-bottom:19px;display:block}.field>span{color:#b6c0b8;letter-spacing:1.3px;margin-bottom:9px;font-size:10px;font-weight:700;display:block}.field input{color:#fff;background:#0c1912;border:1px solid #2a3b30;border-radius:8px;outline:none;width:100%;height:48px;padding:0 14px;font-size:12px;transition:border-color .2s}.field input:focus{border-color:#c9aa66}.field input::placeholder{color:#63736a}.password-wrapper{position:relative}.password-wrapper input{padding-right:65px}.show-password{color:#c9aa66;letter-spacing:1px;background:0 0;border:none;font-size:9px;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.form-options{justify-content:space-between;align-items:center;gap:8px;margin:3px 0 23px;display:flex}.remember{color:#9eaaa1;align-items:center;gap:7px;font-size:10px;display:flex}.remember input{accent-color:#c9aa66}.forgot,.auth-footer button{color:#d3b675;background:0 0;border:none;font-size:10px;font-weight:700}.submit-button{color:#172117;letter-spacing:1.5px;background:linear-gradient(110deg,#d7bd79,#b28d4d);border:none;border-radius:8px;justify-content:center;align-items:center;gap:15px;width:100%;height:50px;font-size:11px;font-weight:800;transition:transform .2s,filter .2s;display:flex}.submit-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.submit-button span{font-size:19px}.form-message{color:#e3c781;text-align:center;margin:14px 0 0;font-size:11px;line-height:1.6}.auth-footer{color:#829087;border-top:1px solid #2a3b30;justify-content:center;align-items:center;gap:5px;margin-top:25px;padding-top:20px;font-size:10px;display:flex}.page-footer{z-index:1;color:#68786e;letter-spacing:1px;border-top:1px solid #ffffff12;justify-content:space-between;padding:22px 8%;font-size:9px;display:flex;position:relative}@media (width<=900px){.main-content{grid-template-columns:1fr 400px;gap:35px}.intro h1{font-size:52px}}@media (width<=720px){.topbar{height:70px;padding:0 6%}.topbar-label{display:none}.main-content{grid-template-columns:1fr;gap:35px;width:min(440px,90%);padding:45px 0}.intro{text-align:center}.eyebrow{justify-content:center}.intro h1{font-size:48px}.intro-text{margin:auto}.playing-cards,.feature-line{justify-content:center}.auth-card{padding:28px 22px}.page-footer{flex-wrap:wrap;justify-content:center;gap:12px 22px;padding:18px 5%}}.dashboard{z-index:1;width:min(1000px,88%);margin:auto;padding:65px 0;position:relative}.dashboard-welcome{text-align:center;margin-bottom:35px}.dashboard-welcome h1{color:#f5f4ed;margin:22px 0 12px;font-family:Playfair Display,serif;font-size:clamp(38px,5vw,58px);line-height:1.2}.dashboard-welcome h1 span{color:#c9aa66}.dashboard-welcome .eyebrow{justify-content:center}.dashboard-welcome .intro-text{max-width:none;margin:auto}.balance-card{text-align:center;background:linear-gradient(135deg,#1b3829,#10251b);border:1px solid #d2b77666;border-radius:18px;max-width:520px;margin:0 auto 55px;padding:32px;box-shadow:0 20px 60px #0005}.balance-label{color:#b6c0b8;letter-spacing:2px;font-size:11px;font-weight:700}.balance-amount{color:#e4c77e;margin:12px 0;font-family:Playfair Display,serif;font-size:clamp(42px,6vw,60px);font-weight:800}.balance-amount span{letter-spacing:2px;font-family:DM Sans,sans-serif;font-size:16px}.balance-card p{color:#91a095;font-size:12px}.dashboard-actions{text-align:center}.dashboard-actions h2{margin-bottom:25px;font-family:Playfair Display,serif;font-size:30px}.room-options{grid-template-columns:repeat(2,1fr);gap:22px;max-width:700px;margin:auto;display:grid}.room-button{color:#f5f4ed;background:#132019eb;border:1px solid #d2b7764d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:170px;padding:25px;transition:all .2s;display:flex}.room-button:hover{background:#1b3829;border-color:#c9aa66;transform:translateY(-5px)}.room-icon{color:#d7bd79;font-size:32px}.room-button strong{font-size:16px}.room-button small{color:#91a095;font-size:12px}.logout-button{color:#d7bd79;letter-spacing:1px;background:0 0;border:1px solid #c9aa66;border-radius:7px;padding:10px 18px;font-size:11px;font-weight:700}.logout-button:hover{color:#101a13;background:#c9aa66}.dashboard-footer{text-align:center;color:#68786e;letter-spacing:2px;margin-top:65px;font-size:10px}.loading-screen{color:#d7bd79;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;font-size:16px;display:flex}@media (width<=600px){.dashboard{width:90%;padding:45px 0}.room-options{grid-template-columns:1fr}.balance-card{padding:25px 15px}.dashboard-footer{margin-top:40px}}.players-list{flex-direction:column;gap:12px;max-width:420px;margin-top:20px;display:flex}.player-item{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex}.player-seat{color:#101b17;background:#c9a45c;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.player-name{color:#fff;font-weight:600}.you-label{color:#c9a45c;letter-spacing:1px;margin-left:auto;font-size:11px;font-weight:700}.game-table{text-align:center;background:#ffffff0a;border:1px solid #d4af374d;border-radius:16px;margin-top:30px;padding:25px}.game-table h2{color:#d4af37;margin-bottom:20px}.game-table h3{margin-top:25px;margin-bottom:15px}.my-cards{justify-content:center;gap:15px;display:flex}.my-cards .playing-card{color:#111;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:85px;height:120px;font-size:25px;font-weight:700;display:flex;box-shadow:0 5px 15px #0000004d}.betting-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:25px;display:flex}.betting-actions button{width:140px;min-height:48px}.my-cards .playing-card.card-red{color:#bd3d39}.my-cards .playing-card.card-black{color:#1a1a1a}.round-results{margin-top:35px}.dashboard-header-actions{align-items:center;gap:10px;display:flex}@media (width<=600px){.dashboard-header-actions{gap:6px}.topbar .brand{font-size:16px}}@media (width<=380px){.dashboard-header-actions{gap:4px}.topbar .brand{font-size:14px}}.dashboard-header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.dashboard-header-actions .logout-button{white-space:nowrap;justify-content:center;align-items:center;width:auto;height:36px;min-height:36px;margin:0;padding:0 12px;font-size:10px;line-height:1;display:inline-flex}@media (width<=600px){.topbar{padding:0 4%}.topbar .brand{letter-spacing:1px;gap:7px;font-size:14px}.topbar .brand-symbol{width:32px;height:32px;font-size:20px}.dashboard-header-actions{gap:5px}.dashboard-header-actions .logout-button{letter-spacing:.5px;height:32px;min-height:32px;padding:0 8px;font-size:9px}}.admin-panel-highlight{background:linear-gradient(110deg,#d7bd79,#b28d4d);border-color:#d7bd79;font-weight:800;color:#172117!important}.admin-panel-highlight:hover{background:#e4c77e;color:#101a13!important}.action-toast-container{z-index:99999;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:min(340px,100vw - 30px);display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.action-toast{color:#f5edda;background:#17251c;border:1px solid #c9aa66;border-radius:9px;align-items:center;gap:12px;width:100%;padding:14px 18px;font-size:14px;font-weight:600;animation:.3s ease-out toast-appear;display:flex;box-shadow:0 8px 25px #00000073}.action-toast-dot{background:#d7bd79;border-radius:50%;flex-shrink:0;width:9px;height:9px}@keyframes toast-appear{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.action-toast-container{width:calc(100vw - 24px);top:12px;left:50%;right:auto}.action-toast{padding:13px 15px;font-size:13px}}.round-results{scroll-margin-top:20px}.results-players-list{flex-direction:column;gap:12px;max-width:600px;margin:20px auto;display:flex}.results-player-item{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 18px;display:flex}.results-player-points{white-space:nowrap;margin-left:auto;font-weight:700}.winner-player-item{background:linear-gradient(110deg,#d7bd7938,#b28d4d1a);border:2px solid #d7bd79;box-shadow:0 0 18px #d7bd792e}.winner-player-item .player-name,.winner-player-item .results-player-points{color:#f1d58e;font-weight:800}.winner-label{color:#172117;letter-spacing:1px;white-space:nowrap;background:linear-gradient(110deg,#e4c77e,#b28d4d);border-radius:6px;padding:6px 10px;font-size:10px;font-weight:800}@media (width<=600px){.results-player-item{gap:8px;padding:13px 12px}.winner-label{font-size:9px}}