@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400;500;600&display=swap);body,html{overflow:hidden}#root,body,html{height:100%;position:fixed;width:100%}#root{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto}button,input,select,textarea{font-size:16px!important}.actionButtons button,.back-button,.mode-button,.toggle-button{min-height:44px;min-width:44px;touch-action:manipulation}.actionButtons,.card,.gameContainer,.playerSection,.speech-bubble{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#infoText,#modal,#roundOverModal,.mode-info{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#startGame,.mode-selector,.viewportContainer{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:scroll-position}@supports (padding:env(safe-area-inset-top)){.gameContainer{padding:max(.5rem,env(safe-area-inset-top)) max(.3rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.3rem,env(safe-area-inset-left))}.mode-selector{padding:max(2rem,env(safe-area-inset-top) + 1rem) max(1rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom) + 1rem) max(1rem,env(safe-area-inset-left))}#startGame{padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-top:max(1rem,env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.actionButtons button:hover,.card:hover,.mode-card:hover,.playerSection:hover{-webkit-transform:translateZ(0);transform:translateZ(0)}.card,.mode-card,button{-webkit-tap-highlight-color:rgba(212,175,55,.2)}@media (max-width:480px){*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (max-height:500px){.viewportContainer:after,.viewportContainer:before{height:100vh}}@media (max-width:480px){.actionButtons{justify-content:space-evenly}.actionButtons button{flex:1 1 auto;margin:.1rem;max-width:calc(50% - .2rem)}.actionButtons:has(.fourButtons) button{max-width:calc(50% - .2rem)}.actionButtons:has(.sixButtons) button{max-width:calc(33.333% - .2rem)}.actionButtons:has(.nineButtons) button{max-width:calc(33.333% - .2rem)}}@tailwind base;@tailwind components;@tailwind utilities;@keyframes modalFadeIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-modal-in{animation:modalFadeIn .3s ease-out forwards}.animate-modal-slide{animation:modalSlideIn .4s ease-out forwards}*{box-sizing:border-box}:root{--table-green:#0f5132;--table-green-light:#1b6f47;--wood-brown:#8b4513;--wood-brown-light:sienna;--gold-accent:#d4af37;--cream:beige;--cream-dark:#e6ddd4;--copper:#b87333;--dark-shadow:#000c;--light-shadow:#ffffff1a}body{-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#2c1810,#1a0f08 50%,#0d0704);color:var(--cream);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;overflow-x:hidden;padding:0;position:relative;touch-action:pan-y;width:100vw}body:before{background:radial-gradient(circle at 30% 30%,#8b451326 0,#0000 50%),radial-gradient(circle at 70% 70%,#a0522d1a 0,#0000 50%),linear-gradient(45deg,#8b45130d,#0000);z-index:-2}body:after,body:before{bottom:0;content:"";left:0;position:fixed;right:0;top:0}body:after{background-image:repeating-linear-gradient(0deg,#0000,#0000 3px,#a0522d08 0,#a0522d08 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#8b451305 0,#8b451305 3px);opacity:.4;z-index:-1}@media (max-width:480px){body{font-size:14px}}@media (min-width:481px) and (max-width:768px){body{font-size:15px}}@media (min-width:769px) and (max-width:1024px){body{font-size:16px}}@media (min-width:1025px){body{font-size:16px}}#startGame{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:flex-start;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:1rem .5rem;position:relative;text-align:center;width:100vw}.gameTable{flex-shrink:0}.gameTitle{margin-bottom:0;padding:1rem;position:relative;z-index:10}#startGame h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,orange 25%,gold 50%,#daa520 75%,gold);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(2px 2px 0 #8B4513) drop-shadow(4px 4px 0 #654321) drop-shadow(6px 6px 8px rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(255,215,0,.2));font-family:Trebuchet MS,Arial Black,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:8px;margin:0;position:relative;text-transform:uppercase}.gameTitle:before{left:-50px}.gameTitle:after,.gameTitle:before{color:var(--gold-accent);content:"★";font-size:2rem;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.gameTitle:after{right:-50px}.gameTable{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:space-between;margin:1rem 0;min-height:min(700px,80vh);padding:2rem 1.5rem;position:relative;width:min(850px,95vw);z-index:1}.gameTable:before{background:radial-gradient(ellipse 70% 80% at center,var(--table-green) 0,var(--table-green-light) 100%),linear-gradient(145deg,var(--wood-brown) 0,var(--wood-brown-light) 50%,var(--wood-brown) 100%);border:8px solid var(--wood-brown);border-radius:40px;box-shadow:inset 0 0 80px #0006,inset 0 0 0 20px var(--wood-brown-light),inset 0 0 0 25px var(--copper),0 20px 60px #0009;z-index:-1}.gameTable:after,.gameTable:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.gameTable:after{background:repeating-linear-gradient(45deg,#0000,#0000 40px,#d4af371a 0,#d4af371a 42px);border-radius:40px;pointer-events:none;z-index:0}.landingContent{gap:2rem;height:100%;justify-content:space-between;max-width:700px;position:relative;width:100%;z-index:2}.gameSetupTop,.landingContent{align-items:center;display:flex;flex-direction:column}.gameSetupTop{flex:0 0 auto;gap:1.5rem}.gameSetupMiddle{align-items:center;display:flex;flex:1;flex-direction:column;gap:2.5rem;justify-content:center;max-width:500px;width:100%}.gameSetupBottom{flex:0 0 auto;flex-direction:column;gap:1.5rem}.gameSetupBottom,.vsContainer{align-items:center;display:flex}.vsContainer{background:radial-gradient(circle,#0f51324d 0,#0000 70%);border:3px solid #d4af374d;border-radius:60px;box-shadow:inset 0 2px 8px #ffffff1a,0 4px 16px #0000004d;gap:2.5rem;justify-content:center;padding:1.5rem}.gameConfig{background:linear-gradient(145deg,#0f513280,#1b6f4780,#0f513299);border:3px solid var(--copper);border-radius:35px;box-shadow:inset 0 4px 8px #ffffff26,inset 0 -2px 6px #0000004d,0 8px 24px #0006;gap:2rem;padding:2.5rem 2rem;width:100%}.configSection,.gameConfig{display:flex;flex-direction:column}.configSection{gap:1rem}.configLabel{color:var(--gold-accent);font-size:clamp(16px,2.5vh,20px);font-weight:600;letter-spacing:1px;text-align:center;text-shadow:2px 2px 4px #000c}.gameTitle{animation:fadeInUp .6s ease-out}.gameTable{animation:scaleIn .8s ease-out .3s both}.gameSetupTop{animation:fadeInUp .6s ease-out .8s both}.gameSetupMiddle{animation:fadeInUp .8s ease-out 1s both}.gameSetupBottom{animation:fadeInUp .8s ease-out 1.2s both}.startGameBot,.startGameHuman{animation:scaleIn .5s ease-out 1.4s both}.startGameVs{animation:scaleIn .4s ease-out 1.6s both}@keyframes gentlePulse{0%,to{box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a,0 0 0 0 #d4af3700;transform:scale(1)}50%{box-shadow:0 12px 40px #00000080,inset 0 1px 0 #fff3,0 0 40px #d4af374d,0 0 0 4px #d4af3733;transform:scale(1.02)}}@keyframes playButtonReady{0%,to{background:linear-gradient(145deg,var(--wood-brown) 0,var(--wood-brown-light) 50%,var(--wood-brown) 100%)}50%{background:linear-gradient(145deg,var(--wood-brown-light) 0,var(--copper) 50%,var(--wood-brown-light) 100%)}}#startGame a{animation:gentlePulse 4s ease-in-out infinite;background:linear-gradient(145deg,var(--wood-brown) 0,var(--wood-brown-light) 50%,var(--wood-brown) 100%);border:3px solid var(--copper);border-radius:25px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a,inset 0 -2px 0 #0003;color:var(--cream);cursor:pointer;display:inline-block;font-size:clamp(1.5rem,4.5vw,2.5rem);font-weight:700;letter-spacing:2px;overflow:hidden;padding:1.2rem 2.5rem;position:relative;text-align:center;text-shadow:2px 2px 4px #000c;transition:all .4s ease}#startGame a:before{background:linear-gradient(90deg,#0000,#d4af3766,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}#startGame a:after{color:var(--gold-accent);content:"▶";font-size:.8em;margin-left:.5rem;text-shadow:1px 1px 2px #000c}#startGame a:hover{animation:playButtonReady 1s ease-in-out infinite;border-color:var(--gold-accent);box-shadow:0 15px 50px #0009,inset 0 1px 0 #fff3,0 0 60px #d4af3766,0 0 0 6px #d4af374d;text-shadow:2px 2px 4px #000000e6;transform:translateY(-3px) scale(1.05)}#startGame a:hover:before{left:100%}#startGame a:hover:after{animation:bounce .6s ease-in-out infinite alternate;color:var(--cream)}.startGameBot,.startGameHuman{border:4px solid var(--copper);border-radius:50%;box-shadow:0 0 30px #000c,0 0 60px #d4af3733,inset 0 0 30px #0000004d;cursor:pointer;height:clamp(100px,14vh,140px);overflow:hidden;position:relative;transition:all .4s ease;width:clamp(100px,14vh,140px)}.startGameBot:before,.startGameHuman:before{background:linear-gradient(135deg,#0000 40%,#d4af3733 50%,#0000 60%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.startGameBot:hover,.startGameHuman:hover{border-color:var(--gold-accent);box-shadow:0 0 40px #000000e6,0 0 80px #d4af3766,inset 0 0 30px #0000004d,0 0 0 6px #d4af374d;transform:scale(1.1) rotateY(10deg)}.startGameBot:hover:before,.startGameHuman:hover:before{opacity:1}.startGameVs{color:var(--gold-accent);font-size:clamp(1.8rem,4vh,2.8rem);font-weight:800;letter-spacing:2px;padding:0 1rem;text-shadow:0 0 15px #d4af3799,3px 3px 6px #000000e6}.startGameVs,.toggle{align-items:center;display:flex}.toggle{flex-wrap:wrap;gap:.5rem;justify-content:center}.toggle-button{backdrop-filter:blur(10px);background:linear-gradient(145deg,#8b451399,#a0522d99);border:2px solid var(--copper);border-radius:15px;color:var(--cream);cursor:pointer;font-size:clamp(13px,1.8vh,16px);font-weight:600;margin:0;min-width:60px;outline:none;overflow:hidden;padding:.8rem 1.5rem;position:relative;text-align:center;text-shadow:1px 1px 3px #000000e6;transition:all .4s ease}.toggle-button:before{background:linear-gradient(90deg,#0000,#d4af374d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.toggle-button:hover:before{left:100%}.toggle-button.active{background:linear-gradient(145deg,var(--gold-accent) 0,var(--copper) 100%);border:2px solid var(--gold-accent);box-shadow:0 0 20px #d4af3766,inset 0 1px 0 #ffffff4d,0 4px 12px #0000004d;color:var(--wood-brown);font-weight:700;text-shadow:1px 1px 2px #00000080;transform:translateY(-1px)}.toggle-button:hover:not(.active){background:linear-gradient(145deg,#a0522dcc,#8b4513cc);border-color:var(--gold-accent);box-shadow:0 6px 15px #0006;transform:translateY(-2px)}.toggle-button.active:after{align-items:center;background:var(--gold-accent);border-radius:50%;box-shadow:0 2px 6px #00000080;color:var(--wood-brown);content:"✓";display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}#startGameButton{display:flex;justify-content:center;margin:0;width:100%}#info_link{backdrop-filter:blur(10px);background:#8b451333;border:1px solid #b873334d;border-radius:12px;color:var(--copper);font-size:clamp(12px,1.8vh,16px);font-weight:500;margin-top:1rem;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:all .3s ease}#info_link:hover{background:#a0522d4d;border-color:var(--copper);box-shadow:0 4px 12px #0000004d;color:var(--gold-accent);text-decoration:underline;transform:translateY(-1px)}#infoModal{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#000000e6;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s ease;visibility:hidden;width:100vw;z-index:1000}#infoModal.show{opacity:1;visibility:visible}#infoText{backdrop-filter:blur(20px);background:linear-gradient(145deg,var(--wood-brown) 0,var(--wood-brown-light) 100%);border:3px solid var(--copper);border-radius:25px;box-shadow:0 25px 80px #000c,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;max-width:min(500px,90vw);padding:2.5rem}#infoText p{color:var(--cream);font-size:clamp(14px,1.8vh,16px);line-height:1.7;margin:.8rem 0;padding:0;text-shadow:1px 1px 2px #000c}#infoText a{color:var(--gold-accent);font-weight:600;text-decoration:none;transition:color .3s ease}#infoText a:hover{color:var(--cream);text-decoration:underline}hr{background:linear-gradient(90deg,#0000,var(--copper),var(--gold-accent),var(--copper),#0000);border-radius:1px;height:2px;margin:1.5rem 0;width:100%}@media (max-height:800px){#startGame{gap:1.5rem;padding-top:1rem}#startGame h1{font-size:clamp(2rem,6vw,4rem);letter-spacing:4px}.gameTable{height:min(700px,65vh);padding:2rem 1.5rem}}@media (max-height:700px){#startGame{gap:1rem;padding-top:.5rem}#startGame h1{font-size:clamp(1.8rem,5vw,3.5rem);letter-spacing:3px}.gameTable{height:min(600px,60vh);padding:1.5rem 1rem}.gameTitle:after,.gameTitle:before{display:none}}@media (max-width:480px){#startGame{gap:1.5rem;min-height:100vh;padding:1rem .75rem}.gameTitle{margin-bottom:1rem}#startGame h1{font-size:clamp(2.2rem,10vw,3.5rem);letter-spacing:4px}.gameTitle:after,.gameTitle:before{display:none}.gameTable{margin:.5rem 0;min-height:auto;padding:1.5rem 1rem;width:92vw}.gameTable:before{border:6px solid var(--wood-brown);border-radius:25px;box-shadow:inset 0 0 60px #0006,inset 0 0 0 15px var(--wood-brown-light),inset 0 0 0 18px var(--copper),0 15px 40px #0009}.gameTable:after{border-radius:25px}.landingContent{gap:1.5rem;padding:1rem .5rem}.gameSetupMiddle{gap:1.5rem}.gameConfig{border-radius:20px;gap:1.5rem;padding:1.5rem 1rem}.vsContainer{border-radius:30px;gap:1rem;padding:1rem}.startGameBot,.startGameHuman{height:clamp(70px,12vw,90px);width:clamp(70px,12vw,90px)}.startGameVs{font-size:clamp(1.5rem,6vw,2rem);padding:0 .5rem}#startGame a{font-size:clamp(1.3rem,6vw,1.8rem);margin:1rem 0;padding:1rem 2rem}.toggle-button{font-size:clamp(12px,3vw,14px);margin:.1rem;min-width:65px;padding:.7rem 1.2rem}.configLabel{font-size:clamp(15px,3.5vw,18px)}#infoText{border-radius:20px;max-width:90vw;padding:1.5rem 1rem}#infoText p{font-size:clamp(13px,3vw,15px)}#info_link{font-size:clamp(11px,2.5vw,13px);margin-top:.5rem;padding:.5rem 1rem}}@media (max-width:768px) and (orientation:landscape){#startGame:after,#startGame:before{height:85vh;width:80vw}.landingContainer{align-items:center;flex-direction:row}.landingContent{max-width:70vw}}@media (min-width:768px) and (max-width:1024px){#startGame:after,#startGame:before{height:85vh;width:70vw}}@media (min-width:1200px){#startGame:after,#startGame:before{height:700px;width:500px}}.viewportContainer{-webkit-overflow-scrolling:touch;display:flex;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;width:100vw}.viewportContainer:before{background:radial-gradient(ellipse 60% 70% at center,var(--table-green) 0,var(--table-green-light) 100%),linear-gradient(145deg,var(--wood-brown) 0,var(--wood-brown-light) 50%,var(--wood-brown) 100%);border:4px solid var(--wood-brown);border-radius:30px;box-shadow:inset 0 0 60px #0009,inset 0 0 0 12px var(--wood-brown-light),inset 0 0 0 15px var(--copper),0 15px 40px #000000b3;z-index:-2}.viewportContainer:after,.viewportContainer:before{content:"";height:min(650px,75vh);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(500px,70vw)}.viewportContainer:after{background:repeating-linear-gradient(45deg,#0000,#0000 40px,#d4af370f 0,#d4af370f 42px);border-radius:30px;pointer-events:none;z-index:-1}.sideColumn{flex:1;justify-content:center}.gameContainer,.sideColumn{align-items:center;display:flex}.gameContainer{flex:0 0 auto;flex-direction:column;height:82vh;justify-content:flex-start;max-height:82vh;overflow:visible;padding:clamp(.2rem,.4vh,.5rem);position:relative;width:min(400px,88vw);z-index:1}.gameContainer:before{background-image:url(/static/media/background.464a8c21cfbd2b187d89.png);background-position:50%;background-size:cover;border-radius:40px;content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:-1}.card{background:linear-gradient(145deg,var(--cream),var(--cream-dark));border-radius:6px;box-shadow:0 2px 6px #00000080,0 0 0 1px var(--copper);display:inline-block;margin-right:.2rem;transition:all .3s ease;width:clamp(48px,8vh,65px)}.card:hover{box-shadow:0 6px 20px #000000b3,0 0 0 2px var(--gold-accent),0 0 20px #d4af374d}.hand{align-items:center;display:flex;gap:.1rem;height:clamp(65px,9vh,80px);justify-content:center;padding:.15rem;width:100%}.canReveal{cursor:pointer;transition:transform .2s ease}.canReveal:hover{position:relative;transform:scale(1.15) translateY(-10px);z-index:10}.playerSection{align-items:center;backdrop-filter:blur(10px);background:linear-gradient(145deg,#8b4513b3,#a0522db3);border:1px solid var(--gold-accent);border-radius:10px;box-shadow:0 2px 6px #0006,inset 0 1px 2px #ffffff1a;display:flex;flex-direction:row;font-weight:600;gap:.4rem;justify-content:center;margin:0 .3rem;max-height:clamp(45px,8vh,55px);max-width:clamp(120px,28vw,160px);min-height:clamp(35px,6vh,45px);min-width:clamp(80px,18vw,120px);padding:.3rem .6rem;text-shadow:1px 1px 2px #000c;transition:all .3s ease;width:fit-content}.playerSection:hover{border-color:var(--copper);box-shadow:0 16px 40px #000000b3,inset 0 2px 8px #ffffff26,0 0 0 1px #d4af374d,0 0 30px #d4af374d;transform:translateY(-2px)}.playerSection img{border:2px solid var(--copper);border-radius:50%;box-shadow:0 2px 4px #00000080,inset 0 1px 1px #ffffff1a;flex-shrink:0;height:clamp(28px,5vh,38px);margin:0;transition:all .3s ease;width:clamp(28px,5vh,38px)}.playerSection img:hover{border-color:var(--gold-accent);box-shadow:0 8px 24px #000c,inset 0 2px 6px #ffffff4d,0 0 0 2px var(--copper),0 0 20px #d4af3766;transform:scale(1.05)}.playerSection .namePointsContainer{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;gap:.2rem}.playerSection .playerName{color:var(--cream);font-size:clamp(14px,2vh,17px);font-weight:700;margin:0;text-align:left;text-shadow:2px 2px 4px #000000e6}.playerSection .playerScore{-webkit-text-fill-color:#0000;backdrop-filter:blur(10px);background:linear-gradient(45deg,var(--gold-accent),var(--copper));-webkit-background-clip:text;background-clip:text;background-color:#d4af371a;border:2px solid #d4af3766;border-radius:12px;box-shadow:inset 0 1px 3px #fff3;color:var(--gold-accent);font-size:clamp(16px,2.2vh,20px);font-weight:800;margin:0;padding:.2rem .8rem;text-align:left}.row{align-items:center;display:flex;flex:0 0 auto;justify-content:center;margin:.1rem 0;min-height:auto;width:100%}#botPlayerRow{align-items:center;justify-content:space-between;padding:0 1rem}#botPlayerRow .playerSection{flex:0 0 auto}#botPlayerRow .speech-bubble-container{display:flex;flex:1;justify-content:center;margin-left:1rem}#opponentPlayerRow{align-items:center;justify-content:space-between;padding:0 1rem}#opponentPlayerRow .playerSection{flex:0 0 auto}#opponentPlayerRow .speech-bubble-container{display:flex;flex:1;justify-content:center;margin-left:1rem}#humanPlayerRow{align-items:center;justify-content:space-between;padding:0 1rem}#humanPlayerRow .playerSection{flex:0 0 auto}#humanPlayerRow .speech-bubble-container{display:flex;flex:1;justify-content:center;margin-left:1rem}#humanPlayerRow .speech-bubble-arrow{border-bottom:6px solid #0000;border-left:6px solid var(--cream);border-right:none;border-top:6px solid #0000;filter:drop-shadow(1px 0 1px var(--copper));height:0;left:auto;position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0}.theirUnrevealedCards .card{margin-right:.2rem!important;width:clamp(45px,7vh,60px)!important}.theirRevealedCards .card{height:112px!important;margin-right:.2rem!important;width:80px!important}.yourUnrevealedCards .card{margin-right:.25rem!important;width:clamp(65px,11vh,85px)!important}.yourRevealedCards .card{height:112px!important;margin-right:.25rem!important;width:80px!important}.theirUnrevealedCards,.yourUnrevealedCards{margin:.8rem 0;padding:.3rem}.theirUnrevealedCards{margin-bottom:1rem}.yourUnrevealedCards{margin-top:1rem}.theirRevealedCards,.yourRevealedCards{margin:1rem 0;padding:.3rem}.theirRevealedCards,.theirRevealedCards .column,.yourRevealedCards,.yourRevealedCards .column{align-items:center;justify-content:center}.theirRevealedCards{margin-bottom:2rem}.yourRevealedCards{margin-top:2rem}.row:nth-child(4){flex-grow:1;min-height:clamp(40px,8vh,60px)}.column,.row:nth-child(4){align-items:center;display:flex;justify-content:center}.column{flex:0 0 auto;width:100%}@keyframes expandEnvido{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.envido-group-container{display:inline-block;position:relative}.envido-main-button{max-width:100px!important;min-width:70px!important;overflow:hidden!important;position:relative;text-overflow:ellipsis!important;white-space:nowrap!important}.envido-submenu{min-width:90px;z-index:1000}.envido-sub-button{min-width:80px!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}@media (max-width:480px){.envido-main-button{font-size:8px!important;max-width:85px!important;min-width:60px!important}.envido-submenu{min-width:85px}.envido-sub-button{font-size:8px!important;min-width:75px!important;padding:.25rem .4rem!important}}@keyframes elegantPulse{0%,to{border-color:var(--gold-accent);box-shadow:0 0 0 3px #d4af3766,0 0 30px #d4af374d}50%{border-color:var(--copper);box-shadow:0 0 0 5px #d4af3799,0 0 40px #d4af3780}}.playersTurn{animation:elegantPulse 2.5s ease-in-out infinite;background:linear-gradient(145deg,#d4af3733,#b8733333,#d4af3726);border:4px solid var(--gold-accent);transform:scale(1.02)}.speech-bubble-container{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin:.2rem 0;max-height:clamp(40px,6vh,55px);min-height:clamp(30px,4vh,40px);position:relative;width:100%}.speech-bubble{background:linear-gradient(145deg,var(--cream),var(--cream-dark));border:1px solid var(--gold-accent);border-radius:10px;box-shadow:0 2px 4px #0006,0 0 0 1px var(--copper);display:inline-block;font-size:clamp(9px,1.2vh,11px);margin:.2rem 0;max-height:clamp(50px,8vh,65px);max-width:clamp(140px,25vh,180px);min-height:clamp(30px,5vh,40px);min-width:clamp(80px,15vh,100px);overflow:hidden;padding:.2rem;position:relative}.small-speech-bubble{font-size:clamp(10px,1.3vh,12px);margin:.3rem 0;max-height:clamp(50px,7vh,60px);min-height:clamp(28px,4vh,35px)}.medium-speech-bubble{font-size:clamp(9px,1.1vh,11px);margin:.4rem 0;max-height:clamp(65px,9vh,80px);min-height:clamp(35px,5vh,45px)}.speech-bubble-text{align-items:center;box-sizing:border-box;color:#2b1a10;display:flex;flex-direction:column;font-size:clamp(8px,1vh,10px);font-weight:800;height:100%;hyphens:auto;justify-content:center;line-height:1.1;overflow:hidden;padding:.2rem .3rem;text-align:center;width:100%;word-break:break-word}.speech-bubble-text p{word-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.1;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis}.speech-bubble-arrow{border-bottom:6px solid #0000;border-right:6px solid var(--cream);border-top:6px solid #0000;filter:drop-shadow(-1px 0 1px var(--copper));height:0;left:-6px;position:absolute;top:50%;transform:translateY(-50%);width:0}.actionButtonsRow{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin:.5rem 0}.actionButtonsRow .playerImg{flex:0 0 auto}.actionButtons{backdrop-filter:blur(10px);background:#0006;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 20px #00000080;box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:0 auto;max-width:min(350px,82vw);padding:.5rem;width:fit-content}#modal button,#roundOverModal button,.actionButtons button{background:linear-gradient(135deg,#2196f3,#1976d2);border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 8px #0000004d;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;flex:0 0 auto;font-size:clamp(.8rem,2vh,.95rem);font-weight:600;max-width:120px;min-height:44px;min-height:30px;min-width:80px;overflow:hidden;padding:.6rem 1rem;position:relative;text-align:center;text-shadow:0 1px 2px #0000004d;transition:all .3s ease;white-space:nowrap}#modal button,#roundOverModal button{font-size:clamp(16px,2.5vh,20px);min-width:120px;padding:1rem 2rem}#modal button:hover,#roundOverModal button:hover,.actionButtons button:hover{background:linear-gradient(145deg,var(--wood-brown-light) 0,var(--copper) 100%);border-color:var(--gold-accent);box-shadow:0 6px 16px #00000080,inset 0 1px 0 #fff3}.actionButtons button:active{box-shadow:inset 0 2px 4px #0000004d,0 2px 8px #0006}.actionButtons button:focus{border-color:var(--gold-accent);box-shadow:0 4px 12px #0006,0 0 0 3px #d4af3766;outline:none}.twoButtons{flex:1;font-size:clamp(12px,1.6vh,15px);height:clamp(36px,4.5vh,44px);max-width:48%;min-width:clamp(80px,18vw,110px)}.fourButtons{flex:1;font-size:clamp(11px,1.4vh,13px);height:clamp(34px,4.2vh,40px);max-width:24%;min-width:clamp(65px,15vw,85px)}.sixButtons{flex:1;font-size:clamp(10px,1.2vh,12px);height:clamp(32px,4vh,36px);max-width:31%;min-width:clamp(55px,12vw,70px)}.nineButtons{flex:1;font-size:clamp(9px,1.1vh,11px);height:clamp(30px,3.8vh,34px);max-width:31%;min-width:clamp(50px,10vw,60px)}#Vos{margin-right:1vh}.playerName,.points{color:beige;font-size:clamp(14px,2vh,18px);font-weight:600;text-align:center}.playerName{margin-bottom:.5rem;text-shadow:0 2px 4px #000c}.points{background:linear-gradient(145deg,#8bc34a33,#4caf5033);border:1px solid #8bc34a66;border-radius:15px;margin-top:.5rem;padding:.3rem .8rem}@keyframes pointsGlow{0%{color:beige;text-shadow:0 2px 4px #000c}50%{color:#8bc34a;text-shadow:0 2px 4px #000c,0 0 20px #8bc34a99}to{color:beige;text-shadow:0 2px 4px #000c}}.pointsAnimation{animation:pointsGlow .5s ease-in-out,scaleIn .3s ease forwards}#gameOverTextLines{align-items:center;backdrop-filter:blur(20px);background:linear-gradient(145deg,#2e7d32e6,#1b5e20e6);border:2px solid #8bc34a99;border-radius:30px;display:flex;flex-direction:column;height:100%;justify-content:center;min-width:0;padding:2rem}#gameOverTextLines p{color:beige;font-size:clamp(18px,4vh,24px);margin:.5rem 0;padding:0;text-align:center;text-shadow:0 2px 4px #000c}#modal{backdrop-filter:blur(15px);background:linear-gradient(145deg,#1b5e20f2,#0d2818f2);border:2px solid #8bc34a99;border-radius:30px;padding:2rem}@media (max-width:480px) and (orientation:portrait){.gameContainer{height:85vh;max-height:85vh;overflow:hidden;padding:.15rem;width:95vw}.viewportContainer:after,.viewportContainer:before{border-radius:15px;height:78vh;width:90vw}.playerSection{border:1px solid var(--gold-accent);border-radius:12px;font-size:12px;gap:.4rem;margin:0;min-height:50px;min-width:110px;padding:.4rem .7rem}.playerSection img{border:1px solid var(--copper);height:40px;width:40px}.playerSection .playerName{font-size:11px}.playerSection .playerScore{border-radius:8px;font-size:13px;padding:.15rem .5rem}#botPlayerRow,#humanPlayerRow,#opponentPlayerRow{margin:0;padding:0}#botPlayerRow .speech-bubble-container,#humanPlayerRow .speech-bubble-container,#opponentPlayerRow .speech-bubble-container{margin-left:.2rem}#humanPlayerRow .speech-bubble-arrow{border-bottom:3px solid #0000;border-left:3px solid var(--cream);border-right:none;border-top:3px solid #0000;left:auto;right:-3px}.actionButtons{border-radius:8px;gap:.2rem;margin:.2rem auto;max-width:min(350px,90vw);padding:.3rem}.actionButtons button{border:1px solid var(--copper);border-radius:6px;font-size:9px;max-width:90px;min-height:28px;min-width:50px;padding:.3rem .5rem}.speech-bubble{border:1px solid var(--gold-accent);border-radius:8px;font-size:8px;margin:.1rem 0;max-height:38px;max-width:clamp(90px,30vw,130px);min-height:24px}.speech-bubble-text{font-size:8px;line-height:1.1;padding:.2rem .3rem}.speech-bubble-container{margin:.1rem 0;max-height:30px;min-height:24px}.speech-bubble-arrow{border-bottom:4px solid #0000;border-right:4px solid var(--cream);border-top:4px solid #0000;left:-4px}.card{border-radius:6px;margin-right:.2rem;width:clamp(65px,12vw,75px)}.hand{height:clamp(85px,12vh,100px);padding:.2rem}.row{margin:0}.theirRevealedCards,.yourRevealedCards{margin:.2rem 0;padding:.1rem}.theirRevealedCards{margin-bottom:.3rem}.yourRevealedCards{margin-top:.3rem}.theirUnrevealedCards{margin-bottom:.2rem}.yourUnrevealedCards{margin-top:.2rem}.actionButtonsRow{margin:.1rem 0}.twoButtons{font-size:10px;height:32px;max-width:100px;min-width:70px}.fourButtons{font-size:9px;height:30px;max-width:85px;min-width:60px}.sixButtons{font-size:8px;height:28px;max-width:75px;min-width:55px}.nineButtons{font-size:7px;height:26px;max-width:70px;min-width:50px}.viewportContainer:before{border:4px solid var(--wood-brown)}}@media (max-width:768px) and (orientation:landscape){.gameContainer{height:95vh;padding:.3rem;width:88vw}.viewportContainer:after,.viewportContainer:before{border-radius:25px;height:92vh;width:85vw}.row{margin:.15rem 0}.actionButtons{gap:.25rem;max-width:75vw}.actionButtons button{font-size:10px;min-height:34px;padding:.4rem .6rem}.speech-bubble{font-size:10px;max-height:42px;min-height:28px;padding:.2rem}}@media (min-width:768px) and (max-width:1024px){.gameContainer{height:95vh;padding:.6rem;width:65vw}.viewportContainer:after,.viewportContainer:before{border-radius:35px;height:90vh;width:70vw}.card{width:clamp(75px,10vh,95px)}.hand{height:clamp(110px,15vh,130px)}.actionButtons{gap:.3rem;max-width:60vw;padding:.5rem}.actionButtons button{font-size:clamp(12px,1.5vh,15px);min-height:38px;padding:.6rem 1rem}.speech-bubble{font-size:clamp(10px,1.3vh,13px);max-height:clamp(50px,7vh,60px);min-height:clamp(32px,5vh,44px);padding:.3rem}.playerSection{min-height:60px;padding:.6rem 1rem}.playerSection img{height:clamp(50px,7vh,65px);width:clamp(50px,7vh,65px)}}@media (max-height:600px){.gameContainer{height:95vh;overflow:hidden;padding:.2rem}.viewportContainer:after,.viewportContainer:before{height:90vh}.actionButtons button{font-size:9px;min-height:28px;padding:.3rem .5rem}.speech-bubble{font-size:8px;margin:.1rem 0;max-height:32px;min-height:22px}.speech-bubble-text{font-size:8px;line-height:1;padding:.15rem .3rem}.hand{height:clamp(60px,8vh,75px)}.playerSection{font-size:11px;min-height:45px;padding:.3rem .5rem}.playerSection img{height:35px;width:35px}.row{margin:.05rem 0}.theirRevealedCards,.yourRevealedCards{margin:.2rem 0;padding:.1rem}.theirRevealedCards{margin-bottom:.3rem}.yourRevealedCards{margin-top:.3rem}.theirUnrevealedCards,.yourUnrevealedCards{margin:.15rem 0}.actionButtonsRow{margin:.1rem 0}.speech-bubble-container{margin:.05rem 0;max-height:25px;min-height:18px}}@media (max-height:500px){.gameContainer{height:92vh;padding:.1rem}.viewportContainer:after,.viewportContainer:before{border-radius:15px;height:85vh}.actionButtons button{font-size:8px;min-height:26px;padding:.25rem .4rem}.speech-bubble{font-size:7px;margin:.05rem 0;max-height:28px;min-height:18px}.speech-bubble-text{font-size:7px;padding:.1rem .2rem}.playerSection{font-size:10px;min-height:38px;padding:.2rem .4rem}.playerSection img{height:28px;width:28px}.hand{height:55px}.card{width:40px}.row{margin:.02rem 0}.speech-bubble-container{margin:.02rem 0;max-height:22px;min-height:16px}}@media (min-width:1200px){.gameContainer{height:95vh;padding:1rem;width:min(600px,50vw)}.viewportContainer:after,.viewportContainer:before{border-radius:45px;height:min(850px,90vh);width:min(650px,55vw)}.actionButtons{gap:.4rem;max-width:min(450px,45vw);padding:.6rem}.actionButtons button{font-size:clamp(13px,1.6vh,16px);min-height:42px;padding:.7rem 1.2rem}.speech-bubble{font-size:clamp(12px,1.4vh,15px);max-height:clamp(60px,9vh,75px);min-height:clamp(35px,5.5vh,45px)}.playerSection{font-size:14px;min-height:65px;padding:.7rem 1.2rem}.playerSection img{height:clamp(55px,8vh,70px);width:clamp(55px,8vh,70px)}.card{width:clamp(80px,11vh,100px)}.hand{height:clamp(120px,16vh,140px)}}@media (max-width:768px) and (orientation:landscape) and (max-height:500px){.viewportContainer{align-items:center;flex-direction:row;justify-content:center}.gameContainer{min-height:88vh;padding:.3rem;width:85vw}.viewportContainer:after,.viewportContainer:before{border-radius:20px;height:85vh;width:80vw}.speech-bubble{font-size:9px;max-height:38px;min-height:26px}.actionButtons{gap:.2rem;padding:.4rem}.actionButtons button{font-size:9px;min-height:30px;padding:.35rem .5rem}.playerSection{min-height:48px;padding:.4rem .6rem}.playerSection img{height:38px;width:38px}.card{width:clamp(58px,10vw,68px)}.hand{height:clamp(75px,10vh,85px)}}#gameOverModalOverlay,#roundOverModalOverlay{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s ease;visibility:hidden;width:100vw;z-index:1000}#modal,#roundOverModal{backdrop-filter:blur(20px);background:linear-gradient(145deg,var(--wood-brown) 0,var(--wood-brown-light) 100%);border:3px solid var(--copper);border-radius:25px;box-shadow:0 20px 60px #000c,inset 0 1px 0 #ffffff1a,inset 0 0 0 3px var(--gold-accent);max-height:85vh;max-width:min(550px,85vw);overflow:auto;padding:1.5rem;transform:scale(.8) translateY(20px);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}#gameOverModalOverlay.show,#roundOverModalOverlay.show{opacity:1;visibility:visible}#gameOverModalOverlay.show #modal,#gameOverModalOverlay.show #roundOverModal,#roundOverModalOverlay.show #roundOverModal{transform:scale(1) translateY(0)}#modal button,#roundOverModal button{font-size:clamp(14px,2.5vh,18px);min-width:100px;padding:.8rem 1.5rem}.hidden{display:none}#gameOverText{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem}#gameOverText img{border:4px solid var(--copper);border-radius:50%;box-shadow:0 0 30px #0009,0 0 60px #d4af374d;height:clamp(120px,20vh,160px);-webkit-mask-image:radial-gradient(circle,#000 60%,#0000 100%);mask-image:radial-gradient(circle,#000 60%,#0000 100%);object-fit:cover;width:clamp(120px,20vh,160px)}#gameOverText span{color:var(--cream);font-size:clamp(36px,8vh,48px);font-weight:700;text-shadow:2px 2px 4px #000000e6,0 0 20px #d4af3766}#modal,#roundOverModal{display:flex;flex-direction:column;gap:2rem;padding:2rem}#roundOverContent{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:1rem}.roundOverContentText{background:linear-gradient(145deg,var(--cream),var(--cream-dark));border:2px solid var(--copper);border-radius:20px;box-shadow:0 4px 12px #0000004d,inset 0 1px 0 #ffffff4d;color:var(--wood-brown);font-size:clamp(14px,2vh,18px);font-weight:600;padding:1.5rem;text-align:center;text-shadow:1px 1px 2px #ffffff80}.roundOverContentSide{align-items:center;display:flex;flex:1;flex-direction:column;gap:1rem;min-width:200px}#roundOverContent img{border:3px solid var(--copper);border-radius:50%;box-shadow:0 0 20px #0009,0 0 40px #d4af3733;height:clamp(80px,12vh,100px);-webkit-mask-image:radial-gradient(circle,#000 60%,#0000 100%);mask-image:radial-gradient(circle,#000 60%,#0000 100%);object-fit:cover;transition:all .3s ease;width:clamp(80px,12vh,100px)}#roundOverContent img:hover{border-color:var(--gold-accent);box-shadow:0 0 30px #000000b3,0 0 60px #d4af3766;transform:scale(1.1)}@media (max-width:480px){#modal,#roundOverModal{border:2px solid var(--copper);border-radius:18px;max-height:80vh;max-width:92vw;padding:1.2rem}#gameOverText{flex-direction:column;gap:1rem;padding:1rem}#gameOverText img{height:85px;width:85px}#gameOverText span{font-size:clamp(26px,6vh,34px)}#modal button,#roundOverModal button{border-radius:8px;font-size:15px;min-width:110px;padding:.9rem 1.6rem}#roundOverContent{flex-direction:column;gap:1.2rem;padding:.8rem}.roundOverContentSide{min-width:auto;width:100%}#roundOverContent img{height:65px;width:65px}.roundOverContentText{font-size:15px;line-height:1.4;padding:1.2rem}#gameOverTextLines{border-radius:15px;padding:1.2rem}#gameOverTextLines p{font-size:17px;line-height:1.3}}@media (max-width:768px) and (orientation:landscape){#modal,#roundOverModal{max-height:90vh;max-width:90vw}#gameOverText{flex-direction:row;gap:1.5rem}}@media (min-width:768px) and (max-width:1024px){#modal,#roundOverModal{max-height:85vh;max-width:80vw}}@media (max-width:768px){#gameOverText{text-align:center}#gameOverText,#roundOverContent{flex-direction:column}.roundOverContentSide{min-width:auto}#modal,#roundOverModal{margin:1rem;padding:1.5rem}}.auth-modal-overlay{padding:1rem}.auth-modal{border-radius:1.5rem}.auth-modal-header{padding:1.5rem}.auth-modal-header h2{font-family:Inter,Segoe UI,sans-serif;font-size:1.25rem;font-weight:700}.close-button{border-radius:.5rem;color:#fff9;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.close-button:hover{color:#fff}.auth-form{padding:1.5rem}.auth-form label{font-weight:700!important}.form-group{margin-bottom:1.25rem}.form-group label{font-size:1rem;font-weight:700;margin-bottom:.5rem}.form-group input{border-radius:.75rem;font-size:1rem;font-weight:500;padding:.75rem;transition:all .2s ease}.form-group input::placeholder{font-weight:400}.username-validation{margin-top:.5rem}.form-group small,.username-validation span{border-radius:.25rem;font-weight:500;padding:.25rem .5rem}.form-group small{font-size:.75rem;margin-top:.25rem}.form-actions{gap:.75rem;margin-top:1.5rem}.auth-submit-button{font-size:1rem;font-weight:600;padding:1rem}.auth-submit-button,.auth-switch-button{border-radius:.75rem;color:#fff;transition:all .2s ease}.auth-switch-button{font-size:.875rem;font-weight:500;padding:.75rem}.auth-note{padding:0 1.5rem 1.5rem}.auth-note p{border-radius:.5rem;font-size:.875rem;line-height:1.7;padding:.75rem}.auth-forgot-password-button{font-size:.875rem!important;margin-top:.5rem!important;transition:all .2s ease!important}.auth-divider{margin:1.5rem 0;position:relative;text-align:center}.auth-divider:before{background:#d4a5744d;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#1e293bf2;color:#ffffffb3;font-size:.875rem;font-weight:500;padding:0 1rem}.auth-google-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:.75rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.auth-google-button:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.auth-google-button svg{height:20px;width:20px}.auth-guest-button{align-items:center;background:#6b7280cc;border:2px solid #6b728080;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease;width:100%}.auth-guest-button:hover{background:#6b7280e6;border-color:#6b7280b3;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}@media (max-width:48rem){.auth-modal{margin:1rem;max-width:calc(100vw - 2rem)}}.bg-white.rounded-lg{border-radius:1.5rem!important}.text-xl.font-bold.text-gray-800{font-weight:700!important}.text-sm.font-medium.text-gray-700{font-weight:600!important}.w-full.px-3.py-2.border{border-radius:.75rem!important;font-weight:500!important}.bg-blue-600{color:#fff!important}.text-gray-500.bg-gray-50{border-radius:.5rem!important}:root{--gaming-primary-50:#fdf9f4;--gaming-primary-100:#f7f0e7;--gaming-primary-200:#ebdcc8;--gaming-primary-300:#dcc299;--gaming-primary-400:#d4a574;--gaming-primary-500:#b8956a;--gaming-primary-600:#a0824f;--gaming-primary-700:#866b3f;--gaming-primary-800:#6d5530;--gaming-primary-900:#543f22;--gaming-secondary-50:#f2fbf2;--gaming-secondary-100:#e6f7e6;--gaming-secondary-200:#cec;--gaming-secondary-300:#9d9;--gaming-secondary-400:#5c9a6b;--gaming-secondary-500:#4a7c59;--gaming-secondary-600:#3f6b4c;--gaming-secondary-700:#335a40;--gaming-secondary-800:#284833;--gaming-secondary-900:#1d3526;--gaming-accent-gold-50:#fffef9;--gaming-accent-gold-100:#fffcf0;--gaming-accent-gold-200:#fff7d9;--gaming-accent-gold-300:#ffecb3;--gaming-accent-gold-400:#f0d785;--gaming-accent-gold-500:#e6cc73;--gaming-accent-gold-600:#d4b862;--gaming-accent-gold-700:#c2a451;--gaming-accent-gold-800:#a38a43;--gaming-accent-gold-900:#857036;--gaming-accent-red-50:#fdf4f4;--gaming-accent-red-100:#fce8e8;--gaming-accent-red-200:#f7d1d1;--gaming-accent-red-300:#efaaaa;--gaming-accent-red-400:#e57373;--gaming-accent-red-500:#d32f2f;--gaming-accent-red-600:#c62828;--gaming-accent-red-700:#b71c1c;--gaming-accent-red-800:#a01616;--gaming-accent-red-900:#8a1010;--gaming-surface-50:#0f172a;--gaming-surface-100:#1e293b;--gaming-surface-200:#334155;--gaming-surface-300:#475569;--gaming-surface-400:#64748b;--gaming-surface-500:#94a3b8;--gaming-surface-600:#cbd5e1;--gaming-surface-700:#e2e8f0;--gaming-surface-800:#f1f5f9;--gaming-surface-900:#0f172a;--gaming-bg-primary:#0f172a;--gaming-bg-secondary:#1e293b;--gaming-bg-tertiary:#334155;--gaming-bg-elevated:#475569;--gaming-bg-dark:#0f172a;--gaming-bg-overlay:#0f172af2;--gaming-text-primary:#f8fafc;--gaming-text-secondary:#cbd5e1;--gaming-text-tertiary:#94a3b8;--gaming-text-disabled:#64748b;--gaming-text-inverse:#0f172a;--gaming-text-on-dark:#f8fafc;--gaming-border-primary:#334155;--gaming-border-secondary:#475569;--gaming-border-200:#475569;--gaming-border-focus:var(--gaming-primary-400);--gaming-border-error:var(--gaming-accent-red-400);--gaming-border-success:var(--gaming-secondary-400);--gaming-success-50:var(--gaming-secondary-50);--gaming-success-100:var(--gaming-secondary-100);--gaming-success-200:var(--gaming-secondary-200);--gaming-success-300:var(--gaming-secondary-300);--gaming-success-400:var(--gaming-secondary-400);--gaming-success-500:var(--gaming-secondary-500);--gaming-success-600:var(--gaming-secondary-600);--gaming-success-700:var(--gaming-secondary-700);--gaming-success-800:var(--gaming-secondary-800);--gaming-success-900:var(--gaming-secondary-900);--gaming-error-50:var(--gaming-accent-red-50);--gaming-error-100:var(--gaming-accent-red-100);--gaming-error-200:var(--gaming-accent-red-200);--gaming-error-300:var(--gaming-accent-red-300);--gaming-error-400:var(--gaming-accent-red-400);--gaming-error-500:var(--gaming-accent-red-500);--gaming-error-600:var(--gaming-accent-red-600);--gaming-error-700:var(--gaming-accent-red-700);--gaming-error-800:var(--gaming-accent-red-800);--gaming-error-900:var(--gaming-accent-red-900);--gaming-warning-50:var(--gaming-accent-gold-50);--gaming-warning-100:var(--gaming-accent-gold-100);--gaming-warning-200:var(--gaming-accent-gold-200);--gaming-warning-300:var(--gaming-accent-gold-300);--gaming-warning-400:var(--gaming-accent-gold-400);--gaming-warning-500:var(--gaming-accent-gold-500);--gaming-warning-600:var(--gaming-accent-gold-600);--gaming-warning-700:var(--gaming-accent-gold-700);--gaming-warning-800:var(--gaming-accent-gold-800);--gaming-warning-900:var(--gaming-accent-gold-900);--gaming-info-50:var(--gaming-primary-50);--gaming-info-100:var(--gaming-primary-100);--gaming-info-200:var(--gaming-primary-200);--gaming-info-300:var(--gaming-primary-300);--gaming-info-400:var(--gaming-primary-400);--gaming-info-500:var(--gaming-primary-500);--gaming-info-600:var(--gaming-primary-600);--gaming-info-700:var(--gaming-primary-700);--gaming-info-800:var(--gaming-primary-800);--gaming-info-900:var(--gaming-primary-900);--gaming-shadow-primary:0 6px 24px #d4a57459;--gaming-shadow-secondary:0 6px 24px #5c9a6b59;--gaming-shadow-gold:0 6px 24px #f0d78566;--gaming-shadow-red:0 6px 24px #d32f2f59;--gaming-shadow-success:0 6px 24px #5c9a6b59;--gaming-shadow-error:0 6px 24px #d32f2f59;--gaming-shadow-warm:0 8px 32px #61392c66;--gaming-gradient-primary:linear-gradient(135deg,var(--gaming-primary-400) 0%,var(--gaming-primary-600) 100%);--gaming-gradient-secondary:linear-gradient(135deg,var(--gaming-secondary-400) 0%,var(--gaming-secondary-600) 100%);--gaming-gradient-gold:linear-gradient(135deg,var(--gaming-accent-gold-400) 0%,var(--gaming-accent-gold-600) 100%);--gaming-gradient-red:linear-gradient(135deg,var(--gaming-accent-red-400) 0%,var(--gaming-accent-red-600) 100%);--gaming-gradient-dark:linear-gradient(135deg,var(--gaming-bg-primary) 0%,var(--gaming-bg-secondary) 100%);--gaming-gradient-card:linear-gradient(135deg,var(--gaming-bg-tertiary) 0%,var(--gaming-bg-elevated) 100%);--gaming-border-leather:1px solid var(--gaming-primary-400);--gaming-border-mate:1px solid var(--gaming-secondary-400);--gaming-border-gold:1px solid var(--gaming-accent-gold-400);--gaming-border-red:1px solid var(--gaming-accent-red-400);--gaming-primary-alpha-10:#d4a5741a;--gaming-primary-alpha-20:#d4a57433;--gaming-primary-alpha-30:#d4a5744d;--gaming-secondary-alpha-10:#4a7c591a;--gaming-secondary-alpha-20:#4a7c5933;--gaming-secondary-alpha-30:#4a7c594d;--gaming-accent-gold:gold;--gaming-gold-gradient:linear-gradient(135deg,gold,orange);--truco-card-spades:var(--gaming-bg-primary);--truco-card-clubs:var(--gaming-bg-primary);--truco-card-hearts:var(--gaming-accent-red-500);--truco-card-diamonds:var(--gaming-accent-red-500);--truco-table-felt:var(--gaming-secondary-600);--truco-wood-table:var(--gaming-primary-500);--gaming-font-display:"Playfair Display","Georgia",serif;--gaming-font-heading:"Lora","Times New Roman",serif;--gaming-font-body:"Source Sans Pro",-apple-system,BlinkMacSystemFont,sans-serif;--gaming-font-mono:"Source Code Pro","Monaco",monospace;--gaming-font-weight-light:300;--gaming-font-weight-regular:400;--gaming-font-weight-medium:500;--gaming-font-weight-semibold:600;--gaming-font-weight-bold:700;--gaming-font-weight-extrabold:800;--gaming-font-weight-black:900;--gaming-line-height-tight:1.1;--gaming-line-height-snug:1.3;--gaming-line-height-normal:1.5;--gaming-line-height-relaxed:1.7;--gaming-letter-spacing-tighter:-0.05em;--gaming-letter-spacing-tight:-0.025em;--gaming-letter-spacing-normal:0em;--gaming-letter-spacing-wide:0.025em;--gaming-letter-spacing-wider:0.05em;--gaming-letter-spacing-widest:0.1em;--gaming-text-xs:0.75rem;--gaming-text-sm:0.875rem;--gaming-text-base:1rem;--gaming-text-lg:1.125rem;--gaming-text-xl:1.25rem;--gaming-text-2xl:1.5rem;--gaming-text-3xl:1.875rem;--gaming-text-4xl:2.25rem;--gaming-text-5xl:3rem;--gaming-text-6xl:3.75rem;--gaming-text-7xl:4.5rem;--gaming-text-8xl:6rem;--gaming-text-9xl:8rem;--gaming-display-mobile:var(--gaming-text-4xl);--gaming-h1-mobile:var(--gaming-text-3xl);--gaming-h2-mobile:var(--gaming-text-2xl);--gaming-h3-mobile:var(--gaming-text-xl);--gaming-h4-mobile:var(--gaming-text-lg);--gaming-h5-mobile:var(--gaming-text-base);--gaming-h6-mobile:var(--gaming-text-sm);--gaming-body-mobile:var(--gaming-text-base);--gaming-caption-mobile:var(--gaming-text-sm);--gaming-small-mobile:var(--gaming-text-xs);--gaming-text-shadow-none:none;--gaming-text-shadow-sm:0 1px 2px #2b181066;--gaming-text-shadow-md:0 2px 4px #2b181080;--gaming-text-shadow-lg:0 4px 8px #2b181099;--gaming-text-shadow-warm-leather:0 0 8px #b8956a4d;--gaming-text-shadow-warm-mate:0 0 8px #4a7c594d;--gaming-text-shadow-warm-gold:0 0 8px #e6cc734d}@media (min-width:48rem){:root{--gaming-display-tablet:var(--gaming-text-5xl);--gaming-h1-tablet:var(--gaming-text-4xl);--gaming-h2-tablet:var(--gaming-text-3xl);--gaming-h3-tablet:var(--gaming-text-2xl);--gaming-h4-tablet:var(--gaming-text-xl);--gaming-h5-tablet:var(--gaming-text-lg);--gaming-h6-tablet:var(--gaming-text-base);--gaming-body-tablet:var(--gaming-text-base);--gaming-caption-tablet:var(--gaming-text-sm);--gaming-small-tablet:var(--gaming-text-xs)}}@media (min-width:64rem){:root{--gaming-display-desktop:var(--gaming-text-6xl);--gaming-h1-desktop:var(--gaming-text-5xl);--gaming-h2-desktop:var(--gaming-text-4xl);--gaming-h3-desktop:var(--gaming-text-3xl);--gaming-h4-desktop:var(--gaming-text-2xl);--gaming-h5-desktop:var(--gaming-text-xl);--gaming-h6-desktop:var(--gaming-text-lg);--gaming-body-desktop:var(--gaming-text-base);--gaming-caption-desktop:var(--gaming-text-sm);--gaming-small-desktop:var(--gaming-text-xs)}}@media (min-width:90rem){:root{--gaming-display-large:var(--gaming-text-7xl);--gaming-h1-large:var(--gaming-text-6xl);--gaming-h2-large:var(--gaming-text-5xl);--gaming-h3-large:var(--gaming-text-4xl);--gaming-h4-large:var(--gaming-text-3xl);--gaming-h5-large:var(--gaming-text-2xl);--gaming-h6-large:var(--gaming-text-xl)}}.font-display{font-family:var(--gaming-font-display)}.font-heading{font-family:var(--gaming-font-heading)}.font-body{font-family:var(--gaming-font-body)}.font-mono{font-family:var(--gaming-font-mono)}.font-light{font-weight:var(--gaming-font-weight-light)}.font-regular{font-weight:var(--gaming-font-weight-regular)}.font-medium{font-weight:var(--gaming-font-weight-medium)}.font-semibold{font-weight:var(--gaming-font-weight-semibold)}.font-bold{font-weight:var(--gaming-font-weight-bold)}.font-extrabold{font-weight:var(--gaming-font-weight-extrabold)}.font-black{font-weight:var(--gaming-font-weight-black)}.tracking-tighter{letter-spacing:var(--gaming-letter-spacing-tighter)}.tracking-tight{letter-spacing:var(--gaming-letter-spacing-tight)}.tracking-normal{letter-spacing:var(--gaming-letter-spacing-normal)}.tracking-wide{letter-spacing:var(--gaming-letter-spacing-wide)}.tracking-wider{letter-spacing:var(--gaming-letter-spacing-wider)}.tracking-widest{letter-spacing:var(--gaming-letter-spacing-widest)}.text-shadow-none{text-shadow:var(--gaming-text-shadow-none)}.text-shadow-sm{text-shadow:var(--gaming-text-shadow-sm)}.text-shadow-md{text-shadow:var(--gaming-text-shadow-md)}.text-shadow-lg{text-shadow:var(--gaming-text-shadow-lg)}.text-shadow-warm-leather{text-shadow:var(--gaming-text-shadow-warm-leather)}.text-shadow-warm-mate{text-shadow:var(--gaming-text-shadow-warm-mate)}.text-shadow-warm-gold{text-shadow:var(--gaming-text-shadow-warm-gold)}:root{--gaming-space-0:0;--gaming-space-px:1px;--gaming-space-0_5:0.125rem;--gaming-space-1:0.25rem;--gaming-space-1_5:0.375rem;--gaming-space-2:0.5rem;--gaming-space-2_5:0.625rem;--gaming-space-3:0.75rem;--gaming-space-3_5:0.875rem;--gaming-space-4:1rem;--gaming-space-5:1.25rem;--gaming-space-6:1.5rem;--gaming-space-7:1.75rem;--gaming-space-8:2rem;--gaming-space-9:2.25rem;--gaming-space-10:2.5rem;--gaming-space-11:2.75rem;--gaming-space-12:3rem;--gaming-space-14:3.5rem;--gaming-space-16:4rem;--gaming-space-18:4.5rem;--gaming-space-20:5rem;--gaming-space-24:6rem;--gaming-space-28:7rem;--gaming-space-32:8rem;--gaming-space-36:9rem;--gaming-space-40:10rem;--gaming-space-44:11rem;--gaming-space-48:12rem;--gaming-space-52:13rem;--gaming-space-56:14rem;--gaming-space-60:15rem;--gaming-space-64:16rem;--gaming-space-72:18rem;--gaming-space-80:20rem;--gaming-space-96:24rem;--gaming-button-padding-x:var(--gaming-space-6);--gaming-button-padding-y:var(--gaming-space-3);--gaming-button-padding-x-sm:var(--gaming-space-4);--gaming-button-padding-y-sm:var(--gaming-space-2);--gaming-button-padding-x-lg:var(--gaming-space-8);--gaming-button-padding-y-lg:var(--gaming-space-4);--gaming-input-padding-x:var(--gaming-space-4);--gaming-input-padding-y:var(--gaming-space-3);--gaming-card-padding:var(--gaming-space-6);--gaming-card-padding-sm:var(--gaming-space-4);--gaming-card-padding-lg:var(--gaming-space-8);--gaming-modal-padding:var(--gaming-space-6);--gaming-modal-margin:var(--gaming-space-4);--gaming-container-padding-x:var(--gaming-space-4);--gaming-section-gap:var(--gaming-space-12);--gaming-element-gap:var(--gaming-space-6);--gaming-element-gap-sm:var(--gaming-space-4);--gaming-element-gap-lg:var(--gaming-space-8);--gaming-nav-padding-x:var(--gaming-space-4);--gaming-nav-padding-y:var(--gaming-space-3);--gaming-nav-item-gap:var(--gaming-space-2);--gaming-bottom-nav-height:var(--gaming-space-20);--gaming-form-gap:var(--gaming-space-4);--gaming-form-section-gap:var(--gaming-space-8);--gaming-label-margin:var(--gaming-space-2);--gaming-grid-gap:var(--gaming-space-4);--gaming-grid-gap-sm:var(--gaming-space-2);--gaming-grid-gap-lg:var(--gaming-space-6);--gaming-touch-target:var(--gaming-space-11);--gaming-touch-target-lg:var(--gaming-space-12)}@media (min-width:48rem){:root{--gaming-container-padding-x:var(--gaming-space-6);--gaming-section-gap:var(--gaming-space-16);--gaming-element-gap:var(--gaming-space-8);--gaming-grid-gap:var(--gaming-space-6);--gaming-card-padding:var(--gaming-space-8);--gaming-modal-padding:var(--gaming-space-8);--gaming-nav-padding-x:var(--gaming-space-6);--gaming-nav-item-gap:var(--gaming-space-4)}}@media (min-width:64rem){:root{--gaming-container-padding-x:var(--gaming-space-8);--gaming-section-gap:var(--gaming-space-20);--gaming-element-gap:var(--gaming-space-10);--gaming-grid-gap:var(--gaming-space-8);--gaming-card-padding:var(--gaming-space-10);--gaming-modal-padding:var(--gaming-space-10);--gaming-nav-padding-x:var(--gaming-space-8);--gaming-nav-item-gap:var(--gaming-space-6)}}@media (min-width:90rem){:root{--gaming-container-padding-x:var(--gaming-space-12);--gaming-section-gap:var(--gaming-space-24);--gaming-element-gap:var(--gaming-space-12);--gaming-grid-gap:var(--gaming-space-10)}}.m-0{margin:var(--gaming-space-0)}.m-px{margin:var(--gaming-space-px)}.m-0_5{margin:var(--gaming-space-0_5)}.m-1{margin:var(--gaming-space-1)}.m-1_5{margin:var(--gaming-space-1_5)}.m-2{margin:var(--gaming-space-2)}.m-2_5{margin:var(--gaming-space-2_5)}.m-3{margin:var(--gaming-space-3)}.m-3_5{margin:var(--gaming-space-3_5)}.m-4{margin:var(--gaming-space-4)}.m-5{margin:var(--gaming-space-5)}.m-6{margin:var(--gaming-space-6)}.m-7{margin:var(--gaming-space-7)}.m-8{margin:var(--gaming-space-8)}.m-9{margin:var(--gaming-space-9)}.m-10{margin:var(--gaming-space-10)}.m-12{margin:var(--gaming-space-12)}.m-16{margin:var(--gaming-space-16)}.m-20{margin:var(--gaming-space-20)}.m-24{margin:var(--gaming-space-24)}.p-0{padding:var(--gaming-space-0)}.p-px{padding:var(--gaming-space-px)}.p-0_5{padding:var(--gaming-space-0_5)}.p-1{padding:var(--gaming-space-1)}.p-1_5{padding:var(--gaming-space-1_5)}.p-2{padding:var(--gaming-space-2)}.p-2_5{padding:var(--gaming-space-2_5)}.p-3{padding:var(--gaming-space-3)}.p-3_5{padding:var(--gaming-space-3_5)}.p-4{padding:var(--gaming-space-4)}.p-5{padding:var(--gaming-space-5)}.p-6{padding:var(--gaming-space-6)}.p-7{padding:var(--gaming-space-7)}.p-8{padding:var(--gaming-space-8)}.p-9{padding:var(--gaming-space-9)}.p-10{padding:var(--gaming-space-10)}.p-12{padding:var(--gaming-space-12)}.p-16{padding:var(--gaming-space-16)}.p-20{padding:var(--gaming-space-20)}.p-24{padding:var(--gaming-space-24)}.mx-auto{margin-left:auto;margin-right:auto}.mx-0{margin-left:var(--gaming-space-0);margin-right:var(--gaming-space-0)}.mx-1{margin-left:var(--gaming-space-1);margin-right:var(--gaming-space-1)}.mx-2{margin-left:var(--gaming-space-2);margin-right:var(--gaming-space-2)}.mx-3{margin-left:var(--gaming-space-3);margin-right:var(--gaming-space-3)}.mx-4{margin-left:var(--gaming-space-4);margin-right:var(--gaming-space-4)}.mx-6{margin-left:var(--gaming-space-6);margin-right:var(--gaming-space-6)}.mx-8{margin-left:var(--gaming-space-8);margin-right:var(--gaming-space-8)}.px-0{padding-left:var(--gaming-space-0);padding-right:var(--gaming-space-0)}.px-1{padding-left:var(--gaming-space-1);padding-right:var(--gaming-space-1)}.px-2{padding-left:var(--gaming-space-2);padding-right:var(--gaming-space-2)}.px-3{padding-left:var(--gaming-space-3);padding-right:var(--gaming-space-3)}.px-4{padding-left:var(--gaming-space-4);padding-right:var(--gaming-space-4)}.px-6{padding-left:var(--gaming-space-6);padding-right:var(--gaming-space-6)}.px-8{padding-left:var(--gaming-space-8);padding-right:var(--gaming-space-8)}.my-0{margin-bottom:var(--gaming-space-0);margin-top:var(--gaming-space-0)}.my-1{margin-bottom:var(--gaming-space-1);margin-top:var(--gaming-space-1)}.my-2{margin-bottom:var(--gaming-space-2);margin-top:var(--gaming-space-2)}.my-3{margin-bottom:var(--gaming-space-3);margin-top:var(--gaming-space-3)}.my-4{margin-bottom:var(--gaming-space-4);margin-top:var(--gaming-space-4)}.my-6{margin-bottom:var(--gaming-space-6);margin-top:var(--gaming-space-6)}.my-8{margin-bottom:var(--gaming-space-8);margin-top:var(--gaming-space-8)}.py-0{padding-bottom:var(--gaming-space-0);padding-top:var(--gaming-space-0)}.py-1{padding-bottom:var(--gaming-space-1);padding-top:var(--gaming-space-1)}.py-2{padding-bottom:var(--gaming-space-2);padding-top:var(--gaming-space-2)}.py-3{padding-bottom:var(--gaming-space-3);padding-top:var(--gaming-space-3)}.py-4{padding-bottom:var(--gaming-space-4);padding-top:var(--gaming-space-4)}.py-6{padding-bottom:var(--gaming-space-6);padding-top:var(--gaming-space-6)}.py-8{padding-bottom:var(--gaming-space-8);padding-top:var(--gaming-space-8)}.gap-0{gap:var(--gaming-space-0)}.gap-1{gap:var(--gaming-space-1)}.gap-2{gap:var(--gaming-space-2)}.gap-3{gap:var(--gaming-space-3)}.gap-4{gap:var(--gaming-space-4)}.gap-5{gap:var(--gaming-space-5)}.gap-6{gap:var(--gaming-space-6)}.gap-8{gap:var(--gaming-space-8)}.gap-10{gap:var(--gaming-space-10)}.gap-12{gap:var(--gaming-space-12)}:root{--gaming-duration-75:75ms;--gaming-duration-100:100ms;--gaming-duration-150:150ms;--gaming-duration-200:200ms;--gaming-duration-300:300ms;--gaming-duration-500:500ms;--gaming-duration-700:700ms;--gaming-duration-1000:1000ms;--gaming-ease-linear:linear;--gaming-ease-in:cubic-bezier(0.4,0,1,1);--gaming-ease-out:cubic-bezier(0,0,0.2,1);--gaming-ease-in-out:cubic-bezier(0.4,0,0.2,1);--gaming-ease-back:cubic-bezier(0.34,1.56,0.64,1);--gaming-ease-elastic:cubic-bezier(0.68,-0.55,0.265,1.55);--gaming-ease-bounce:cubic-bezier(0.68,-0.6,0.32,1.6);--gaming-ease-gaming:cubic-bezier(0.25,0.46,0.45,0.94);--gaming-transition-fast:var(--gaming-duration-150) var(--gaming-ease-out);--gaming-transition-base:var(--gaming-duration-200) var(--gaming-ease-in-out);--gaming-transition-slow:var(--gaming-duration-300) var(--gaming-ease-in-out);--gaming-transition-slower:var(--gaming-duration-500) var(--gaming-ease-in-out);--gaming-transition-glow:box-shadow var(--gaming-duration-300) var(--gaming-ease-out);--gaming-transition-scale:transform var(--gaming-duration-200) var(--gaming-ease-back);--gaming-transition-slide:transform var(--gaming-duration-300) var(--gaming-ease-gaming);--gaming-transition-fade:opacity var(--gaming-duration-200) var(--gaming-ease-in-out);--gaming-transition-color:color var(--gaming-duration-200) var(--gaming-ease-out);--gaming-transition-bg:background-color var(--gaming-duration-200) var(--gaming-ease-out);--gaming-transition-border:border-color var(--gaming-duration-200) var(--gaming-ease-out);--gaming-transition-all:all var(--gaming-duration-200) var(--gaming-ease-in-out);--gaming-transition-button:background-color var(--gaming-duration-200) var(--gaming-ease-out),border-color var(--gaming-duration-200) var(--gaming-ease-out),box-shadow var(--gaming-duration-300) var(--gaming-ease-out),transform var(--gaming-duration-150) var(--gaming-ease-back);--gaming-transition-card:transform var(--gaming-duration-300) var(--gaming-ease-out),box-shadow var(--gaming-duration-300) var(--gaming-ease-out),border-color var(--gaming-duration-200) var(--gaming-ease-out);--gaming-transition-modal:opacity var(--gaming-duration-200) var(--gaming-ease-in-out),transform var(--gaming-duration-300) var(--gaming-ease-back);--gaming-scale-95:0.95;--gaming-scale-105:1.05;--gaming-scale-110:1.1;--gaming-scale-125:1.25;--gaming-rotate-1:1deg;--gaming-rotate-2:2deg;--gaming-rotate-3:3deg;--gaming-rotate-6:6deg;--gaming-rotate-12:12deg;--gaming-rotate-45:45deg;--gaming-rotate-90:90deg;--gaming-rotate-180:180deg;--gaming-translate-x-1:0.25rem;--gaming-translate-x-2:0.5rem;--gaming-translate-x-4:1rem;--gaming-translate-y-1:0.25rem;--gaming-translate-y-2:0.5rem;--gaming-translate-y-4:1rem}@keyframes gaming-warm-glow{0%,to{box-shadow:0 4px 12px #d4a5744d,0 8px 24px #d4a57433,0 2px 8px #2b181066}50%{box-shadow:0 8px 20px #f0d78566,0 16px 32px #f0d7854d,0 4px 16px #2b181080}}@keyframes gaming-warm-border{0%{border-image-source:linear-gradient(90deg,var(--gaming-primary-400) 0,var(--gaming-accent-gold-400) 25%,var(--gaming-secondary-400) 50%,var(--gaming-accent-gold-400) 75%,var(--gaming-primary-400) 100%)}25%{border-image-source:linear-gradient(90deg,var(--gaming-accent-gold-400) 0,var(--gaming-secondary-400) 25%,var(--gaming-primary-400) 50%,var(--gaming-secondary-400) 75%,var(--gaming-accent-gold-400) 100%)}50%{border-image-source:linear-gradient(90deg,var(--gaming-secondary-400) 0,var(--gaming-primary-400) 25%,var(--gaming-accent-gold-400) 50%,var(--gaming-primary-400) 75%,var(--gaming-secondary-400) 100%)}75%{border-image-source:linear-gradient(90deg,var(--gaming-primary-400) 0,var(--gaming-accent-gold-400) 25%,var(--gaming-secondary-400) 50%,var(--gaming-accent-gold-400) 75%,var(--gaming-primary-400) 100%)}to{border-image-source:linear-gradient(90deg,var(--gaming-accent-gold-400) 0,var(--gaming-secondary-400) 25%,var(--gaming-primary-400) 50%,var(--gaming-secondary-400) 75%,var(--gaming-accent-gold-400) 100%)}}@keyframes gaming-slide-in-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes gaming-slide-in-down{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes gaming-slide-in-left{0%{opacity:0;transform:translateX(-2rem)}to{opacity:1;transform:translateX(0)}}@keyframes gaming-slide-in-right{0%{opacity:0;transform:translateX(2rem)}to{opacity:1;transform:translateX(0)}}@keyframes gaming-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gaming-fade-out{0%{opacity:1}to{opacity:0}}@keyframes gaming-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes gaming-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes gaming-bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes gaming-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes gaming-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes gaming-ping{75%,to{opacity:0;transform:scale(2)}}@keyframes gaming-gold-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes gaming-pulse-life{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes gaming-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gaming-text-warm{0%,to{text-shadow:0 2px 6px #f0d78566,0 4px 12px #f0d78540,0 1px 3px #2b18104d}50%{text-shadow:0 4px 12px #f0d78599,0 8px 20px #f0d78566,0 2px 6px #2b181066}}.transition-none{transition:none}.transition-all{transition:var(--gaming-transition-all)}.transition-fast{transition:var(--gaming-transition-fast)}.transition-base{transition:var(--gaming-transition-base)}.transition-slow{transition:var(--gaming-transition-slow)}.transition-slower{transition:var(--gaming-transition-slower)}.transition-button{transition:var(--gaming-transition-button)}.transition-card{transition:var(--gaming-transition-card)}.transition-modal{transition:var(--gaming-transition-modal)}.transition-glow{transition:var(--gaming-transition-glow)}.transition-scale{transition:var(--gaming-transition-scale)}.scale-95{transform:scale(var(--gaming-scale-95))}.scale-105{transform:scale(var(--gaming-scale-105))}.scale-110{transform:scale(var(--gaming-scale-110))}.scale-125{transform:scale(var(--gaming-scale-125))}.rotate-1{transform:rotate(var(--gaming-rotate-1))}.rotate-2{transform:rotate(var(--gaming-rotate-2))}.rotate-3{transform:rotate(var(--gaming-rotate-3))}.rotate-6{transform:rotate(var(--gaming-rotate-6))}.rotate-12{transform:rotate(var(--gaming-rotate-12))}.animate-warm-glow{animation:gaming-warm-glow 3s ease-in-out infinite}.animate-warm-border{animation:gaming-warm-border 6s linear infinite;border:3px solid;border-image:linear-gradient(90deg,var(--gaming-primary-400),var(--gaming-accent-gold-400),var(--gaming-secondary-400),var(--gaming-accent-gold-400),var(--gaming-primary-400)) 1}.animate-glow-pulse{animation:gaming-warm-glow 3s ease-in-out infinite}.animate-border-flow{animation:gaming-warm-border 4s linear infinite}.animate-fade-in{animation:gaming-fade-in var(--gaming-duration-300) var(--gaming-ease-out)}.animate-fade-out{animation:gaming-fade-out var(--gaming-duration-300) var(--gaming-ease-in)}.animate-slide-in-up{animation:gaming-slide-in-up var(--gaming-duration-300) var(--gaming-ease-out)}.animate-slide-in-down{animation:gaming-slide-in-down var(--gaming-duration-300) var(--gaming-ease-out)}.animate-slide-in-left{animation:gaming-slide-in-left var(--gaming-duration-300) var(--gaming-ease-out)}.animate-slide-in-right{animation:gaming-slide-in-right var(--gaming-duration-300) var(--gaming-ease-out)}.animate-scale-in{animation:gaming-scale-in var(--gaming-duration-200) var(--gaming-ease-back)}.animate-bounce{animation:gaming-bounce 1s ease-in-out}.animate-shake{animation:gaming-shake .5s ease-in-out}.animate-spin{animation:gaming-spin 1s linear infinite}.animate-ping{animation:gaming-ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-text-glow,.animate-text-warm{animation:gaming-text-warm 2.5s ease-in-out infinite}.animate-gold-shimmer{animation:gaming-gold-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#f0d78566,#0000);background-size:200% 100%}.animate-pulse-life{animation:gaming-pulse-life 2s ease-in-out infinite}.animate-float{animation:gaming-float 3s ease-in-out infinite}.animate-warm-glow-fast{animation:gaming-warm-glow 2s ease-in-out infinite}.hover-scale:hover{transform:scale(var(--gaming-scale-105))}.hover-scale-lg:hover{transform:scale(var(--gaming-scale-110))}.hover-glow:hover{box-shadow:var(--gaming-glow-primary)}.hover-lift:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.focus-glow:focus{box-shadow:var(--gaming-glow-primary);outline:none}.focus-ring:focus{outline:2px solid var(--gaming-primary-400);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.animate-border-flow,.animate-glow-pulse,.animate-text-glow{animation:none}}.gaming-btn{align-items:center;background-clip:padding-box;border:2px solid #0000;border-radius:6px;box-shadow:0 2px 4px #2b18104d,inset 0 1px 0 #f4d9c41a;cursor:pointer;display:inline-flex;font-family:var(--gaming-font-heading);font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-semibold);justify-content:center;line-height:1.2;min-height:var(--gaming-touch-target);outline:none;overflow:hidden;padding:var(--gaming-button-padding-y) var(--gaming-button-padding-x);position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;vertical-align:middle;white-space:nowrap}.gaming-btn:before{background:inherit;border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.gaming-btn:active{transform:scale(.97) translateY(1px)}.gaming-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.gaming-btn-xs{border-radius:4px;font-size:var(--gaming-text-xs);min-height:32px;padding:var(--gaming-space-1) var(--gaming-space-3)}.gaming-btn-sm{border-radius:6px;font-size:var(--gaming-text-sm);min-height:36px;padding:var(--gaming-button-padding-y-sm) var(--gaming-button-padding-x-sm)}.gaming-btn-lg{border-radius:12px;font-size:var(--gaming-text-lg);min-height:var(--gaming-touch-target-lg);padding:var(--gaming-button-padding-y-lg) var(--gaming-button-padding-x-lg)}.gaming-btn-xl{border-radius:16px;font-size:var(--gaming-text-xl);font-weight:var(--gaming-font-weight-bold);min-height:56px;padding:var(--gaming-space-5) var(--gaming-space-10)}.gaming-btn-primary{background:linear-gradient(135deg,#d4a574e6,#d4a574 50%,#ffd700cc);border-color:#d4a57480;box-shadow:0 6px 20px #d4a57466,inset 0 1px 0 #ffffff4d;color:var(--gaming-text-on-dark)}.gaming-btn-primary:before{background:linear-gradient(135deg,var(--gaming-primary-300) 0,var(--gaming-primary-500) 100%)}.gaming-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#d4a574,#ffd700e6 50%,gold);border-color:#d4a574cc;box-shadow:0 12px 35px #d4a57499,inset 0 1px 0 #fff6;transform:translateY(-3px)}.gaming-btn-primary:hover:not(:disabled):before{opacity:1}.gaming-btn-primary:focus{box-shadow:var(--gaming-shadow-primary),0 0 0 3px #b8956a4d}.gaming-btn-secondary{background:var(--gaming-gradient-secondary);border-color:var(--gaming-secondary-500);box-shadow:0 3px 8px #2b181066,inset 0 1px 0 #f4d9c433;color:var(--gaming-text-primary)}.gaming-btn-secondary:before{background:linear-gradient(135deg,var(--gaming-secondary-300) 0,var(--gaming-secondary-500) 100%)}.gaming-btn-secondary:hover:not(:disabled){border-color:var(--gaming-secondary-400);box-shadow:var(--gaming-shadow-secondary),0 6px 16px #2b181080,inset 0 1px 0 #f4d9c44d;transform:translateY(-1px)}.gaming-btn-secondary:hover:not(:disabled):before{opacity:1}.gaming-btn-secondary:focus{box-shadow:var(--gaming-shadow-secondary),0 0 0 3px #4a7c594d}.gaming-btn-outline{background:#0000;border-color:var(--gaming-accent-gold-400);box-shadow:inset 0 0 0 1px var(--gaming-accent-gold-400);color:var(--gaming-accent-gold-400)}.gaming-btn-outline:hover:not(:disabled){background:var(--gaming-primary-alpha-20);border-color:var(--gaming-accent-gold-300);box-shadow:var(--gaming-shadow-gold),inset 0 0 0 1px var(--gaming-accent-gold-300);color:var(--gaming-text-primary)}.gaming-btn-outline-secondary{background:#0000;border-color:var(--gaming-secondary-400);box-shadow:inset 0 0 0 1px var(--gaming-secondary-400);color:var(--gaming-secondary-400)}.gaming-btn-outline-secondary:hover:not(:disabled){background:var(--gaming-secondary-alpha-20);border-color:var(--gaming-secondary-300);box-shadow:var(--gaming-shadow-secondary),inset 0 0 0 1px var(--gaming-secondary-300);color:var(--gaming-text-primary)}.gaming-btn-ghost{background:#0000;border-color:#0000;box-shadow:none;color:var(--gaming-text-secondary)}.gaming-btn-ghost:hover:not(:disabled){border-color:var(--gaming-accent-gold-400)}.gaming-btn-ghost:focus,.gaming-btn-ghost:hover:not(:disabled){background:var(--gaming-primary-alpha-10);color:var(--gaming-accent-gold-400)}.gaming-btn-ghost:focus{box-shadow:0 0 0 2px var(--gaming-primary-alpha-30)}.gaming-btn-danger{background:linear-gradient(135deg,var(--gaming-error-500) 0,var(--gaming-error-700) 100%);border-color:var(--gaming-error-500);color:var(--gaming-text-primary)}.gaming-btn-danger:hover:not(:disabled){border-color:var(--gaming-error-400);box-shadow:var(--gaming-shadow-error);transform:translateY(-1px)}.gaming-btn-danger:focus{box-shadow:var(--gaming-shadow-error),0 0 0 3px #c85a6e4d}.gaming-btn-success{background:linear-gradient(135deg,var(--gaming-success-500) 0,var(--gaming-success-700) 100%);border-color:var(--gaming-success-500);color:var(--gaming-text-primary)}.gaming-btn-success:hover:not(:disabled){border-color:var(--gaming-success-400);box-shadow:var(--gaming-shadow-success);transform:translateY(-1px)}.gaming-btn-loading{color:#0000!important;cursor:wait;position:relative}.gaming-btn-loading:after{animation:gaming-spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.gaming-btn-lg.gaming-btn-loading:after{height:20px;margin:-10px 0 0 -10px;width:20px}.gaming-btn-xl.gaming-btn-loading:after{height:24px;margin:-12px 0 0 -12px;width:24px}.gaming-btn-icon{border-radius:50%;height:var(--gaming-touch-target);padding:0;width:var(--gaming-touch-target)}.gaming-btn-icon-sm{height:36px;width:36px}.gaming-btn-icon-lg{height:var(--gaming-touch-target-lg);width:var(--gaming-touch-target-lg)}.gaming-btn-icon i,.gaming-btn-icon svg{flex-shrink:0;height:20px;width:20px}.gaming-btn-group{border-radius:8px;display:inline-flex;overflow:hidden}.gaming-btn-group .gaming-btn{border-radius:0;border-right-width:1px}.gaming-btn-group .gaming-btn:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.gaming-btn-group .gaming-btn:last-child{border-bottom-right-radius:8px;border-right-width:2px;border-top-right-radius:8px}.gaming-btn-group .gaming-btn:not(:first-child){margin-left:-1px}.gaming-btn-group .gaming-btn:focus,.gaming-btn-group .gaming-btn:hover{z-index:1}@media (min-width:48rem){.gaming-btn{font-size:var(--gaming-text-lg);padding:var(--gaming-space-3) var(--gaming-space-8)}.gaming-btn-sm{font-size:var(--gaming-text-base);padding:var(--gaming-space-2) var(--gaming-space-6)}.gaming-btn-lg{font-size:var(--gaming-text-xl);padding:var(--gaming-space-4) var(--gaming-space-10)}.gaming-btn-xl{font-size:var(--gaming-text-2xl);padding:var(--gaming-space-6) var(--gaming-space-12)}}@media (prefers-contrast:high){.gaming-btn{border-width:3px}.gaming-btn:focus{outline:3px solid var(--gaming-primary-400);outline-offset:2px}}@media (prefers-reduced-motion:reduce){.gaming-btn{transition:none}.gaming-btn:hover{transform:none}.gaming-btn-loading:after{animation:none}}.gaming-card{word-wrap:break-word;backdrop-filter:blur(30px);background:linear-gradient(145deg,#0f172af2,#1e293bfa 30%,#334155f2 70%,#0f172af2);border:2px solid #d4a57466;border-radius:var(--gaming-radius-3xl);box-shadow:0 20px 60px #0006,0 8px 25px #d4a5741a,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:var(--gaming-space-8);position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.gaming-card:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 40%,#d4a5740d 50%,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.gaming-card:hover{border-color:#d4a574b3;box-shadow:0 35px 100px #0009,0 15px 50px #d4a5744d,inset 0 1px 0 #fff3;transform:translateY(-8px) scale(1.02)}.gaming-card:hover:before{opacity:1}.gaming-card-sm{border-radius:8px;padding:var(--gaming-card-padding-sm)}.gaming-card-lg{border-radius:16px;padding:var(--gaming-card-padding-lg)}.gaming-card-xl{border-radius:20px;padding:var(--gaming-space-10)}.gaming-card-primary{background:linear-gradient(135deg,var(--gaming-bg-tertiary) 0,#b8956a1a 100%);border-color:var(--gaming-primary-500)}.gaming-card-primary:before{background:var(--gaming-gradient-primary);opacity:.4}.gaming-card-primary:hover{border-color:var(--gaming-primary-400);box-shadow:var(--gaming-shadow-primary)}.gaming-card-secondary{background:linear-gradient(135deg,var(--gaming-bg-tertiary) 0,#4a7c591a 100%);border-color:var(--gaming-secondary-500)}.gaming-card-secondary:before{background:var(--gaming-gradient-secondary);opacity:.4}.gaming-card-secondary:hover{border-color:var(--gaming-secondary-400);box-shadow:var(--gaming-shadow-secondary)}.gaming-card-gold{background:linear-gradient(135deg,var(--gaming-bg-tertiary) 0,#e6cc731a 100%);border-color:var(--gaming-accent-gold-500)}.gaming-card-gold:before{background:var(--gaming-gradient-gold);opacity:.4}.gaming-card-gold:hover{border-color:var(--gaming-accent-gold-400);box-shadow:var(--gaming-shadow-gold)}.gaming-card-danger{background:linear-gradient(135deg,var(--gaming-bg-tertiary) 0,#c85a6e1a 100%);border-color:var(--gaming-error-500)}.gaming-card-danger:hover{border-color:var(--gaming-error-400);box-shadow:var(--gaming-shadow-error)}.gaming-card-success{background:linear-gradient(135deg,var(--gaming-bg-tertiary) 0,#4a7c591a 100%);border-color:var(--gaming-success-500)}.gaming-card-success:hover{border-color:var(--gaming-success-400);box-shadow:var(--gaming-shadow-success)}.gaming-card-header{border-bottom:1px solid var(--gaming-border-primary);margin-bottom:var(--gaming-space-4);padding-bottom:var(--gaming-space-4)}.gaming-card-title{color:var(--gaming-text-primary);font-family:var(--gaming-font-heading);font-size:var(--gaming-text-xl);font-weight:var(--gaming-font-weight-bold);line-height:var(--gaming-line-height-tight);margin:0}.gaming-card-subtitle{color:var(--gaming-text-secondary);font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);margin:var(--gaming-space-1) 0 0 0}.gaming-card-body{flex:1 1 auto;padding:0}.gaming-card-text{color:var(--gaming-text-secondary);line-height:var(--gaming-line-height-normal);margin:0 0 var(--gaming-space-4) 0}.gaming-card-text:last-child{margin-bottom:0}.gaming-card-footer{align-items:center;border-top:1px solid var(--gaming-border-primary);display:flex;gap:var(--gaming-space-3);justify-content:space-between;margin-top:auto;padding-top:var(--gaming-space-4)}.gaming-player-card{background:linear-gradient(135deg,var(--gaming-bg-tertiary) 0,var(--gaming-bg-elevated) 100%);border:3px solid var(--gaming-primary-500);border-radius:12px;box-shadow:0 6px 16px #2b181066,inset 0 1px 0 #f4d9c41a;overflow:hidden;position:relative}.gaming-player-card:after{background:var(--gaming-gradient-primary);border-radius:12px;bottom:-3px;content:"";left:-3px;opacity:0;position:absolute;right:-3px;top:-3px;transition:opacity .3s ease;z-index:-1}.gaming-player-card:hover:after{opacity:1}.gaming-player-avatar{align-items:center;background:var(--gaming-gradient-dark);border:3px solid var(--gaming-accent-gold-400);border-radius:8px;color:var(--gaming-accent-gold-400);display:flex;font-size:var(--gaming-text-2xl);font-weight:var(--gaming-font-weight-bold);height:64px;justify-content:center;text-shadow:var(--gaming-text-shadow-warm-gold);width:64px}.gaming-player-stats{display:flex;gap:var(--gaming-space-4);margin-top:var(--gaming-space-4)}.gaming-player-stat{flex:1;text-align:center}.gaming-player-stat-value{color:var(--gaming-text-primary);display:block;font-family:var(--gaming-font-mono);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold)}.gaming-player-stat-label{color:var(--gaming-text-tertiary);display:block;font-size:var(--gaming-text-xs);letter-spacing:var(--gaming-letter-spacing-wide);margin-top:var(--gaming-space-1);text-transform:uppercase}.gaming-room-card{background:linear-gradient(135deg,var(--gaming-bg-secondary) 0,var(--gaming-bg-tertiary) 100%);border:2px solid var(--gaming-border-secondary);box-shadow:0 4px 12px #2b18104d,inset 0 1px 0 #f4d9c40d;position:relative;transition:all .3s ease}.gaming-room-card:hover{border-color:var(--gaming-secondary-400);box-shadow:var(--gaming-shadow-secondary)}.gaming-room-status{background:var(--gaming-success-500);border-radius:4px;color:var(--gaming-text-primary);font-size:var(--gaming-text-xs);font-weight:var(--gaming-font-weight-semibold);letter-spacing:var(--gaming-letter-spacing-wide);padding:var(--gaming-space-1) var(--gaming-space-2);position:absolute;right:var(--gaming-space-3);text-transform:uppercase;top:var(--gaming-space-3)}.gaming-room-status.busy{background:var(--gaming-warning-500)}.gaming-room-status.full{background:var(--gaming-error-500)}.gaming-room-players{align-items:center;color:var(--gaming-text-secondary);display:flex;font-size:var(--gaming-text-sm);gap:var(--gaming-space-2)}.gaming-room-bet{color:var(--gaming-accent-gold-400);font-family:var(--gaming-font-mono);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);text-shadow:var(--gaming-text-shadow-warm-gold)}.gaming-stats-card{background:linear-gradient(135deg,var(--gaming-bg-tertiary) 0,#e6cc731a 100%);border:2px solid var(--gaming-accent-gold-500);box-shadow:0 4px 12px #2b18104d,inset 0 1px 0 #f4d9c41a;text-align:center}.gaming-stats-number{color:var(--gaming-accent-gold-400);display:block;font-family:var(--gaming-font-display);font-size:var(--gaming-text-4xl);font-weight:var(--gaming-font-weight-black);line-height:1;margin-bottom:var(--gaming-space-2);text-shadow:var(--gaming-text-shadow-warm-gold)}.gaming-stats-label{color:var(--gaming-text-secondary);font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-semibold);letter-spacing:var(--gaming-letter-spacing-wide);text-transform:uppercase}.gaming-card-glow{animation:gaming-warm-glow 4s ease-in-out infinite}.gaming-card-animated-border{background-clip:padding-box;border:3px solid #0000;position:relative}.gaming-card-animated-border:before{animation:gaming-warm-border 6s ease-in-out infinite;background:linear-gradient(45deg,var(--gaming-primary-400),var(--gaming-accent-gold-400),var(--gaming-secondary-400),var(--gaming-primary-400));background-size:400% 400%;border-radius:inherit;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}.gaming-card-interactive{cursor:pointer;user-select:none}.gaming-card-interactive:active{transform:scale(.98)}.gaming-cards-grid{display:grid;gap:var(--gaming-grid-gap);grid-template-columns:1fr}@media (min-width:30rem){.gaming-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:48rem){.gaming-cards-grid{gap:var(--gaming-grid-gap-lg);grid-template-columns:repeat(3,1fr)}}@media (min-width:64rem){.gaming-cards-grid{grid-template-columns:repeat(4,1fr)}}.gaming-cards-list{display:flex;flex-direction:column;gap:var(--gaming-space-4)}.gaming-cards-list .gaming-card{align-items:center;flex-direction:row}@media (min-width:48rem){.gaming-card-title{font-size:var(--gaming-text-2xl)}.gaming-stats-number{font-size:var(--gaming-text-5xl)}.gaming-player-avatar{font-size:var(--gaming-text-3xl);height:80px;width:80px}}@media (min-width:64rem){.gaming-card{padding:var(--gaming-space-8)}.gaming-card-lg{padding:var(--gaming-space-10)}}@media (prefers-reduced-motion:reduce){.gaming-card,.gaming-card:after,.gaming-card:before{animation:none;transition:none}.gaming-card:hover{transform:none}.gaming-card-animated-border:before,.gaming-card-glow{animation:none}}@media (prefers-contrast:high){.gaming-card{border-width:3px}}.gaming-input{background:var(--gaming-bg-tertiary);background-clip:padding-box;border:2px solid var(--gaming-border-primary);border-radius:8px;box-shadow:inset 0 2px 4px #0003,0 1px 0 #ffffff0d;color:var(--gaming-text-primary);display:block;font-family:var(--gaming-font-body);font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-regular);line-height:var(--gaming-line-height-normal);min-height:var(--gaming-touch-target);padding:var(--gaming-input-padding-y) var(--gaming-input-padding-x);transition:border-color var(--gaming-duration-200) var(--gaming-ease-out),box-shadow var(--gaming-duration-300) var(--gaming-ease-out),background-color var(--gaming-duration-200) var(--gaming-ease-out);width:100%}.gaming-input::placeholder{color:var(--gaming-text-tertiary);opacity:1}.gaming-input:focus{background:var(--gaming-bg-elevated);border-color:var(--gaming-primary-400);box-shadow:var(--gaming-glow-primary),inset 0 2px 4px #0003,0 0 0 3px #00d4ff1a;outline:none}.gaming-input:disabled{background:var(--gaming-bg-secondary);border-color:var(--gaming-border-secondary);color:var(--gaming-text-disabled);cursor:not-allowed;opacity:.6}.gaming-input:invalid{border-color:var(--gaming-error-500)}.gaming-input:invalid:focus{border-color:var(--gaming-error-400);box-shadow:var(--gaming-glow-error),inset 0 2px 4px #0003,0 0 0 3px #ef44441a}.gaming-input-sm{border-radius:6px;font-size:var(--gaming-text-sm);min-height:36px;padding:var(--gaming-space-2) var(--gaming-space-3)}.gaming-input-lg{border-radius:12px;font-size:var(--gaming-text-lg);min-height:var(--gaming-touch-target-lg);padding:var(--gaming-space-4) var(--gaming-space-6)}.gaming-input-xl{border-radius:16px;font-size:var(--gaming-text-xl);min-height:56px;padding:var(--gaming-space-5) var(--gaming-space-8)}.gaming-input-neon{background:#00d4ff0d;border-color:var(--gaming-primary-500);box-shadow:inset 0 0 10px #00d4ff1a,0 0 5px #00d4ff33}.gaming-input-neon:focus{border-color:var(--gaming-primary-300);box-shadow:var(--gaming-glow-primary),inset 0 0 15px #00d4ff33,0 0 0 3px #00d4ff26}.gaming-input-secondary{border-color:var(--gaming-secondary-500)}.gaming-input-secondary:focus{border-color:var(--gaming-secondary-400);box-shadow:var(--gaming-glow-secondary),inset 0 2px 4px #0003,0 0 0 3px #00ff881a}.gaming-input-ghost{background:#0000;border-color:#0000;border-bottom:2px solid var(--gaming-border-primary);border-radius:0;padding-left:0;padding-right:0}.gaming-input-ghost:focus{border-bottom-color:var(--gaming-primary-400);box-shadow:0 2px 0 var(--gaming-primary-400)}.gaming-input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.gaming-input-group .gaming-input{flex:1 1 auto;min-width:0;position:relative;width:1%}.gaming-input-group .gaming-input:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-2px}.gaming-input-group .gaming-input:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.gaming-input-group .gaming-input:focus{z-index:2}.gaming-input-append,.gaming-input-prepend{align-items:center;background:var(--gaming-bg-secondary);border:2px solid var(--gaming-border-primary);color:var(--gaming-text-secondary);display:flex;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);padding:var(--gaming-input-padding-y) var(--gaming-input-padding-x);text-align:center;white-space:nowrap}.gaming-input-prepend{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0}.gaming-input-append{border-bottom-left-radius:0;border-left:none;border-top-left-radius:0}.gaming-textarea{font-family:var(--gaming-font-body);min-height:100px;resize:vertical}.gaming-textarea-lg{min-height:150px}.gaming-textarea-xl{min-height:200px}.gaming-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--gaming-space-3) center;background-repeat:no-repeat;background-size:16px 12px;cursor:pointer;padding-right:var(--gaming-space-10)}.gaming-select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2300D4FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}.gaming-checkbox,.gaming-radio{appearance:none;background:var(--gaming-bg-tertiary);border:2px solid var(--gaming-border-primary);cursor:pointer;height:20px;position:relative;transition:var(--gaming-transition-all);width:20px}.gaming-checkbox{border-radius:4px}.gaming-radio{border-radius:50%}.gaming-checkbox:checked,.gaming-radio:checked{background:var(--gaming-gradient-primary);border-color:var(--gaming-primary-400)}.gaming-checkbox:checked:after{color:var(--gaming-text-primary);content:"✓";font-size:12px;font-weight:var(--gaming-font-weight-bold)}.gaming-checkbox:checked:after,.gaming-radio:checked:after{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.gaming-radio:checked:after{background:var(--gaming-text-primary);border-radius:50%;content:"";height:8px;width:8px}.gaming-checkbox:focus,.gaming-radio:focus{box-shadow:var(--gaming-glow-primary);outline:none}.gaming-checkbox-lg,.gaming-radio-lg{height:24px;width:24px}.gaming-checkbox-lg:checked:after{font-size:14px}.gaming-radio-lg:checked:after{height:10px;width:10px}.gaming-label{color:var(--gaming-text-primary);display:block;font-family:var(--gaming-font-heading);font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-semibold);letter-spacing:var(--gaming-letter-spacing-wide);margin-bottom:var(--gaming-label-margin);text-transform:uppercase}.gaming-label-required:after{color:var(--gaming-error-400);content:" *"}.gaming-form-group{margin-bottom:var(--gaming-form-gap)}.gaming-form-group:last-child{margin-bottom:0}.gaming-help-text{color:var(--gaming-text-tertiary);line-height:var(--gaming-line-height-normal)}.gaming-error-text,.gaming-help-text{font-size:var(--gaming-text-xs);margin-top:var(--gaming-space-1)}.gaming-error-text{color:var(--gaming-error-400);font-weight:var(--gaming-font-weight-medium)}.gaming-switch{display:inline-block;height:24px;position:relative;width:48px}.gaming-switch input{height:0;opacity:0;width:0}.gaming-switch-slider{background:var(--gaming-bg-secondary);border:2px solid var(--gaming-border-primary);border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.gaming-switch-slider,.gaming-switch-slider:before{position:absolute;transition:var(--gaming-transition-all)}.gaming-switch-slider:before{background:var(--gaming-text-secondary);border-radius:50%;bottom:2px;content:"";height:16px;left:2px;width:16px}.gaming-switch input:checked+.gaming-switch-slider{background:var(--gaming-gradient-primary);border-color:var(--gaming-primary-400);box-shadow:var(--gaming-glow-primary)}.gaming-switch input:checked+.gaming-switch-slider:before{background:var(--gaming-text-primary);transform:translateX(20px)}.gaming-switch input:focus+.gaming-switch-slider{box-shadow:var(--gaming-glow-primary)}.gaming-switch-lg{height:28px;width:56px}.gaming-switch-lg .gaming-switch-slider:before{height:20px;width:20px}.gaming-switch-lg input:checked+.gaming-switch-slider:before{transform:translateX(24px)}.gaming-search{position:relative}.gaming-search .gaming-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z'/%3E%3C/svg%3E");background-position:left var(--gaming-space-3) center;background-repeat:no-repeat;background-size:16px 16px;padding-left:var(--gaming-space-10)}.gaming-search .gaming-input:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300D4FF'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z'/%3E%3C/svg%3E")}.gaming-coin-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='%230F8' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='8' stroke='%230F8' stroke-width='2'/%3E%3Ctext x='10' y='14' text-anchor='middle' font-size='10'%3E$%3C/text%3E%3C/svg%3E");background-position:left var(--gaming-space-3) center;background-repeat:no-repeat;background-size:20px 20px;font-family:var(--gaming-font-mono);padding-left:var(--gaming-space-10);text-align:right}.gaming-level-input{color:var(--gaming-accent-purple-400);font-family:var(--gaming-font-display);font-weight:var(--gaming-font-weight-bold);text-align:center;text-shadow:var(--gaming-text-shadow-neon-purple)}@media (min-width:48rem){.gaming-input{font-size:var(--gaming-text-lg)}.gaming-input-sm,.gaming-label{font-size:var(--gaming-text-base)}}@media (prefers-reduced-motion:reduce){.gaming-input,.gaming-switch-slider,.gaming-switch-slider:before{transition:none}}@media (prefers-contrast:high){.gaming-input{border-width:3px}.gaming-input:focus{outline:3px solid var(--gaming-primary-400);outline-offset:2px}}.gaming-checkbox:focus-visible,.gaming-input:focus-visible,.gaming-radio:focus-visible{outline:2px solid var(--gaming-primary-400);outline-offset:2px}.truco-modal-overlay{align-items:center;animation:truco-fade-in var(--gaming-duration-300) var(--gaming-ease-out);backdrop-filter:blur(8px);background:#0f172af2;bottom:0;display:flex;justify-content:center;left:0;padding:var(--gaming-space-4);padding-bottom:calc(88px + env(safe-area-inset-bottom, 0));position:fixed;right:0;top:0;z-index:10003}.truco-modal{animation:truco-scale-in var(--gaming-duration-300) var(--gaming-ease-back);backdrop-filter:blur(30px);background:linear-gradient(145deg,#1f2937fa,#111827f2);border:2px solid #d4a5744d;border-radius:20px;box-shadow:0 25px 50px #00000080,inset 0 1px 0 #ffffff1a;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}.truco-modal-header{background:linear-gradient(135deg,var(--gaming-bg-secondary) 0,var(--gaming-bg-tertiary) 100%);border-bottom:1px solid var(--gaming-border-primary);padding:var(--gaming-space-6);position:relative}.truco-modal-title{color:var(--gaming-text-primary);font-family:var(--gaming-font-heading);font-size:var(--gaming-text-2xl);font-weight:var(--gaming-font-weight-bold);line-height:var(--gaming-line-height-tight);margin:0}.truco-modal-subtitle{color:var(--gaming-text-secondary);font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);margin:var(--gaming-space-2) 0 0 0}.truco-modal-close{background:#0000;border:none;border-radius:8px;color:var(--gaming-text-secondary);cursor:pointer;font-size:var(--gaming-text-2xl);line-height:1;padding:var(--gaming-space-2);position:absolute;right:var(--gaming-space-4);top:var(--gaming-space-4);transition:var(--gaming-transition-all)}.truco-modal-close:hover{background:var(--gaming-bg-primary);color:var(--gaming-primary-400);transform:scale(1.1)}.truco-modal-body{max-height:60vh;overflow-y:auto;padding:var(--gaming-space-6)}.truco-modal-footer{align-items:center;background:var(--gaming-bg-secondary);border-top:1px solid var(--gaming-border-primary);display:flex;gap:var(--gaming-space-3);justify-content:flex-end;padding:var(--gaming-space-6)}.truco-modal-sm{max-width:400px}.truco-modal-lg{max-width:700px}.truco-modal-xl{max-width:900px}.truco-modal-full{max-height:95vh;max-width:95vw}@media (max-width:48rem){.truco-modal{margin:var(--gaming-space-4);max-width:calc(100vw - 2rem)}.truco-modal-full{max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}}.truco-modal-confirm .truco-modal-body{padding:var(--gaming-space-8);text-align:center}.truco-modal-confirm .truco-modal-icon{display:block;font-size:var(--gaming-text-6xl);margin-bottom:var(--gaming-space-4)}.truco-modal-confirm.danger .truco-modal-icon{color:var(--gaming-error-500)}.truco-modal-confirm.success .truco-modal-icon{color:var(--gaming-accent-green-500)}.truco-modal-confirm.warning .truco-modal-icon{color:var(--gaming-secondary-400)}.truco-player-modal .truco-modal-header{background:var(--gaming-gradient-primary);color:var(--gaming-text-primary);text-align:center}.truco-player-avatar-large{align-items:center;background:var(--gaming-gradient-dark);border:3px solid var(--gaming-secondary-400);border-radius:16px;color:var(--gaming-secondary-400);display:flex;font-size:var(--gaming-text-4xl);font-weight:var(--gaming-font-weight-black);height:100px;justify-content:center;margin:0 auto var(--gaming-space-4) auto;width:100px}.truco-player-stats-grid{display:grid;gap:var(--gaming-space-4);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:var(--gaming-space-6) 0}.truco-player-stat-card{background:var(--gaming-bg-secondary);border:1px solid var(--gaming-border-primary);border-radius:12px;padding:var(--gaming-space-4);text-align:center}.truco-player-stat-value{color:var(--gaming-text-primary);display:block;font-family:var(--gaming-font-mono);font-size:var(--gaming-text-2xl);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-1)}.truco-player-stat-label{color:var(--gaming-text-tertiary);display:block;font-size:var(--gaming-text-xs);font-weight:var(--gaming-font-weight-semibold);letter-spacing:var(--gaming-letter-spacing-wide);text-transform:uppercase}.truco-settings-modal .truco-modal-body{padding:0}.truco-settings-section{border-bottom:1px solid var(--gaming-border-primary);padding:var(--gaming-space-6)}.truco-settings-section:last-child{border-bottom:none}.truco-settings-section-title{align-items:center;color:var(--gaming-text-primary);display:flex;font-family:var(--gaming-font-heading);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-semibold);gap:var(--gaming-space-2);margin:0 0 var(--gaming-space-4) 0}.truco-settings-item{align-items:center;background:var(--gaming-bg-primary);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:var(--gaming-space-4);padding:var(--gaming-space-3)}.truco-settings-item:last-child{margin-bottom:0}.truco-settings-label{color:var(--gaming-text-primary);font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-medium)}.truco-settings-description{color:var(--gaming-text-secondary);font-size:var(--gaming-text-sm);margin-top:var(--gaming-space-1)}.truco-rules-modal .truco-modal-body{line-height:var(--gaming-line-height-relaxed)}.truco-rules-section{margin-bottom:var(--gaming-space-8)}.truco-rules-section:last-child{margin-bottom:0}.truco-rules-title{align-items:center;color:var(--gaming-primary-400);display:flex;font-family:var(--gaming-font-heading);font-size:var(--gaming-text-xl);font-weight:var(--gaming-font-weight-bold);gap:var(--gaming-space-2);margin:0 0 var(--gaming-space-4) 0}.truco-rules-list{list-style:none;margin:0;padding:0}.truco-rules-list li{border-bottom:1px solid var(--gaming-border-secondary);padding:var(--gaming-space-2) 0;padding-left:var(--gaming-space-6);position:relative}.truco-rules-list li:last-child{border-bottom:none}.truco-rules-list li:before{color:var(--gaming-secondary-400);content:"▶";font-size:var(--gaming-text-sm);left:0;position:absolute}.truco-room-modal .truco-modal-header{background:var(--gaming-gradient-secondary)}.truco-room-info{display:grid;gap:var(--gaming-space-4);grid-template-columns:1fr 1fr;margin-bottom:var(--gaming-space-6)}@media (max-width:48rem){.truco-room-info{grid-template-columns:1fr}}.truco-room-detail{background:var(--gaming-bg-secondary);border:1px solid var(--gaming-border-primary);border-radius:8px;padding:var(--gaming-space-4)}.truco-room-detail-label{color:var(--gaming-text-secondary);font-size:var(--gaming-text-sm);letter-spacing:var(--gaming-letter-spacing-wide);margin-bottom:var(--gaming-space-1);text-transform:uppercase}.truco-room-detail-value{color:var(--gaming-text-primary);font-family:var(--gaming-font-mono);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold)}.truco-players-list{background:var(--gaming-bg-secondary);border:1px solid var(--gaming-border-primary);border-radius:12px;padding:var(--gaming-space-4)}.truco-players-title{color:var(--gaming-text-primary);font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-semibold);margin-bottom:var(--gaming-space-4)}.truco-player-item{align-items:center;background:var(--gaming-bg-primary);border-radius:8px;display:flex;gap:var(--gaming-space-3);margin-bottom:var(--gaming-space-2);padding:var(--gaming-space-3)}.truco-player-item:last-child{margin-bottom:0}.truco-player-avatar-sm{align-items:center;background:var(--gaming-gradient-primary);border-radius:8px;color:var(--gaming-text-primary);display:flex;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-bold);height:40px;justify-content:center;width:40px}.truco-player-info{flex:1}.truco-player-name{color:var(--gaming-text-primary);font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-medium);margin:0}.truco-player-status{color:var(--gaming-text-tertiary);font-size:var(--gaming-text-xs);margin:0}@keyframes truco-slide-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.truco-modal:focus{outline:none}.truco-modal-close:focus{outline:2px solid var(--gaming-primary-400);outline-offset:2px}@media (prefers-reduced-motion:reduce){.truco-modal,.truco-modal-overlay,.truco-modal-overlay.closing,.truco-modal.closing{animation:none}}@media (prefers-contrast:high){.truco-modal{border-width:3px}}@media (max-width:48rem){.truco-modal-body,.truco-modal-footer,.truco-modal-header{padding:var(--gaming-space-4)}.truco-modal-title{font-size:var(--gaming-text-xl)}.truco-room-info{grid-template-columns:1fr}.truco-player-stats-grid{grid-template-columns:repeat(2,1fr)}}@keyframes truco-fade-in{0%{opacity:0}to{opacity:1}}@keyframes truco-scale-in{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes truco-slide-in{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.truco-modal-overlay.closing{animation:truco-fade-out var(--gaming-duration-200) var(--gaming-ease-in)}.truco-modal.closing{animation:truco-scale-out var(--gaming-duration-200) var(--gaming-ease-in)}@keyframes truco-fade-out{0%{opacity:1}to{opacity:0}}@keyframes truco-scale-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.95)}}.gaming-spinner{display:inline-block;height:40px;position:relative;width:40px}.gaming-spinner:before{animation:spinnerRotate 1s linear infinite;border:3px solid #0000;border-radius:50%;border-right:3px solid var(--gaming-primary-400);border-top:3px solid var(--gaming-primary-400);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.gaming-spinner:after{animation:spinnerRotate .8s linear infinite reverse;border:2px solid #0000;border-bottom:2px solid var(--gaming-gold-400);border-left:2px solid var(--gaming-gold-400);border-radius:50%;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;width:calc(100% - 8px)}.gaming-spinner.small{height:20px;width:20px}.gaming-spinner.large{height:60px;width:60px}.gaming-spinner.extra-large{height:80px;width:80px}.card-skeleton{animation:skeletonPulse 2s ease-in-out infinite;background:linear-gradient(90deg,var(--gaming-surface-200) 25%,var(--gaming-surface-300) 50%,var(--gaming-surface-200) 75%);background-size:200% 100%;border:2px solid var(--gaming-border-primary);border-radius:8px;height:115px;overflow:hidden;position:relative;width:80px}.card-skeleton:before{animation:skeletonPulse 1.5s ease-in-out .5s infinite;background:var(--gaming-surface-400);border-radius:4px;content:"";height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}@keyframes skeletonPulse{0%,to{background-position:200% 0;opacity:1}50%{background-position:-200% 0;opacity:.8}}@media (max-width:480px){.card-skeleton{height:80px;width:55px}}@media (min-width:481px) and (max-width:767px){.card-skeleton{height:92px;width:65px}}.button-skeleton{animation:skeletonPulse 2s ease-in-out infinite;background:linear-gradient(90deg,var(--gaming-surface-200) 25%,var(--gaming-surface-300) 50%,var(--gaming-surface-200) 75%);background-size:200% 100%;border:2px solid var(--gaming-border-primary);border-radius:12px;height:48px;min-width:80px;position:relative}.button-skeleton.small{border-radius:10px;height:38px;min-width:60px}.button-skeleton.large{border-radius:14px;height:56px;min-width:100px}.avatar-skeleton{animation:skeletonPulse 2s ease-in-out infinite;background:linear-gradient(90deg,var(--gaming-surface-200) 25%,var(--gaming-surface-300) 50%,var(--gaming-surface-200) 75%);background-size:200% 100%;border:3px solid var(--gaming-border-primary);border-radius:50%;height:60px;position:relative;width:60px}.avatar-skeleton.small{border-width:2px;height:40px;width:40px}.avatar-skeleton.large{border-width:4px;height:80px;width:80px}.text-skeleton{animation:skeletonPulse 2s ease-in-out infinite;background:linear-gradient(90deg,var(--gaming-surface-200) 25%,var(--gaming-surface-300) 50%,var(--gaming-surface-200) 75%);background-size:200% 100%;border-radius:4px;height:1em;position:relative}.text-skeleton.short{width:60%}.text-skeleton.medium{width:80%}.text-skeleton.long{width:95%}.text-skeleton.title{border-radius:6px;height:1.5em}.loading-overlay{animation:overlayFadeIn .3s ease;backdrop-filter:blur(4px);background:#0f172acc;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-modals)}.loading-overlay,.loading-overlay-content{align-items:center;display:flex;flex-direction:column}.loading-overlay-content{background:var(--gaming-bg-secondary);border:2px solid var(--gaming-border-primary);border-radius:16px;box-shadow:var(--gaming-shadow-warm);gap:var(--gaming-space-6);padding:var(--gaming-space-8)}.loading-overlay-text{color:var(--gaming-text-primary);font-family:var(--gaming-font-heading);font-size:var(--gaming-text-lg);margin-top:var(--gaming-space-4);text-align:center}.loading-overlay-subtext{color:var(--gaming-text-secondary);font-family:var(--gaming-font-body);font-size:var(--gaming-text-sm);text-align:center}.game-table-skeleton{animation:tableSkeleton 3s ease-in-out infinite;background:linear-gradient(135deg,var(--gaming-surface-200) 25%,var(--gaming-surface-300) 50%,var(--gaming-surface-200) 75%);background-size:200% 200%;border:8px solid var(--gaming-surface-400);border-radius:50%;height:min(320px,55vh);position:relative;width:min(480px,95vw)}.game-table-skeleton:before{animation:skeletonPulse 2s ease-in-out .5s infinite;background:var(--gaming-surface-400);border-radius:12px;content:"";height:40%;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}@keyframes tableSkeleton{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.shimmer{overflow:hidden;position:relative}.shimmer:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a 20%,#fff3 60%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.dots-loading{align-items:center;display:flex;gap:4px}.dots-loading-dot{animation:dotsLoading 1.4s ease-in-out infinite;background:var(--gaming-primary-400);border-radius:50%;height:8px;width:8px}.dots-loading-dot:first-child{animation-delay:0s}.dots-loading-dot:nth-child(2){animation-delay:.2s}.dots-loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotsLoading{0%,20%,80%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.avatar-skeleton,.button-skeleton,.card-skeleton,.dots-loading-dot,.gaming-spinner:after,.gaming-spinner:before,.shimmer:before,.text-skeleton{animation:none}.avatar-skeleton,.button-skeleton,.card-skeleton,.text-skeleton{background:var(--gaming-surface-300)}}@media (max-width:480px){.loading-overlay-content{margin:var(--gaming-space-4);padding:var(--gaming-space-6)}.gaming-spinner.large{height:50px;width:50px}.gaming-spinner.extra-large{height:60px;width:60px}}:root{--theme-transition-duration:200ms;--theme-transition-timing:ease-in-out}.theme-dark{--gaming-shadow-theme:#00000080;--gaming-glow-theme:rgba(var(--gaming-primary-rgb),0.3);--gaming-overlay-theme:#000c}.theme-light{--gaming-bg-primary:#faf7f2;--gaming-bg-secondary:#f5f1ec;--gaming-bg-tertiary:#efebe6;--gaming-bg-elevated:#fff;--gaming-surface-primary:#fff;--gaming-surface-secondary:#f8f4ef;--gaming-surface-tertiary:#f0ebe4;--gaming-text-primary:#2d1810;--gaming-text-secondary:#5d4a3a;--gaming-text-tertiary:#8d7a6a;--gaming-text-disabled:#b8a99a;--gaming-border-primary:#d4c4b4;--gaming-border-secondary:#e8d8c8;--gaming-border-tertiary:#f2e8dc;--gaming-cuero-50:#fefcfa;--gaming-cuero-100:#fcf8f4;--gaming-cuero-200:#f7ece1;--gaming-cuero-300:#f0ddc8;--gaming-cuero-400:#e6ca9f;--gaming-cuero-500:#d4b886;--gaming-cuero-600:#b8986d;--gaming-cuero-700:#9a7a54;--gaming-cuero-800:#7a5d3d;--gaming-cuero-900:#5a4129;--gaming-verde-50:#f6f8f6;--gaming-verde-100:#ecf0ec;--gaming-verde-200:#d8e0d8;--gaming-verde-300:#c0ccc0;--gaming-verde-400:#9fb09f;--gaming-verde-500:#829682;--gaming-verde-600:#6b7d6b;--gaming-verde-700:#546554;--gaming-verde-800:#3e4e3e;--gaming-verde-900:#2a3a2a;--gaming-gold-400:#d4af37;--gaming-gold-500:#b8941f;--gaming-gold-600:#9c7e1a;--gaming-primary-400:var(--gaming-cuero-500);--gaming-primary-500:var(--gaming-cuero-600);--gaming-primary-600:var(--gaming-cuero-700);--gaming-secondary-400:var(--gaming-verde-400);--gaming-secondary-500:var(--gaming-verde-500);--gaming-secondary-600:var(--gaming-verde-600);--gaming-shadow-theme:#0000001a;--gaming-glow-theme:rgba(var(--gaming-primary-rgb),0.2);--gaming-overlay-theme:#ffffffe6;--gaming-hover-alpha:0.08;--gaming-active-alpha:0.12;--gaming-focus-alpha:0.16}*{transition-duration:var(--theme-transition-duration);transition-property:background-color,border-color,color,box-shadow;transition-timing-function:var(--theme-transition-timing)}.no-theme-transition,.no-theme-transition *{transition:none!important}.theme-toggle-button{overflow:hidden;position:relative}.theme-toggle-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.theme-toggle-button:hover:before{left:100%}.theme-selector{min-width:280px}.theme-option{position:relative}.theme-option:before{background:var(--gaming-primary-400);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--theme-transition-duration);z-index:0}.theme-option:hover:before{opacity:.05}.theme-option>*{position:relative;z-index:1}@media (prefers-reduced-motion:reduce){*{transition-duration:0ms!important}.theme-toggle-button:before{transition:none}}.theme-dark .light-only,.theme-light .dark-only{display:none!important}.theme-adaptive-opacity{opacity:1}.theme-light .theme-adaptive-opacity{opacity:.9}.theme-adaptive-border{border-color:var(--gaming-border-primary)}.theme-adaptive-shadow{box-shadow:0 2px 8px var(--gaming-shadow-theme)}.theme-debug{background:var(--gaming-bg-elevated);border:1px solid var(--gaming-border-primary);border-radius:4px;font-family:monospace;font-size:12px;padding:8px;position:fixed;right:10px;top:10px;z-index:var(--z-debug)}.theme-debug:before{content:"Theme: "}.theme-dark .theme-debug:after{color:var(--gaming-primary-400);content:"Dark"}.theme-light .theme-debug:after{color:var(--gaming-gold-600);content:"Light"}:root{--z-background:0;--z-base:1;--z-cards:10;--z-speech-bubbles:20;--z-ui-controls:50;--z-floating-elements:60;--z-dropdowns:100;--z-modals:200;--z-tooltips:300;--z-notifications:400;--z-debug:9999}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5;-moz-tab-size:4;tab-size:4}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gaming-bg-primary);background-attachment:fixed;background-image:linear-gradient(135deg,var(--gaming-bg-primary) 0,var(--gaming-bg-secondary) 50%,var(--gaming-bg-primary) 100%),radial-gradient(ellipse at center,#d4a5741a 0,#0000 70%);font-family:var(--gaming-font-body);font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-regular);line-height:var(--gaming-line-height-normal);min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--gaming-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--gaming-font-heading);font-weight:var(--gaming-font-weight-bold);line-height:var(--gaming-line-height-tight);margin:0 0 var(--gaming-space-4) 0}h1{font-size:var(--gaming-h1-mobile);font-weight:var(--gaming-font-weight-black)}h2{font-size:var(--gaming-h2-mobile);font-weight:var(--gaming-font-weight-extrabold)}h3{font-size:var(--gaming-h3-mobile);font-weight:var(--gaming-font-weight-bold)}h4{font-size:var(--gaming-h4-mobile)}h4,h5{font-weight:var(--gaming-font-weight-semibold)}h5{font-size:var(--gaming-h5-mobile)}h6{font-size:var(--gaming-h6-mobile);font-weight:var(--gaming-font-weight-medium)}@media (min-width:48rem){h1{font-size:var(--gaming-h1-tablet)}h2{font-size:var(--gaming-h2-tablet)}h3{font-size:var(--gaming-h3-tablet)}h4{font-size:var(--gaming-h4-tablet)}h5{font-size:var(--gaming-h5-tablet)}h6{font-size:var(--gaming-h6-tablet)}}@media (min-width:64rem){h1{font-size:var(--gaming-h1-desktop)}h2{font-size:var(--gaming-h2-desktop)}h3{font-size:var(--gaming-h3-desktop)}h4{font-size:var(--gaming-h4-desktop)}h5{font-size:var(--gaming-h5-desktop)}h6{font-size:var(--gaming-h6-desktop)}}@media (min-width:90rem){h1{font-size:var(--gaming-h1-large)}h2{font-size:var(--gaming-h2-large)}h3{font-size:var(--gaming-h3-large)}h4{font-size:var(--gaming-h4-large)}h5{font-size:var(--gaming-h5-large)}h6{font-size:var(--gaming-h6-large)}}p{color:var(--gaming-text-secondary);margin:0 0 var(--gaming-space-4) 0}p:last-child{margin-bottom:0}a{color:var(--gaming-primary-400);text-decoration:none;transition:var(--gaming-transition-color)}a:hover{color:var(--gaming-primary-300);text-shadow:var(--gaming-text-shadow-neon-primary)}a:focus{border-radius:2px;outline:2px solid var(--gaming-primary-400);outline-offset:2px}code{border:1px solid var(--gaming-border-primary);border-radius:4px;color:var(--gaming-secondary-400);font-size:.875em;padding:var(--gaming-space-0_5) var(--gaming-space-1)}code,pre{background:var(--gaming-bg-secondary);font-family:var(--gaming-font-mono)}pre{border:1px solid var(--gaming-border-primary);border-radius:8px;color:var(--gaming-text-primary);margin:var(--gaming-space-4) 0;overflow-x:auto;padding:var(--gaming-space-4)}pre code{background:#0000;border:none;padding:0}ol,ul{color:var(--gaming-text-secondary);margin:0 0 var(--gaming-space-4) var(--gaming-space-6)}li{margin-bottom:var(--gaming-space-1)}ul li{list-style-type:none;position:relative}ul li:before{color:var(--gaming-primary-400);content:"▸";font-weight:700;left:-1.2em;position:absolute}blockquote{background:var(--gaming-bg-secondary);border-left:4px solid var(--gaming-primary-400);border-radius:0 8px 8px 0;color:var(--gaming-text-secondary);font-style:italic;margin:var(--gaming-space-6) 0;padding:var(--gaming-space-4) var(--gaming-space-6)}hr{background:linear-gradient(90deg,#0000 0,var(--gaming-primary-400) 50%,#0000 100%);border:none;height:1px;margin:var(--gaming-space-8) 0}table{background:var(--gaming-bg-tertiary);border-collapse:collapse;border-radius:8px;margin:var(--gaming-space-6) 0;overflow:hidden;width:100%}td,th{border-bottom:1px solid var(--gaming-border-primary);padding:var(--gaming-space-3) var(--gaming-space-4);text-align:left}th{background:var(--gaming-bg-secondary);color:var(--gaming-text-primary);font-family:var(--gaming-font-heading);font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-semibold);letter-spacing:var(--gaming-letter-spacing-wide);text-transform:uppercase}tr:last-child td{border-bottom:none}tr:hover{background:var(--gaming-primary-alpha-10)}.container,.container-fluid{padding:0 var(--gaming-container-padding-x);width:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-color-primary{color:var(--gaming-text-primary)!important}.text-color-secondary{color:var(--gaming-text-secondary)!important}.text-color-tertiary{color:var(--gaming-text-tertiary)!important}.text-primary{color:var(--gaming-primary-400)!important}.text-secondary{color:var(--gaming-secondary-400)!important}.text-purple{color:var(--gaming-accent-purple-500)!important}.text-success{color:var(--gaming-success-500)!important}.text-error{color:var(--gaming-error-500)!important}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.design-system-demo{min-height:100vh}.demo-header{background:linear-gradient(135deg,var(--gaming-bg-primary) 0,var(--gaming-bg-secondary) 100%);border-bottom:1px solid var(--gaming-border-primary)}.demo-nav{margin-top:var(--gaming-space-6)}.demo-main{flex:1}.demo-section{margin-bottom:var(--gaming-section-gap)}.demo-section-title{color:var(--gaming-text-primary);font-family:var(--gaming-font-display);font-size:var(--gaming-text-4xl);font-weight:var(--gaming-font-weight-black);margin-bottom:var(--gaming-space-8);text-align:center;text-shadow:var(--gaming-text-shadow-neon-primary)}.demo-footer{background:var(--gaming-bg-secondary);border-top:1px solid var(--gaming-border-primary);margin-top:var(--gaming-section-gap)}.color-swatch{border:2px solid var(--gaming-border-primary);transition:var(--gaming-transition-all)}.color-swatch:hover{border-color:var(--gaming-primary-400);box-shadow:var(--gaming-glow-primary)}.hidden{display:none!important}.block{display:block!important}.inline{display:inline!important}.inline-block{display:inline-block!important}@media (max-width:47.99rem){.md\:hidden{display:none!important}}@media (min-width:48rem){.md\:block{display:block!important}.md\:flex{display:flex!important}}@media (min-width:64rem){.lg\:block{display:block!important}.lg\:flex{display:flex!important}}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:var(--gaming-bg-primary);border-radius:4px;color:var(--gaming-text-primary);left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:100}.skip-link:focus{top:6px}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}body{font-family:serif;font-size:12pt;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:serif;font-weight:700;page-break-after:avoid}}body.has-bottom-navigation{padding-bottom:calc(76px + env(safe-area-inset-bottom, 0))}.main-content.with-bottom-nav{padding-bottom:calc(88px + env(safe-area-inset-bottom, 0))}.gaming-container{background:linear-gradient(135deg,var(--gaming-bg-dark) 0,var(--gaming-surface-900) 50%,var(--gaming-bg-dark) 100%),radial-gradient(ellipse at center,#d4a5741a 0,#0000 70%);color:var(--gaming-text-on-dark);min-height:100vh;padding:var(--gaming-space-4);padding-bottom:calc(88px + env(safe-area-inset-bottom, 0))}.gaming-shimmer:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 40%,#d4a5740d 50%,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.gaming-glow-primary{box-shadow:0 0 20px #d4a57466}.gaming-glow-gold{box-shadow:0 0 20px #ffd70066}.gaming-text-gold{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;color:var(--gaming-accent-gold)}.gaming-text-shadow-neon{text-shadow:0 0 20px #d4a57499}.gaming-pattern:before{animation:floatPattern 25s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m40 0 20 20-20 20-20-20z' fill='%23d4a574' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.homepage{background:var(--gaming-bg-primary);color:var(--gaming-text-primary);font-family:var(--gaming-font-body);min-height:100vh;overflow-x:hidden;position:relative}.homepage:before{animation:floating-bg 25s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#6366f114 0,#0000 50%),radial-gradient(circle at 80% 80%,#a855f714 0,#0000 50%),radial-gradient(circle at 40% 60%,#3b82f60f 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes floating-bg{0%,to{opacity:.4;transform:translateX(0) translateY(0) rotate(0deg)}25%{opacity:.6;transform:translateX(15px) translateY(-10px) rotate(1deg)}50%{opacity:.5;transform:translateX(-10px) translateY(15px) rotate(-.5deg)}75%{opacity:.7;transform:translateX(12px) translateY(8px) rotate(.8deg)}}.container{margin:0 auto;max-width:1200px;padding:0 var(--gaming-space-6);position:relative;z-index:10}.user-bar{align-items:center;backdrop-filter:blur(10px);background:var(--gaming-surface-200);border:1px solid var(--gaming-border-200);border-bottom-left-radius:var(--gaming-radius-lg);box-shadow:var(--gaming-shadow-lg);display:flex;gap:var(--gaming-space-4);padding:var(--gaming-space-4);position:fixed;right:0;top:0;z-index:1000}.user-info{color:var(--gaming-text-secondary)}.btn-logout,.user-info{font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium)}.btn-logout{background:var(--gaming-danger-500);border:none;border-radius:var(--gaming-radius-md);color:var(--gaming-text-on-dark);cursor:pointer;padding:var(--gaming-space-2) var(--gaming-space-4);transition:var(--gaming-transition-default)}.btn-logout:hover{background:var(--gaming-danger-600);transform:translateY(-1px)}.btn{border:2px solid #0000;border-radius:var(--gaming-radius-md);display:inline-flex;font-family:var(--gaming-font-body);font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-semibold);min-width:140px;padding:var(--gaming-space-3) var(--gaming-space-6);transition:var(--gaming-transition-default)}.btn-primary{background:var(--gaming-gradient-primary);box-shadow:var(--gaming-shadow-md);color:var(--gaming-text-on-dark);overflow:hidden;position:relative}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:var(--gaming-shadow-xl),0 8px 25px #d4a57466;transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.btn-outline{backdrop-filter:blur(10px);background:#ffffff1a;border-color:#d4a57466;color:var(--gaming-text-on-dark);overflow:hidden;position:relative}.btn-outline:before{background:var(--gaming-primary-500);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.btn-outline:hover:before{width:100%}.btn-outline:hover{background:#d4a57433;border-color:#d4a574cc;box-shadow:var(--gaming-shadow-lg);color:var(--gaming-text-on-dark);transform:translateY(-2px)}.btn-large{font-size:var(--gaming-text-lg);min-width:180px;padding:var(--gaming-space-4) var(--gaming-space-8)}.hero-section{background:linear-gradient(135deg,var(--gaming-bg-primary) 0,#6366f114 25%,#d4a5740d 50%,#a855f714 75%,var(--gaming-bg-primary) 100%),url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23d4a574' fill-opacity='.04' fill-rule='evenodd'/%3E%3C/svg%3E");border-bottom:2px solid #d4a57433;box-shadow:0 20px 40px #00000026,inset 0 1px 0 #ffffff0d;margin-bottom:var(--gaming-space-20);overflow:hidden;padding:var(--gaming-space-32) 0 var(--gaming-space-32);position:relative;text-align:center}.hero-section:before{animation:heroGlow 8s ease-in-out infinite alternate;background:radial-gradient(ellipse 800px 400px at 20% 80%,#d4a57414 0,#0000 50%),radial-gradient(ellipse 600px 300px at 80% 20%,#d4a57414 0,#0000 50%),linear-gradient(180deg,#0000,#00000003 50%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes heroGlow{0%{opacity:.7}to{opacity:1}}.hero-content{position:relative;z-index:1}.hero-title{background:var(--gaming-gradient-primary);color:var(--gaming-text-primary);font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--gaming-font-weight-black);line-height:var(--gaming-line-height-tight);margin-bottom:var(--gaming-space-6);text-shadow:var(--gaming-text-shadow-warm)}.hero-subtitle{color:var(--gaming-text-secondary);font-size:clamp(1.125rem,3vw,1.5rem);line-height:var(--gaming-line-height-relaxed);margin-bottom:var(--gaming-space-12);margin-left:auto;margin-right:auto;max-width:700px}.hero-actions{gap:var(--gaming-space-6);margin-bottom:var(--gaming-space-16)}.hero-actions,.hero-stats{flex-wrap:wrap;justify-content:center}.hero-stats{display:flex;gap:var(--gaming-space-12)}.stat-item{backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid var(--gaming-border-200);border-radius:var(--gaming-radius-lg);min-width:120px;padding:var(--gaming-space-4);text-align:center;transition:var(--gaming-transition-default)}.stat-item:hover{background:#d4a5741a;border-color:var(--gaming-primary-400);transform:translateY(-2px)}.stat-number{color:var(--gaming-primary-500);display:block;font-size:var(--gaming-text-2xl);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-1)}.stat-label{color:var(--gaming-text-tertiary);font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium)}.section-separator{animation:separator-glow 3s ease-in-out infinite;background:linear-gradient(90deg,#0000 0,#d4a5744d 20%,var(--gaming-primary-400) 50%,#d4a5744d 80%,#0000 100%);border-radius:var(--gaming-radius-full);height:3px;margin:var(--gaming-space-20) auto;max-width:300px;position:relative}@keyframes separator-glow{0%,to{box-shadow:0 0 10px #6366f14d;opacity:.7}50%{box-shadow:0 0 20px #6366f199;opacity:1}}.section-separator:after,.section-separator:before{animation:separator-dots 2s ease-in-out infinite;background:radial-gradient(circle,var(--gaming-primary-400) 30%,#0000 70%);border-radius:50%;content:"";height:12px;position:absolute;top:50%;transform:translateY(-50%);width:12px}@keyframes separator-dots{0%,to{opacity:.6;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}.section-separator:before{left:-24px}.section-separator:after{right:-24px}.section-header{margin-bottom:var(--gaming-space-16);position:relative;z-index:10}.section-header:after{animation:title-underline 3s ease-in-out infinite;background:linear-gradient(90deg,#0000 0,var(--gaming-primary-400) 20%,var(--gaming-accent-400) 50%,var(--gaming-primary-400) 80%,#0000 100%);border-radius:var(--gaming-radius-full);bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}@keyframes title-underline{0%,to{opacity:.6;transform:translateX(-50%) scaleX(1)}50%{opacity:1;transform:translateX(-50%) scaleX(1.2)}}.section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--gaming-space-4);text-shadow:2px 2px 4px #00000080}.section-subtitle{color:var(--gaming-text-muted-dark);font-size:var(--gaming-text-lg);line-height:var(--gaming-line-height-relaxed);margin:0 auto;max-width:600px;text-shadow:1px 1px 2px #0000004d}.features-section{background:linear-gradient(135deg,var(--gaming-bg-dark) 0,var(--gaming-surface-900) 50%,var(--gaming-bg-dark) 100%),radial-gradient(ellipse at center,#d4a5741a 0,#0000 70%);color:var(--gaming-text-on-dark);overflow:hidden;padding:var(--gaming-space-32) 0;position:relative}.features-section:before{animation:floatPattern 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m40 0 20 20-20 20-20-20z' fill='%23d4a574' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.features-grid{gap:var(--gaming-space-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));position:relative;z-index:10}.fade-in-up{animation:fadeInUp .8s ease forwards;opacity:0;transform:translateY(30px)}.fade-in-up:first-child{animation-delay:.1s}.fade-in-up:nth-child(2){animation-delay:.2s}.fade-in-up:nth-child(3){animation-delay:.3s}.fade-in-up:nth-child(4){animation-delay:.4s}.fade-in-up:nth-child(5){animation-delay:.5s}.fade-in-up:nth-child(6){animation-delay:.6s}.feature-card{backdrop-filter:blur(15px);background:linear-gradient(145deg,#1e293bcc,#334155e6);border:2px solid #6366f14d;border-radius:var(--gaming-radius-2xl);box-shadow:0 12px 40px #0006,0 6px 20px #0000004d,inset 0 1px 0 #ffffff1a;color:var(--gaming-text-on-dark);cursor:pointer;overflow:hidden;padding:var(--gaming-space-10);position:relative;text-align:center;transition:var(--gaming-transition-all)}.feature-card:before{background:var(--gaming-gradient-primary);content:"";height:3px;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.feature-card:after{background:radial-gradient(circle at center,#d4a57408 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card:hover:before{left:100%}.feature-card:hover:after{opacity:1}.feature-card:hover{background:linear-gradient(145deg,var(--gaming-surface-400) 0,var(--gaming-surface-300) 100%);border-color:var(--gaming-primary-400);box-shadow:0 20px 60px #0000001f,0 8px 24px #00000014,0 0 40px #d4a5744d,inset 0 1px 0 #fff3;transform:translateY(-8px) scale(1.03)}.feature-card:hover .feature-icon{filter:drop-shadow(0 4px 8px rgba(212,165,116,.3));transform:scale(1.1) rotateY(10deg)}.feature-icon{display:block;font-size:3rem;margin-bottom:var(--gaming-space-4);transform-style:preserve-3d;transition:all .3s ease}.feature-card h3{color:var(--gaming-text-primary);font-family:var(--gaming-font-heading);font-size:var(--gaming-text-xl);font-weight:var(--gaming-font-weight-semibold);margin-bottom:var(--gaming-space-3)}.feature-card p{color:var(--gaming-text-secondary);font-size:var(--gaming-text-base);line-height:var(--gaming-line-height-relaxed)}.tournaments-section{background:linear-gradient(135deg,var(--gaming-bg-dark) 0,var(--gaming-surface-900) 50%,var(--gaming-bg-dark) 100%),radial-gradient(ellipse at center,#d4a5741a 0,#0000 70%);color:var(--gaming-text-on-dark);overflow:hidden;padding:var(--gaming-space-32) 0;position:relative}.tournaments-section:before{animation:floatPattern 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m40 0 20 20-20 20-20-20z' fill='%23d4a574' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.tournaments-content{align-items:start;display:grid;gap:var(--gaming-space-16);grid-template-columns:1fr 1fr}.tournaments-info h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--gaming-primary-300),var(--gaming-primary-500));-webkit-background-clip:text;background-clip:text;color:var(--gaming-text-on-dark);font-family:var(--gaming-font-heading);font-size:clamp(2rem,4vw,2.5rem);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-4);text-shadow:0 2px 4px #0000004d}.coming-soon-badge{animation:pulse 3s ease-in-out infinite;background:var(--gaming-gradient-accent);border-radius:var(--gaming-radius-full);color:var(--gaming-text-on-dark);display:inline-block;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-semibold);margin-bottom:var(--gaming-space-6);overflow:hidden;padding:var(--gaming-space-2) var(--gaming-space-4);position:relative}.coming-soon-badge:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.coming-soon-badge:hover:before{left:100%}.tournaments-info p{color:var(--gaming-text-muted-dark);font-size:var(--gaming-text-lg);line-height:var(--gaming-line-height-relaxed);opacity:.9}.tournament-features,.tournaments-info p{margin-bottom:var(--gaming-space-8)}.tournament-feature{align-items:center;display:flex;font-size:var(--gaming-text-base);gap:var(--gaming-space-3);margin-bottom:var(--gaming-space-3)}.feature-check{color:var(--gaming-success-500);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold)}.tournaments-preview{display:flex;flex-direction:column;gap:var(--gaming-space-6)}.preview-card{backdrop-filter:blur(10px);background:linear-gradient(145deg,var(--gaming-surface-300) 0,var(--gaming-surface-200) 100%);border:2px solid var(--gaming-border-300);border-radius:var(--gaming-radius-2xl);box-shadow:0 12px 40px #00000026,0 4px 16px #0000001a,inset 0 1px 0 #ffffff1a;padding:var(--gaming-space-8);position:relative;transition:var(--gaming-transition-default)}.preview-card.featured{background:linear-gradient(145deg,var(--gaming-surface-400) 0,var(--gaming-surface-300) 50%,#d4a5741a 100%);border-color:var(--gaming-primary-400);box-shadow:0 16px 50px #d4a57433,0 8px 25px #00000026,inset 0 1px 0 #ffffff26;position:relative}.preview-card.featured:before{background:var(--gaming-gradient-primary);border-radius:var(--gaming-radius-2xl);bottom:-2px;content:"";left:-2px;opacity:.8;position:absolute;right:-2px;top:-2px;z-index:-1}.preview-card:hover{box-shadow:var(--gaming-shadow-lg);transform:translateY(-2px)}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--gaming-space-4)}.preview-header h4{color:var(--gaming-text-primary);font-family:var(--gaming-font-heading);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-semibold)}.preview-status{background:var(--gaming-warning-100);border-radius:var(--gaming-radius-md);color:var(--gaming-warning-700);font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);padding:var(--gaming-space-1) var(--gaming-space-3)}.preview-prize{margin-bottom:var(--gaming-space-4);text-align:center}.prize-amount{color:var(--gaming-primary-500);display:block;font-size:var(--gaming-text-3xl);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-1)}.prize-label{color:var(--gaming-text-tertiary);font-size:var(--gaming-text-sm)}.preview-details{display:flex;flex-direction:column;gap:var(--gaming-space-2)}.preview-item{align-items:center;display:flex;font-size:var(--gaming-text-sm);justify-content:space-between}.detail-label{color:var(--gaming-text-secondary)}.detail-value{color:var(--gaming-text-primary);font-weight:var(--gaming-font-weight-medium)}.rankings-section{background:linear-gradient(135deg,var(--gaming-bg-dark) 0,var(--gaming-surface-900) 50%,var(--gaming-bg-dark) 100%),radial-gradient(ellipse at center,#d4a5741a 0,#0000 70%);color:var(--gaming-text-on-dark);overflow:hidden;padding:var(--gaming-space-32) 0;position:relative}.rankings-section:before{animation:floatPattern 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m40 0 20 20-20 20-20-20z' fill='%23d4a574' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.rankings-header{margin-bottom:var(--gaming-space-16);position:relative;text-align:center;z-index:10}.rankings-header h2{color:var(--gaming-text-primary);font-family:var(--gaming-font-heading);font-size:clamp(2rem,4vw,2.75rem);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-4)}.rankings-header p{color:var(--gaming-text-secondary);font-size:var(--gaming-text-lg)}.rankings-grid{display:grid;gap:var(--gaming-space-12);grid-template-columns:2fr 1fr;margin-bottom:var(--gaming-space-12);position:relative;z-index:10}.rankings-table{backdrop-filter:blur(20px);background:linear-gradient(145deg,#1e293be6,#334155f2 50%,#0f172ae6);border:2px solid #d4a57433;border-radius:var(--gaming-radius-2xl);box-shadow:0 20px 60px #0006,0 8px 25px #0000004d,inset 0 1px 0 #ffffff1a;color:var(--gaming-text-on-dark);overflow:hidden;padding:var(--gaming-space-10);position:relative}.rankings-table:before{background:var(--gaming-gradient-primary);content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.table-header{background:#0000!important;background-color:initial!important;border-bottom:none;border-radius:0;color:#d4a574e6;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-semibold);gap:var(--gaming-space-4);grid-template-columns:80px 1fr 100px 80px 80px;letter-spacing:.05em;margin:0 0 var(--gaming-space-4) 0;padding:var(--gaming-space-4);text-transform:uppercase}.table-header span{background:none!important;background-color:initial!important}.ranking-row{align-items:center;border-radius:var(--gaming-radius-md);color:var(--gaming-text-on-dark);display:grid;gap:var(--gaming-space-4);grid-template-columns:80px 1fr 100px 80px 80px;padding:var(--gaming-space-4) 0;transition:var(--gaming-transition-default)}.ranking-row:hover{background:#d4a5741a;box-shadow:0 4px 12px #0003;transform:translateX(4px)}.position{font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-semibold)}.position.gold{color:gold}.position.silver{color:silver}.position.bronze{color:#cd7f32}.player-name{color:var(--gaming-text-primary);font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-medium)}.points{color:var(--gaming-primary-600);font-weight:var(--gaming-font-weight-semibold)}.games,.wins{color:var(--gaming-text-tertiary);font-size:var(--gaming-text-sm)}.ranking-sidebar{display:flex;flex-direction:column;gap:var(--gaming-space-6)}.stats-card{backdrop-filter:blur(20px);background:linear-gradient(145deg,#1e293be6,#334155f2 50%,#0f172ae6);background-clip:padding-box;border:2px solid #0000;border-radius:var(--gaming-radius-2xl);box-shadow:0 20px 60px #00000080,0 8px 25px #6366f14d,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #a855f74d;overflow:hidden;padding:var(--gaming-space-10);position:relative;transition:var(--gaming-transition-all)}.stats-card:before{background:linear-gradient(45deg,#6366f11a,#0000 50%,#a855f71a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stats-card:hover:before{opacity:1}.stats-card:hover{box-shadow:0 30px 80px #0009,0 12px 35px #6366f166,inset 0 1px 0 #fff3;transform:translateY(-5px)}.stats-card h3{color:var(--gaming-text-on-dark);font-family:var(--gaming-font-heading);font-size:var(--gaming-text-xl);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-4);position:relative;text-align:center;z-index:10}.live-stats{display:flex;flex-direction:column;gap:var(--gaming-space-4)}.live-stat{background:var(--gaming-surface-50);border:1px solid var(--gaming-border-100);border-radius:var(--gaming-radius-md);padding:var(--gaming-space-3);text-align:center}.live-stat .stat-value{color:var(--gaming-primary-500);display:block;font-size:var(--gaming-text-xl);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-1);overflow:hidden;position:relative}.live-stat:hover .stat-value{animation:countUp .8s ease-out}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.live-stat .stat-label{color:var(--gaming-text-tertiary);font-size:var(--gaming-text-sm)}.rankings-cta{display:flex;flex-wrap:wrap;gap:var(--gaming-space-6);justify-content:center;position:relative;z-index:10}.cta-section{background:linear-gradient(135deg,var(--gaming-bg-dark) 0,var(--gaming-surface-900) 50%,var(--gaming-bg-dark) 100%),radial-gradient(ellipse at center,#d4a5741a 0,#0000 70%);color:var(--gaming-text-on-dark);overflow:hidden;padding:var(--gaming-space-32) 0;position:relative;text-align:center}.cta-section:before{animation:floatPattern 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m40 0 20 20-20 20-20-20z' fill='%23d4a574' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}@keyframes ctaPattern{0%{transform:translate(-120px,-120px)}to{transform:translate(120px,120px)}}.cta-content h2{color:var(--gaming-text-on-dark);font-family:var(--gaming-font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-6)}.cta-content p{font-size:var(--gaming-text-lg);line-height:var(--gaming-line-height-relaxed);margin-bottom:var(--gaming-space-12);margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.cta-actions{gap:var(--gaming-space-6);margin-bottom:var(--gaming-space-12)}.cta-actions,.cta-guarantees{display:flex;flex-wrap:wrap;justify-content:center}.cta-guarantees{gap:var(--gaming-space-8)}.guarantee{align-items:center;display:flex;gap:var(--gaming-space-2);opacity:.9}.guarantee-icon{color:var(--gaming-success-400);font-weight:var(--gaming-font-weight-bold)}.auth-modal-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--gaming-space-4);position:fixed;right:0;top:0;z-index:1000}.auth-modal{animation:scaleIn .3s ease;backdrop-filter:blur(20px);background:linear-gradient(145deg,#1e293bf2,#334155fa 50%,#0f172af2);border:2px solid #d4a5744d;border-radius:var(--gaming-radius-2xl);box-shadow:0 25px 80px #0009,0 10px 35px #0006,inset 0 1px 0 #ffffff1a;max-height:90vh;max-width:450px;overflow:hidden;position:relative;width:100%}.auth-modal-header{align-items:center;background:linear-gradient(135deg,#d4a5741a,#6366f11a);border-bottom:2px solid #d4a57433;display:flex;justify-content:space-between;padding:var(--gaming-space-6)}.auth-modal-header h2{color:#fff;font-family:var(--gaming-font-heading);font-size:var(--gaming-text-xl);font-weight:var(--gaming-font-weight-bold);margin:0;text-shadow:2px 2px 4px #000}.close-button{background:none;border:none;border-radius:var(--gaming-radius-md);color:var(--gaming-text-muted-dark);font-size:var(--gaming-text-2xl);line-height:1;padding:var(--gaming-space-2);transition:var(--gaming-transition-all)}.close-button:hover{background:#d4a57433;color:var(--gaming-text-on-dark);transform:scale(1.1)}.auth-form{padding:var(--gaming-space-6)}.auth-form label{color:#fff!important;font-weight:var(--gaming-font-weight-bold)!important;text-shadow:2px 2px 4px #000!important}.form-group{margin-bottom:var(--gaming-space-5)}.form-group label{color:#fff!important;font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-bold);letter-spacing:.02em;margin-bottom:var(--gaming-space-2);text-shadow:2px 2px 4px #000!important}.form-group input{backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #d4a5744d;border-radius:var(--gaming-radius-lg);box-sizing:border-box;color:#1a202c;font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-medium);padding:var(--gaming-space-3);transition:var(--gaming-transition-all);width:100%}.form-group input:focus{background:#fffffffa;border-color:#d4a574cc;box-shadow:0 0 0 3px #d4a57433,0 4px 12px #0003;color:#1a202c;outline:none}.form-group input::placeholder{color:#64748b;font-weight:var(--gaming-font-weight-normal);opacity:.9}.username-validation{margin-top:var(--gaming-space-2);min-height:20px}.username-validation span{background:#0000004d}.form-group small,.username-validation span{border-radius:var(--gaming-radius-sm);display:block;font-weight:var(--gaming-font-weight-medium);padding:var(--gaming-space-1) var(--gaming-space-2);text-shadow:1px 1px 2px #000c}.form-group small{background:#0003;color:#ffffffb3;font-size:var(--gaming-text-xs);margin-top:var(--gaming-space-1)}.form-actions{display:flex;flex-direction:column;gap:var(--gaming-space-3);margin-top:var(--gaming-space-6)}.auth-submit-button{background:linear-gradient(135deg,#d4a574e6,#d4a574);border:none;border-radius:var(--gaming-radius-lg);box-shadow:0 4px 15px #d4a5744d,inset 0 1px 0 #fff3;color:var(--gaming-text-on-dark);cursor:pointer;font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-semibold);padding:var(--gaming-space-4);transition:var(--gaming-transition-all);width:100%}.auth-submit-button:hover{box-shadow:0 8px 25px #d4a57466,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.auth-submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-switch-button{background:#ffffff1a;border:2px solid #d4a57466;border-radius:var(--gaming-radius-lg);color:var(--gaming-text-on-dark);cursor:pointer;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);padding:var(--gaming-space-3);transition:var(--gaming-transition-all)}.auth-switch-button:hover{background:#d4a57433;border-color:#d4a574b3;color:#fff}.auth-note{border-top:1px solid #d4a57433;padding:var(--gaming-space-6);padding-top:0}.auth-note p{background:#ffffff14;border-left:3px solid #d4a574b3;border-radius:var(--gaming-radius-md);color:#ffffffd9;font-size:var(--gaming-text-sm);line-height:var(--gaming-line-height-relaxed);margin:0;padding:var(--gaming-space-3);text-shadow:1px 1px 2px #000c}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.auth-forgot-password-button{background:none!important;border:none!important;color:#fffc!important;cursor:pointer!important;font-size:var(--gaming-text-sm)!important;margin-top:var(--gaming-space-2)!important;text-decoration:underline!important;text-shadow:1px 1px 2px #000c!important;transition:var(--gaming-transition-all)!important}.auth-forgot-password-button:hover{color:#d4a574e6!important;text-shadow:1px 1px 3px #000!important}@media (max-width:48rem){.auth-modal{margin:var(--gaming-space-4);max-width:calc(100vw - 2rem)}}.fixed.inset-0.bg-black{backdrop-filter:blur(8px);background:#000c!important}.bg-white.rounded-lg{backdrop-filter:blur(20px);background:linear-gradient(145deg,#1e293bf2,#334155fa 50%,#0f172af2)!important;border:2px solid #d4a5744d!important;border-radius:var(--gaming-radius-2xl)!important;box-shadow:0 25px 80px #0009,0 10px 35px #0006,inset 0 1px 0 #ffffff1a!important}.text-xl.font-bold.text-gray-800{color:#fff!important;font-weight:var(--gaming-font-weight-bold)!important;text-shadow:2px 2px 4px #000!important}.text-gray-500{color:#fffc!important}.text-gray-500:hover{color:#d4a574e6!important}.text-sm.font-medium.text-gray-700{color:#ffffffe6!important;font-weight:var(--gaming-font-weight-semibold)!important;text-shadow:1px 1px 2px #000c!important}.w-full.px-3.py-2.border{background:#fffffff2!important;border:2px solid #d4a5744d!important;border-radius:var(--gaming-radius-lg)!important;color:#1a202c!important;font-weight:var(--gaming-font-weight-medium)!important}.w-full.px-3.py-2.border:focus{border-color:#d4a574cc!important;box-shadow:0 0 0 3px #d4a57433,0 4px 12px #0003!important}.bg-blue-600{background:linear-gradient(135deg,#d4a574e6,#d4a574)!important;box-shadow:0 4px 15px #d4a5744d,inset 0 1px 0 #fff3!important;color:var(--gaming-text-on-dark)!important}.bg-blue-600:hover{box-shadow:0 8px 25px #d4a57466,inset 0 1px 0 #ffffff4d!important;transform:translateY(-2px)}.text-blue-600{color:#fffc!important}.bg-blue-50{background:#6366f11a!important;color:#ffffffe6!important}.text-red-600{color:#ff6b6b!important}.bg-red-50{background:#f4433626!important}.text-green-600{color:#51cf66!important}.bg-green-50{background:#4caf5026!important}.text-gray-500.bg-gray-50{background:#ffffff14!important;border:1px solid #d4a57433!important;border-radius:var(--gaming-radius-md)!important;color:#fffc!important}.footer{background:linear-gradient(135deg,var(--gaming-bg-dark) 0,#0f172af2 50%,var(--gaming-bg-dark) 100%),url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20 20-8-8h16l-8 8zm0 0 8 8H12l8-8z' fill='%236366f1' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");border-top:2px solid #d4a5744d;box-shadow:0 -10px 30px #0003,inset 0 1px 0 #ffffff0d;color:var(--gaming-text-on-dark);padding:var(--gaming-space-20) 0 var(--gaming-space-8);position:relative}.footer:before{animation:footer-glow 15s ease-in-out infinite;background:radial-gradient(circle at 10% 20%,#6366f126 0,#0000 50%),radial-gradient(circle at 90% 80%,#a855f726 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}@keyframes footer-glow{0%,to{opacity:.3}50%{opacity:.6}}.footer-content{display:grid;gap:var(--gaming-space-12);grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:var(--gaming-space-12);position:relative;z-index:10}.footer-section h4{color:var(--gaming-text-on-dark);font-family:var(--gaming-font-heading);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-semibold);margin-bottom:var(--gaming-space-4)}.footer-section p{color:var(--gaming-text-muted-dark);line-height:var(--gaming-line-height-relaxed);margin-bottom:var(--gaming-space-4)}.footer-social{display:flex;gap:var(--gaming-space-4)}.social-link{color:var(--gaming-text-muted-dark);font-size:var(--gaming-text-sm);text-decoration:none;transition:var(--gaming-transition-default)}.social-link:hover{color:var(--gaming-primary-400)}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:var(--gaming-space-2)}.footer-links a{color:var(--gaming-text-muted-dark);font-size:var(--gaming-text-sm);text-decoration:none;transition:var(--gaming-transition-default)}.footer-links a:hover{color:var(--gaming-primary-400)}.footer-bottom{border-top:1px solid var(--gaming-border-dark);color:var(--gaming-text-muted-dark);padding-top:var(--gaming-space-8);text-align:center}.footer-bottom p{font-size:var(--gaming-text-sm);margin:var(--gaming-space-1) 0}@media (max-width:1024px){.rankings-grid,.tournaments-content{gap:var(--gaming-space-8);grid-template-columns:1fr}.footer-content{gap:var(--gaming-space-8);grid-template-columns:1fr 1fr}}@media (max-width:768px){.hero-section{padding:var(--gaming-space-24) 0 var(--gaming-space-16)}.hero-actions{align-items:center;flex-direction:column}.hero-stats{flex-direction:column;gap:var(--gaming-space-4)}.features-grid{grid-template-columns:1fr}.ranking-row,.table-header{font-size:var(--gaming-text-sm);grid-template-columns:60px 1fr 80px}.games,.wins{display:none}.footer-content{gap:var(--gaming-space-6);grid-template-columns:1fr}.cta-actions,.cta-guarantees{align-items:center;flex-direction:column}.cta-guarantees{gap:var(--gaming-space-4)}}@media (max-width:480px){.container{padding:0 var(--gaming-space-4)}.feature-card,.preview-card,.stats-card{padding:var(--gaming-space-6)}.tournaments-preview{gap:var(--gaming-space-4)}.rankings-cta{align-items:center;flex-direction:column}}.hero-section-clean{background:linear-gradient(135deg,#1a1a2e,#16213e 25%,#0f172a 50%,#1a1a2e),url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23d4a574' fill-opacity='.04' fill-rule='evenodd'/%3E%3C/svg%3E");overflow:hidden;padding:4rem 1rem 3rem;position:relative;text-align:center}.hero-container{margin:0 auto;max-width:1000px;position:relative;z-index:2}.hero-content-clean{align-items:center;display:flex;flex-direction:column;gap:2rem}.hero-title-clean{color:#d4a574;font-family:Inter,Segoe UI,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:.02em;margin:0;text-transform:uppercase}.hero-description{color:#ffffffd9;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;margin:0;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-play{background:#4f83cc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:.875rem 2rem;transition:all .2s ease}.btn-play:hover{background:#4070b8;transform:translateY(-1px)}.btn-register{background:#0000;border:2px solid #d4a574;border-radius:8px;color:#d4a574;cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:.875rem 2rem;transition:all .2s ease}.btn-register:hover{background:#d4a574;color:#1e1b3c}.hero-stats-clean{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1rem}.hero-section-clean .stat-card,.hero-stats-clean .stat-card{backdrop-filter:none!important;background:#0000!important;border:1px solid #d4a5744d!important;border-radius:12px!important;min-width:140px!important;padding:1.5rem 1rem!important;text-align:center!important}.hero-section-clean .stat-number,.hero-stats-clean .stat-number{color:#d4a574!important;display:block!important;font-size:1.5rem!important;font-weight:700!important;margin-bottom:.5rem!important}.hero-section-clean .stat-label,.hero-stats-clean .stat-label{color:#fffc!important;font-size:.875rem!important;letter-spacing:.05em!important;text-transform:uppercase!important}@media (max-width:640px){.hero-section-clean{padding:3rem 1rem 2rem}.hero-buttons{flex-direction:column;max-width:300px;width:100%}.hero-stats-clean{gap:1rem}.stat-card{min-width:120px;padding:1rem .75rem}}.edit-profile-modal-overlay{align-items:center;animation:overlayFadeIn .4s ease-out forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:radial-gradient(ellipse at center,#000000b3 0,#000000e6 100%);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.edit-profile-modal{animation:modalSlideIn .5s cubic-bezier(.4,0,.2,1) .1s forwards;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#0f172af2,#1e293bfa 25%,#334155f2 50%,#1e293bfa 75%,#0f172af2);border:1px solid #d4a57466;border-radius:24px;box-shadow:0 32px 64px #000c,0 16px 32px #d4a5741a,0 0 0 1px #d4a57426,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0000004d;display:flex;flex-direction:column;max-height:92vh;max-width:500px;opacity:0;overflow:hidden;position:relative;transform:scale(.8) translateY(50px);width:95%}.modal-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#d4a57426,#ffd70014 50%,#d4a57426);border-bottom:1px solid #d4a57440;flex-shrink:0;padding:20px 24px 16px;position:relative}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4a574,gold 50%,#d4a574);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;letter-spacing:.5px;text-align:center;text-shadow:0 2px 8px #d4a5744d}.close-button{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#334155e6,#475569f2);border:1px solid #d4a5744d;border-radius:12px;box-shadow:0 4px 12px #0000004d,0 1px 3px #d4a57433,inset 0 1px 2px #ffffff1a;color:#d4a574e6;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:400;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.close-button:hover{background:linear-gradient(135deg,#ef444426,#dc262633);border-color:#ef444480;box-shadow:0 8px 20px #0006,0 2px 8px #ef44444d,inset 0 1px 3px #fff3;color:#f87171;transform:translateY(-1px) scale(1.02)}.close-button:active{box-shadow:0 2px 8px #0000004d,0 1px 3px #ef444433,inset 0 1px 2px #ffffff1a;transform:translateY(0) scale(.98)}.modal-content{flex:1;padding:20px 24px 16px}.modal-tabs{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(90deg,#d4a57414,#ffd7000a 50%,#d4a57414);border:1px solid #d4a57440;border-radius:16px;margin-bottom:16px;padding:4px}.tab-button{border-radius:16px;color:#d4a574cc;font-size:14px;font-weight:600;gap:6px;height:52px;overflow:hidden;padding:16px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab-button.active{background:linear-gradient(135deg,#d4a57440,#ffd7002e);border:1px solid #d4a57466;box-shadow:0 2px 8px #d4a57440,inset 0 1px 2px #ffffff26;color:gold;transform:translateY(-.5px)}.tab-button:hover:not(.active){background:#d4a5741f;color:#d4a574f2;transform:translateY(-.5px)}.form-group,.form-row-group{margin-bottom:16px}.form-row-group{gap:12px}.form-row-group .form-group,.form-row-group .form-row{flex:1;margin-bottom:0}@media (max-width:640px){.form-row-group{flex-direction:column;gap:16px}}.form-label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4a574,gold);-webkit-background-clip:text;background-clip:text;color:#d4a574;font-size:14px;font-weight:600;margin-bottom:6px}.form-input,.form-select,.form-textarea{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f172ab3,#1e293bcc);border:1px solid #d4a57440;border-radius:16px;box-shadow:0 4px 8px #0000001a,inset 0 1px 2px #ffffff0d;color:#e2e8f0;font-size:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:linear-gradient(135deg,#0f172acc,#1e293be6);border-color:#d4a57499;box-shadow:0 0 0 3px #d4a57426,0 8px 16px #0003,inset 0 1px 3px #ffffff1a;outline:none;transform:translateY(-1px)}.form-textarea{min-height:120px;resize:vertical}.char-counter{color:#d4a57499;font-size:12px;font-weight:500;margin-top:4px;text-align:right}.form-row-group{display:flex;gap:16px;margin-bottom:24px}.form-row,.form-row.half{flex:1}@media (max-width:640px){.form-row-group{flex-direction:column;gap:24px}}.avatar-upload-section{margin-bottom:32px;text-align:center}.current-avatar{align-items:center;background:linear-gradient(135deg,#d4a574cc,#ffd70099 50%,#d4a574cc);border:4px solid #d4a57466;border-radius:50%;box-shadow:0 12px 32px #d4a5744d,inset 0 2px 4px #fff3;color:#fff;display:flex;font-size:48px;font-weight:700;height:120px;justify-content:center;margin:0 auto 20px;overflow:hidden;position:relative;text-shadow:0 2px 8px #00000080;width:120px}.current-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-actions{align-items:center;display:flex;gap:16px;justify-content:center;margin:20px 0}.avatar-info{margin-top:20px}.info-text{background:#0f172a4d;border:1px solid #d4a57426;border-radius:12px;color:#d4a574b3;font-size:14px;line-height:1.4;margin:0;padding:12px 16px;text-align:center}.avatar-upload-button{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#d4a574,gold 50%,#d4a574);border:none;border-radius:16px;box-shadow:0 6px 16px #d4a57466,inset 0 1px 2px #ffffff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.avatar-upload-button:hover{box-shadow:0 12px 24px #d4a57480,inset 0 2px 4px #fff6;transform:translateY(-2px)}.avatar-upload-button:active{transform:translateY(-1px)}.avatar-buttons-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.remove-avatar-btn-external{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ef4444e6,#dc2626f2);border:1px solid #ef444499;border-radius:16px;box-shadow:0 4px 12px #ef44444d,inset 0 1px 2px #fff3;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.remove-avatar-btn-external:hover{background:linear-gradient(135deg,#ef4444f2,#dc2626);box-shadow:0 8px 20px #ef444466,inset 0 2px 4px #ffffff4d;transform:translateY(-2px)}.remove-avatar-btn-external:active{transform:translateY(-1px)}.remove-avatar-btn-external:disabled{cursor:not-allowed;opacity:.6;transform:none}.upload-progress{align-items:center;color:#d4a574;display:flex;font-size:14px;gap:8px}.spinner{border:2px solid #d4a57433;border-top-color:#d4a574;height:16px;width:16px}.privacy-options{margin-top:24px}.checkbox-row{align-items:center;background:linear-gradient(135deg,#0f172a80,#1e293b99);border:1px solid #d4a57426;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:16px;transition:all .3s ease}.checkbox-row:hover{background:linear-gradient(135deg,#0f172a99,#1e293bb3);border-color:#d4a57440}.form-checkbox{accent-color:#d4a574;cursor:pointer;height:20px;width:20px}.checkbox-label{color:#e2e8f0;cursor:pointer;font-size:15px;font-weight:500;user-select:none}.submit-button{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#d4a574,gold 50%,#d4a574);border:none;border-radius:20px;box-shadow:0 8px 24px #d4a57466,inset 0 2px 4px #ffffff4d,0 0 0 1px #d4a57433;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:.5px;margin-top:20px;overflow:hidden;padding:18px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.submit-button:hover{box-shadow:0 16px 32px #d4a57499,inset 0 3px 6px #fff6,0 0 0 2px #d4a5744d;transform:translateY(-3px)}.submit-button:active{transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.submit-button.loading{background:linear-gradient(135deg,#d4a57480,#ffd7004d 50%,#d4a57480);cursor:not-allowed}@media (max-width:640px){.edit-profile-modal{animation:mobileSlideUp .4s cubic-bezier(.4,0,.2,1) forwards;border:none;border-radius:0;height:100%;max-height:none;max-width:none;transform:translateY(100%);width:100%}@keyframes mobileSlideUp{to{opacity:1;transform:translateY(0)}}.modal-header{padding:max(12px,env(safe-area-inset-top,0px) + 8px) 12px 8px}.modal-title{font-size:18px;letter-spacing:.2px}.close-button{background:linear-gradient(135deg,#334155f2,#475569fa);border:1px solid #d4a57466;border-radius:8px;box-shadow:0 2px 8px #0006,0 1px 3px #d4a5744d,inset 0 1px 2px #ffffff26;font-size:14px;height:32px;right:12px;top:12px;width:32px}.modal-content{padding:10px}.modal-tabs{border-radius:8px;margin-bottom:12px;padding:2px}.tab-button{border-radius:12px;font-size:12px;font-weight:500;gap:4px;height:44px;padding:12px 14px}.form-group,.form-row-group{margin-bottom:12px}.form-label{font-size:13px;margin-bottom:4px}.form-input,.form-select,.form-textarea{border-radius:12px;font-size:14px;padding:10px 12px}.submit-button{border-radius:16px;font-size:16px;margin-top:16px;padding:12px 18px}.current-avatar{font-size:32px;height:80px;margin-bottom:10px;width:80px}.avatar-buttons-row{flex-direction:column;gap:8px;margin-bottom:12px}.avatar-upload-button,.remove-avatar-btn-external{font-size:14px;max-width:280px;padding:12px 20px;width:100%}}@media (min-width:641px) and (max-width:1024px){.edit-profile-modal{max-width:600px}}.form-error{background:#ef44441a;border-left:3px solid #ef4444;color:#f87171}.form-error,.form-success{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;font-size:14px;margin-top:8px;padding:8px 12px}.form-success{background:#10b9811a;border-left:3px solid #10b981;color:#34d399}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0f172a80;border-radius:8px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d4a57480,#ffd7004d);border-radius:8px}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d4a574b3,#ffd70080)}.avatar-upload-button:focus-visible,.close-button:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.submit-button:focus-visible,.tab-button:focus-visible{outline:2px solid #d4a574cc;outline-offset:2px}body.modal-open .bottom-navigation,body.modal-open .top-navigation{display:none!important}.mode-selector-container{background:linear-gradient(135deg,var(--gaming-bg-dark) 0,var(--gaming-surface-900) 50%,var(--gaming-bg-dark) 100%),radial-gradient(ellipse at center,#d4a5741a 0,#0000 70%);color:var(--gaming-text-on-dark);font-family:var(--gaming-font-body);min-height:100vh;padding:var(--gaming-space-4)}.mode-selector-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--gaming-space-4);justify-content:space-between;margin-bottom:var(--gaming-space-6);margin-left:auto;margin-right:auto;max-width:1200px}.back-to-home-btn,.logout-btn{padding:var(--gaming-space-2) var(--gaming-space-4)}.logout-btn{backdrop-filter:blur(10px);background:#dc2626cc;border:1px solid #dc262680;border-radius:var(--gaming-radius-lg);color:#fff;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);gap:var(--gaming-space-2);transition:var(--gaming-transition-all)}.logout-btn:hover{background:#dc2626;border-color:#dc2626cc;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.back-to-home-btn:hover{transform:translateX(-2px)}.mode-selector-title{color:var(--gaming-text-on-dark);flex:1;font-family:var(--gaming-font-heading);font-size:var(--gaming-text-xl);font-weight:var(--gaming-font-weight-bold);margin:0;text-align:center;text-shadow:2px 2px 4px #00000080}.mode-selector-content{margin:0 auto;max-width:1200px}.mode-selector-content,.mode-selector-main{display:flex;flex-direction:column;gap:var(--gaming-space-8)}.mode-selector-main{overflow-x:hidden;position:relative}.mode-selector-container:before{animation:floatPattern 25s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m40 0 20 20-20 20-20-20z' fill='%23d4a574' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}@keyframes floatPattern{0%{transform:translateX(-80px)}to{transform:translateX(80px)}}.player-profile-card{backdrop-filter:blur(30px);background:linear-gradient(145deg,#0f172af2,#1e293bfa 30%,#334155f2 70%,#0f172af2);border:2px solid #d4a57466;border-radius:var(--gaming-radius-3xl);box-shadow:0 25px 80px #00000080,0 10px 35px #d4a57433,inset 0 1px 0 #ffffff26;margin-bottom:var(--gaming-space-8);overflow:hidden;padding:var(--gaming-space-8);position:relative;transition:all .3s ease}.player-profile-card:hover{border-color:#d4a57499;box-shadow:0 35px 100px #0009,0 15px 50px #d4a5744d,inset 0 1px 0 #fff3;transform:translateY(-4px)}.player-profile-card:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 40%,#d4a5740d 50%,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.edit-profile-btn{display:none}@media (max-width:640px){.edit-profile-btn-inline{background:linear-gradient(135deg,#d4a574,gold 50%,#d4a574);border:2px solid #d4a574b3;border-radius:10px;box-shadow:0 3px 12px #d4a57480,0 1px 4px #0000004d,inset 0 1px 3px #ffffff4d;font-size:14px;height:32px;width:32px}.edit-profile-btn-inline:hover{box-shadow:0 4px 16px #d4a574b3,0 2px 8px #0006,inset 0 2px 4px #fff6;transform:scale(1.08)}.profile-name-row{gap:10px}}@media (min-width:641px) and (max-width:1024px){.edit-profile-btn{bottom:-8px;font-size:13px;height:30px;right:-8px;width:30px}}.avatar-text-default:before{background:radial-gradient(circle at center,#0000 30%,#0000001a 100%);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.profile-name{font-size:var(--gaming-text-lg)}.coins-display{backdrop-filter:blur(10px);background:linear-gradient(135deg,#d4a57426,#ffd7001a);border:2px solid #d4a5744d;border-radius:16px;flex-direction:column;min-width:100px;padding:var(--gaming-space-3);text-align:center}.coins-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:var(--gaming-text-2xl);margin-bottom:var(--gaming-space-1)}.coins-info{flex-direction:column}.coins-label{color:#d4a574cc;font-size:var(--gaming-text-xs);font-weight:var(--gaming-font-weight-medium);margin-bottom:var(--gaming-space-1)}.coins-amount{background:linear-gradient(135deg,gold,orange);color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.4));font-weight:var(--gaming-font-weight-extrabold);text-shadow:0 2px 8px #ffd7004d}.profile-stats{background:#0003;border:1px solid #d4a57433;border-radius:var(--gaming-radius-lg);justify-content:space-between;margin-bottom:var(--gaming-space-6);padding:var(--gaming-space-4)}.coins-stat,.profile-stats{align-items:center;display:flex}.coins-stat{gap:var(--gaming-space-3)}.stat-icon{filter:drop-shadow(0 0 10px rgba(212,165,116,.5));font-size:var(--gaming-text-2xl)}.stat-info{display:flex;flex-direction:column}.stat-label{color:#ffffffb3;font-size:var(--gaming-text-xs);letter-spacing:.02em;margin-bottom:var(--gaming-space-1);text-transform:uppercase}.stat-value{color:#d4a574e6;font-family:var(--gaming-font-mono);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);text-shadow:1px 1px 2px #00000080;transition:all .3s ease}.profile-actions{display:flex;flex-direction:column;gap:var(--gaming-space-3);margin-bottom:var(--gaming-space-4)}.action-btn{background:#d4a57433;border:1px solid #d4a57480;border-radius:12px;color:var(--gaming-accent-gold);font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-semibold);justify-content:center;padding:var(--gaming-space-4) var(--gaming-space-6);text-align:center}.primary-action{min-height:56px}.action-btn:hover:not(:disabled){background:#d4a5744d;border-color:#d4a574b3;box-shadow:0 4px 12px #d4a5744d}.action-btn:active:not(:disabled){background:#d4a57426;transform:translateY(-1px)}.action-btn:disabled{background:#6b72801a!important;border-color:#6b728033!important;color:#9ca3afb3!important;opacity:.4}.buy-coins-btn{background:#d4a5744d!important;border-color:#d4a57499!important;color:var(--gaming-accent-gold)!important;font-weight:var(--gaming-font-weight-bold)}.buy-coins-btn:hover:not(:disabled){background:#d4a57466!important;border-color:#d4a574cc!important}.sell-coins-btn{background:#d4a57440!important;border-color:#d4a57480!important;color:#d4a574e6!important}.sell-coins-btn:hover:not(:disabled){background:#d4a57459!important;border-color:#d4a574b3!important}.profile-stats-section{margin-top:var(--gaming-space-4)}.stats-summary{background:linear-gradient(135deg,#111827cc,#1f293799);border:1px solid #6b72804d;border-radius:16px;padding:var(--gaming-space-4)}.stats-header{margin-bottom:var(--gaming-space-4)}.stats-title{color:var(--gaming-text-on-dark);font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-bold);margin:0}.basic-stats{flex-direction:column;margin-bottom:var(--gaming-space-4)}.basic-stat,.basic-stats{display:flex;gap:var(--gaming-space-3)}.basic-stat{align-items:center;background:#3741514d;border:1px solid #6b728033;border-radius:8px;padding:var(--gaming-space-2)}.basic-stat-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));flex-shrink:0;font-size:var(--gaming-text-lg)}.basic-stat-info{display:flex;flex-direction:column;flex-grow:1}.basic-stat-value{color:var(--gaming-text-on-dark);font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-bold);margin-bottom:2px}.basic-stat-label{color:#9ca3afcc;font-size:var(--gaming-text-xs)}.view-full-stats-btn{align-items:center;background:linear-gradient(135deg,#d4a5741a,#d4a5740d);border:1px solid #d4a5744d;border-radius:12px;color:var(--gaming-accent-gold);cursor:pointer;display:flex;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);justify-content:space-between;padding:var(--gaming-space-3) var(--gaming-space-4);transition:all .3s ease;width:100%}.view-full-stats-btn:hover{background:linear-gradient(135deg,#d4a57433,#d4a5741a);border-color:#d4a57480;box-shadow:0 4px 12px #d4a57433;transform:translateY(-1px)}.view-full-stats-btn .btn-icon{font-size:var(--gaming-text-base)}.view-full-stats-btn .btn-text{flex-grow:1;margin-left:var(--gaming-space-2);text-align:left}.view-full-stats-btn .btn-arrow{font-size:var(--gaming-text-sm);opacity:.7;transition:transform .3s ease}.view-full-stats-btn:hover .btn-arrow{transform:translateX(2px)}@media (min-width:640px){.profile-header{align-items:flex-start;flex-direction:row;justify-content:space-between}.profile-avatar{font-size:var(--gaming-text-3xl);height:80px;width:80px}.profile-name{font-size:var(--gaming-text-xl)}.profile-username{font-size:var(--gaming-text-sm)}.coins-display{flex-direction:row;gap:var(--gaming-space-2);min-width:120px;padding:var(--gaming-space-4)}.coins-info{flex-direction:column;text-align:left}.basic-stats,.profile-actions{flex-direction:row;gap:var(--gaming-space-4)}.basic-stat{flex:1;padding:var(--gaming-space-3)}}@media (min-width:768px){.player-profile-card{padding:var(--gaming-space-8)}.profile-avatar{height:90px;width:90px}.coins-display{min-width:140px}.coins-amount{font-size:var(--gaming-text-xl)}.primary-action{font-size:16px;min-height:60px}.profile-actions{flex-direction:row;gap:var(--gaming-space-3)}.action-btn{flex:1}}.btn-icon{font-size:var(--gaming-text-sm)}.profile-quick-stats{background:#d4a5740d;border:1px solid #d4a5741a;border-radius:var(--gaming-radius-lg);display:grid;gap:var(--gaming-space-4);grid-template-columns:repeat(3,1fr);padding:var(--gaming-space-4)}.quick-stat{text-align:center}.quick-stat-value{color:var(--gaming-text-on-dark);display:block;font-family:var(--gaming-font-mono);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-1)}.quick-stat-label{color:#ffffffb3;font-size:var(--gaming-text-xs);letter-spacing:.02em;text-transform:uppercase}@media (min-width:768px){.mode-selector-content{max-width:1200px}.mode-selector-content,.player-profile-card{padding:var(--gaming-space-8)}.profile-avatar{font-size:var(--gaming-text-3xl);height:100px;width:100px}.profile-name{font-size:var(--gaming-text-2xl)}.profile-quick-stats,.profile-stats{padding:var(--gaming-space-6)}}.game-mode-grid,.grid-header{margin-bottom:var(--gaming-space-8)}.grid-header{text-align:center}.grid-title{color:var(--gaming-text-on-dark);font-family:var(--gaming-font-heading);font-size:var(--gaming-text-3xl);font-weight:var(--gaming-font-weight-bold);line-height:1.2;margin:0 0 var(--gaming-space-3) 0;text-shadow:2px 2px 8px #000c}.grid-subtitle{color:#ffffffe6;font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-medium);margin:0;text-shadow:1px 1px 2px #00000080}.mode-cards-grid{display:grid;gap:var(--gaming-space-6);grid-template-columns:1fr;margin:0 auto;max-width:800px}.mode-card{backdrop-filter:blur(30px);background:linear-gradient(145deg,#0f172af2,#1e293bfa 30%,#334155f2 70%,#0f172af2);border:2px solid #d4a57466;border-radius:var(--gaming-radius-3xl);box-shadow:0 20px 60px #0006,0 8px 25px #d4a5741a,inset 0 1px 0 #ffffff1a;padding:var(--gaming-space-8);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.mode-card:before{background:linear-gradient(135deg,#0000,#d4a57414 25%,#d4a57426 50%,#d4a57414 75%,#0000);pointer-events:none;transform:translateX(-100%) rotate(45deg);transition:transform .8s cubic-bezier(.23,1,.32,1)}.mode-card:hover:before{transform:translateX(100%) rotate(45deg)}.mode-card:hover{border-color:#d4a574b3;box-shadow:0 35px 100px #0009,0 15px 50px #d4a5744d,inset 0 1px 0 #fff3;transform:translateY(-8px) scale(1.02)}.mode-card-header{gap:var(--gaming-space-4);margin-bottom:var(--gaming-space-4)}.mode-card-header,.mode-icon{align-items:center;display:flex}.mode-icon{background:linear-gradient(135deg,#d4a5744d,#d4a57499 50%,#d4a57466);border:3px solid #d4a57480;border-radius:var(--gaming-radius-2xl);box-shadow:inset 0 2px 4px #fff3,0 8px 25px #d4a5744d;font-size:3rem;height:80px;justify-content:center;transition:all .3s ease;width:80px}.mode-card:hover .mode-icon{background:linear-gradient(135deg,#d4a57480,#d4a574cc 50%,#d4a57499);border-color:#d4a574cc;box-shadow:inset 0 2px 4px #ffffff4d,0 12px 35px #d4a57480;transform:scale(1.1) rotate(5deg)}.mode-title-area{flex:1}.mode-title{color:var(--gaming-text-on-dark);font-family:var(--gaming-font-heading);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);margin:0 0 var(--gaming-space-1) 0;text-shadow:1px 1px 2px #00000080}.mode-subtitle{color:#d4a574cc;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);margin:0}.mode-description{color:#fffc;font-size:var(--gaming-text-sm);line-height:var(--gaming-line-height-relaxed);margin:0 0 var(--gaming-space-6) 0}.mode-card-footer{display:flex;justify-content:flex-end}.mode-btn{align-items:center;border:none;border-radius:var(--gaming-radius-lg);cursor:pointer;display:flex;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-semibold);gap:var(--gaming-space-2);letter-spacing:.02em;padding:var(--gaming-space-3) var(--gaming-space-6);text-transform:uppercase;transition:var(--gaming-transition-all)}.mode-btn-primary{background:linear-gradient(135deg,#d4a574e6,#d4a574 50%,#ffd700cc);box-shadow:0 6px 20px #d4a57466,inset 0 1px 0 #ffffff4d;color:var(--gaming-text-on-dark);font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-bold);padding:var(--gaming-space-4) var(--gaming-space-8)}.mode-btn-primary:hover{background:linear-gradient(135deg,#d4a574,#ffd700e6 50%,gold);box-shadow:0 12px 35px #d4a57499,inset 0 1px 0 #fff6;transform:translateY(-3px)}.mode-btn-secondary{background:#6366f1cc;box-shadow:0 4px 15px #6366f14d,inset 0 1px 0 #fff3;color:var(--gaming-text-on-dark)}.mode-btn-accent{background:#a855f7cc;color:var(--gaming-text-on-dark)}.mode-btn-gold{background:linear-gradient(135deg,gold,#ffed4e);color:#1a202c;font-weight:var(--gaming-font-weight-bold)}.btn-arrow{font-size:var(--gaming-text-lg);transition:transform .2s ease}.mode-btn:hover .btn-arrow{transform:translateX(4px)}.mode-btn-disabled{background:#64646480!important;color:#ffffff80!important;cursor:not-allowed!important;opacity:.6}.mode-btn-disabled:hover{box-shadow:0 4px 15px #64646433!important;transform:none!important}.mode-card-primary{border-color:#d4a57466}.mode-card-secondary{border-color:#6366f166}.mode-card-accent{border-color:#a855f766}.mode-card-gold{border-color:#ffd70066}.mode-card-disabled{cursor:not-allowed;opacity:.7}.mode-card-disabled:hover{border-color:#d4a5744d!important;box-shadow:0 20px 60px #0006,0 8px 25px #d4a5741a,inset 0 1px 0 #ffffff1a!important;transform:none!important}.mode-card-disabled:before{display:none}.quick-actions-bar{margin-top:var(--gaming-space-8);padding-bottom:calc(88px + env(safe-area-inset-bottom, 0))}.actions-header{margin-bottom:var(--gaming-space-6);text-align:center}.actions-title{color:var(--gaming-text-on-dark);font-family:var(--gaming-font-heading);font-size:var(--gaming-text-xl);font-weight:var(--gaming-font-weight-bold);margin:0 0 var(--gaming-space-2) 0;text-shadow:2px 2px 4px #000000b3}.actions-grid{display:grid;gap:var(--gaming-space-4);grid-template-columns:1fr;margin:0 auto;max-width:600px}.quick-action-btn{align-items:center;backdrop-filter:blur(30px);background:linear-gradient(145deg,#0f172af2,#1e293bfa 30%,#334155f2 70%,#0f172af2);border:2px solid #d4a57466;border-radius:var(--gaming-radius-2xl);box-shadow:0 15px 40px #0006,0 6px 20px #d4a5741a,inset 0 1px 0 #ffffff1a;cursor:pointer;display:flex;gap:var(--gaming-space-4);overflow:hidden;padding:var(--gaming-space-6);position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.quick-action-btn:before{background:linear-gradient(135deg,#0000,#d4a57414 25%,#d4a57426 50%,#d4a57414 75%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(-100%) rotate(45deg);transition:transform .8s cubic-bezier(.23,1,.32,1)}.quick-action-btn:hover:before{transform:translateX(100%) rotate(45deg)}.quick-action-btn:hover{border-color:#d4a574b3;box-shadow:0 25px 60px #00000080,0 10px 30px #d4a5744d,inset 0 1px 0 #fff3;transform:translateY(-6px) scale(1.02)}.action-icon{align-items:center;background:linear-gradient(135deg,#d4a5744d,#d4a57499 50%,#d4a57466);border:3px solid #d4a57480;border-radius:var(--gaming-radius-2xl);box-shadow:inset 0 2px 4px #fff3,0 6px 20px #d4a5744d;display:flex;font-size:1.5rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.quick-action-btn:hover .action-icon{background:linear-gradient(135deg,#d4a57480,#d4a574cc 50%,#d4a57499);background:linear-gradient(135deg,#d4a57480,#d4a574cc);border-color:#d4a574cc;border-color:#d4a574b3;box-shadow:inset 0 2px 4px #ffffff4d,0 10px 30px #d4a57480;transform:scale(1.1) rotate(5deg);transform:scale(1.1)}.action-content{flex:1;text-align:left}.action-title{color:var(--gaming-text-on-dark);display:block;font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-1);text-shadow:1px 1px 2px #00000080}.action-description{color:#ffffffd9;display:block;font-size:var(--gaming-text-base);line-height:var(--gaming-line-height-relaxed)}.action-arrow{color:#d4a57499;font-size:var(--gaming-text-lg)}.quick-action-btn:hover .action-arrow{color:#d4a574e6;transform:translateX(4px)}@media (min-width:640px){.mode-cards-grid{gap:var(--gaming-space-8);grid-template-columns:1fr}.mode-card{padding:var(--gaming-space-10)}.actions-grid,.mode-card-header{gap:var(--gaming-space-6)}.actions-grid{grid-template-columns:repeat(3,1fr)}.quick-action-btn{flex-direction:column;gap:var(--gaming-space-3);justify-content:center;min-height:120px;padding:var(--gaming-space-6);text-align:center}.action-content{text-align:center}.action-icon{font-size:2rem;height:70px;width:70px}}@media (min-width:768px){.mode-selector-title{font-size:var(--gaming-text-2xl)}.grid-title{font-size:var(--gaming-text-4xl);margin-bottom:var(--gaming-space-4)}.grid-subtitle{font-size:var(--gaming-text-xl)}.mode-cards-grid{gap:var(--gaming-space-8);grid-template-columns:repeat(2,1fr);max-width:1000px}.mode-card{display:flex;flex-direction:column;justify-content:space-between;min-height:320px}.mode-icon{font-size:4rem;height:100px;width:100px}.mode-title{font-size:var(--gaming-text-2xl)}.mode-description,.mode-subtitle{font-size:var(--gaming-text-base)}.mode-description{flex-grow:1;margin:var(--gaming-space-4) 0 var(--gaming-space-8) 0}}@media (min-width:1024px){.mode-selector-content{align-items:center;display:flex;flex-direction:column;gap:var(--gaming-space-12);max-width:1400px}.player-profile-card{margin-bottom:var(--gaming-space-4);max-width:500px;width:100%}.mode-selector-main{gap:var(--gaming-space-12);width:100%}.grid-title{font-size:var(--gaming-text-5xl)}.mode-cards-grid{gap:var(--gaming-space-10);grid-template-columns:1fr}.mode-card{min-height:280px;padding:var(--gaming-space-12)}.actions-grid{gap:var(--gaming-space-8);max-width:800px}.quick-action-btn{min-height:140px;padding:var(--gaming-space-8)}.action-icon{font-size:2.5rem;height:80px;width:80px}.action-title{font-size:var(--gaming-text-xl)}.action-description{font-size:var(--gaming-text-lg)}}@media (min-width:1280px){.mode-cards-grid{gap:var(--gaming-space-8);grid-template-columns:repeat(2,1fr)}.mode-card{min-height:300px}}.coins-modal-overlay{align-items:flex-end;backdrop-filter:blur(10px);background:#000000d9;padding:var(--gaming-space-2)}@media (min-width:640px){.coins-modal-overlay{align-items:center;padding:var(--gaming-space-4);padding-bottom:var(--gaming-space-4)}}.coins-modal{animation:modalSlideInMobile .3s ease-out;backdrop-filter:blur(30px);background:linear-gradient(145deg,#0f172afa,#1e293bf2 50%,#0f172afa);border-radius:var(--gaming-radius-xl) var(--gaming-radius-xl) 0 0;box-shadow:0 -10px 50px #000000b3,0 -5px 25px #d4a57433;max-height:85vh;max-width:none;overflow:hidden}@media (min-width:640px){.coins-modal{animation:modalSlideIn .3s ease-out;border-radius:var(--gaming-radius-3xl);box-shadow:0 25px 80px #000000b3,0 10px 35px #d4a57433;max-height:90vh;max-width:500px}}.modal-header{padding:var(--gaming-space-4) var(--gaming-space-4) 0}.modal-title{color:var(--gaming-text-on-dark);font-family:var(--gaming-font-heading);font-size:var(--gaming-text-lg);text-shadow:1px 1px 2px #00000080}@media (min-width:640px){.modal-header{padding:var(--gaming-space-6) var(--gaming-space-6) 0}.modal-title{font-size:var(--gaming-text-xl)}}.modal-close-btn{border-radius:var(--gaming-radius-lg)}.modal-tabs{display:flex;margin-top:var(--gaming-space-4);padding:0 var(--gaming-space-6)}.tab-btn{background:#1e293b80;border:1px solid #d4a57433;color:#ffffffb3;flex:1;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);padding:var(--gaming-space-3) var(--gaming-space-4);transition:var(--gaming-transition-all)}.tab-btn:first-child{border-radius:var(--gaming-radius-lg) 0 0 var(--gaming-radius-lg);border-right:none}.tab-btn:last-child{border-left:none;border-radius:0 var(--gaming-radius-lg) var(--gaming-radius-lg) 0}.tab-btn.active{background:#d4a57433;border-color:#d4a57466;color:var(--gaming-text-on-dark)}.tab-btn.active:after{background:linear-gradient(90deg,#0000,#d4a574cc,#0000);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.modal-content{max-height:calc(90vh - 140px);overflow-y:auto;padding:var(--gaming-space-6)}.coin-packages{display:grid;gap:var(--gaming-space-4);grid-template-columns:1fr}.coin-package{background:#1e293b99;border:1px solid #d4a57433;border-radius:var(--gaming-radius-xl);cursor:pointer;overflow:hidden;padding:var(--gaming-space-4);position:relative;transition:var(--gaming-transition-all)}.coin-package:before{background:linear-gradient(90deg,#0000,#d4a5741a,#0000);content:"";height:100%;position:absolute;right:-100%;top:0;transition:right .6s ease;width:100%}.coin-package:hover:before{right:100%}.coin-package:hover{border-color:#d4a57466;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.coin-package.popular{background:#ffd7000d;border-color:#ffd70066}.popular-badge{background:linear-gradient(135deg,gold,#ffed4e);border-radius:0 0 var(--gaming-radius-lg) var(--gaming-radius-lg);color:#1a202c;font-size:var(--gaming-text-xs);font-weight:var(--gaming-font-weight-bold);padding:var(--gaming-space-1) var(--gaming-space-3);position:absolute;right:var(--gaming-space-4);text-transform:uppercase;top:-1px}.package-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--gaming-space-2)}.package-amount{align-items:center;color:var(--gaming-text-on-dark);display:flex;font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);gap:var(--gaming-space-2)}.coin-icon{color:gold;font-size:var(--gaming-text-xl)}.package-price{color:#22c55ee6;font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold)}.package-bonus{color:#ffd700cc;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);margin-top:var(--gaming-space-1)}.package-buy-btn{background:linear-gradient(135deg,#d4a574cc,#d4a574);border:none;border-radius:var(--gaming-radius-lg);color:var(--gaming-text-on-dark);cursor:pointer;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-semibold);letter-spacing:.02em;margin-top:var(--gaming-space-3);padding:var(--gaming-space-3);text-transform:uppercase;transition:var(--gaming-transition-all);width:100%}.package-buy-btn:hover{box-shadow:0 8px 25px #d4a57466;transform:translateY(-2px)}.sell-coins-form{display:flex;flex-direction:column;gap:var(--gaming-space-4)}.form-group{gap:var(--gaming-space-2)}.form-label{color:var(--gaming-text-on-dark)}.form-input{background:#1e293b99;border:1px solid #d4a57433;border-radius:var(--gaming-radius-lg);padding:var(--gaming-space-3);transition:var(--gaming-transition-all)}.form-input:focus{border-color:#d4a57480;box-shadow:0 0 0 3px #d4a5741a}.form-input::placeholder{color:#ffffff80}.current-balance{align-items:center;background:#0f172a99;border:1px solid #d4a57433;border-radius:var(--gaming-radius-lg);display:flex;justify-content:space-between;padding:var(--gaming-space-3)}.balance-label{color:#fffc;font-size:var(--gaming-text-sm)}.balance-amount{font-weight:var(--gaming-font-weight-bold);gap:var(--gaming-space-1)}.balance-amount,.sell-btn{color:var(--gaming-text-on-dark);font-size:var(--gaming-text-base)}.sell-btn{background:linear-gradient(135deg,#22c55ecc,#22c55e);border:none;border-radius:var(--gaming-radius-lg);cursor:pointer;font-weight:var(--gaming-font-weight-semibold);letter-spacing:.02em;padding:var(--gaming-space-4);text-transform:uppercase;transition:var(--gaming-transition-all)}.sell-btn:hover:not(:disabled){box-shadow:0 8px 25px #22c55e66;transform:translateY(-2px)}.sell-btn:disabled{cursor:not-allowed;opacity:.5}.coins-modal-overlay{align-items:center;backdrop-filter:blur(8px);background:#111827f2;bottom:0;display:flex;justify-content:center;left:0;padding:var(--gaming-space-4);padding-bottom:calc(88px + env(safe-area-inset-bottom, 0));position:fixed;right:0;top:0;z-index:10003}.coins-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(145deg,#1f2937fa,#111827f2);border:2px solid #d4a5744d;border-radius:20px;box-shadow:0 25px 50px #00000080,inset 0 1px 0 #ffffff1a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.buy-coins-modal{max-width:550px}.sell-coins-modal{max-width:520px}.modal-header{border-bottom:1px solid #d4a57433;padding:var(--gaming-space-6) var(--gaming-space-6) var(--gaming-space-4)}.modal-title{color:var(--gaming-accent-gold);font-size:var(--gaming-text-2xl);font-weight:var(--gaming-font-weight-bold);margin:0;text-shadow:0 2px 4px #0000004d}.modal-close-btn{border-radius:8px;color:#ef4444;font-weight:700;transition:all .2s ease}.buy-progress-steps,.sell-progress-steps{display:flex;justify-content:space-between;margin-bottom:var(--gaming-space-4);padding:var(--gaming-space-4) var(--gaming-space-6)}.step-indicator{align-items:center;display:flex;flex:1;flex-direction:column;position:relative}.step-indicator:not(:last-child):after{background:#9ca3af4d;content:"";height:2px;position:absolute;right:-50%;top:15px;width:100%;z-index:1}.step-indicator.active:not(:last-child):after{background:#d4a57499}.step-number{align-items:center;background:#9ca3af4d;border-radius:50%;color:#9ca3afcc;display:flex;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-bold);height:30px;justify-content:center;margin-bottom:var(--gaming-space-1);position:relative;transition:all .3s ease;width:30px;z-index:2}.step-indicator.active .step-number{background:var(--gaming-accent-gold);box-shadow:0 4px 15px #d4a57466;color:var(--gaming-text-primary)}.step-indicator.current .step-number{animation:pulse 2s infinite;background:var(--gaming-accent-gold);color:var(--gaming-text-primary)}.step-label{color:#9ca3afcc;font-size:var(--gaming-text-xs);font-weight:var(--gaming-font-weight-medium);text-align:center}.step-indicator.active .step-label{color:var(--gaming-accent-gold)}.modal-content{padding:0 var(--gaming-space-4) var(--gaming-space-4)}.step-content{animation:stepFadeIn .3s ease-out;padding:var(--gaming-space-2) 0}@keyframes stepFadeIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.step-title{color:var(--gaming-text-on-dark);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-3);padding:0 var(--gaming-space-2);text-align:center}@media (min-width:640px){.modal-content{padding:0 var(--gaming-space-6) var(--gaming-space-6)}.step-content{padding:var(--gaming-space-4) 0}.step-title{font-size:var(--gaming-text-xl);margin-bottom:var(--gaming-space-4);padding:0}}.form-group{margin-bottom:var(--gaming-space-4)}.form-label{color:var(--gaming-text-secondary);display:block;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);margin-bottom:var(--gaming-space-2)}.form-input{background:#374151cc;border:2px solid #6b72804d;box-sizing:border-box;color:var(--gaming-text-on-dark);font-size:var(--gaming-text-base);padding:var(--gaming-space-3) var(--gaming-space-4);transition:all .3s ease}.form-input:focus{background:#374151;border-color:var(--gaming-accent-gold);box-shadow:0 0 0 3px #d4a57433}.form-input::placeholder{color:#9ca3af99}.preset-amounts{display:grid;gap:var(--gaming-space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:var(--gaming-space-6)}.preset-amount-btn{background:#374151cc;border:2px solid #6b72804d;border-radius:12px;cursor:pointer;overflow:hidden;padding:var(--gaming-space-4);position:relative;text-align:center;transition:all .3s ease}.preset-amount-btn:hover{background:#374151;border-color:var(--gaming-accent-gold);transform:translateY(-2px)}.preset-amount-btn.selected{background:#d4a5741a;border-color:var(--gaming-accent-gold);box-shadow:0 4px 15px #d4a5744d}.preset-amount-btn .amount{color:var(--gaming-text-on-dark);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-1)}.preset-amount-btn .price{color:var(--gaming-accent-gold);font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium)}.balance-display{background:#37415199;border:1px solid #6b72804d;border-radius:12px;margin-bottom:var(--gaming-space-4);padding:var(--gaming-space-4)}.available-balance{color:var(--gaming-accent-gold);font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-1)}.reserved-balance{color:#9ca3afcc;font-size:var(--gaming-text-sm)}.amount-input-section{margin-bottom:var(--gaming-space-6)}.amount-input{font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-2);text-align:center}.amount-helper{color:#9ca3afcc;font-size:var(--gaming-text-xs);text-align:center}.amount-helper,.total-price{margin-bottom:var(--gaming-space-4)}.total-price{background:linear-gradient(135deg,#d4a5741a,#ffd7000d);border:1px solid #d4a5744d;border-radius:12px;padding:var(--gaming-space-4)}.price-breakdown{display:flex;flex-direction:column;gap:var(--gaming-space-2)}.price-row{align-items:center;display:flex;justify-content:space-between}.price-row.total{border-top:1px solid #d4a5744d;margin-top:var(--gaming-space-1);padding-top:var(--gaming-space-2)}.price-label{color:var(--gaming-text-secondary)}.price-label,.price-value{font-size:var(--gaming-text-sm)}.price-value{color:var(--gaming-text-on-dark);font-weight:var(--gaming-font-weight-medium)}.price-amount{color:var(--gaming-accent-gold);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold)}.exchange-rate{border-top:1px solid #d4a57433;margin-top:var(--gaming-space-2);padding-top:var(--gaming-space-2);text-align:center}.exchange-rate small{color:#9ca3afb3;font-size:var(--gaming-text-xs)}.custom-amount{margin-bottom:var(--gaming-space-6)}.total-receive{background:#d4a5741a;border-radius:8px;color:var(--gaming-accent-gold);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);padding:var(--gaming-space-2);text-align:center}.info-box{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;margin-bottom:var(--gaming-space-4);padding:var(--gaming-space-4)}.info-box.sell-info{background:#a855f71a;border-color:#a855f74d}.info-title{color:#3b82f6;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-2)}.sell-info .info-title{color:#a855f7}.info-list{list-style:none;margin:0;padding:0}.info-list li{color:var(--gaming-text-secondary);font-size:var(--gaming-text-sm);margin-bottom:var(--gaming-space-1);padding-left:var(--gaming-space-4);position:relative}.info-list li:before{color:#3b82f6;content:"•";left:0;position:absolute}.sell-info .info-list li:before{color:#a855f7}.warning-box{background:#f565651a;border:1px solid #f565654d;border-radius:12px;margin-bottom:var(--gaming-space-4);padding:var(--gaming-space-4)}.warning-title{color:#f56565;font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-2)}.warning-text,.warning-title{font-size:var(--gaming-text-sm)}.warning-text{color:var(--gaming-text-secondary);margin:0}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;margin-bottom:var(--gaming-space-4);padding:var(--gaming-space-3);text-align:center}.step-btn{align-items:center;background:linear-gradient(135deg,#d4a574e6,#d4a574 50%,#ffd700cc);border:1px solid #d4a57499;border-radius:12px;box-shadow:0 4px 14px #d4a5744d,inset 0 1px 0 #fff3;color:var(--gaming-text-on-dark);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-height:52px;overflow:hidden;padding:18px 24px;position:relative;text-shadow:0 1px 2px #0003;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@media (min-width:640px){.step-btn{border-radius:14px;min-height:auto;padding:16px 32px;width:auto}}.step-btn:hover{background:linear-gradient(135deg,#d4a574,#ffd700e6 50%,gold);border-color:#ffd700cc;box-shadow:0 8px 25px #d4a57480,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.step-btn:active{transform:translateY(-1px);transition:all .1s ease}.step-btn.primary{width:100%}.step-btn.secondary{background:linear-gradient(135deg,#6b728099,#4b5563cc);border-color:#6b728066;box-shadow:0 4px 14px #6b728033,inset 0 1px 0 #ffffff1a;color:var(--gaming-text-on-dark)}.step-btn.secondary:hover{background:linear-gradient(135deg,#6b7280cc,#4b5563);border-color:#6b728099;box-shadow:0 8px 25px #6b728066,inset 0 1px 0 #ffffff26;transform:translateY(-3px)}.step-btn.disabled{background:#6b72804d!important;border-color:#6b728033!important;box-shadow:none!important;color:#9ca3af99!important;cursor:not-allowed;opacity:.6;transform:none!important}.step-btn.loading{opacity:.8;pointer-events:none;position:relative}.step-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;margin-left:8px;position:absolute;width:20px}.step-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.step-btn:hover:before{left:100%}.step-btn:focus{box-shadow:0 8px 25px #d4a57480,inset 0 1px 0 #ffffff4d,0 0 0 3px #d4a5744d;outline:none}.step-buttons{display:flex;flex-direction:column;gap:var(--gaming-space-3);margin-top:var(--gaming-space-5);padding:0 var(--gaming-space-2)}.step-buttons .step-btn{width:100%}@media (min-width:640px){.step-buttons{flex-direction:row;gap:var(--gaming-space-4);margin-top:var(--gaming-space-6);padding:0}.step-buttons .step-btn{flex:1;width:auto}}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}.step-content.confirmation{text-align:center}.success-icon{animation:bounce .6s ease-out;font-size:4rem;margin-bottom:var(--gaming-space-4)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.success-title{color:var(--gaming-accent-gold);font-size:var(--gaming-text-2xl);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-6)}.purchase-summary,.sale-summary{background:#37415199;border-radius:12px;margin-bottom:var(--gaming-space-6);padding:var(--gaming-space-4);text-align:left}.summary-item{border-bottom:1px solid #6b72804d;color:var(--gaming-text-secondary);display:flex;font-size:var(--gaming-text-sm);justify-content:space-between;padding:var(--gaming-space-2) 0}.summary-item:last-child{border-bottom:none}.summary-item.highlight{color:var(--gaming-accent-gold);font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-bold)}.next-steps{margin-bottom:var(--gaming-space-6);text-align:left}.next-steps-title{color:var(--gaming-text-on-dark);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-3)}.next-steps-list{list-style:none;margin:0;padding:0}.next-steps-list li{color:var(--gaming-text-secondary);font-size:var(--gaming-text-sm);margin-bottom:var(--gaming-space-2);padding-left:var(--gaming-space-5);position:relative}.next-steps-list li:before{color:var(--gaming-accent-gold);content:"✓";font-weight:700;left:0;position:absolute}.file-upload-area{border:2px dashed #6b728080;border-radius:12px;cursor:pointer;margin-bottom:var(--gaming-space-4);padding:var(--gaming-space-6);text-align:center;transition:all .3s ease}.file-upload-area.dragover,.file-upload-area:hover{background:#d4a5740d;border-color:var(--gaming-accent-gold)}.file-upload-icon{color:#6b7280b3;font-size:3rem;margin-bottom:var(--gaming-space-2)}.file-upload-area:hover .file-upload-icon{color:var(--gaming-accent-gold)}.file-upload-text{color:var(--gaming-text-secondary);font-size:var(--gaming-text-base);margin-bottom:var(--gaming-space-1)}.file-upload-hint{color:#9ca3afb3;font-size:var(--gaming-text-sm)}.uploaded-file{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:var(--gaming-space-4);padding:var(--gaming-space-3)}.uploaded-file-info{align-items:center;display:flex;gap:var(--gaming-space-2)}.uploaded-file-name{color:#22c55e;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium)}.remove-file-btn{background:#ef444433;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;font-size:var(--gaming-text-xs);padding:var(--gaming-space-1) var(--gaming-space-2);transition:all .2s ease}.remove-file-btn:hover{background:#ef44444d}.bank-info{backdrop-filter:blur(10px);background:#1f2937!important;background:linear-gradient(135deg,#111827,#1f2937)!important;border:1px solid #d4a5744d;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff!important;margin-bottom:var(--gaming-space-3);padding:var(--gaming-space-4)}@media (min-width:640px){.bank-info{border-radius:12px;margin-bottom:var(--gaming-space-4);padding:var(--gaming-space-5)}}.bank-info-title{align-items:center;color:var(--gaming-accent-gold);display:flex;font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-bold);gap:var(--gaming-space-2);margin-bottom:var(--gaming-space-3);text-shadow:0 1px 2px #0000004d}@media (min-width:640px){.bank-info-title{font-size:var(--gaming-text-lg);margin-bottom:var(--gaming-space-4)}}.bank-detail{align-items:flex-start;border-bottom:1px solid #d4a5741a;color:#fff!important;display:flex;flex-direction:column;font-size:var(--gaming-text-sm);gap:var(--gaming-space-1);padding:var(--gaming-space-2) 0}@media (min-width:640px){.bank-detail{align-items:center;flex-direction:row;gap:0;justify-content:space-between;padding:var(--gaming-space-3) 0}}.bank-detail:last-child{border-bottom:none}.bank-detail strong{color:var(--gaming-accent-gold)!important;font-size:var(--gaming-text-xs);font-weight:var(--gaming-font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.bank-detail span{color:#fff!important;font-family:monospace;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);word-break:break-all}@media (min-width:640px){.bank-detail strong{font-size:var(--gaming-text-sm);min-width:120px}.bank-detail span{text-align:right;word-break:normal}}.bank-info *{color:inherit!important}.bank-info .bank-detail strong,.bank-info .bank-info-title{color:var(--gaming-accent-gold)!important}.bank-info .bank-detail span{color:#fff!important}.bank-form{margin-bottom:var(--gaming-space-4)}@media (min-width:640px){.coin-packages{grid-template-columns:repeat(2,1fr)}.modal-content{padding:var(--gaming-space-8)}}@media (min-width:768px){.coins-modal{max-width:600px}}.coins-actions{padding:var(--gaming-space-4) 0}.action-buttons-grid{display:flex;flex-direction:column;gap:var(--gaming-space-4);margin-bottom:var(--gaming-space-6)}.action-btn{background:#374151cc;border:2px solid #6b72804d;border-radius:16px;gap:var(--gaming-space-4);overflow:hidden;padding:var(--gaming-space-5);position:relative;transition:all .3s ease}.action-btn:hover:not(:disabled){background:#374151;border-color:var(--gaming-accent-gold);box-shadow:0 8px 25px #d4a5744d;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.buy-action:hover:not(:disabled){border-color:#3b82f6;box-shadow:0 8px 25px #3b82f64d}.sell-action:hover:not(:disabled){border-color:#22c55e;box-shadow:0 8px 25px #22c55e4d}.action-icon{font-size:2.5rem;min-width:50px;text-align:center}.action-info{flex:1}.action-info h4{color:var(--gaming-text-on-dark);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);margin:0 0 var(--gaming-space-1) 0}.action-info p{color:var(--gaming-text-secondary);font-size:var(--gaming-text-sm);line-height:1.4;margin:0}.action-arrow{color:var(--gaming-accent-gold);font-size:var(--gaming-text-xl);font-weight:700;transition:transform .2s ease}.action-btn:hover:not(:disabled) .action-arrow{transform:translateX(4px)}.quick-info{background:#37415199;border:1px solid #6b72804d;border-radius:12px;padding:var(--gaming-space-4)}.info-item{align-items:center;color:var(--gaming-text-secondary);display:flex;font-size:var(--gaming-text-sm);gap:var(--gaming-space-2);margin-bottom:var(--gaming-space-2)}.info-item:last-child{margin-bottom:0}.info-icon{font-size:var(--gaming-text-base);text-align:center;width:20px}.reserved-amount{color:#9ca3afcc;display:block;font-size:var(--gaming-text-sm);margin-top:var(--gaming-space-1)}@media (max-width:640px){.coins-modal{margin:var(--gaming-space-2);max-width:calc(100vw - var(--gaming-space-4))}.preset-amounts{grid-template-columns:repeat(2,1fr)}.step-buttons{flex-direction:column}.buy-progress-steps,.sell-progress-steps{padding:var(--gaming-space-3)}.step-indicator .step-label{font-size:.6rem}.action-btn{padding:var(--gaming-space-4)}.action-icon{font-size:2rem;min-width:40px}.action-info h4{font-size:var(--gaming-text-base)}.action-info p{font-size:var(--gaming-text-xs)}}@media (max-width:767px){.table-card{display:none!important}}.table-card{backdrop-filter:blur(30px)!important;background:linear-gradient(145deg,#0f172afa,#1e293bf2 50%,#0f172afa)!important;border:1px solid #d4a5744d!important;border-radius:12px!important;box-shadow:0 4px 16px #0009,0 2px 8px #d4a57426!important;cursor:pointer;margin-bottom:8px!important;overflow:hidden;padding:12px!important;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important}.table-card:before{background:linear-gradient(135deg,#0000,#d4a57414 25%,#d4a57426 50%,#d4a57414 75%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(-100%) rotate(45deg);transition:transform .8s cubic-bezier(.23,1,.32,1)}.table-card:hover:before{transform:translateX(100%) rotate(45deg)}.table-card:hover{border-color:#d4a57480!important;box-shadow:0 6px 20px #000000b3,0 3px 10px #d4a57440!important;transform:translateY(-1px) scale(1.005)!important}.table-card.unavailable{cursor:not-allowed;opacity:.7}.table-card.unavailable:hover{border-color:#d4a57466;box-shadow:0 8px 32px #0006,0 4px 16px #d4a5741a,inset 0 1px 0 #ffffff1a;transform:none}.table-card.insufficient-balance{border-color:#ef444466}.table-card.insufficient-balance:hover{border-color:#ef444499}.table-header{border-bottom:1px solid #6b728026!important;gap:8px!important;margin-bottom:8px!important;padding-bottom:6px!important}.table-header,.table-icon{align-items:center!important;display:flex!important}.table-icon{background:#37415199!important;border:1px solid #6b72804d!important;border-radius:6px!important;flex-shrink:0!important;font-size:14px!important;height:28px!important;justify-content:center!important;transition:all .2s ease!important;width:28px!important}.table-card:hover .table-icon{background:linear-gradient(135deg,#d4a57480,#d4a574cc 50%,#d4a57499);border-color:#d4a574cc;transform:scale(1.1) rotate(5deg)}.table-name{color:#d4a574!important;font-family:var(--gaming-font-heading)!important;font-size:13px!important;font-weight:600!important;margin:0 0 3px!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:0 1px 2px #00000080!important;white-space:nowrap!important}.table-meta{gap:6px!important}.table-meta,.table-meta span{align-items:center!important;display:flex!important}.table-meta span{color:#9ca3afcc!important;font-size:11px!important;gap:4px!important}.players-count{font-weight:var(--gaming-font-weight-medium)}.created-time{color:#fff9;font-size:var(--gaming-text-xs)}.status-badge{backdrop-filter:blur(10px)!important;background:#22c55e33!important;border:1px solid #22c55e66!important;border-radius:4px!important;color:#22c55e!important;display:inline-block!important;font-size:9px!important;font-weight:500!important;letter-spacing:.5px!important;margin-bottom:8px!important;padding:3px 6px!important;text-transform:uppercase!important}.status-badge.private{background:#ffc10733;border-color:#ffc10766;color:#ffc107e6}.status-badge.resume{background:#6366f133;border-color:#6366f166;color:#6366f1e6}.status-badge.unavailable{background:#6b728033;border-color:#6b728066;color:#6b7280e6}.bet-info{backdrop-filter:blur(10px)!important;background:#37415199!important;border:1px solid #6b72804d!important;border-radius:6px!important;margin-bottom:8px!important;padding:6px 8px!important;text-align:center!important}.bet-info.free{background:#22c55e1a;border-color:#22c55e33;color:#22c55ee6}.bet-info:not(.free){background:#ffc1071a;border-color:#ffc1074d}.bet-info.insufficient{background:#ef44441a;border-color:#ef44444d}.bet-amount{color:#f59e0b!important;font-family:var(--gaming-font-mono)!important;font-size:13px!important;font-weight:700!important;margin-bottom:2px!important;text-shadow:0 1px 2px #00000080!important}.insufficient-warning{color:#ef4444e6;font-size:var(--gaming-text-xs);font-weight:var(--gaming-font-weight-medium)}.table-actions{margin-top:8px}.join-btn{align-items:center!important;border:1px solid #0000!important;border-radius:6px!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;font-size:11px!important;font-weight:600!important;gap:4px!important;justify-content:center!important;letter-spacing:.5px!important;padding:8px 12px!important;text-transform:uppercase!important;transition:all .2s ease!important;width:100%!important}.join-btn.default{background:linear-gradient(135deg,#22c55ecc,#10b981e6 50%,#059669cc)!important;border:1px solid #22c55e99!important;box-shadow:0 4px 15px #22c55e66,0 2px 8px #0003!important;color:#fff!important}.join-btn.resume{background:linear-gradient(135deg,#ffc107e6,#ffc107);color:var(--gaming-text-primary)}.join-btn.private{background:linear-gradient(135deg,#ff9800e6,#ff9800);color:var(--gaming-text-on-dark)}.join-btn:hover:not(.disabled):not(:disabled){box-shadow:0 4px 12px #0006!important;transform:translateY(-1px)!important}.disabled-state,.join-btn.disabled,.join-btn:disabled{background:#6b72804d!important;color:#6b7280b3!important;cursor:not-allowed!important;opacity:.6}.disabled-state:hover,.join-btn.disabled:hover,.join-btn:disabled:hover{box-shadow:0 4px 12px #0003,inset 0 1px 0 #ffffff1a!important;transform:none!important}.disabled-state{gap:4px}.disabled-state,.waiting-state{align-items:center;border-radius:6px;display:flex;font-size:11px;font-weight:600;justify-content:center;letter-spacing:.02em;padding:8px 12px;text-transform:uppercase;width:100%}.waiting-state{animation:pulse-waiting 2s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;color:#fff!important;cursor:default!important;gap:6px}@keyframes pulse-waiting{0%,to{opacity:.8}50%{opacity:1}}.waiting-state .btn-icon{animation:rotate-icon 2s linear infinite}@keyframes rotate-icon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-icon{font-size:12px;transition:transform .2s ease}.join-btn:hover:not(.disabled):not(:disabled) .btn-icon{transform:scale(1.1)}.btn-text{font-size:11px!important}.table-indicators{display:flex;gap:4px;position:absolute;right:8px;top:8px}.indicator{align-items:center;backdrop-filter:blur(10px);border-radius:50%;box-shadow:0 2px 8px #0000004d;display:flex;font-size:10px;height:18px;justify-content:center;width:18px}.bet-indicator{background:#ffc1074d;border:1px solid #ffc10780}.private-indicator{background:#ff98004d;border:1px solid #ff980080}@media (min-width:640px){.table-card{border-radius:14px!important;margin-bottom:10px!important;padding:14px!important}.table-icon{font-size:16px!important;height:32px!important;width:32px!important}.table-name{font-size:14px!important}.table-meta span{font-size:12px!important}.status-badge{font-size:10px!important;padding:4px 8px!important}.bet-amount{font-size:14px!important}.join-btn{padding:9px 14px!important}.btn-text,.join-btn{font-size:12px!important}.indicator{font-size:11px;height:20px;width:20px}.table-indicators{gap:5px;right:10px;top:10px}}@media (min-width:768px){.table-card{border-radius:16px!important;max-width:320px!important;padding:16px!important}.table-card:hover{transform:translateY(-2px) scale(1.01)!important}.table-icon{font-size:18px!important;height:36px!important;width:36px!important}.table-name{font-size:15px!important}.table-meta span{font-size:13px!important}.bet-amount{font-size:15px!important}.join-btn{font-size:12px!important;padding:10px 16px!important}.indicator{font-size:12px;height:22px;width:22px}.table-indicators{right:12px;top:12px}}@media (min-width:1024px){.table-card{max-width:280px!important;padding:18px!important}.table-icon{font-size:19px!important;height:38px!important;width:38px!important}.table-name{font-size:16px!important}.table-meta span{font-size:13px!important}.bet-amount{font-size:16px!important}.join-btn{font-size:13px!important;padding:11px 18px!important}.indicator{font-size:12px;height:24px;width:24px}.table-indicators{right:14px;top:14px}}.table-card.guest-restricted{background:linear-gradient(135deg,#111827f2,#111827fa)!important;border-color:#fb923c4d!important}.status-badge.guest-restricted{background:linear-gradient(135deg,#fb923c33,#fb923c4d)!important;border:1px solid #fb923c66!important;color:#fb923c!important;font-weight:600!important}.bet-info.guest-restricted{background:#fb923c1a!important;border-color:#fb923c4d!important}.guest-warning{align-items:center!important;color:#fb923c!important;display:flex!important;font-size:11px!important;font-weight:600!important;gap:4px!important;margin-top:4px!important}.join-btn.disabled{background:#37415180!important;border-color:#6b72804d!important;color:#9ca3afcc!important;cursor:not-allowed!important}.join-btn.disabled .btn-text{font-size:10px!important;letter-spacing:.05em!important;text-transform:uppercase!important}.table-card.creator-room{animation:creatorGlow 2s ease-in-out infinite!important;border:2px solid #fbbf2499!important;box-shadow:0 4px 20px #000000b3,0 0 30px #fbbf244d,inset 0 1px 0 #fbbf2433!important}@keyframes creatorGlow{0%,to{box-shadow:0 4px 20px #000000b3,0 0 30px #fbbf244d,inset 0 1px 0 #fbbf2433}50%{box-shadow:0 4px 20px #000000b3,0 0 40px #fbbf2480,inset 0 1px 0 #fbbf244d}}.creator-badge{animation:badgePulse 2s ease-in-out infinite!important;background:linear-gradient(135deg,#fbbf24e6,#f59e0be6)!important;border:1px solid #fbbf2466!important;border-radius:8px!important;box-shadow:0 2px 8px #fbbf2466,inset 0 1px 0 #ffffff4d!important;color:#0f172af2!important;font-size:11px!important;font-weight:700!important;letter-spacing:.5px!important;padding:4px 10px!important;position:absolute!important;right:8px!important;text-transform:uppercase!important;top:8px!important;z-index:10!important}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.creator-badge:hover{transform:scale(1.1)!important}.table-card-mobile{align-items:center;backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172af5,#1e293bf0 50%,#0f172af5);border:1px solid #d4a57440;border-radius:12px;box-shadow:0 3px 12px #00000080,0 1px 6px #d4a5741a;cursor:pointer;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px;min-height:64px;overflow:hidden;padding:14px 16px;position:relative;transition:all .25s ease}.table-card-mobile:hover{border-color:#d4a57466;box-shadow:0 4px 16px #0009,0 2px 8px #d4a57440;transform:translateY(-1px)}.table-card-mobile.unavailable{cursor:not-allowed;opacity:.6}.table-card-mobile.insufficient-balance{border-color:#ef44444d}.table-card-mobile.creator-room{border:2px solid #fbbf2499!important;box-shadow:0 3px 16px #0009,0 0 25px #fbbf244d,inset 0 1px 0 #fbbf2433!important}.card-left{flex:1;gap:12px;min-width:0}.card-left,.table-icon{align-items:center;display:flex}.table-icon{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));border-radius:8px;box-shadow:0 2px 8px #d4a5744d;color:var(--text-light);flex-shrink:0;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.table-info{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.table-name{color:var(--text-light);font-size:14px;font-weight:700;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bet-info{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.bet-amount{border-radius:4px;font-size:12px;font-weight:600;line-height:1;margin:0;padding:2px 6px;white-space:nowrap}.bet-amount.free{background:#22c55e1a;color:#22c55e}.bet-amount.insufficient{background:#ef44441a;color:#ef4444}.bet-amount.with-bet{background:#d4a5741a;color:var(--accent-color)}.insufficient-text{color:#ef4444;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.card-center{flex-shrink:0;gap:8px}.card-center,.game-badge{align-items:center;display:flex}.game-badge{background:#3b82f626;border:1px solid #3b82f666;border-radius:8px;color:#3b82f6;font-size:12px;font-weight:600;gap:3px;justify-content:center;min-height:28px;min-width:36px;padding:6px 10px;text-align:center;white-space:nowrap}.flor-indicator{font-size:14px}.flor-indicator.inactive{font-size:12px;opacity:.7}.no-flor-text{color:#ef4444;font-size:10px;font-weight:600}.card-right{flex-shrink:0}.join-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;height:32px;justify-content:center;min-width:70px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.join-button:hover:not(.disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.join-button.disabled{background:#6b728080;box-shadow:none;color:#6b7280cc;cursor:not-allowed}.join-button.waiting{animation:pulse-waiting-mobile 2s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 2px 6px #8b5cf666;color:#fff;cursor:default}@keyframes pulse-waiting-mobile{0%,to{opacity:.85}50%{opacity:1}}.join-button .btn-icon{font-size:11px}.join-button .btn-text{font-size:12px;font-weight:600}.waiting-icon{display:inline!important;font-size:14px}.waiting-text{display:none!important;font-size:12px;font-weight:600}@media (min-width:380px){.waiting-text{display:inline!important}}@media (min-width:768px){.table-card-mobile{display:none!important}}@media (max-width:320px){.table-card-mobile{gap:12px;min-height:60px;padding:12px 14px}.table-name{font-size:13px}.table-icon{font-size:18px;height:36px;width:36px}.join-button{font-size:11px;height:28px;min-width:60px;padding:6px 12px}.bet-amount{font-size:12px}.game-badge{font-size:10px;padding:3px 6px}}.creator-badge-mobile{align-items:center!important;background:linear-gradient(135deg,#fbbf24f2,#f59e0bf2)!important;border:1px solid #fbbf244d!important;border-radius:6px!important;box-shadow:0 2px 6px #fbbf2466,inset 0 1px 0 #ffffff4d!important;color:#0f172af2!important;display:flex!important;font-size:10px!important;font-weight:700!important;gap:4px!important;left:6px!important;letter-spacing:.3px!important;padding:3px 8px!important;position:absolute!important;text-transform:uppercase!important;top:6px!important;white-space:nowrap!important;z-index:10!important}@media (min-width:400px){.creator-badge-mobile{font-size:11px!important;padding:4px 10px!important}}.create-table-fab{align-items:center;background:linear-gradient(135deg,#d4a574f2,#d4a574 50%,#ffd700e6);border:2px solid #fff3;border-radius:50%;bottom:calc(116px + env(safe-area-inset-bottom, 0));box-shadow:0 8px 32px #d4a57466,0 4px 16px #0000004d;cursor:pointer;display:flex;height:64px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:64px;z-index:9998}.fab-bg-circle{border-radius:50%;pointer-events:none;position:absolute}.circle-1{animation:pulse-circle 3s ease-in-out infinite;background:radial-gradient(circle,#ffd7004d 0,#0000 70%);height:100%;width:100%}.circle-2{animation:pulse-circle 3s ease-in-out infinite reverse;background:radial-gradient(circle,#d4a57433 0,#0000 60%);height:120%;left:-10%;top:-10%;width:120%}.circle-3{animation:pulse-circle 2s ease-in-out infinite;background:radial-gradient(circle,#fff3 0,#0000 50%);height:80%;left:10%;top:10%;width:80%}@keyframes pulse-circle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.fab-content{align-items:center;display:flex;flex-direction:column;gap:0;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.fab-content,.fab-icon{transition:var(--gaming-transition-all)}.fab-icon{font-size:2rem;font-weight:var(--gaming-font-weight-bold);line-height:1;text-shadow:none!important}.fab-text{display:none}.create-table-fab:hover:not(.disabled){background:linear-gradient(135deg,#d4a574,#ffd700f2 50%,gold);box-shadow:0 12px 40px #d4a57480,0 6px 20px #0006,inset 0 2px 4px #fff6;transform:scale(1.05)}.create-table-fab:hover:not(.disabled) .fab-icon{color:#000!important;transform:scale(1.1)}.create-table-fab.pressed:not(.disabled),.create-table-fab:active:not(.disabled){box-shadow:0 8px 24px #d4a57466,0 4px 12px #0000004d,inset 0 2px 4px #0003;transform:scale(.95)}.create-table-fab.pressed:not(.disabled) .fab-icon,.create-table-fab:active:not(.disabled) .fab-icon{color:#000!important}.create-table-fab.disabled{background:#6b728099!important;box-shadow:0 4px 16px #6b728033,0 2px 8px #0003!important;cursor:not-allowed;opacity:.6}.create-table-fab.disabled:hover{box-shadow:0 4px 16px #6b728033,0 2px 8px #0003!important;transform:none!important}.create-table-fab.disabled .fab-icon{color:#000!important;opacity:.6;transform:none!important}.create-table-fab.disabled .fab-text{color:#ffffff80!important;opacity:1!important;transform:none!important}.fab-particles{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.create-table-fab:hover:not(.disabled) .fab-particles{opacity:1}.particle{animation:float-particle 2s ease-in-out infinite;font-size:var(--gaming-text-sm);pointer-events:none}.particle-1{left:10px}.particle-2{animation-delay:.5s;top:10px}.particle-3{animation-delay:1s;bottom:-10px;right:10px}.particle-4{animation-delay:1.5s;bottom:10px;left:-10px}@keyframes float-particle{0%,to{opacity:0;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-10px) scale(1.2)}}.fab-ripple{display:none}.create-table-fab .fab-content .fab-icon,.create-table-fab .fab-icon,.create-table-fab:active .fab-icon,.create-table-fab:focus .fab-icon,.create-table-fab:hover .fab-icon,button.create-table-fab .fab-content .fab-icon{fill:#000!important;color:#000!important}@media (max-width:639px){.create-table-fab{bottom:calc(116px + env(safe-area-inset-bottom, 0));height:60px;right:20px;width:60px;z-index:9998}}@media (min-width:640px){.create-table-fab{bottom:calc(76px + env(safe-area-inset-bottom, 0) + var(--gaming-space-8));height:72px;right:var(--gaming-space-8);width:72px}.fab-icon{font-size:2.25rem}}@media (min-width:768px){.create-table-fab{bottom:calc(76px + env(safe-area-inset-bottom, 0) + var(--gaming-space-10));height:80px;right:var(--gaming-space-10);width:80px}.fab-icon{font-size:2.5rem}}@keyframes fabEnter{0%{opacity:0;transform:scale(0) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-table-fab{animation:fabEnter .5s cubic-bezier(.175,.885,.32,1.275)}@supports (position:fixed){.create-table-fab{position:fixed!important}}.create-table-fab{transform-style:preserve-3d}.create-table-fab:not(.disabled):not(:hover){animation:gentle-pulse 3s ease-in-out infinite}.create-table-fab *{color:inherit}.create-table-fab,.fab-icon{color:#000!important}.fab-icon{-webkit-text-fill-color:#000!important}.empty-lobby-state{align-items:center;animation:fade-in 1s ease-out;background:radial-gradient(ellipse at center,#d4a5740d 0,#1e293bcc 70%,#0000 100%);border-radius:var(--gaming-radius-2xl);display:flex;flex-direction:column;justify-content:center;min-height:400px;overflow:hidden;padding:var(--gaming-space-8) var(--gaming-space-6);position:relative}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-icon-container{margin-bottom:var(--gaming-space-6);position:relative}.empty-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.icon-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.particle{animation:particle-float 4s ease-in-out infinite;font-size:var(--gaming-text-lg);opacity:.7;position:absolute}.particle-1{animation-delay:0s;left:-15px;top:-10px}.particle-2{animation-delay:1s;right:-10px;top:-5px}.particle-3{animation-delay:2s;bottom:-8px;left:-8px}.particle-4{animation-delay:3s;bottom:-12px;right:-12px}@keyframes particle-float{0%,to{opacity:0;transform:translateY(0) scale(1)}50%{opacity:.7;transform:translateY(-15px) scale(1.2)}}.empty-content{max-width:500px;text-align:center;width:100%}.empty-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--gaming-primary-300),var(--gaming-primary-500));-webkit-background-clip:text;background-clip:text;color:var(--gaming-text-on-dark);font-family:var(--gaming-font-heading);font-size:var(--gaming-text-2xl);font-weight:var(--gaming-font-weight-bold);margin:0 0 var(--gaming-space-4) 0;text-shadow:2px 2px 4px #00000080}.empty-description{color:#fffc;font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-medium);line-height:1.6;margin:0 0 var(--gaming-space-8) 0}.empty-features{display:grid;gap:var(--gaming-space-4);grid-template-columns:1fr;margin-bottom:var(--gaming-space-6);text-align:left}.feature-item{animation:fade-in-up .8s ease-out;backdrop-filter:blur(10px);background:#d4a5741a;border:1px solid #d4a57433;border-radius:var(--gaming-radius-lg);gap:var(--gaming-space-3);padding:var(--gaming-space-3) var(--gaming-space-4)}.feature-item:first-child{animation-delay:.1s}.feature-item:nth-child(2){animation-delay:.2s}.feature-item:nth-child(3){animation-delay:.3s}.feature-item:nth-child(4){animation-delay:.4s}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-icon{font-size:var(--gaming-text-lg)}.feature-text{color:#ffffffe6;flex:1;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);text-align:left}.empty-actions{animation:fade-in-up 1.2s ease-out;display:flex;justify-content:center;margin-bottom:var(--gaming-space-8)}.action-hint{align-items:center;animation:gentle-pulse 3s ease-in-out infinite;backdrop-filter:blur(20px);background:#d4a5741a;border:2px solid #d4a5744d;border-radius:var(--gaming-radius-xl);display:flex;flex-direction:column;gap:var(--gaming-space-3);padding:var(--gaming-space-5) var(--gaming-space-6)}@keyframes gentle-pulse{0%,to{background:#d4a5741a;border-color:#d4a5744d}50%{background:#d4a57426;border-color:#d4a57466}}.hint-icon{animation:point-bounce 2s ease-in-out infinite;font-size:var(--gaming-text-2xl)}@keyframes point-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hint-text{color:#d4a574e6;font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-medium);line-height:1.4;text-align:center}.empty-tips{display:flex;flex-direction:column;gap:var(--gaming-space-3)}.tip{align-items:center;animation:fade-in-up 1.4s ease-out;display:flex;gap:var(--gaming-space-2);justify-content:center}.tip:first-child{animation-delay:.5s}.tip:nth-child(2){animation-delay:.7s}.tip-icon{opacity:.8}.tip-icon,.tip-text{font-size:var(--gaming-text-sm)}.tip-text{color:#fff9;font-weight:var(--gaming-font-weight-medium)}.floating-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.floating-card{animation:float-card 8s ease-in-out infinite;font-size:var(--gaming-text-2xl);opacity:.1;position:absolute}.card-1{animation-delay:0s;left:10%;top:10%}.card-2{animation-delay:2.5s;right:15%;top:20%}.card-3{animation-delay:5s;bottom:15%;left:20%}@keyframes float-card{0%,to{opacity:.1;transform:translateY(0) rotate(0deg)}50%{opacity:.3;transform:translateY(-30px) rotate(10deg)}}@media (min-width:640px){.empty-lobby-state{padding:var(--gaming-space-12) var(--gaming-space-8)}.empty-icon{font-size:5rem}.empty-title{font-size:var(--gaming-text-3xl)}.empty-description{font-size:var(--gaming-text-lg)}.empty-features{gap:var(--gaming-space-6);grid-template-columns:repeat(2,1fr)}.feature-text{font-size:var(--gaming-text-base)}.hint-text{font-size:var(--gaming-text-lg)}}@media (min-width:768px){.empty-lobby-state{min-height:500px}.empty-title{font-size:var(--gaming-text-4xl)}.tip{flex-direction:row}.tip-text{font-size:var(--gaming-text-base)}}@media (min-width:1024px){.empty-features{margin:0 auto var(--gaming-space-6) auto;max-width:600px}.floating-card{font-size:var(--gaming-text-3xl)}}.success-modal-overlay{align-items:flex-end!important;animation:fadeIn .2s ease-out!important;backdrop-filter:blur(15px)!important;background:#000000e6!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:8px!important;padding-bottom:var(--gaming-bottom-nav-height,80px)!important;position:fixed!important;right:0!important;top:0!important;z-index:10001!important}@media (min-width:640px){.success-modal-overlay{align-items:center!important;padding:16px!important}}.success-modal{animation:modalSlideInMobile .3s ease-out!important;backdrop-filter:blur(30px)!important;background:linear-gradient(145deg,#141e30fa,#1e2d46f2 50%,#141e30fa)!important;border:2px solid #22c55e66!important;border-radius:24px 24px 0 0!important;box-shadow:0 -10px 50px #22c55e33,0 -5px 25px #22c55e1a!important;max-height:85vh!important;max-width:none!important;overflow-y:auto!important;width:100%!important}@media (min-width:640px){.success-modal{border-radius:24px!important;max-height:90vh!important;max-width:500px!important}}.success-header{align-items:center!important;background:linear-gradient(135deg,#22c55e26,#10b9811a)!important;border-bottom:1px solid #22c55e33!important;display:flex!important;gap:12px!important;padding:20px!important;position:relative!important}.success-icon{animation:celebrate .6s ease-in-out!important;font-size:32px!important}@keyframes celebrate{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.2) rotate(-10deg)}75%{transform:scale(1.2) rotate(10deg)}}.success-title{color:#fffffff2!important;flex:1!important;font-size:24px!important;font-weight:700!important;margin:0!important}.success-close-btn{align-items:center!important;background:#ef44441a!important;border:1px solid #ef44444d!important;border-radius:50%!important;color:#fca5a5e6!important;cursor:pointer!important;display:flex!important;font-size:24px!important;height:32px!important;justify-content:center!important;transition:all .2s ease!important;width:32px!important}.success-close-btn:hover{background:#ef444433!important;border-color:#ef444480!important;transform:scale(1.1)!important}.success-content{display:flex!important;flex-direction:column!important;gap:20px!important;padding:24px!important}.room-info-card{backdrop-filter:blur(10px)!important;background:#1e293b99!important;border:1px solid #47556966!important;border-radius:16px!important;padding:20px!important}.room-info-header{align-items:center!important;border-bottom:1px solid #4755694d!important;display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:16px!important;padding-bottom:16px!important}.room-info-label{color:#94a3b8cc!important;font-size:12px!important;font-weight:600!important;letter-spacing:1px!important;text-transform:uppercase!important}.room-code-display{color:#22c55ef2!important;font-family:Courier New,monospace!important;font-size:32px!important;font-weight:800!important;letter-spacing:4px!important;text-shadow:0 0 20px #22c55e4d!important}.room-info-details{flex-direction:column!important}.room-detail,.room-info-details{display:flex!important;gap:12px!important}.room-detail{align-items:center!important;background:#0f172a66!important;border-radius:8px!important;padding:8px!important}.detail-icon{font-size:20px!important;text-align:center!important;width:28px!important}.detail-text{color:#e2e8f0e6!important;font-size:14px!important;font-weight:500!important}.share-section{display:flex!important;flex-direction:column!important;gap:8px!important}.share-label{color:#94a3b8e6!important;font-size:13px!important;font-weight:600!important}.share-input-group{display:flex!important;gap:8px!important}.share-input{background:#0f172a99!important;border:1px solid #47556966!important;border-radius:12px!important;color:#e2e8f0f2!important;cursor:text!important;flex:1!important;font-family:Courier New,monospace!important;font-size:13px!important;padding:12px 16px!important}.share-input:focus{border-color:#22c55e80!important;box-shadow:0 0 0 3px #22c55e1a!important;outline:none!important}.copy-btn{background:linear-gradient(135deg,#22c55e26,#10b98126)!important;border:1px solid #22c55e4d!important;border-radius:12px!important;color:#4ade80f2!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;padding:12px 20px!important;transition:all .2s ease!important;white-space:nowrap!important}.copy-btn:hover{background:linear-gradient(135deg,#22c55e40,#10b98140)!important;border-color:#22c55e80!important;box-shadow:0 4px 12px #22c55e33!important;transform:translateY(-2px)!important}.copy-btn.copied{background:linear-gradient(135deg,#22c55e4d,#10b9814d)!important;border-color:#22c55e99!important;color:#86efac!important}.info-message{align-items:flex-start!important;background:#3b82f61a!important;border:1px solid #3b82f633!important;border-radius:12px!important;display:flex!important;gap:12px!important;padding:16px!important}.info-icon{flex-shrink:0!important;font-size:20px!important}.info-text{color:#bfdbfee6!important;font-size:13px!important;line-height:1.6!important;margin:0!important}.success-actions{display:flex!important;gap:12px!important;padding:0 24px 24px!important}.success-btn{border:none!important;border-radius:12px!important;cursor:pointer!important;flex:1!important;font-size:15px!important;font-weight:600!important;padding:14px 20px!important;transition:all .2s ease!important}.success-btn.primary{background:linear-gradient(135deg,#22c55e33,#10b98133)!important;border:1px solid #22c55e66!important;color:#4ade80f2!important}.success-btn.primary:hover{background:linear-gradient(135deg,#22c55e4d,#10b9814d)!important;border-color:#22c55e99!important;box-shadow:0 6px 20px #22c55e4d!important;transform:translateY(-2px)!important}.success-btn.secondary{background:#47556933!important;border:1px solid #64748b4d!important;color:#e2e8f0e6!important}.success-btn.secondary:hover{background:#4755694d!important;border-color:#64748b80!important;box-shadow:0 4px 12px #0000004d!important;transform:translateY(-2px)!important}.success-btn.single-button{flex:none!important;margin:0 auto!important;min-width:200px!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.success-actions{flex-direction:column-reverse!important}.success-btn{width:100%!important}}.create-room-modal-overlay{align-items:flex-end!important;backdrop-filter:blur(10px)!important;background:#000c!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:8px!important;padding-bottom:var(--gaming-bottom-nav-height,80px)!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}@media (min-width:640px){.create-room-modal-overlay{align-items:center!important;padding:16px!important}}.create-room-modal{animation:modalSlideInMobile .3s ease-out!important;backdrop-filter:blur(30px)!important;background:linear-gradient(145deg,#0f172afa,#1e293bf2 50%,#0f172afa)!important;border:2px solid #d4a5744d!important;border-radius:24px 24px 0 0!important;box-shadow:0 -10px 50px #000000b3,0 -5px 25px #d4a57433!important;display:flex!important;flex-direction:column!important;max-height:85vh!important;max-width:none!important;overflow:hidden!important;width:100%!important}@media (min-width:640px){.create-room-modal{animation:modalSlideIn .3s ease-out!important;border-radius:32px!important;box-shadow:0 25px 80px #000000b3,0 10px 35px #d4a57433!important;max-height:90vh!important;max-width:500px!important}}.modal-header{background:#1e293bcc!important;border-bottom:1px solid #d4a5744d!important;border-radius:24px 24px 0 0!important;justify-content:space-between!important;padding:20px 20px 16px!important}.modal-header,.modal-title-section{align-items:center!important;display:flex!important}.modal-title-section{gap:12px!important}.modal-icon{color:#fff!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))!important;font-size:24px!important}.modal-title{font-family:var(--gaming-font-heading)!important;font-size:20px!important;font-weight:700!important;letter-spacing:.5px!important;margin:0!important;text-shadow:0 2px 4px #0006!important;text-transform:uppercase!important}.create-room-modal .modal-header h2.modal-title,.create-room-modal .modal-icon,.create-room-modal h2.modal-title,.create-room-modal-overlay .create-room-modal .modal-header .modal-icon,.create-room-modal-overlay .create-room-modal .modal-header h2.modal-title,.modal-title,h2.modal-title{color:#fff!important}@media (min-width:640px){.modal-header{border-radius:32px 32px 0 0!important;padding:24px 24px 20px!important}.modal-title{font-size:22px!important}.modal-icon{font-size:26px!important}}.modal-close-btn{align-items:center!important;backdrop-filter:blur(10px)!important;background:#374151cc!important;border:1px solid #6b72804d!important;border-radius:10px!important;color:#9ca3afcc!important;cursor:pointer!important;display:flex!important;font-size:20px!important;font-weight:700!important;height:42px!important;justify-content:center!important;transition:all .3s ease!important;width:42px!important}.modal-close-btn:hover{background:#ef444433!important;border-color:#ef444466!important;box-shadow:0 4px 12px #ef44444d!important;color:#ef4444!important;transform:scale(1.05)!important}.modal-content{-webkit-overflow-scrolling:touch!important;flex:1!important;overflow-y:auto!important;padding:20px 16px 16px!important;scrollbar-width:none!important}.modal-content::-webkit-scrollbar{display:none!important}@media (min-width:640px){.modal-content{padding:24px!important}}.error-alert{align-items:center!important;background:#ef44441a!important;border:1px solid #ef44444d!important;border-radius:8px!important;display:flex!important;gap:8px!important;margin-bottom:16px!important;padding:12px 16px!important}.error-icon{color:#ef4444!important;font-size:16px!important}.error-text{color:#ef4444!important;font-size:14px!important;font-weight:500!important}.form-section{background:#37415199!important;border:1px solid #6b72804d!important;border-radius:12px!important;margin-bottom:16px!important;padding:16px!important}.section-title{color:#d4a574!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;margin:0 0 12px!important;text-transform:uppercase!important}.input-field{margin-bottom:12px!important}.form-label{color:#9ca3afcc!important;display:block!important;font-size:12px!important;font-weight:500!important;margin-bottom:6px!important}.form-input{background:#1f2937cc!important;border:1px solid #6b72804d!important;border-radius:8px!important;box-sizing:border-box!important;color:#fff!important;font-size:14px!important;outline:none!important;padding:12px 16px!important;transition:all .2s ease!important;width:100%!important}.form-input:focus{border-color:#d4a57499!important;box-shadow:0 0 0 3px #d4a5741a!important}.form-input::placeholder{color:#9ca3af99!important}.bet-input-container{position:relative!important}.bet-input{background:#1f2937cc!important;border:1px solid #6b72804d!important;border-radius:8px!important;box-sizing:border-box!important;color:#fff!important;font-size:18px!important;font-weight:600!important;outline:none!important;padding:12px 40px 12px 16px!important;text-align:center!important;transition:all .2s ease!important;width:100%!important}.bet-input:focus{border-color:#d4a57499!important;box-shadow:0 0 0 3px #d4a5741a!important}.bet-currency{font-size:16px!important;pointer-events:none!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important}.wallet-balance{color:#9ca3af99!important;display:block!important;font-size:11px!important;margin-top:4px!important}.balance-amount{color:#22c55ecc!important;font-weight:600!important}.form-help{color:#9ca3af99!important;font-size:11px!important;margin-top:4px!important}.balance-success{color:#22c55ecc!important}.balance-success,.balance-warning{font-size:12px!important;font-weight:500!important;margin-top:6px!important}.balance-warning{color:#ef4444!important}.points-selector{margin-bottom:12px!important}.points-selector-label{color:#9ca3afcc!important;display:block!important;font-size:12px!important;font-weight:500!important;margin-bottom:8px!important}.points-options{display:flex!important;gap:12px!important}.points-option{background:#1f2937cc!important;border:1px solid #6b72804d!important;border-radius:8px!important;cursor:pointer!important;flex:1!important;padding:12px 16px!important;text-align:center!important;touch-action:manipulation!important;transition:all .2s ease!important}.points-option:hover{border-color:#6b728080!important}.points-option.selected{background:#d4a57433!important;border-color:#d4a57499!important;box-shadow:0 4px 15px #d4a57466!important}.points-number{color:#fff!important;font-size:16px!important;font-weight:700!important;margin-bottom:2px!important}.points-label{color:#9ca3afcc!important;font-size:11px!important}.checkbox-field{margin-bottom:12px!important}.checkbox-container{align-items:center!important;cursor:pointer!important;display:flex!important;gap:8px!important;padding:6px 0!important}.custom-checkbox{background:#1f2937cc!important;border:1px solid #6b728080!important;border-radius:4px!important;flex-shrink:0!important;height:18px!important;position:relative!important;transition:all .2s ease!important;width:18px!important}.custom-checkbox.checked{background:#d4a574cc!important;border-color:#d4a574!important}.custom-checkbox.checked:after{color:#fff!important;content:"✓"!important;font-size:10px!important;font-weight:700!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}.checkbox-label{color:#ffffffe6!important;cursor:pointer!important;font-size:13px!important;user-select:none!important}.modal-actions{border-top:1px solid #6b728033!important;display:flex!important;gap:12px!important;padding:16px!important}@media (min-width:640px){.modal-actions{padding:24px!important}}.cancel-btn{background:#374151cc!important;border:1px solid #6b72804d!important;border-radius:8px!important;color:#9ca3af!important;cursor:pointer!important;flex:1!important;font-size:14px!important;font-weight:500!important;padding:12px 24px!important;transition:all .2s ease!important}.cancel-btn:hover{background:#374151!important;border-color:#6b728080!important}.create-btn{background:linear-gradient(135deg,#d4a57499,#d4a574cc)!important;border:1px solid #d4a574cc!important;border-radius:8px!important;box-shadow:0 4px 15px #d4a57466!important;color:#fff!important;cursor:pointer!important;flex:2!important;font-size:14px!important;font-weight:600!important;overflow:hidden!important;padding:12px 24px!important;position:relative!important;transition:all .2s ease!important}.create-btn:hover{background:linear-gradient(135deg,#d4a574b3,#d4a574e6)!important;box-shadow:0 6px 20px #d4a57480!important;transform:translateY(-1px)!important}.create-btn:disabled{cursor:not-allowed!important;opacity:.5!important;transform:none!important}.btn-loading:after{animation:shimmer 1.5s infinite!important;background:linear-gradient(90deg,#0000,#fff3,#0000)!important;content:""!important;height:100%!important;left:-100%!important;position:absolute!important;top:0!important;width:100%!important}@media (hover:none) and (pointer:coarse){.cancel-btn,.create-btn,.modal-close-btn,.points-option{min-height:44px!important}.bet-input,.form-input{font-size:16px!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){.modal-actions{padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}}.create-room-modal-overlay .create-room-modal h2.modal-title,.modal-header h2.modal-title,div.create-room-modal div.modal-header h2.modal-title,div.create-room-modal-overlay div.create-room-modal div.modal-header h2.modal-title{-webkit-text-fill-color:#fff!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;background-image:none!important;color:#fff!important}.guest-restriction-warning{align-items:flex-start!important;animation:fadeInWarning .3s ease!important;background:linear-gradient(135deg,#fb923c1a,#fb923c33)!important;border:1px solid #fb923c4d!important;border-radius:8px!important;display:flex!important;gap:12px!important;margin-bottom:16px!important;padding:12px 16px!important}.guest-restriction-warning.small{gap:8px!important;margin-bottom:8px!important;padding:8px 12px!important}.restriction-icon{flex-shrink:0!important;font-size:18px!important;line-height:1!important}.restriction-text{color:#fb923c!important;flex:1!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important}.register-prompt{display:block!important;font-size:13px!important;margin-top:4px!important}.register-prompt a{color:#d4a574!important;font-weight:600!important;text-decoration:underline!important;transition:all .2s ease!important}.register-prompt a:hover{color:#d4a574cc!important}.custom-checkbox.disabled{background:#3741514d!important;cursor:not-allowed!important;opacity:.5!important}.checkbox-label.disabled{color:#9ca3afcc!important;cursor:not-allowed!important;opacity:.7!important}.disabled-hint{color:#9ca3af99!important;font-size:12px!important;font-style:italic!important}.bet-input:disabled{background:#3741514d!important;border-color:#6b728033!important;color:#9ca3af99!important;cursor:not-allowed!important}@keyframes fadeInWarning{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.join-room-modal-overlay{align-items:flex-end!important;backdrop-filter:blur(10px)!important;background:#000c!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:8px!important;padding-bottom:var(--gaming-bottom-nav-height,80px)!important;position:fixed!important;right:0!important;top:0!important;z-index:10004!important}@media (min-width:640px){.join-room-modal-overlay{align-items:center!important;padding:16px!important}}.join-room-modal-container{animation:modalSlideInMobile .3s ease-out!important;backdrop-filter:blur(30px)!important;background:linear-gradient(145deg,#0f172afa,#1e293bf2 50%,#0f172afa)!important;border:2px solid #d4a5744d!important;border-radius:24px 24px 0 0!important;box-shadow:0 -10px 50px #000000b3,0 -5px 25px #d4a57433!important;display:flex!important;flex-direction:column!important;max-height:85vh!important;max-width:none!important;overflow:hidden!important;width:100%!important}@media (min-width:640px){.join-room-modal-container{animation:modalSlideIn .3s ease-out!important;border-radius:32px!important;box-shadow:0 25px 80px #000000b3,0 10px 35px #d4a57433!important;max-height:90vh!important;max-width:500px!important}}.join-room-modal-header{align-items:center!important;background:#1e293bcc!important;border-bottom:1px solid #d4a5744d!important;border-radius:24px 24px 0 0!important;display:flex!important;justify-content:space-between!important;padding:20px 20px 16px!important}.join-room-modal .modal-title-section{align-items:center!important;display:flex!important;gap:12px!important}.join-room-modal .modal-icon{color:#fff!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))!important;font-size:24px!important}.join-room-modal .modal-title{color:#fff!important;font-family:var(--gaming-font-heading)!important;font-size:20px!important;font-weight:700!important;letter-spacing:.5px!important;margin:0!important;text-shadow:0 2px 4px #0006!important;text-transform:uppercase!important}@media (min-width:640px){.join-room-modal-header{border-radius:32px 32px 0 0!important;padding:24px 24px 20px!important}.join-room-modal .modal-title{font-size:22px!important}.join-room-modal .modal-icon{font-size:26px!important}}.join-room-modal .modal-close-btn{align-items:center!important;backdrop-filter:blur(10px)!important;background:#374151cc!important;border:1px solid #6b72804d!important;border-radius:10px!important;color:#9ca3afcc!important;cursor:pointer!important;display:flex!important;font-size:20px!important;font-weight:700!important;height:42px!important;justify-content:center!important;transition:all .3s ease!important;width:42px!important}.join-room-modal .modal-close-btn:hover{background:#ef444433!important;border-color:#ef444466!important;box-shadow:0 4px 12px #ef44444d!important;color:#ef4444!important;transform:scale(1.05)!important}.join-room-modal-content{-webkit-overflow-scrolling:touch!important;flex:1!important;overflow-y:auto!important;padding:20px 16px 16px!important;scrollbar-width:none!important}.join-room-modal-content::-webkit-scrollbar{display:none!important}@media (min-width:640px){.join-room-modal-content{padding:24px!important}}.join-room-modal .form-section{background:#37415199!important;border:1px solid #6b72804d!important;border-radius:12px!important;margin-bottom:16px!important;padding:16px!important}.join-room-modal .form-label{align-items:center!important;color:#d4a574!important;display:flex!important;font-size:12px!important;font-weight:500!important;gap:8px!important;letter-spacing:.5px!important;margin-bottom:12px!important;text-transform:uppercase!important}.join-room-modal .label-icon{font-size:14px!important}.code-input-container{margin-bottom:8px!important;position:relative!important}.code-input{background:#1f2937cc!important;border:1px solid #6b72804d!important;border-radius:8px!important;box-sizing:border-box!important;color:#fff!important;font-size:18px!important;font-weight:600!important;letter-spacing:4px!important;outline:none!important;padding:12px 16px!important;text-align:center!important;text-transform:uppercase!important;transition:all .2s ease!important;width:100%!important}.code-input:focus{border-color:#d4a57499!important;box-shadow:0 0 0 3px #d4a5741a!important}.code-input::placeholder{color:#9ca3af99!important;letter-spacing:2px!important}.code-format{gap:8px!important;margin-top:8px!important}.code-char,.code-format{display:flex!important;justify-content:center!important}.code-char{align-items:center!important;background:#1f293799!important;border:1px solid #6b72804d!important;border-radius:6px!important;color:#fff!important;font-size:18px!important;font-weight:700!important;height:48px!important;transition:all .2s ease!important;width:40px!important}.code-char.filled{background:#d4a57433!important;border-color:#d4a57499!important;box-shadow:0 2px 8px #d4a5744d!important}.password-input-container{margin-bottom:8px!important;position:relative!important}.password-input{background:#1f2937cc!important;border:1px solid #6b72804d!important;border-radius:8px!important;box-sizing:border-box!important;color:#fff!important;font-size:14px!important;outline:none!important;padding:12px 50px 12px 16px!important;transition:all .2s ease!important;width:100%!important}.password-input:focus{border-color:#d4a57499!important;box-shadow:0 0 0 3px #d4a5741a!important}.password-input::placeholder{color:#9ca3af99!important}.password-toggle{background:none!important;border:none!important;color:#9ca3afcc!important;cursor:pointer!important;font-size:16px!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;transition:all .2s ease!important}.password-toggle:hover{color:#d4a574cc!important}.join-room-modal .form-help{color:#9ca3af99!important;font-size:11px!important;margin-top:4px!important}.join-room-modal .modal-actions{border-top:1px solid #6b728033!important;display:grid!important;gap:12px!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;padding:16px!important}@media (min-width:640px){.join-room-modal .modal-actions{display:grid!important;gap:12px!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;padding:24px!important}}.join-room-modal .action-btn{align-items:center!important;border-radius:12px!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;flex:none!important;font-size:14px!important;font-weight:500!important;gap:8px!important;justify-content:center!important;padding:14px 20px!important;transition:all .2s ease!important;width:100%!important}.join-room-modal .cancel-btn{background:#374151cc!important;border:1px solid #6b72804d!important;color:#9ca3af!important;flex:1!important;flex-basis:0%!important;flex-grow:1!important;flex-shrink:1!important;max-width:none!important;min-width:0!important;width:auto!important}.join-room-modal .cancel-btn:hover{background:#374151!important;border-color:#6b728080!important}.join-room-modal .join-btn{background:linear-gradient(135deg,#22c55ecc,#10b981e6 50%,#059669cc)!important;border:1px solid #22c55e99!important;box-shadow:0 4px 15px #22c55e66,0 2px 8px #0003!important;color:#fff!important;flex:1!important;font-size:13px!important;font-weight:700!important;letter-spacing:.5px!important;overflow:hidden!important;position:relative!important;text-transform:uppercase!important}.join-room-modal .join-btn:hover:not(:disabled){background:linear-gradient(135deg,#22c55ee6,#10b981 50%,#059669e6)!important;border-color:#22c55ecc!important;box-shadow:0 6px 20px #22c55e99,0 4px 12px #0000004d!important;transform:translateY(-2px) scale(1.02)!important}.join-room-modal .join-btn:active:not(:disabled){box-shadow:0 2px 8px #22c55e66,0 1px 4px #0003!important;transform:translateY(0) scale(1)!important}.join-room-modal .join-btn:disabled{background:#6b728099!important;border-color:#6b728066!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.4!important;transform:none!important}.btn-spinner{animation:spin 1s linear infinite!important;border:2px solid #ffffff4d!important;border-radius:50%!important;border-top-color:#fff!important;height:18px!important;width:18px!important}.btn-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))!important;font-size:18px!important}.join-room-modal .join-btn:not(:disabled):before{animation:shimmerJoin 2s infinite!important;background:linear-gradient(90deg,#0000,#fff3,#0000)!important;content:""!important;height:100%!important;left:-100%!important;position:absolute!important;top:0!important;width:100%!important}@keyframes shimmerJoin{0%{left:-100%}to{left:100%}}.join-room-info{background:#37415166!important;border-top:1px solid #6b728033!important;padding:16px!important}@media (min-width:640px){.join-room-info{padding:20px!important}}.info-item{align-items:center!important;display:flex!important;gap:8px!important;margin-bottom:8px!important}.info-item:last-child{margin-bottom:0!important}.info-icon{color:#d4a574cc!important;font-size:14px!important}.info-text{color:#9ca3afcc!important;font-size:12px!important;font-weight:500!important}.join-room-modal-header h2.modal-title,.join-room-modal-overlay .join-room-modal-container h2.modal-title,div.join-room-modal-container div.join-room-modal-header h2.modal-title,div.join-room-modal-overlay div.join-room-modal-container div.join-room-modal-header h2.modal-title{-webkit-text-fill-color:#fff!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;background-image:none!important;color:#fff!important}.join-room-modal-container .modal-actions button.join-btn,.join-room-modal-overlay .join-room-modal-container .modal-actions .join-btn,button.action-btn.join-btn,div.join-room-modal-container form.join-room-modal-content div.modal-actions button.join-btn,div.join-room-modal-overlay div.join-room-modal-container form.join-room-modal-content div.modal-actions button.action-btn.join-btn{background:linear-gradient(135deg,#22c55ecc,#10b981e6 50%,#059669cc)!important;border:1px solid #22c55e99!important;box-shadow:0 4px 15px #22c55e66,0 2px 8px #0003!important;color:#fff!important;flex:1!important;flex-basis:0%!important;flex-grow:1!important;flex-shrink:1!important;font-size:13px!important;font-weight:700!important;letter-spacing:.5px!important;max-width:none!important;min-width:0!important;text-transform:uppercase!important;width:auto!important}.join-room-modal-container .modal-actions button.join-btn:hover:not(:disabled),.join-room-modal-overlay .join-room-modal-container .modal-actions .join-btn:hover:not(:disabled),button.action-btn.join-btn:hover:not(:disabled),div.join-room-modal-container form.join-room-modal-content div.modal-actions button.join-btn:hover:not(:disabled),div.join-room-modal-overlay div.join-room-modal-container form.join-room-modal-content div.modal-actions button.action-btn.join-btn:hover:not(:disabled){background:linear-gradient(135deg,#22c55ee6,#10b981 50%,#059669e6)!important;border-color:#22c55ecc!important;box-shadow:0 6px 20px #22c55e99,0 4px 12px #0000004d!important;transform:translateY(-2px) scale(1.02)!important}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.1ms!important}}@media (hover:none) and (pointer:coarse){.join-room-modal .action-btn,.join-room-modal .modal-close-btn{min-height:44px!important}.code-input,.password-input{font-size:16px!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){.join-room-modal .modal-actions{padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}}.join-room-modal-container form.join-room-modal-content .modal-actions,.modal-actions,div.join-room-modal-overlay div.join-room-modal-container form.join-room-modal-content div.modal-actions{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}.join-room-modal-container .modal-actions button.cancel-btn,button.action-btn.cancel-btn,div.join-room-modal-overlay div.join-room-modal-container form.join-room-modal-content div.modal-actions button.action-btn.cancel-btn{align-items:center!important;border-radius:12px!important;box-sizing:border-box!important;display:flex!important;flex:none!important;justify-content:center!important;max-width:none!important;min-width:0!important;order:1!important;padding:14px 20px!important;width:100%!important}.join-room-modal-container .modal-actions button.join-btn,button.action-btn.join-btn,div.join-room-modal-overlay div.join-room-modal-container form.join-room-modal-content div.modal-actions button.action-btn.join-btn{align-items:center!important;border-radius:12px!important;box-sizing:border-box!important;display:flex!important;flex:none!important;justify-content:center!important;max-width:none!important;min-width:0!important;order:2!important;padding:14px 20px!important;width:100%!important}.room-lobby-container *,.room-lobby-container :after,.room-lobby-container :before{animation:none!important;transition:none!important}.room-lobby-container{background:linear-gradient(135deg,var(--gaming-bg-dark) 0,var(--gaming-surface-900) 50%,var(--gaming-bg-dark) 100%);color:var(--gaming-text-on-dark);font-family:var(--gaming-font-body);min-height:100vh;overflow-x:hidden;padding:var(--gaming-space-4);position:relative}.room-lobby-container:before{animation:none!important;background:#0000;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.lobby-main-content{display:flex;flex-direction:column;gap:var(--gaming-space-6);margin:0 auto;max-width:1200px;position:relative;z-index:10}.lobby-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:var(--gaming-space-6);padding:var(--gaming-space-4) 0}.back-to-home-btn{align-items:center;backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #d4a5744d;border-radius:var(--gaming-radius-lg);color:var(--gaming-text-on-dark);cursor:pointer;display:flex;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);gap:var(--gaming-space-2);padding:var(--gaming-space-3) var(--gaming-space-4);transition:var(--gaming-transition-all)}.back-to-home-btn:hover{background:#1e293b;border-color:#d4a57480;box-shadow:0 4px 12px #0000004d;transform:translateX(-4px)}.lobby-hero{margin-bottom:var(--gaming-space-8);padding:var(--gaming-space-8) 0;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-title-section{margin-bottom:var(--gaming-space-8)}.hero-icon{align-items:center;animation:none!important;background:linear-gradient(135deg,#d4a5744d,#d4a57499 50%,#d4a57466);border:3px solid #d4a57480;border-radius:var(--gaming-radius-2xl);box-shadow:inset 0 1px 2px #fff3,0 8px 24px #d4a5744d;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto var(--gaming-space-6);width:80px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--gaming-primary-300),var(--gaming-primary-500));-webkit-background-clip:text;background-clip:text;color:var(--gaming-text-on-dark);font-family:var(--gaming-font-heading);font-size:var(--gaming-text-4xl);font-weight:var(--gaming-font-weight-bold);margin:0 0 var(--gaming-space-3) 0;text-shadow:2px 2px 4px #000000b3}.hero-subtitle{color:#fffc;font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-medium);line-height:1.5;margin:0}.hero-actions{display:flex;flex-direction:column;gap:var(--gaming-space-4);margin:var(--gaming-space-8) auto 0;max-width:400px}.primary-action-btn{align-items:center;border:2px solid;border-radius:var(--gaming-radius-xl);cursor:pointer;display:flex;font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);gap:var(--gaming-space-3);justify-content:center;min-height:60px;overflow:hidden;padding:var(--gaming-space-5) var(--gaming-space-6);position:relative;transition:var(--gaming-transition-all)}.primary-action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.create-btn{background:linear-gradient(135deg,var(--gaming-primary-500) 0,var(--gaming-primary-600) 100%);border-color:var(--gaming-primary-400);box-shadow:0 6px 20px #d4a57466;color:var(--gaming-text-on-dark)}.create-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--gaming-primary-400) 0,var(--gaming-primary-500) 100%);box-shadow:0 10px 30px #d4a57480;transform:translateY(-4px)}.join-btn{background:#3b82f6cc;border-color:#3b82f699;box-shadow:0 6px 20px #3b82f64d;color:#fff}.join-btn:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6cc;box-shadow:0 10px 30px #3b82f666;transform:translateY(-4px)}.btn-icon{font-size:var(--gaming-text-xl)}.auth-warning{align-items:center;backdrop-filter:blur(10px);background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:var(--gaming-radius-lg);color:#f59e0be6;display:flex;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);gap:var(--gaming-space-2);justify-content:center;margin-top:var(--gaming-space-6);padding:var(--gaming-space-4) var(--gaming-space-6)}.warning-icon{font-size:var(--gaming-text-lg)}.warning-text{text-align:center}.lobby-icon{background:linear-gradient(135deg,#d4a5744d,#d4a57499 50%,#d4a57466);font-size:2rem;height:56px;width:56px}.lobby-info{padding:var(--gaming-space-2) 0;position:relative}.lobby-info:before{animation:trophyFloat 2s ease-in-out infinite;content:"🏆";font-size:1.5rem;left:-35px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%)}@keyframes trophyFloat{0%,to{opacity:.7;transform:translateY(-50%) rotate(-2deg)}50%{opacity:1;transform:translateY(-60%) rotate(2deg)}}.lobby-title{background:linear-gradient(135deg,var(--gaming-primary-300),var(--gaming-primary-500));color:var(--gaming-text-on-dark);font-size:var(--gaming-text-2xl);text-shadow:2px 2px 4px #000000b3}.lobby-subtitle{font-size:var(--gaming-text-base)}.refresh-btn{backdrop-filter:blur(10px);background:#6366f133;border:1px solid #6366f166;border-radius:var(--gaming-radius-lg);color:#6366f1e6;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);gap:var(--gaming-space-2);padding:var(--gaming-space-3) var(--gaming-space-4);transition:var(--gaming-transition-all)}.refresh-btn:hover:not(:disabled){background:#6366f14d;border-color:#6366f199;box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.refresh-icon{font-size:var(--gaming-text-lg);transition:transform .3s ease}.refresh-text{display:none}.error-banner{animation:slideInDown .3s ease-out;backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--gaming-radius-lg);margin-bottom:var(--gaming-space-4);padding:var(--gaming-space-4)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-content{align-items:center;display:flex;gap:var(--gaming-space-3)}.error-icon{font-size:var(--gaming-text-lg)}.error-message{color:#ef4444e6;flex:1;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium)}.error-close{background:none;border:none;border-radius:var(--gaming-radius-sm);color:#ef4444b3;cursor:pointer;font-size:var(--gaming-text-lg);padding:var(--gaming-space-1);transition:var(--gaming-transition-all)}.error-close:hover{background:#ef444433;color:#ef4444e6}.tables-section{margin-top:var(--gaming-space-4)}.section-header{margin-bottom:var(--gaming-space-6);text-align:center}.section-title{align-items:center;color:var(--gaming-text-on-dark);display:flex;font-family:var(--gaming-font-heading);font-size:var(--gaming-text-xl);font-weight:var(--gaming-font-weight-bold);gap:var(--gaming-space-2);justify-content:center;text-shadow:1px 1px 2px #00000080}.tables-count{color:#d4a574cc;font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-medium)}.loading-state{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;gap:var(--gaming-space-4);padding:var(--gaming-space-8)}.loading-spinner{border:3px solid #d4a5744d;border-top:3px solid var(--gaming-primary-400)}.tables-grid{animation:fadeInUp .6s ease-out;display:grid;gap:var(--gaming-space-6);grid-template-columns:1fr}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lobby-header-new{margin-bottom:var(--gaming-space-8)}.header-top{align-items:center;backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bcc,#334155e6);border:1px solid #d4a57433;border-radius:var(--gaming-radius-2xl);box-shadow:0 8px 32px #0000004d,inset 0 1px 2px #ffffff1a;display:flex;justify-content:space-between;margin-bottom:var(--gaming-space-6);padding:var(--gaming-space-4) var(--gaming-space-6)}.lobby-title-section{gap:var(--gaming-space-4)}.lobby-icon{align-items:center;animation:gentle-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#d4a5744d,#d4a57499 50%,#ffd70066);border:2px solid #d4a57480;border-radius:var(--gaming-radius-xl);box-shadow:inset 0 1px 2px #fff3,0 4px 12px #d4a5744d;display:flex;height:48px;justify-content:center;width:48px}@keyframes gentle-glow{0%,to{box-shadow:inset 0 1px 2px #fff3,0 4px 12px #d4a5744d}50%{box-shadow:inset 0 1px 2px #ffffff4d,0 6px 16px #d4a57466}}.lobby-title{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,gold,orange 25%,#ff8c00 50%,#d4a574 75%,#b8860b);-webkit-background-clip:text;background-clip:text;font-family:var(--gaming-font-heading);font-size:var(--gaming-text-xl);font-weight:var(--gaming-font-weight-bold);letter-spacing:.05em;margin:0 0 var(--gaming-space-1) 0;position:relative;text-shadow:none;text-transform:uppercase}@keyframes titleGlow{0%{filter:drop-shadow(0 0 8px rgba(255,215,0,.3)) drop-shadow(0 0 16px rgba(255,215,0,.2)) drop-shadow(2px 2px 4px rgba(0,0,0,.5))}to{filter:drop-shadow(0 0 12px rgba(255,215,0,.5)) drop-shadow(0 0 24px rgba(255,215,0,.3)) drop-shadow(2px 2px 6px rgba(0,0,0,.7))}}.lobby-title:before{animation:titleHalo 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#ffd7001a,#ffa50026 50%,#b8860b1a);border-radius:var(--gaming-radius-lg);bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes titleHalo{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.lobby-subtitle{color:#fffc;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);margin:0}.refresh-btn-small{align-items:center;backdrop-filter:blur(10px);background:#6366f133;border:1px solid #6366f166;border-radius:var(--gaming-radius-lg);color:#6366f1e6;cursor:pointer;display:flex;font-size:var(--gaming-text-base);height:40px;justify-content:center;transition:var(--gaming-transition-all);width:40px}.refresh-btn-small:hover:not(:disabled){background:#6366f14d;border-color:#6366f199;box-shadow:0 4px 12px #6366f14d;transform:scale(1.1)}.primary-actions{display:flex;gap:var(--gaming-space-4);width:100%}.primary-btn{align-items:center;border:none;border-radius:var(--gaming-radius-xl);cursor:pointer;display:flex;flex:1;font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-bold);gap:var(--gaming-space-2);justify-content:center;letter-spacing:.02em;min-height:56px;overflow:hidden;padding:var(--gaming-space-4) var(--gaming-space-6);position:relative;text-transform:uppercase;transition:var(--gaming-transition-all)}.create-mesa-btn{background:linear-gradient(135deg,#d4a574e6,#d4a574 50%,#ffd700e6);border:2px solid #d4a57499;box-shadow:0 6px 20px #d4a57466,inset 0 1px 2px #ffffff4d;color:var(--gaming-text-on-dark)}.create-mesa-btn:hover:not(:disabled){background:linear-gradient(135deg,#d4a574,#ffd700f2 50%,gold);border-color:#ffd700cc;box-shadow:0 10px 30px #d4a57480,inset 0 1px 2px #fff6;transform:translateY(-4px)}.join-mesa-btn{background:linear-gradient(135deg,#3b82f6b3,#3b82f6e6 50%,#6366f1cc);border:2px solid #3b82f699;box-shadow:0 6px 20px #3b82f64d,inset 0 1px 2px #fff3;color:#fff}.join-mesa-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6e6,#3b82f6 50%,#6366f1);border-color:#6366f1cc;box-shadow:0 10px 30px #3b82f666,inset 0 1px 2px #ffffff4d;transform:translateY(-4px)}.primary-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.btn-icon{font-size:var(--gaming-text-lg);transition:transform .3s ease}.primary-btn:hover:not(:disabled) .btn-icon{transform:scale(1.2)}.btn-text{font-weight:var(--gaming-font-weight-bold);text-shadow:1px 1px 2px #0000004d}.lobby-footer{border-top:1px solid #d4a57433;display:flex;justify-content:center;margin-top:var(--gaming-space-8);padding-top:var(--gaming-space-6)}.back-btn{background:#1e293bcc;color:var(--gaming-text-on-dark);padding:var(--gaming-space-4) var(--gaming-space-6);transition:var(--gaming-transition-all)}.back-btn:hover{background:#1e293b;box-shadow:0 4px 12px #0000004d;transform:translateX(-4px)}.back-icon{font-size:var(--gaming-text-lg);transition:transform .2s ease}.back-btn:hover .back-icon{transform:translateX(-2px)}.back-text{font-weight:var(--gaming-font-weight-medium)}.modal-overlay{animation:modalOverlayFadeIn .3s ease-out;backdrop-filter:blur(8px);background:#000c;height:100vh;width:100vw;z-index:1000}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{animation:modalSlideIn .3s ease-out;border-radius:var(--gaming-radius-2xl);max-height:90vh;max-width:800px;overflow:auto;position:relative;width:90%}.modal-close-btn{align-items:center;background:#ef444433;border:1px solid #ef44444d;border-radius:50%;color:#ef4444e6;cursor:pointer;display:flex;font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);height:40px;justify-content:center;position:absolute;right:var(--gaming-space-4);top:var(--gaming-space-4);transition:var(--gaming-transition-all);width:40px;z-index:1001}.modal-close-btn:hover{background:#ef44444d;border-color:#ef444480;transform:scale(1.1)}@media (min-width:640px){.room-lobby-container{padding:var(--gaming-space-6)}.header-top{padding:var(--gaming-space-6) var(--gaming-space-8)}.lobby-icon{font-size:1.75rem;height:56px;width:56px}.lobby-title{font-size:var(--gaming-text-2xl)}.lobby-subtitle{font-size:var(--gaming-text-base)}.refresh-btn-small{height:44px;width:44px}.primary-actions{margin:0 auto;max-width:600px}.primary-btn{font-size:var(--gaming-text-lg);min-height:64px;padding:var(--gaming-space-5) var(--gaming-space-8)}.section-title{font-size:var(--gaming-text-2xl)}.tables-grid{gap:var(--gaming-space-8);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.back-btn{font-size:var(--gaming-text-base);padding:var(--gaming-space-6) var(--gaming-space-8)}}@media (min-width:768px){.room-lobby-container{padding:var(--gaming-space-8)}.lobby-main-content{gap:var(--gaming-space-8)}.lobby-icon{font-size:3rem;height:72px;width:72px}.lobby-title{font-size:var(--gaming-text-4xl)}.tables-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.modal-container{width:80%}}@media (min-width:1024px){.tables-grid{grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.lobby-footer{margin-top:var(--gaming-space-12)}}@media (min-width:1280px){.tables-grid{grid-template-columns:repeat(3,1fr);max-width:1200px}}.refresh-icon.spinning{animation:spin 1s linear infinite}.refresh-btn-small:disabled{cursor:not-allowed;opacity:.6}.refresh-btn-small{transition:all .3s ease}.refresh-btn-small:hover:not(:disabled){transform:scale(1.05)}.lobby-title-section{align-items:center;display:flex;flex:1;gap:16px;min-width:0}.lobby-icon{animation:none!important;background:#d4a574;border-radius:12px;flex-shrink:0;font-size:1.5rem;line-height:1;padding:12px;transition:none!important}.lobby-info{flex:1;min-width:0;overflow:hidden}.lobby-title{color:gold;font-family:Arial Black,Arial,sans-serif;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}.lobby-subtitle{color:#ffffffe6;font-size:.875rem;line-height:1.4;margin:6px 0 0}@media (max-width:480px){.lobby-header-new{margin-bottom:var(--gaming-space-4);padding:var(--gaming-space-3)}.lobby-title-section{gap:12px}.lobby-icon{font-size:1.25rem;padding:8px}.lobby-title{font-size:1.4rem}.lobby-subtitle{font-size:.8rem}}@media (min-width:768px){.lobby-title-section{gap:20px}.lobby-icon{font-size:1.75rem;padding:16px}.lobby-title{font-size:2.2rem}.lobby-subtitle{font-size:1rem}}.revenge-notification-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:10001}.revenge-notification-overlay.visible{opacity:1}.revenge-notification{background:linear-gradient(145deg,#1a1a2e,#16213e);border:3px solid #f39c12;border-radius:20px;box-shadow:0 20px 40px #00000080,0 0 30px #f39c124d,inset 0 1px 0 #ffffff1a;max-width:500px;min-width:400px;overflow:hidden;position:relative;transform:scale(.8) translateY(-50px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.revenge-notification.slide-in{transform:scale(1) translateY(0)}.revenge-notification.slide-out{opacity:0;transform:scale(.8) translateY(-50px)}.revenge-notification-header{background:linear-gradient(135deg,#f39c12,#e67e22);border-bottom:2px solid #0003;padding:20px;position:relative;text-align:center}.revenge-icon{animation:swordClash 2s infinite;font-size:3rem;margin-bottom:10px}@keyframes swordClash{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-5deg) scale(1.1)}75%{transform:rotate(5deg) scale(1.1)}}.revenge-title{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin:0;text-shadow:2px 2px 4px #00000080}.revenge-close-btn{background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:30px;position:absolute;right:15px;top:15px;transition:all .2s;width:30px}.revenge-close-btn:hover{background:#0009;transform:scale(1.1)}.revenge-notification-body{color:#fff;padding:30px 25px;text-align:center}.challenger-info{gap:15px;margin-bottom:25px}.challenger-avatar,.challenger-info{align-items:center;display:flex;justify-content:center}.challenger-avatar{animation:pulse 2s infinite;background:linear-gradient(135deg,#3498db,#2980b9);border:3px solid #f39c12;border-radius:50%;font-size:2.5rem;height:60px;width:60px}.challenger-details{text-align:left}.challenger-name{color:#f39c12;font-size:1.4rem;font-weight:700;margin:0 0 5px;text-shadow:1px 1px 2px #00000080}.challenge-text{color:#bdc3c7;font-size:1rem;margin:0}.bet-info{background:linear-gradient(135deg,#2c3e50,#34495e);border:2px solid #f39c12;border-radius:15px;margin-bottom:25px;padding:20px}.bet-amount{align-items:center;display:flex;font-size:1.3rem;font-weight:700;gap:8px;justify-content:center}.coin-icon{animation:coinSpin 3s linear infinite;font-size:1.5rem}@keyframes coinSpin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.amount{color:#f39c12;font-size:1.8rem;text-shadow:1px 1px 2px #00000080}.currency{color:#bdc3c7}.timer-section{margin-bottom:25px}.timer-text{color:#ecf0f1;font-size:1.1rem;margin-bottom:15px}.timer-number{color:#e74c3c;font-size:1.3rem;font-weight:700;text-shadow:1px 1px 2px #00000080}.timer-bar{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;height:8px;overflow:hidden}.timer-progress{background:linear-gradient(90deg,#f39c12,#e74c3c);border-radius:10px;box-shadow:0 0 10px #f39c1280;transition:width 1s linear}.revenge-notification-footer{display:flex;gap:15px;padding:0 25px 25px}.revenge-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1;font-size:1.1rem;font-weight:700;gap:8px;justify-content:center;overflow:hidden;padding:15px 20px;position:relative;transition:all .3s}.revenge-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.revenge-btn:hover:before{left:100%}.revenge-reject{background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #c0392b;color:#fff}.revenge-reject:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 5px 15px #e74c3c66;transform:translateY(-2px)}.revenge-accept{background:linear-gradient(135deg,#27ae60,#219a52);border:2px solid #219a52;color:#fff}.revenge-accept:hover{background:linear-gradient(135deg,#219a52,#1e8449);box-shadow:0 5px 15px #27ae6066;transform:translateY(-2px)}.revenge-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-icon{font-size:1.2rem}.btn-text{font-weight:700}.revenge-effects{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.spark{animation:sparkle 3s infinite;font-size:1.2rem;position:absolute}.spark-1{animation-delay:0s;left:10%;top:20%}.spark-2{animation-delay:1s;right:15%;top:30%}.spark-3{animation-delay:2s;bottom:25%;left:20%}.spark-4{animation-delay:1.5s;bottom:20%;right:20%}@media (max-width:480px){.revenge-notification{margin:20px;min-width:320px}.revenge-notification-body{padding:20px 15px}.challenger-info{flex-direction:column;gap:10px}.challenger-details{text-align:center}.revenge-notification-footer{flex-direction:column;padding:0 15px 20px}}.rejection-notification-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease-in-out;z-index:10002}.rejection-notification-overlay.visible{opacity:1;pointer-events:all}.rejection-notification{background:linear-gradient(135deg,#ff6b6b,#ff4757 50%,#ff3838);border:3px solid #ff2d55;border-radius:20px;box-shadow:0 20px 40px #ff47574d,0 10px 20px #0000004d,inset 0 1px 0 #fff3;max-width:400px;overflow:hidden;padding:0;position:relative;transform:scale(.7) translateY(-50px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:90%}.rejection-notification.slide-in{transform:scale(1) translateY(0)}.rejection-notification.slide-out{opacity:0;transform:scale(.7) translateY(50px)}.rejection-notification-header{align-items:center;background:linear-gradient(135deg,#ff4757,#ff3838);border-bottom:2px solid #ffffff1a;display:flex;gap:12px;padding:15px 20px;position:relative}.rejection-icon{animation:rejectionPulse 1.5s ease-in-out infinite;font-size:24px}.rejection-title{color:#fff;flex-grow:1;font-size:16px;font-weight:700;letter-spacing:1px;margin:0;text-shadow:0 2px 4px #0000004d}.rejection-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;padding:5px;transition:all .2s ease;width:35px}.rejection-close-btn:hover{background:#fff3;transform:scale(1.1)}.rejection-notification-body{background:linear-gradient(135deg,#fff,#f8f9fa);padding:25px 20px;text-align:center}.rejection-message{margin-bottom:20px}.rejection-emoji{animation:rejectionSway 2s ease-in-out infinite;font-size:48px;margin-bottom:15px}.rejection-text{color:#2c3e50;font-size:16px;font-weight:500;line-height:1.4;margin:0}.rejection-timer{margin-top:15px}.timer-text{color:#6c757d;font-size:12px;font-style:italic}.rejection-notification-footer{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #0000001a;display:flex;justify-content:center;padding:15px 20px}.rejection-btn{align-items:center;background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:12px;box-shadow:0 4px 8px #6c757d4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .3s ease}.rejection-btn:hover{background:linear-gradient(135deg,#5a6268,#3d4146);box-shadow:0 6px 12px #6c757d66;transform:translateY(-2px)}.rejection-btn:active{box-shadow:0 2px 4px #6c757d4d;transform:translateY(0)}.btn-icon{font-size:16px}.btn-text{font-size:13px}.rejection-effects{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.rejection-spark{animation:rejectionFloat 3s ease-in-out infinite;font-size:20px;opacity:.7;position:absolute}.rejection-spark-1{animation-delay:0s;left:10%;top:10%}.rejection-spark-2{animation-delay:1s;right:15%;top:20%}.rejection-spark-3{animation-delay:2s;bottom:15%;left:20%}@keyframes rejectionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes rejectionSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes rejectionFloat{0%,to{opacity:.7;transform:translateY(0) rotate(0deg)}50%{opacity:.3;transform:translateY(-10px) rotate(180deg)}}@media (max-width:480px){.rejection-notification{margin:20px;width:95%}.rejection-text,.rejection-title{font-size:14px}.rejection-btn{min-width:100px;padding:10px 18px}}.turn-timer-improved{left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.timer-top-bar{background:#00000026;box-shadow:0 1px 3px #0003;height:2px;overflow:hidden;width:100%}.timer-progress{background:#4caf50;border-radius:0;box-shadow:0 0 10px #4caf5080;height:100%}.timer-main-indicator{left:50%;pointer-events:auto;position:fixed;top:8px;transform:translateX(-50%);z-index:10000}.timer-card{backdrop-filter:blur(15px);background:#000000d9;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 16px #0000004d;gap:8px;min-width:140px;padding:6px 12px;transition:all .3s ease}.timer-card,.timer-turn-info{align-items:center;display:flex}.timer-turn-info{flex:1;flex-direction:column;gap:2px}.timer-icon{font-size:14px;line-height:1}.timer-label{color:#fff;font-size:10px;font-weight:600;opacity:.9;text-align:center;white-space:nowrap}.timer-countdown{font-family:Courier New,monospace;font-size:18px;font-weight:700;min-width:35px;text-align:center;transition:all .3s ease}.timer-countdown-visible{opacity:1;transform:scale(1)}.timer-countdown-subtle{opacity:.7;transform:scale(.9)}.timer-circle-mini{flex-shrink:0}.timer-circle-progress{transition:stroke-dashoffset 1s linear}.timer-warning-text{animation:warningPulse .8s infinite alternate;background:#ff4444e6;border-radius:12px;color:#fff;font-size:11px;font-weight:600;left:50%;margin-top:8px;padding:6px 12px;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap}.timer-pulse-mild .timer-card{animation:pulseMild 3s infinite}.timer-pulse-warning .timer-card{animation:pulseWarning 2s infinite}.timer-pulse-urgent .timer-card{animation:pulseUrgent 1s infinite}@keyframes pulseMild{0%,to{box-shadow:0 8px 32px #0000004d;transform:scale(1)}50%{box-shadow:0 12px 40px #0006;transform:scale(1.02)}}@keyframes pulseWarning{0%,to{box-shadow:0 8px 32px #ff980066;transform:scale(1)}50%{box-shadow:0 16px 48px #ff980099;transform:scale(1.05)}}@keyframes pulseUrgent{0%,to{box-shadow:0 8px 32px #ff444480;transform:scale(1)}50%{box-shadow:0 20px 60px #f44c;transform:scale(1.08)}}@keyframes warningPulse{0%{opacity:.8}to{opacity:1}}@media (max-width:768px){.timer-card{gap:10px;min-width:160px;padding:10px 16px}.timer-countdown{font-size:20px;min-width:40px}.timer-label{font-size:11px}.timer-icon{font-size:16px}.timer-warning-text{font-size:10px;padding:4px 8px}.timer-main-indicator{top:15px}}@media (max-width:480px){.timer-card{gap:8px;min-width:140px;padding:8px 12px}.timer-countdown{font-size:18px;min-width:35px}.timer-main-indicator{top:10px}}.turn-timer-improved{animation:timerSlideIn .4s ease}@media (max-width:768px){.timer-indicator{font-size:11px;padding:4px 8px;right:10px;top:10px}.timer-top-bar{height:2px}}.turn-timer-subtle{animation:timerSlideIn .3s ease}@keyframes timerSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.timer-header{align-items:center;display:flex;flex-direction:column;gap:2px;min-width:60px;opacity:.9;transition:all .3s ease}.timer-header.warning{animation:timerPulse 2s infinite;opacity:1}.timer-header.urgent{animation:timerUrgent 1s infinite;opacity:1}.timer-text{align-items:center;color:#fff;display:flex;font-size:clamp(10px,1.2vh,12px);font-weight:600;gap:3px;text-shadow:1px 1px 2px #000c;white-space:nowrap}.timer-mini-progress{background:#fff3;border-radius:1px;box-shadow:inset 0 1px 2px #0000004d;height:2px;overflow:hidden;width:100%}.timer-fill{border-radius:1px;box-shadow:0 0 4px #ffffff4d;height:100%}@keyframes timerPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes timerUrgent{0%,to{opacity:1;text-shadow:1px 1px 2px #000c;transform:scale(1)}50%{opacity:1;text-shadow:0 0 8px #f44c;transform:scale(1.1)}}@media (max-width:768px){.timer-header{min-width:50px}.timer-text{font-size:9px}.timer-mini-progress{height:1.5px}}@media (max-width:480px){.timer-header{gap:1px;min-width:45px}.timer-text{font-size:8px}}.game-header{align-items:center;animation:headerSlideDown .5s ease;backdrop-filter:blur(20px);background:linear-gradient(135deg,#000000e6,#1e1e1ef2 50%,#000000e6);border-bottom:2px solid #d4af374d;box-shadow:0 2px 20px #00000080;display:flex;justify-content:space-between;left:0;min-height:60px;padding:8px 16px;position:fixed;right:0;top:0;z-index:1000}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.header-left{align-items:center;display:flex;gap:8px;min-width:120px}.abandon-button,.back-button{background:linear-gradient(145deg,#8b4513,sienna);border:2px solid var(--copper,#d4af37);border-radius:8px;color:#fff;cursor:pointer;font-size:clamp(12px,1.5vh,14px);font-weight:600;min-height:40px;min-width:80px;padding:8px 12px;text-shadow:1px 1px 2px #000c;transition:all .3s ease}.abandon-button{align-items:center;background:linear-gradient(145deg,#c0392b,#e74c3c);border:2px solid #ff6b6b;display:flex;font-size:18px;justify-content:center;min-width:50px;position:relative}.abandon-button:hover{background:linear-gradient(145deg,#e74c3c,#ff6b6b);border-color:#ff8a80;box-shadow:0 4px 12px #e74c3c80;transform:translateY(-2px)}.abandon-button:active{transform:translateY(0)}.back-button:hover{background:linear-gradient(145deg,sienna,peru);box-shadow:0 4px 12px #d4af3766}.back-button:active{transform:translateY(0)}.connection-status{animation:pulse 2s infinite;font-size:16px}.connection-status.connecting{animation:spin 2s linear infinite}.connection-status.disconnected{animation:blink 1s infinite;color:#f44}.connection-status.reconnecting{animation:pulse .5s infinite;color:#ff9800}.players-section{flex:1;gap:20px;justify-content:center;max-width:400px}.player-info,.players-section{align-items:center;display:flex}.player-info{flex-direction:column;gap:4px;min-width:100px}.player-info.left{align-items:flex-end}.player-info.right{align-items:flex-start}.player-name-score{align-items:inherit;display:flex;flex-direction:column;gap:2px}.player-name{color:#fff;font-size:clamp(11px,1.3vh,13px);text-shadow:1px 1px 2px #000c}.player-stars{color:var(--gold-accent,#d4af37);font-size:clamp(9px,1.1vh,11px);font-weight:500}.score-display{background:linear-gradient(145deg,#8b4513e6,#a0522de6);border:2px solid var(--gold-accent,#d4af37);border-radius:12px;box-shadow:0 4px 12px #0000004d,inset 0 1px 3px #fff3;color:#fff;font-size:clamp(16px,2vh,20px);font-weight:700;min-width:60px;padding:8px 16px;text-align:center;text-shadow:2px 2px 4px #000c}.header-right{gap:8px;justify-content:flex-end;min-width:120px}.control-button,.header-right{align-items:center;display:flex}.control-button{background:linear-gradient(145deg,#8b4513cc,#a0522dcc);border:2px solid #d4af3799;border-radius:8px;cursor:pointer;font-size:16px;justify-content:center;min-height:40px;min-width:40px;padding:8px;transition:all .3s ease}.control-button:hover{background:linear-gradient(145deg,#a0522de6,#cd853fe6);border-color:var(--gold-accent,#d4af37);box-shadow:0 4px 12px #d4af3766;transform:translateY(-2px)}.control-button:active{transform:translateY(0)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width:768px){.game-header{min-height:50px;padding:6px 12px}.players-section{gap:12px}.player-info{min-width:80px}.score-display{min-width:50px;padding:6px 12px}.back-button{font-size:11px;min-height:35px;min-width:60px;padding:6px 8px}.control-button{font-size:14px;min-height:35px;min-width:35px;padding:6px}}@media (max-width:480px){.game-header{min-height:45px;padding:4px 8px}.header-left,.header-right{min-width:80px}.players-section{gap:8px}.player-info{min-width:60px}.back-button{font-size:10px;min-height:30px;min-width:50px;padding:4px 6px}.control-button{font-size:12px;min-height:30px;min-width:30px;padding:4px}.score-display{min-width:40px;padding:4px 8px}}.game-table-container{height:100%;min-height:400px;padding:20px;width:100%}.game-table,.game-table-container{align-items:center;display:flex;justify-content:center;position:relative}.game-table{aspect-ratio:2/3;background:linear-gradient(135deg,#1e4620,#2d5a2f 20%,#245a27 50%,#1e4620),repeating-linear-gradient(0deg,#0000,#0000 1px,hsla(0,0%,100%,.015) 0,hsla(0,0%,100%,.015) 2px),repeating-linear-gradient(90deg,#0000,#0000 1px,hsla(0,0%,100%,.015) 0,hsla(0,0%,100%,.015) 2px);border:6px solid #5d4e37;border-radius:16px;box-shadow:0 12px 40px #0006,inset 0 0 0 2px #d4af374d,inset 0 0 30px #0003,inset 0 0 0 8px #ffffff0d;transition:all .3s ease}.table-small{height:min(420px,60vh);width:min(280px,85vw)}.table-medium{height:min(480px,65vh);width:min(320px,88vw)}.table-large{height:min(540px,70vh);width:min(360px,92vw)}@media (min-width:481px){.table-small{height:min(480px,65vh);width:min(320px,70vw)}.table-medium{height:min(570px,70vh);width:min(380px,75vw)}.table-large{height:min(630px,75vh);width:min(420px,80vw)}}@media (min-width:769px){.table-small{height:min(380px,55vw);width:min(580px,75vw)}.table-medium{height:min(450px,65vw);width:min(680px,85vw)}.table-large{height:min(550px,75vw);width:min(800px,95vw)}}.table-classic{background:radial-gradient(ellipse 80% 70% at center,#1b5e20 0,#2e7d32 30%,#388e3c 60%,#1b5e20 100%);border-color:#8d6e63}.table-modern{background:radial-gradient(ellipse 80% 70% at center,#0d5421 0,#1b7330 30%,#28a745 60%,#0d5421 100%);border-color:#6c757d}.table-elegant{background:radial-gradient(ellipse 80% 70% at center,#0f3a1c 0,#1e5c2f 30%,#2d7d42 60%,#0f3a1c 100%);border-color:#b8860b}.table-surface{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;padding:20px;position:relative;width:100%;z-index:2}.table-border-decoration{background:linear-gradient(90deg,#0000,#d4af3766 50%,#0000);display:none;position:absolute;z-index:1}.table-border-decoration.bottom,.table-border-decoration.top{height:2px;left:20%;width:60%}.table-border-decoration.top{top:12px}.table-border-decoration.bottom{bottom:12px}.table-border-decoration.left,.table-border-decoration.right{background:linear-gradient(0deg,#0000,#d4af3766 50%,#0000);height:60%;top:20%;width:2px}.table-border-decoration.left{left:12px}.table-border-decoration.right{right:12px}.table-lighting{background:radial-gradient(ellipse 60% 40% at 30% 30%,#ffffff1a 0,#ffffff0d 30%,#0000 60%);height:140%;left:-20%;pointer-events:none;top:-20%;width:140%;z-index:3}.table-lighting,.table-shadow{border-radius:50%;position:absolute}.table-shadow{background:radial-gradient(ellipse 80% 100% at center,#0000004d 0,#0000001a 50%,#0000 100%);bottom:-40px;filter:blur(8px);height:30px;left:50%;transform:translateX(-50%);width:80%;z-index:-1}.game-table:hover{box-shadow:0 25px 80px #000000b3,inset 0 0 0 4px #d4af37,inset 0 0 100px #0006,inset 0 0 0 12px #ffffff26;transform:translateY(-2px)}.game-table:hover .table-border-decoration,.game-table:hover .table-lighting{opacity:1}@media (max-width:768px){.game-table-container{min-height:300px;padding:15px}.game-table{border-width:6px}.table-surface{padding:15px}.table-border-decoration.bottom,.table-border-decoration.top{left:25%;width:50%}.table-border-decoration.left,.table-border-decoration.right{height:50%;top:25%}}@media (max-width:480px){.game-table-container{min-height:250px;padding:10px}.game-table{border-width:4px}.table-surface{padding:10px}.table-shadow{bottom:-20px;height:15px}}@keyframes tableEntrance{0%{opacity:0;transform:scale(.8) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-table{animation:tableEntrance .8s cubic-bezier(.175,.885,.32,1.275)}.playing-area{height:100%;min-height:180px;padding:10px}.cards-battle-zone,.playing-area{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.cards-battle-zone{background:#0000;border:none;border-radius:20px;flex-direction:column;max-width:400px;padding:20px}.battle-labels{display:none;justify-content:space-between;padding:0 20px;width:100%}.cards-pairs-container{align-items:center;contain:layout style!important;display:flex;gap:5px;isolation:isolate!important;justify-content:center;min-height:200px;position:relative;width:100%}.card-pair-container{box-sizing:border-box!important;display:block!important;height:125px!important;margin:0!important;padding:0!important;position:absolute!important;transform:translateX(-50%)!important;width:90px!important}.baza-0,.baza-1,.baza-2{margin-top:-62.5px!important;top:50%!important;will-change:auto!important}.baza-0{left:calc(50% - 140px)!important}.baza-1{left:50%!important}.baza-2{left:calc(50% + 140px)!important}.card-pair{align-items:center;display:flex;height:125px;justify-content:center;position:relative;width:90px}.played-card{animation:none!important;left:50%!important;position:absolute!important;transform:translateX(-50%)!important}.played-card,.playing-area .played-card .card{transition:none!important;will-change:auto!important}.playing-area .played-card .card{border-radius:8px;box-shadow:0 4px 12px #0006,0 2px 4px #00000080}.opponent-card{filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));top:4px!important;z-index:8!important}.player-card{bottom:4px!important;filter:drop-shadow(0 -3px 6px rgba(0,0,0,.4));z-index:8!important}.opponent-card.winning-card,.player-card.winning-card{transform:translateX(-50%)!important;z-index:12!important}.opponent-card:not(.winning-card):not(.tie-card),.player-card:not(.winning-card):not(.tie-card),.tie-card{transform:translateX(-50%)!important}.tie-card{z-index:10!important}.winning-card .card{border:3px solid #d4af37e6;box-shadow:0 6px 20px #d4af3799,0 4px 12px #00000080,0 0 0 3px #d4af37cc;transform:scale(1.08)!important;transition:none!important}.tie-card .card{box-shadow:0 4px 14px #96969680,0 3px 8px #0006,0 0 0 2px #96969699;transform:scale(1.03)!important;transition:none!important}@keyframes cardSlideIn{0%{opacity:1}to{opacity:1}}@keyframes cardWin{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1.08)}}.zone-label{color:#ffffffe6;display:none;font-size:clamp(7px,1.5vw,9px);font-weight:700;letter-spacing:.5px;opacity:.8;text-shadow:1px 1px 2px #000c;text-transform:uppercase;transition:all .3s ease}.zone-label span{background:#0006;border:1px solid #d4af3766;border-radius:8px;display:inline-block;padding:1px 6px}.opponent-label{color:#ff9800e6}.player-label{color:#4caf50e6}.battle-indicator{align-items:center;display:none;justify-content:center;opacity:.8;padding:5px;position:relative}.vs-indicator{background:#0000004d;border:1px solid #d4af374d;display:none;padding:4px 8px}.vs-text{display:none;font-size:clamp(8px,2vw,10px);text-shadow:0 0 4px #d4af3799}.round-counter{color:#ffffffb3;display:none;font-size:clamp(6px,1.5vw,7px)}@keyframes decorationPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.last-played-pulse{pointer-events:none;position:absolute;right:5px;top:50%;transform:translateY(-50%);z-index:var(--z-floating-elements)}.pulse-ring{animation:pulseRing 1.5s ease-in-out infinite;background:#d4af37cc;border-radius:50%;height:8px;width:8px}@keyframes pulseRing{0%{box-shadow:0 0 0 0 #d4af3799;opacity:1;transform:scale(1)}70%{box-shadow:0 0 0 4px #d4af371a;opacity:.8;transform:scale(1.2)}to{box-shadow:0 0 0 0 #d4af3700;opacity:1;transform:scale(1)}}.cards-container .hand{animation:cardsSlideIn .5s ease}.cards-container.opponent .hand{animation:cardsSlideInFromTop .5s ease}.cards-container.player .hand{animation:cardsSlideInFromBottom .5s ease}@keyframes cardsSlideInFromTop{0%{opacity:0;transform:translateY(-30px) perspective(300px) rotateX(15deg)}to{opacity:1;transform:translateY(0) perspective(300px) rotateX(15deg)}}@keyframes cardsSlideInFromBottom{0%{opacity:0;transform:translateY(30px) perspective(300px) rotateX(-15deg)}to{opacity:1;transform:translateY(0) perspective(300px) rotateX(-15deg)}}.playing-area:hover .cards-label{opacity:1}.playing-area:hover .divider-decoration{animation-duration:1.5s}.cards-container:empty:after{background:radial-gradient(ellipse,#ffffff1a 0,#ffffff0d 50%,#0000 100%);border:1px dashed #fff3;border-radius:8px;content:"";display:block;height:40px;width:60px}.cards-battle-zone{gap:12px;max-width:380px;padding:18px}.playing-area .played-card .card{height:112px!important;width:80px!important}.card-pair-container{height:125px;width:90px}@media (min-width:481px){.cards-battle-zone{gap:12px;max-width:400px;padding:20px}.playing-area .played-card .card{height:112px!important;width:80px!important}.card-pair-container{height:125px;width:90px}}@media (min-width:768px){.cards-battle-zone{gap:18px;max-width:520px;padding:28px}.playing-area .played-card .card{height:112px!important;width:80px!important}.card-pair-container{height:125px;width:90px}}@media (min-width:1024px){.cards-battle-zone{gap:22px;max-width:650px;padding:35px}.playing-area .played-card .card{height:112px!important;width:80px!important}.card-pair-container{height:125px;width:90px}}@media (min-width:1200px){.cards-battle-zone{gap:25px;max-width:750px;padding:40px}.playing-area .played-card .card{height:112px!important;width:80px!important}.card-pair-container{height:125px;width:90px}.vs-text{font-size:16px}.round-counter{font-size:12px}}@media (max-width:768px) and (orientation:landscape){.cards-battle-zone{align-items:center;flex-direction:row;gap:15px;max-width:90vw}.opponent-cards-zone,.player-cards-zone{flex:1}.battle-indicator{flex:0 0 auto;margin:0 10px}.opponent-stack,.player-stack{transform:none}}.cards-container .hand .card{transition:all .3s ease}.cards-container .hand .card:hover{box-shadow:0 8px 25px #0006;transform:translateY(-5px) scale(1.05);z-index:10}.playing-area.has-cards .center-divider{opacity:1}.playing-area.has-cards .divider-line{background:linear-gradient(90deg,#0000,#d4af37b3 20%,#d4af37 50%,#d4af37b3 80%,#0000)}.vs-indicator{align-items:center;animation:vsGlow 2s ease-in-out infinite;background:#0006;border:1px solid #d4af3766;border-radius:12px;display:flex;flex-direction:column;gap:2px;padding:6px 10px;position:absolute;right:-15px;top:50%;transform:translateY(-50%);z-index:var(--z-floating-elements)}.vs-text{color:#d4af37;font-size:clamp(10px,2.5vw,12px);font-weight:900;text-shadow:0 0 6px #d4af37cc}.round-counter{color:#fffc;font-size:clamp(7px,1.8vw,8px);font-weight:600;text-align:center}@keyframes vsGlow{0%,to{box-shadow:0 0 8px #d4af3766}50%{box-shadow:0 0 15px #d4af3799}}.fan-hand-shadow{background:radial-gradient(ellipse 80% 100% at center,#0000004d 0,#00000026 50%,#0000 100%);border-radius:50%;bottom:-20px;display:none;filter:blur(6px);height:15px;left:50%;position:absolute;transform:translateX(-50%);width:200px;z-index:-1}.fan-hand-container{flex-direction:column;margin:0 auto;max-width:240px;min-height:70px;padding:8px 12px}.fan-hand,.fan-hand-container{align-items:center;display:flex;position:relative;width:100%}.fan-hand{height:65px;justify-content:center;overflow:visible}.fan-card{position:absolute;transition:all .3s cubic-bezier(.175,.885,.32,1.275);will-change:transform}.fan-card.clickable{cursor:pointer}.fan-card .card{border-radius:12px;box-shadow:none;transition:all .3s ease}.fan-card.clickable.hovered .card,.fan-card.hovered .card{box-shadow:none}.fan-shadow{background:radial-gradient(ellipse 80% 100% at center,#0000004d 0,#00000026 50%,#0000 100%);border-radius:50%;bottom:-20px;filter:blur(6px);height:15px;width:200px;z-index:-1}.fan-shadow,.turn-indicator{left:50%;position:absolute;transform:translateX(-50%)}.turn-indicator{pointer-events:none;top:-35px;z-index:var(--z-floating-elements)}.turn-text{animation:turnIndicatorPulse 2s infinite;border:2px solid #ffffff4d;border-radius:15px;box-shadow:0 4px 12px #4caf5066;color:#fff;font-size:clamp(10px,1.2vh,12px);font-weight:600;padding:4px 12px;text-shadow:1px 1px 2px #000c}.turn-glow,.turn-text{background:linear-gradient(135deg,#4caf50,#66bb6a);display:none}.turn-glow{animation:turnGlowPulse 2s infinite;border-radius:15px;bottom:-2px;filter:blur(8px);left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes turnIndicatorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes turnGlowPulse{0%,to{opacity:.3}50%{opacity:.6}}.selection-hint{bottom:-45px;display:none;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:var(--z-floating-elements)}.selection-hint span{animation:hintFadeIn .3s ease;background:#000c;border:1px solid #d4af3780;border-radius:20px;color:#fff;display:inline-block;font-size:clamp(9px,1vh,11px);font-weight:500;padding:6px 12px}@keyframes hintFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fan-hand-container.disabled{opacity:.7;pointer-events:none}.fan-hand-container.disabled .fan-card .card{filter:grayscale(20%)}.fan-hand-container.disabled .turn-indicator{display:none}.fan-hand-container{animation:fanHandEntrance .8s cubic-bezier(.175,.885,.32,1.275)}@keyframes fanHandEntrance{0%{opacity:0;transform:translateY(100px)}60%{opacity:.8;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fan-card:first-child{animation:cardSlideUp .6s ease .1s both}.fan-card:nth-child(2){animation:cardSlideUp .6s ease .2s both}.fan-card:nth-child(3){animation:cardSlideUp .6s ease .3s both}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(50px) rotate(0deg)}to{opacity:1}}@media (max-width:360px){.fan-hand-container{max-width:250px;min-height:70px;padding:10px 12px}.fan-hand{height:60px}.turn-indicator{top:-28px}.selection-hint{bottom:-35px}}@media (min-width:361px) and (max-width:480px){.fan-hand-container{max-width:280px;min-height:85px;padding:12px 16px}.fan-hand{height:70px}.turn-indicator{top:-32px}.selection-hint{bottom:-40px}}@media (min-width:481px) and (max-width:767px){.fan-hand-container{max-width:320px;min-height:95px;padding:16px 25px}.fan-hand{height:80px}.turn-indicator{top:-35px}.selection-hint{bottom:-42px}}@media (min-width:768px) and (max-width:1023px){.fan-hand-container{max-width:380px;min-height:110px;padding:18px 35px}.fan-hand{height:90px}.turn-indicator{top:-38px}.selection-hint{bottom:-45px}.fan-shadow{height:18px;width:220px}}@media (min-width:1024px){.fan-hand-container{max-width:420px;min-height:120px;padding:20px 40px}.fan-hand{height:100px}.turn-indicator{top:-40px}.selection-hint{bottom:-48px}.fan-shadow{height:20px;width:240px}}.fan-hand-container:not(.disabled) .fan-hand:before{animation:fanGlow 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#4caf501a 25%,#4caf5033 50%,#4caf501a 75%,#0000);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;bottom:-30px;content:"";display:none;left:-20px;pointer-events:none;position:absolute;right:-20px;top:-10px;z-index:var(--z-background)}@keyframes fanGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.fan-hand-container:not(.disabled):after{animation:sparkle 4s ease-in-out infinite;content:"✨";display:none;font-size:12px;pointer-events:none;position:absolute;right:10px;top:-10px}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5) rotate(0deg)}25%,75%{opacity:1;transform:scale(1) rotate(180deg)}50%{opacity:.5;transform:scale(.8) rotate(1turn)}}.player-avatar-simple{align-items:center;border-radius:12px;display:flex;gap:12px;padding:8px;position:relative;transition:all .3s ease}.player-avatar-simple.opponent-left{flex-direction:row}.player-avatar-simple.player-right{flex-direction:row-reverse}.player-avatar-simple.small .avatar-image-container{height:45px;width:45px}.player-avatar-simple.medium .avatar-image-container{height:60px;width:60px}.player-avatar-simple.large .avatar-image-container{height:75px;width:75px}.avatar-image-container{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #ffffff4d;border-radius:50%;overflow:hidden;position:relative;transition:all .3s ease}.active-indicator{animation:activeGlow 2s ease-in-out infinite;background:linear-gradient(45deg,#4caf50,#8bc34a);border:2px solid #ffffffe6;border-radius:50%;height:16px;position:absolute;right:-3px;top:-3px;width:16px}@keyframes activeGlow{0%,to{box-shadow:0 0 8px #4caf5099;transform:scale(1)}50%{box-shadow:0 0 16px #4caf50cc;transform:scale(1.1)}}.player-name{color:#ffffffe6;font-size:14px;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #00000080;white-space:nowrap}.player-avatar-simple.active .avatar-image-container{border-color:#4caf50cc;box-shadow:0 0 20px #4caf5066}.player-avatar-simple.active .player-name{color:#4caf50;text-shadow:0 1px 3px #000000b3}@media (max-width:768px){.player-avatar-simple{gap:8px;padding:6px}.player-avatar-simple.medium .avatar-image-container{height:50px;width:50px}.player-name{font-size:12px;max-width:80px}.active-indicator{height:12px;right:-2px;top:-2px;width:12px}}@media (max-width:480px){.player-avatar-simple.medium .avatar-image-container{height:45px;width:45px}.player-name{font-size:11px;max-width:70px}}.speech-bubble-modern-container{pointer-events:none;position:absolute;z-index:15}.speech-bubble-modern{animation:bubblePopIn .4s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#f8f9faf2,#e9eceffa 50%,#f8f9faf2);border:2px solid #d4af3799;border-radius:16px;box-shadow:0 8px 32px #0003,0 4px 16px #0000001a,inset 0 1px 0 #fffc;display:inline-block;font-weight:700;position:relative;text-shadow:1px 1px 2px #fffc}.speech-bubble-modern,.speech-bubble-modern *,.speech-bubble-modern .speech-bubble-modern-text,.speech-bubble-modern .speech-bubble-modern-text *{color:#2c3e50!important}.speech-bubble-modern.hidden{display:none}.speech-bubble-modern.small{font-size:clamp(10px,1.3vh,12px);line-height:1.2;max-width:clamp(140px,24vh,180px);min-width:clamp(70px,12vh,90px);padding:8px 12px}.speech-bubble-modern.medium{font-size:clamp(9px,1.2vh,11px);line-height:1.3;max-width:clamp(180px,32vh,220px);min-width:clamp(90px,16vh,120px);padding:10px 14px}.speech-bubble-modern.top-left{transform-origin:bottom right}.speech-bubble-modern-container .speech-bubble-modern.top-left{left:-20px;position:absolute;top:-80px}.speech-bubble-modern.top-left .speech-bubble-modern-arrow{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #f8f9faf2;bottom:-8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));position:absolute;right:20px}.speech-bubble-modern.top-left .speech-bubble-modern-arrow:before{border-left:9px solid #0000;border-right:9px solid #0000;border-top:9px solid #d4af3799;bottom:2px;content:"";left:-9px;position:absolute}.speech-bubble-modern.top-right{transform-origin:bottom left}.speech-bubble-modern-container .speech-bubble-modern.top-right{position:absolute;right:-20px;top:-80px}.speech-bubble-modern.top-right .speech-bubble-modern-arrow{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #f8f9faf2;bottom:-8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));left:20px;position:absolute}.speech-bubble-modern.top-right .speech-bubble-modern-arrow:before{border-left:9px solid #0000;border-right:9px solid #0000;border-top:9px solid #d4af3799;bottom:2px;content:"";left:-9px;position:absolute}.speech-bubble-modern.bottom-left{transform-origin:top right}.speech-bubble-modern-container .speech-bubble-modern.bottom-left{bottom:-80px;left:-20px;position:absolute}.speech-bubble-modern.bottom-left .speech-bubble-modern-arrow{border-bottom:8px solid #f8f9faf2;border-left:8px solid #0000;border-right:8px solid #0000;filter:drop-shadow(0 -2px 4px rgba(0,0,0,.1));position:absolute;right:20px;top:-8px}.speech-bubble-modern.bottom-left .speech-bubble-modern-arrow:before{border-bottom:9px solid #d4af3799;border-left:9px solid #0000;border-right:9px solid #0000;content:"";left:-9px;position:absolute;top:2px}.speech-bubble-modern.bottom-right{transform-origin:top left}.speech-bubble-modern-container .speech-bubble-modern.bottom-right{bottom:-80px;position:absolute;right:-20px}.speech-bubble-modern.bottom-right .speech-bubble-modern-arrow{border-bottom:8px solid #f8f9faf2;border-left:8px solid #0000;border-right:8px solid #0000;filter:drop-shadow(0 -2px 4px rgba(0,0,0,.1));left:20px;position:absolute;top:-8px}.speech-bubble-modern.bottom-right .speech-bubble-modern-arrow:before{border-bottom:9px solid #d4af3799;border-left:9px solid #0000;border-right:9px solid #0000;content:"";left:-9px;position:absolute;top:2px}.speech-bubble-modern-text{word-wrap:break-word;align-items:center;display:flex;flex-direction:column;height:100%;hyphens:auto;justify-content:center;overflow:hidden;text-align:center;width:100%}.speech-bubble-modern-text p{word-wrap:break-word;hyphens:auto;line-height:inherit;margin:0;padding:2px 0}@keyframes bubblePopIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{opacity:.8;transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.speech-bubble-modern.fade-out{animation:bubbleFadeOut .3s ease forwards}@keyframes bubbleFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.speech-bubble-modern.important{animation:bubblePopIn .4s cubic-bezier(.175,.885,.32,1.275),bubbleImportantPulse 2s ease-in-out .5s}@keyframes bubbleImportantPulse{0%,to{border-color:#d4af3799;box-shadow:0 8px 32px #0003,0 4px 16px #0000001a}50%{border-color:#d4af37;box-shadow:0 12px 40px #d4af374d,0 6px 20px #d4af3733}}@media (max-width:768px){.speech-bubble-modern.small{font-size:clamp(9px,2vw,11px);max-width:clamp(120px,30vw,150px);min-width:clamp(60px,15vw,80px);padding:6px 10px}.speech-bubble-modern.medium{font-size:clamp(8px,1.8vw,10px);max-width:clamp(150px,35vw,180px);min-width:clamp(80px,20vw,100px);padding:8px 12px}.speech-bubble-modern-container .speech-bubble-modern.top-left,.speech-bubble-modern-container .speech-bubble-modern.top-right{top:-70px}.speech-bubble-modern-container .speech-bubble-modern.bottom-left,.speech-bubble-modern-container .speech-bubble-modern.bottom-right{bottom:-70px}}@media (max-width:480px){.speech-bubble-modern{border-radius:12px}.speech-bubble-modern.small{font-size:clamp(8px,2.2vw,10px);max-width:clamp(100px,35vw,130px);min-width:clamp(50px,18vw,70px);padding:5px 8px}.speech-bubble-modern.medium{font-size:clamp(7px,2vw,9px);max-width:clamp(130px,40vw,160px);min-width:clamp(70px,25vw,90px);padding:6px 10px}.speech-bubble-modern-container .speech-bubble-modern.top-left,.speech-bubble-modern-container .speech-bubble-modern.top-right{top:-60px}.speech-bubble-modern-container .speech-bubble-modern.bottom-left,.speech-bubble-modern-container .speech-bubble-modern.bottom-right{bottom:-60px}.speech-bubble-modern-arrow{transform:scale(.8)}}.speech-bubble-modern:before{background:linear-gradient(180deg,#fff6,#ffffff1a 50%,#0000);border-radius:14px 14px 0 0;content:"";height:30%;left:1px;pointer-events:none;position:absolute;right:1px;top:1px}.speech-bubble-modern.truco-envido{background:linear-gradient(135deg,#fff8e1f2,#fef3c7fa 50%,#fff8e1f2);border-color:#ffc107cc}.speech-bubble-modern.truco-envido:before{background:linear-gradient(180deg,#ffc1074d,#ffc1071a 50%,#0000)}.speech-bubble-modern.points-to-left:after{border-bottom:8px solid #0000;border-right:12px solid #f8f9faf2;border-top:8px solid #0000;content:"";filter:drop-shadow(-1px 0 2px rgba(0,0,0,.1));height:0;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:0;z-index:2}.speech-bubble-modern.points-to-left:before{border-bottom:9px solid #0000;border-right:13px solid #d4af3799;border-top:9px solid #0000;content:"";height:0;left:-10px;position:absolute;top:50%;transform:translateY(-50%);width:0;z-index:1}.speech-bubble-modern.points-to-right:after{border-bottom:8px solid #0000;border-left:12px solid #f8f9faf2;border-top:8px solid #0000;content:"";filter:drop-shadow(1px 0 2px rgba(0,0,0,.1));height:0;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;z-index:2}.speech-bubble-modern.points-to-right:before{border-bottom:9px solid #0000;border-left:13px solid #d4af3799;border-top:9px solid #0000;content:"";height:0;position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0;z-index:1}.action-buttons-grouped{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:500px;min-height:70px;padding:16px;position:relative;width:100%}.action-buttons-grouped.empty{min-height:40px}.buttons-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;position:relative;width:100%;z-index:2}.buttons-background{animation:backgroundPulse 4s ease-in-out infinite;backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b45131a,#a0522d26 50%,#8b45131a);border:1px solid #d4af3733;border-radius:20px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}@keyframes backgroundPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.layout-two .buttons-container{gap:20px}.layout-four .buttons-container{gap:15px}.layout-many .buttons-container{flex-wrap:wrap;gap:10px;max-width:100%}.layout-compact .buttons-container{gap:8px}.layout-spread .buttons-container{gap:16px;justify-content:space-between}.action-button-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.modern-action-button{backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b4513,sienna 50%,#8b4513);border:2px solid #d4af3799;border-radius:12px;box-shadow:0 6px 20px #0000004d,0 3px 10px #0003,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:clamp(11px,1.3vh,14px);font-weight:700;min-height:48px;min-width:80px;outline:none;overflow:hidden;padding:12px 16px;position:relative;text-align:center;text-shadow:2px 2px 4px #000c;transition:all .3s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.modern-action-button:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.modern-action-button:hover:before{left:100%}.modern-action-button:hover{border-color:var(--gold-accent,#d4af37);box-shadow:0 10px 30px #0006,0 6px 20px #d4af374d,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.modern-action-button:active{transform:translateY(-1px);transition:transform .1s ease}.envido-group-modern{display:inline-block;position:relative}.envido-main{align-items:center;background:linear-gradient(135deg,#2e7d32,#4caf50 50%,#2e7d32)!important;border-color:#4caf50cc!important;display:flex;gap:8px;justify-content:center;min-width:100px}.envido-main:hover{border-color:#4caf50!important;box-shadow:0 10px 30px #0006,0 6px 20px #4caf504d,inset 0 1px 0 #ffffff4d!important}.button-text{flex:1}.expand-arrow{font-size:10px;opacity:.8;transition:transform .3s ease}.envido-main.expanded .expand-arrow{transform:rotate(180deg)}.envido-submenu-modern{animation:submenuSlideUp .3s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(20px);background:linear-gradient(135deg,#8b4513f2,#a0522dfa);border:2px solid #d4af37cc;border-radius:12px;bottom:100%;box-shadow:0 8px 32px #0006;left:0;margin-bottom:8px;min-width:100%;padding:8px;position:absolute;z-index:20}@keyframes submenuSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.envido-sub-button-modern{background:linear-gradient(135deg,#2e7d32,#4caf50);border:1px solid #4caf5099;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:clamp(10px,1.2vh,12px);font-weight:600;margin:2px 0;padding:10px 12px;text-shadow:1px 1px 2px #000c;transition:all .2s ease;white-space:nowrap;width:100%}.envido-sub-button-modern:hover{background:linear-gradient(135deg,#4caf50,#66bb6a);border-color:#4caf50;transform:translateX(4px)}@media (max-width:768px){.action-buttons-grouped{min-height:60px;padding:12px}.buttons-container{gap:10px}.modern-action-button{font-size:clamp(10px,1.5vw,12px);min-height:42px;min-width:70px;padding:10px 14px}.envido-main{min-width:85px}}@media (max-width:480px){.action-buttons-grouped{min-height:50px;padding:10px}.buttons-container{gap:8px}.layout-many .buttons-container{gap:6px}.modern-action-button{border-radius:10px;font-size:clamp(9px,2vw,11px);min-height:38px;min-width:60px;padding:8px 12px}.envido-main{gap:6px;min-width:75px}.expand-arrow{font-size:8px}.envido-submenu-modern{margin-bottom:6px;padding:6px}.envido-sub-button-modern{font-size:9px;padding:8px 10px}}.action-button-wrapper:first-child{animation:buttonSlideIn .4s ease .1s both}.action-button-wrapper:nth-child(2){animation:buttonSlideIn .4s ease .2s both}.action-button-wrapper:nth-child(3){animation:buttonSlideIn .4s ease .3s both}.action-button-wrapper:nth-child(4){animation:buttonSlideIn .4s ease .4s both}.action-button-wrapper:nth-child(5){animation:buttonSlideIn .4s ease .5s both}@media (prefers-reduced-motion:reduce){.action-button-wrapper{animation:none!important}}@keyframes buttonSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modern-action-button.important{animation:buttonSlideIn .4s ease,buttonImportantPulse 2s .6s infinite}@keyframes buttonImportantPulse{0%,to{box-shadow:0 6px 20px #0000004d,0 3px 10px #0003}50%{box-shadow:0 10px 30px #d4af3766,0 6px 20px #d4af374d}}.modern-action-button.truco:hover:after{content:"⚡"}.modern-action-button.envido:hover:after,.modern-action-button.truco:hover:after{animation:sparkleEffect .6s ease;font-size:12px;pointer-events:none;position:absolute;right:-5px;top:-10px}.modern-action-button.envido:hover:after{content:"💎"}@keyframes sparkleEffect{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(1turn)}}.new-game-layout{background:radial-gradient(ellipse at top,#2e7d321a 0,#1b5e2033 50%,#0d3c214d 100%),linear-gradient(135deg,#0d1b0f,#1a2e1c 25%,#2d5016 50%,#1a2e1c 75%,#0d1b0f);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;overflow:hidden;position:relative;width:100vw}.game-main-area{box-sizing:border-box;flex-direction:column;gap:8px;height:100vh;justify-content:space-between;padding:65px 10px 10px}.game-main-area,.opponent-section{align-items:center;display:flex;position:relative;width:100%}.opponent-section{gap:10px;height:60px;justify-content:flex-start;margin-top:5px;max-width:320px;padding:0 20px;z-index:5}.table-section{flex:1;justify-content:center;max-width:400px;min-height:500px;z-index:3}.player-section,.table-section{align-items:center;display:flex;position:relative;width:100%}.player-section{flex-direction:column;gap:15px;max-width:320px;z-index:5}.player-info-section{align-items:center;display:flex;flex-direction:row;gap:10px;height:60px;justify-content:flex-end;margin-bottom:5px;padding:0 20px;position:relative;width:100%}.player-cards-section{margin:0 0 10px}.player-actions-section,.player-cards-section{display:flex;justify-content:center;position:relative;width:100%}.player-actions-section{margin:0}.new-game-layout:before{animation:floatingParticles 30s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ffffff0d,#0000),radial-gradient(1px 1px at 90px 40px,#ffffff08,#0000);background-repeat:repeat;background-size:150px 100px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;will-change:transform;z-index:var(--z-background)}@media (prefers-reduced-motion:reduce){.new-game-layout:before{animation:none}}@keyframes floatingParticles{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.new-game-layout:after{animation:ambientGlow 12s ease-in-out infinite;background:radial-gradient(ellipse,#d4af3708 0,#d4af3703 40%,#0000 70%);content:"";height:60%;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:80%;z-index:var(--z-background)}@media (prefers-reduced-motion:reduce){.new-game-layout:after{animation:none;opacity:.3}}@keyframes ambientGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.debug-overlay{background:#000000b3;border-radius:6px;bottom:10px;color:#fff;display:none;font-size:10px;opacity:.6;padding:8px 12px;pointer-events:none;position:fixed;right:10px;z-index:9999}.debug-info{font-family:Courier New,monospace}@media (max-width:360px){.game-main-area{gap:6px;padding:55px 6px 6px}.opponent-section,.player-info-section{height:50px;padding:0 12px}.table-section{max-width:280px;min-height:280px}.player-section{gap:12px;max-width:280px}}@media (min-width:361px) and (max-width:480px){.game-main-area{gap:8px;padding:65px 10px 10px}.opponent-section,.player-info-section{height:60px;max-width:320px;padding:0 20px}.table-section{max-width:350px;min-height:320px}.player-section{gap:15px;max-width:320px}}@media (min-width:481px) and (max-width:767px){.game-main-area{gap:10px;padding:70px 15px 15px}.opponent-section,.player-info-section{height:65px;max-width:400px;padding:0 25px}.table-section{max-width:450px;min-height:380px}.player-section{gap:18px;max-width:400px}}@media (min-width:768px) and (max-width:1023px){.game-main-area{gap:15px;padding:80px 20px 20px}.opponent-section,.player-info-section{height:75px;max-width:600px;padding:0 40px}.player-section{gap:20px;max-width:600px}.table-section{max-width:550px;min-height:450px}}@media (min-width:1024px){.game-main-area{gap:20px;padding:90px 30px 30px}.opponent-section,.player-info-section{height:80px;max-width:800px}.player-section{gap:25px;max-width:800px}.table-section{max-width:650px;min-height:520px}}@media (max-width:768px) and (orientation:landscape){.game-main-area{align-items:stretch;flex-direction:row;gap:5px;padding:50px 10px 5px}.opponent-section{height:40px;left:10px;margin:0;padding:0 10px;position:absolute;top:55px;width:200px}.table-section{flex:1;height:calc(100vh - 110px);margin:0 220px;min-height:auto}.player-section{bottom:5px;gap:8px;height:auto;justify-content:flex-end;max-height:calc(100vh - 60px);position:fixed;right:10px;width:200px}.player-info-section{height:35px;margin-bottom:2px;padding:0 10px}.player-actions-section,.player-cards-section{margin:0}}.new-game-layout{animation:layoutFadeIn 1s ease}@keyframes layoutFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.opponent-section{animation:sectionSlideDown .8s cubic-bezier(.175,.885,.32,1.275) .2s both}.table-section{animation:sectionFadeIn 1s ease .4s both}.player-section{animation:sectionSlideUp .8s cubic-bezier(.175,.885,.32,1.275) .6s both}@keyframes sectionSlideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes sectionFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes sectionSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.new-game-layout.paused{opacity:.7;pointer-events:none}.new-game-layout.paused:before{background:#0000004d;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--z-modals)}.new-game-layout.my-turn .player-section{box-shadow:0 10px 30px #4caf5033;transform:translateY(-5px)}.new-game-layout.opponent-turn .opponent-section{box-shadow:0 -10px 30px #ff980033;transform:translateY(5px)}.player-profile-header{backdrop-filter:blur(30px);background:linear-gradient(145deg,#0f172af2,#1e293bfa 30%,#334155f2 70%,#0f172af2);border:2px solid #d4a57466;border-radius:var(--gaming-radius-3xl);box-shadow:0 25px 80px #00000080,0 10px 35px #d4a57433,inset 0 1px 0 #ffffff26;margin:0 auto var(--gaming-space-8) auto;max-width:500px;overflow:hidden;padding:var(--gaming-space-8);position:relative;transition:all .3s ease;width:100%}.player-profile-header:hover{border-color:#d4a57499;box-shadow:0 35px 100px #0009,0 15px 50px #d4a5744d,inset 0 1px 0 #fff3;transform:translateY(-4px)}.player-profile-header:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 40%,#d4a5740d 50%,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.player-profile-header.empty,.player-profile-header.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:150px;text-align:center}.player-profile-header.loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #d4a5744d;border-radius:50%;border-top:2px solid var(--gaming-primary);height:32px;margin-bottom:1rem;width:32px}.profile-header{flex-direction:column;gap:var(--gaming-space-4);margin-bottom:var(--gaming-space-6)}.profile-avatar-section{align-items:center;display:flex;gap:var(--gaming-space-3)}.profile-avatar,.profile-avatar-container{position:relative}.profile-avatar{align-items:center;background:linear-gradient(135deg,#d4a574cc,#d4a574 50%,#ffd700cc);border:3px solid #d4a57499;border-radius:50%;box-shadow:0 8px 25px #d4a57466,inset 0 2px 4px #fff3;color:var(--gaming-text-on-dark);display:flex;font-size:var(--gaming-text-2xl);font-weight:var(--gaming-font-weight-bold);height:70px;justify-content:center;text-shadow:2px 2px 4px #000000b3;width:70px;z-index:2}.avatar-ring{animation:ring-pulse 2s ease-in-out infinite;background:linear-gradient(45deg,#d4a57480,#0000 50%,#d4a57480);border-radius:50%;inset:-4px;position:absolute}@keyframes ring-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.online-indicator{background:#22c55e;border:2px solid #0f172ae6;border-radius:50%;bottom:4px;box-shadow:0 0 10px #22c55e80;height:16px;position:absolute;right:4px;width:16px}.avatar-image{object-fit:cover}.avatar-image,.avatar-text-default{border-radius:50%;height:100%;width:100%}.avatar-text-default{align-items:center;background-position:50%;background-size:contain;display:flex;font-family:var(--gaming-font-heading);font-weight:var(--gaming-font-weight-bold);justify-content:center;text-shadow:1px 1px 2px #0000004d;user-select:none}.profile-info{flex:1}.profile-name{color:var(--gaming-text-on-dark);flex:1;font-family:var(--gaming-font-heading);font-size:var(--gaming-text-xl);font-weight:var(--gaming-font-weight-bold);margin:0 0 var(--gaming-space-1) 0;text-shadow:1px 1px 2px #00000080}.profile-name-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.edit-profile-btn-inline{align-items:center;background:linear-gradient(135deg,#d4a574,gold);border:1px solid #d4a57499;border-radius:8px;box-shadow:0 2px 8px #d4a57466,inset 0 1px 2px #fff3;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;touch-action:manipulation;transition:all .3s ease;width:28px}.edit-profile-btn-inline:hover{background:linear-gradient(135deg,gold,#d4a574);box-shadow:0 4px 12px #d4a57499,inset 0 1px 3px #ffffff4d;transform:scale(1.05)}.edit-profile-btn-inline:active{transform:scale(.98)}.profile-username{color:#d4a574cc;font-size:var(--gaming-text-xs);font-weight:var(--gaming-font-weight-medium);margin:0 0 var(--gaming-space-2) 0}.profile-rank{align-items:center;background:#d4a5741a;border-radius:var(--gaming-radius-full);display:flex;gap:var(--gaming-space-1);padding:var(--gaming-space-1) var(--gaming-space-2);width:fit-content}.rank-icon{font-size:var(--gaming-text-sm)}.rank-text{color:#d4a574e6;font-size:var(--gaming-text-xs);font-weight:var(--gaming-font-weight-semibold);letter-spacing:.02em;text-transform:uppercase}.coins-display{align-items:center;background:linear-gradient(135deg,#d4a57426,#ffd7001a 50%,#d4a57426);border:1px solid #d4a5744d;border-radius:var(--gaming-radius-lg);display:flex;flex-direction:row;flex-shrink:0;gap:var(--gaming-space-2);min-width:auto;padding:var(--gaming-space-2) var(--gaming-space-3);width:auto}.coins-icon{animation:coin-bounce 2s ease-in-out infinite;flex-shrink:0;font-size:var(--gaming-text-xl)}@keyframes coin-bounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(5deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-3px) rotate(-5deg)}}.coins-info{align-items:center;display:flex;flex-direction:row}.coins-label{display:none}.coins-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4a574,gold);-webkit-background-clip:text;background-clip:text;color:var(--gaming-text-on-dark);font-size:var(--gaming-text-xl);font-weight:var(--gaming-font-weight-bold);line-height:1.2;margin:0;text-shadow:1px 1px 2px #00000080}.profile-details{background:#1e293b4d;border:1px solid #d4a57433;border-radius:var(--gaming-radius-xl);display:grid;gap:var(--gaming-space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--gaming-space-6);padding:var(--gaming-space-4)}.detail-item{align-items:center;background:#3341554d;border:1px solid #d4a5741a;border-radius:var(--gaming-radius-lg);display:flex;gap:var(--gaming-space-2);padding:var(--gaming-space-2)}.detail-icon{flex-shrink:0;font-size:var(--gaming-text-lg);text-align:center;width:28px}.detail-content{display:flex;flex:1;flex-direction:column;min-width:0}.detail-label{color:#d4a574b3;font-size:var(--gaming-text-2xs);font-weight:var(--gaming-font-weight-medium);letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.detail-value{color:var(--gaming-text-on-dark);font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-semibold);line-height:1.2}.profile-bio-section{border-top:1px solid #d4a57433;padding-top:var(--gaming-space-6)}.bio-title{align-items:center;color:var(--gaming-text-on-dark);display:flex;font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);gap:var(--gaming-space-2);margin:0 0 var(--gaming-space-4) 0;text-shadow:1px 1px 2px #00000080}.bio-icon{font-size:var(--gaming-text-base)}.bio-content{background:#1e293b66;border:1px solid #d4a57433;border-radius:var(--gaming-radius-xl);padding:var(--gaming-space-4)}.bio-text{color:var(--gaming-text-on-dark)}.bio-placeholder,.bio-text{font-size:var(--gaming-text-sm);line-height:1.6;margin:0}.bio-placeholder{color:#d4a57499;font-style:italic;text-align:center}.add-bio-btn{background:none;border:none;color:var(--gaming-primary);cursor:pointer;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-semibold);margin-left:var(--gaming-space-1);text-decoration:underline;transition:color .2s ease}.add-bio-btn:hover{color:#d4a574}@media (min-width:640px){.profile-header{align-items:flex-start;flex-direction:row;justify-content:space-between}.profile-avatar{height:80px;width:80px}.coins-display{min-width:auto}.coins-amount,.profile-name{font-size:var(--gaming-text-2xl)}}@media (max-width:47.99rem){.player-profile-header{border-radius:var(--gaming-radius-xl);margin-left:0;margin-right:0;max-width:none;padding:var(--gaming-space-6)}}@media (min-width:48rem){.player-profile-header{max-width:600px}}@media (min-width:64rem){.player-profile-header{max-width:700px}}@keyframes coin-spin{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}@keyframes pulse-online{0%,to{box-shadow:0 0 0 0 rgba(var(--success-rgb),.7)}50%{box-shadow:0 0 0 8px rgba(var(--success-rgb),0)}}@media (min-width:768px){.player-profile-header{padding:2rem}.profile-main-info{align-items:flex-start;flex-direction:row;justify-content:space-between}.profile-avatar-section{flex:1;flex-direction:row;text-align:left}.profile-avatar-large{height:140px;width:140px}.profile-personal-info{align-items:flex-start;margin-left:1.5rem}.profile-name-section{text-align:left}.balance-display{flex-direction:column;min-width:180px}.progress-cards{grid-template-columns:repeat(3,1fr)}.info-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.profile-avatar-large{height:160px;width:160px}.profile-display-name{font-size:2.2rem}.balance-amount{font-size:2rem}.info-grid{grid-template-columns:repeat(4,1fr)}}.player-stats{display:flex;flex-direction:column;gap:1rem;max-width:100%;overflow-x:hidden;padding:.75rem}.stats-section.info-section{margin-top:.5rem}.stat-card-mobile{background:linear-gradient(135deg,#1e293be6,#334155cc);border:1px solid #d4a5744d;border-radius:12px;overflow:hidden;padding:1.25rem;transition:all .3s ease}.stat-card-mobile.primary{background:linear-gradient(135deg,#3b82f61a,#1e293be6 30%,#334155cc);border-left:4px solid #3b82f6cc}.stat-card-mobile.secondary{background:linear-gradient(135deg,#a855f71a,#1e293be6 30%,#334155cc);border-left:4px solid #a855f7cc}.stat-header-mobile{justify-content:space-between;margin-bottom:1rem}.stat-icon-mobile{border:1px solid #d4a5744d;border-radius:10px;height:44px;width:44px}.stat-badge-mobile{background:linear-gradient(135deg,#d4a574e6,#ffd700cc);border:1px solid #fff3;border-radius:20px;color:#1a202c;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase}.stat-body-mobile{display:flex;flex-direction:column;gap:.75rem}.stat-value-mobile{font-size:2.5rem;font-weight:900;line-height:1;text-shadow:0 2px 4px #0000004d}.stat-label-mobile{color:#94a3b8e6;font-size:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.wins-losses-mobile{align-items:center;background:#0003;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.loss-stat,.win-stat{align-items:center!important;display:flex!important;flex:1!important;flex-direction:column!important}.win-stat{overflow:visible!important;position:relative!important}.number-mobile{font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:.25rem}.number-mobile.wins{color:#22c55e!important;text-shadow:0 0 10px #22c55e4d!important}.number-mobile.losses,.number-mobile.wins{display:inline-block!important;font-size:1.5rem!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}.number-mobile.losses{color:#ef4444!important}.label-mobile{color:#94a3b8cc;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.divider-mobile{color:#94a3b880;font-size:1.25rem;font-weight:700;margin:0 1rem}.winrate-mobile{align-items:center;background:#d4a5741a;border:1px solid #d4a57433;border-radius:8px;display:flex;gap:.5rem;justify-content:center;padding:.5rem}.winrate-percent{color:#d4a574;font-size:1.25rem;font-weight:800}.winrate-label{color:#94a3b8e6;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.economics-grid-mobile{display:flex;flex-direction:column;gap:1rem}.balance-card-mobile{background:linear-gradient(135deg,#22c55e1a,#1e293be6 30%,#334155cc);border:1px solid #22c55e66;border-left:4px solid #22c55ecc;border-radius:12px;padding:1.25rem;text-align:center}.balance-header{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.balance-icon{font-size:1.5rem}.balance-label{color:#f8fafce6;font-size:1rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.balance-amount{align-items:center;display:flex;flex-direction:column;gap:.25rem}.balance-value{font-size:2rem;font-weight:900;line-height:1;text-shadow:0 2px 4px #0000004d}.balance-value.positive{color:#22c55e}.balance-value.negative{color:#ef4444}.balance-currency{color:#94a3b8cc;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.economic-stats-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.economic-stat{background:#1e293b99;border:1px solid #d4a57440;border-radius:8px;padding:1rem .75rem;text-align:center;transition:all .2s ease}.economic-stat.earning{border-left:3px solid #22c55ecc}.economic-stat.spending{border-left:3px solid #f97316cc}.economic-stat.duration{border-left:3px solid #8b5cf6cc}.economic-stat.coins-per-game{border-left:3px solid #22c55ecc}.economic-stat.streak{border-left:3px solid #fbbf24cc}.economic-stat.efficiency{border-left:3px solid #3b82f6cc}.economic-stat.best-win{border-left:3px solid #a855f7cc}.economic-stat.avg-bet{border-left:3px solid #f59e0bcc}.economic-stat-header{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.economic-stat-icon{font-size:1.25rem}.economic-stat-value{color:#f8fafcf2;font-size:1.1rem;font-weight:800;line-height:1}.economic-stat-label{color:#94a3b8cc;font-size:.7rem;font-weight:600;letter-spacing:.5px;line-height:1.2;text-transform:uppercase}.info-cards-mobile{display:flex;flex-direction:column;gap:.75rem}.info-item-mobile{align-items:center;background:#1e293b99;border:1px solid #d4a57440;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.info-item-icon{align-items:center;background:#d4a57426;border:1px solid #d4a57440;border-radius:8px;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.info-item-content{display:flex;flex:1;flex-direction:column;gap:.25rem}.info-item-label{color:#94a3b8e6;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item-value{color:#f8fafcf2;font-size:1rem;font-weight:700;line-height:1.2}.stats-section.empty{background:#0f172acc;border:2px dashed #d4a5744d;padding:2rem 1rem;text-align:center}.empty-stats-card{align-items:center;display:flex;flex-direction:column;gap:1rem}.empty-icon{font-size:3rem}.empty-content{max-width:300px}.empty-title{color:#f8fafcf2;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.empty-message{color:#94a3b8cc;font-size:.9rem;line-height:1.4;margin:0 0 1rem}.empty-features{flex-direction:column}.empty-feature,.empty-features{align-items:center;display:flex;gap:.75rem}.empty-feature{color:#94a3b8b3;font-size:.8rem}.feature-icon{font-size:1rem}@media (min-width:26.875rem){.player-stats{gap:1.25rem;padding:1rem}.stat-value-mobile{font-size:3rem}.number-mobile{font-size:1.75rem}.number-mobile.wins{color:#22c55e!important;text-shadow:0 0 10px #22c55e4d!important}.number-mobile.losses,.number-mobile.wins{display:inline-block!important;font-weight:800!important;line-height:1!important}.number-mobile.losses{color:#ef4444!important}.balance-value{font-size:2.25rem}}@media (min-width:37.5rem){.stats-grid-mobile{display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.economics-grid-mobile{gap:1.25rem}.economic-stats-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}.info-cards-mobile{display:grid;gap:1rem;grid-template-columns:1fr 1fr}}@media (min-width:48rem){.player-stats{gap:2rem;margin:0 auto;max-width:800px;padding:1.5rem}.stats-section{border-radius:16px;padding:1.5rem}.section-header{margin-bottom:1.5rem}@media (hover:hover){.balance-card-mobile:hover,.economic-stat:hover,.info-item-mobile:hover,.stat-card-mobile:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-2px)}}}@media (min-width:64rem){.stats-grid-mobile{gap:1.5rem;grid-template-columns:repeat(4,1fr)}.economic-stats-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}.player-stats{gap:2.5rem;max-width:1200px;padding:2rem}.stats-section{border-radius:20px;padding:2rem}.desktop-only{display:block!important}.stats-grid-mobile .desktop-only{display:flex!important;flex-direction:column}}.desktop-only{display:none}.stat-card-mobile.tertiary{border-color:#3b82f64d}.stat-card-mobile.tertiary .stat-icon-mobile{background:#3b82f626;border-color:#3b82f640}.stat-card-mobile.quaternary{border-color:#a855f74d}.stat-card-mobile.quaternary .stat-icon-mobile{background:#a855f726;border-color:#a855f740}.economic-stat.efficiency{border-color:#3b82f64d}.economic-stat.efficiency .economic-stat-icon{background:#3b82f626}.economic-stat.best-win{border-color:#a855f74d}.economic-stat.best-win .economic-stat-icon{background:#a855f726}.economic-stat.avg-bet{border-color:#f59e0b4d}.economic-stat.avg-bet .economic-stat-icon{background:#f59e0b26}.economic-stat.coins-per-game{border-color:#22c55e4d}.economic-stat.coins-per-game .economic-stat-icon{background:#22c55e26}.economic-stat.streak{border-color:#fbbf244d}.economic-stat.streak .economic-stat-icon{background:#fbbf2426}@media (max-height:30rem) and (orientation:landscape){.player-stats{gap:.75rem;padding:.75rem}.empty-stats-card,.stats-section{padding:1rem}}@media (prefers-reduced-motion:reduce){.balance-card-mobile,.economic-stat,.info-item-mobile,.stat-card-mobile{transition:none}}.match-history{display:flex;flex-direction:column;gap:1rem;max-width:100%;overflow-x:hidden;padding:.75rem}.match-filters-mobile,.matches-list-compact{display:flex;flex-direction:column;gap:.5rem}.match-item-compact{background:#1e293b99;border:1px solid #d4a57433;border-radius:8px;overflow:hidden;padding:.875rem;position:relative;transition:all .2s ease}.match-item-compact:before{background:#d4a5744d;content:"";height:100%;left:0;position:absolute;top:0;transition:all .2s ease;width:3px}.match-item-compact.win:before{background:#22c55e}.match-item-compact.loss:before{background:#ef4444}.match-item-compact:hover{background:#d4a57408;border-color:#d4a57466;transform:translateY(-1px)}.match-main-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.match-result-compact{align-items:center;display:flex;flex:1;gap:.5rem}.result-icon-compact{align-items:center;background:#d4a57414;border:1px solid #d4a57440;border-radius:6px;display:flex;font-size:1.25rem;height:32px;justify-content:center;width:32px}.result-icon-compact.win{background:#22c55e1f;border-color:#22c55e4d}.result-icon-compact.loss{background:#ef44441f;border-color:#ef44444d}.result-details-compact{display:flex;flex-direction:column;gap:.125rem}.result-label-compact{font-size:.75rem;font-weight:600;letter-spacing:.5px;line-height:1;text-transform:uppercase}.result-label-compact.win{color:#22c55e}.result-label-compact.loss{color:#ef4444}.match-score-compact{color:#f8fafcf2;font-size:.875rem;font-weight:700;line-height:1.2}.match-opponent-compact{align-items:center;display:flex;flex:1;gap:.25rem;justify-content:center;padding:0 .5rem}.opponent-vs{color:#f8fafc80;font-size:.75rem;font-weight:500}.opponent-name-compact{color:#d4a574e6;font-size:.875rem;font-weight:600;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-coins-compact{align-items:center;background:#1e293bcc;border:1px solid #d4a57433;border-radius:6px;display:flex;gap:.25rem;justify-content:center;min-width:60px;padding:.375rem .5rem}.coins-value-compact{font-size:.875rem;font-weight:700;line-height:1}.coins-value-compact.positive{color:#22c55e}.coins-value-compact.negative{color:#ef4444}.coins-icon-compact{font-size:.875rem}.match-meta-info{align-items:center;border-top:1px solid #d4a5741a;display:flex;gap:.5rem;justify-content:space-between;padding-top:.5rem}.meta-item{color:#f8fafc99;flex:1;font-size:.75rem;gap:.25rem}.meta-icon,.meta-item{align-items:center;display:flex;justify-content:center}.meta-icon{background:#d4a57414;border-radius:3px;font-size:.875rem;height:16px;width:16px}.meta-text{font-weight:500;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.match-history{gap:1.5rem;margin:0 auto;max-width:800px;padding:1rem}.stats-section{padding:1.5rem}.match-filters-mobile{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.matches-list-compact{gap:.75rem}.match-item-compact{padding:1rem}.match-meta-info{flex-wrap:nowrap}.meta-item,.meta-text{max-width:none}.opponent-name-compact{max-width:120px}}@media (min-width:1024px){.match-history{gap:2rem;max-width:1000px;padding:1.5rem}.stats-section{padding:2rem}.match-filters-mobile{display:flex;flex-direction:row;gap:1rem}.filter-btn-mobile{flex:1;min-width:150px}.matches-list-compact{gap:1rem}.match-item-compact{padding:1.25rem}.opponent-name-compact{max-width:150px}}.transaction-history{display:flex;flex-direction:column;gap:1rem;max-width:100%;overflow-x:hidden;padding:.75rem}.stats-section{backdrop-filter:blur(10px);background:#0f172af2;border:1px solid #d4a5744d;border-radius:12px;box-shadow:0 4px 20px #00000040;padding:1rem;position:relative}.section-header{border-bottom:1px solid #d4a57433;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem}.section-header,.section-icon{align-items:center;display:flex}.section-icon{background:#d4a57426;border:1px solid #d4a57440;border-radius:8px;font-size:1.25rem;height:36px;justify-content:center;padding:.5rem;width:36px}.section-title{color:#f8fafcf2;font-size:1rem;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.section-divider{background:linear-gradient(90deg,#d4a5744d,#0000);flex:1;height:1px}.stats-grid-mobile{display:flex;flex-direction:column;gap:1rem}.stat-card-mobile{background:#1e293b99;border:1px solid #d4a57433;border-radius:8px;padding:.875rem;position:relative;transition:all .2s ease}.stat-card-mobile.primary{background:#d4a57414;border-color:#d4a57466;box-shadow:0 2px 8px #d4a5741a}.stat-card-mobile:hover{background:#d4a5740d;border-color:#d4a57466;transform:translateY(-1px)}.stat-header-mobile{align-items:center;display:flex;gap:.75rem}.stat-icon-mobile{align-items:center;background:#d4a57426;border:1px solid #d4a57440;border-radius:8px;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.stat-info-mobile{flex:1}.stat-title-mobile{color:#f8fafcb3;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0 0 .25rem;text-transform:uppercase}.stat-value-mobile{color:#f8fafcf2;font-size:1.375rem;font-weight:700;line-height:1.2;margin:0}.stat-value-mobile.positive{color:#22c55e}.stat-value-mobile.negative{color:#ef4444}.transaction-filters-mobile{display:flex;flex-direction:column;gap:.5rem}.filter-btn-mobile{align-items:center;background:#1e293b99;border:1px solid #d4a57433;border-radius:8px;color:#f8fafccc;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.875rem;text-align:left;transition:all .2s ease;width:100%}.filter-btn-mobile:hover{background:#d4a5740d;border-color:#d4a57466;color:#f8fafcf2}.filter-btn-mobile--active{background:#d4a5741f;border-color:#d4a57499;box-shadow:0 2px 8px #d4a57426;color:#d4a574f2}.filter-icon{align-items:center;background:#d4a57426;border:1px solid #d4a57440;border-radius:6px;display:flex;font-size:1.25rem;height:32px;justify-content:center;width:32px}.filter-text{flex:1;font-weight:600}.filter-count{background:#1e293b99;border:1px solid #d4a57433;border-radius:12px;color:#f8fafc99;font-size:.8rem;padding:.25rem .5rem}.filter-btn-mobile--active .filter-count{background:#d4a57426;border-color:#d4a5744d;color:#d4a574e6}.transactions-list-compact{display:flex;flex-direction:column;gap:.5rem}.transaction-item-compact{align-items:center;background:#1e293b99;border:1px solid #d4a57433;border-radius:8px;display:flex;gap:.75rem;justify-content:space-between;overflow:hidden;padding:.75rem;position:relative;transition:all .2s ease}.transaction-item-compact:before{background:#d4a5744d;content:"";height:100%;left:0;position:absolute;top:0;transition:all .2s ease;width:3px}.transaction-item-compact.positive:before{background:#22c55e}.transaction-item-compact.negative:before{background:#ef4444}.transaction-item-compact:hover{background:#d4a57408;border-color:#d4a57466;transform:translateY(-1px)}.transaction-left-compact{align-items:center;display:flex;flex:1;gap:.75rem;min-width:0}.transaction-icon-compact{align-items:center;background:#d4a57426;border:1px solid #d4a57440;border-radius:6px;display:flex;flex-shrink:0;font-size:1.25rem;height:36px;justify-content:center;width:36px}.transaction-info-compact{flex:1;min-width:0}.transaction-description-compact{color:#f8fafcf2;font-size:.9rem;font-weight:600}.transaction-description-compact,.transaction-details-compact{line-height:1.2;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-details-compact{color:#f8fafc99;font-size:.75rem}.transaction-date-compact{color:#f8fafc80;font-size:.7rem;font-weight:500}.transaction-amount-compact{align-items:center;display:flex;flex-shrink:0;gap:.25rem}.amount-value-compact{font-size:.9rem;font-weight:700;line-height:1}.amount-value-compact.positive{color:#22c55e}.amount-value-compact.negative{color:#ef4444}.amount-value-compact.purchase,.transaction-item-compact.purchase:before{color:#22c55e}.transaction-item-compact.purchase:before{background:#22c55e}.amount-value-compact.sale,.transaction-item-compact.sale:before{color:#ef4444}.transaction-item-compact.sale:before{background:#ef4444}.amount-currency-compact{font-size:1rem}.pagination-mobile{align-items:center;border-top:1px solid #d4a57433;display:flex;gap:1rem;justify-content:space-between;margin-top:1rem;padding-top:1rem}.pagination-btn-mobile{align-items:center;background:#1e293b99;border:1px solid #d4a57433;border-radius:8px;color:#f8fafccc;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;min-width:80px;padding:.75rem 1rem;transition:all .2s ease}.pagination-btn-mobile:hover:not(:disabled){background:#d4a5740d;border-color:#d4a57466;color:#f8fafcf2}.pagination-btn-mobile:disabled{cursor:not-allowed;opacity:.5}.pagination-icon{font-size:1rem}.pagination-text{font-weight:600}.pagination-info-mobile{align-items:center;background:#d4a57414;border:1px solid #d4a57433;border-radius:8px;color:#d4a574e6;display:flex;font-weight:600;gap:.25rem;padding:.75rem 1rem}.pagination-current{color:#d4a574;font-size:1.125rem}.pagination-separator{color:#f8fafc66;font-size:1rem;margin:0 .25rem}.pagination-total{color:#f8fafcb3;font-size:1rem}.profile-empty-state{align-items:center;backdrop-filter:blur(10px);background:#0f172af2;border:1px solid #d4a5744d;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:2rem}.profile-empty-state-icon{background:#d4a57426;border:1px solid #d4a57440;border-radius:50%;padding:1rem}.profile-empty-state h3{color:#f8fafcf2;font-size:1.25rem;font-weight:700;margin:0}.profile-empty-state p{color:#f8fafcb3;font-size:.875rem;line-height:1.5;margin:0}@media (min-width:768px){.transaction-history{gap:1.5rem;margin:0 auto;max-width:800px;padding:1rem}.stats-section{padding:1.5rem}.stats-grid-mobile{gap:1rem}.stats-grid-mobile,.transaction-filters-mobile{display:grid;grid-template-columns:repeat(2,1fr)}.transaction-filters-mobile{gap:.75rem}.transaction-item-compact{padding:1rem}.transaction-description-compact{font-size:1rem}.transaction-details-compact{font-size:.825rem}.amount-value-compact{font-size:1rem}}@media (min-width:1024px){.transaction-history{gap:2rem;max-width:1000px;padding:1.5rem}.stats-section{padding:2rem}.stats-grid-mobile{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.transaction-filters-mobile{display:flex;flex-direction:row;gap:1rem}.filter-btn-mobile{flex:1;min-width:150px}.transactions-list-compact{gap:.75rem}.transaction-item-compact{padding:1.25rem}}.player-profile{background:linear-gradient(135deg,var(--gaming-bg-dark) 0,var(--gaming-surface-900) 50%,var(--gaming-bg-dark) 100%);color:var(--gaming-text-on-dark);min-height:100vh;padding:var(--gaming-space-4);padding-bottom:calc(88px + env(safe-area-inset-bottom, 0))}.profile-header{justify-content:flex-start;margin-bottom:var(--gaming-space-4);padding:var(--gaming-space-2) 0}.back-btn,.profile-header{align-items:center;display:flex}.back-btn{backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid #d4a5744d;border-radius:var(--gaming-radius-lg);color:var(--gaming-text-primary);cursor:pointer;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);gap:var(--gaming-space-2);padding:var(--gaming-space-2) var(--gaming-space-4);transition:all .3s ease}.back-btn:hover{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#d4a57480;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.player-profile-card{margin:0 auto var(--gaming-space-6) auto;max-width:600px;width:100%}@media (max-width:47.99rem){.player-profile-card{margin:0 0 var(--gaming-space-6) 0;max-width:none}}@media (min-width:48rem){.player-profile-card{max-width:700px}}@media (min-width:64rem){.player-profile-card{max-width:800px}}@media (min-width:48rem){.player-profile-card .profile-header{align-items:center!important;flex-direction:row!important;gap:var(--gaming-space-4)!important;justify-content:space-between!important}.player-profile-card .profile-avatar-section{flex:1!important;gap:var(--gaming-space-3)!important}.player-profile-card .profile-info{flex:1!important;margin-right:var(--gaming-space-3)!important;min-width:0!important}.player-profile-card .profile-name,.player-profile-card .profile-username{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.player-profile-card .coins-display{align-items:center!important;background:linear-gradient(135deg,#d4a5741f,#ffd70014)!important;border-radius:var(--gaming-radius-lg)!important;flex-direction:row!important;flex-shrink:0!important;gap:var(--gaming-space-2)!important;min-width:auto!important;padding:var(--gaming-space-2) var(--gaming-space-3)!important;width:auto!important}.player-profile-card .coins-icon{flex-shrink:0!important;font-size:var(--gaming-text-xl)!important;margin-bottom:0!important}.player-profile-card .coins-info{align-items:center!important;flex-direction:row!important}.player-profile-card .coins-amount{font-size:var(--gaming-text-xl)!important;font-weight:var(--gaming-font-weight-bold)!important;line-height:1.2!important;margin:0!important}.player-profile-card .coins-label{display:none!important}}@media (max-width:47.99rem){.player-profile-card{border-radius:var(--gaming-radius-xl)!important;margin-bottom:var(--gaming-space-4)!important;padding:var(--gaming-space-4)!important}.player-profile-card .profile-header{align-items:center!important;flex-direction:row!important;gap:var(--gaming-space-3)!important;justify-content:space-between!important;margin-bottom:var(--gaming-space-3)!important}.player-profile-card .profile-avatar-section{flex:1!important;gap:var(--gaming-space-2)!important}.player-profile-card .profile-avatar{font-size:var(--gaming-text-base)!important;height:45px!important;width:45px!important}.player-profile-card .coins-display{align-items:center!important;background:linear-gradient(135deg,#d4a5741f,#ffd70014)!important;border-radius:var(--gaming-radius-lg)!important;flex-direction:row!important;flex-shrink:0!important;gap:var(--gaming-space-1)!important;margin:0!important;min-width:auto!important;padding:var(--gaming-space-1_5) var(--gaming-space-2)!important;width:auto!important}.player-profile-card .coins-icon{flex-shrink:0!important;font-size:var(--gaming-text-lg)!important;margin-bottom:0!important}.player-profile-card .coins-info{align-items:center!important;flex-direction:row!important}.player-profile-card .coins-amount{font-size:var(--gaming-text-lg)!important;font-weight:var(--gaming-font-weight-bold)!important;line-height:1.2!important;margin:0!important}.player-profile-card .coins-label{display:none!important}.player-profile-card .profile-info{flex:1!important;margin-right:var(--gaming-space-2)!important;min-width:0!important}.player-profile-card .profile-name{font-size:var(--gaming-text-sm)!important;margin:0 0 var(--gaming-space-0_5) 0!important}.player-profile-card .profile-name,.player-profile-card .profile-username{line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.player-profile-card .profile-username{font-size:var(--gaming-text-2xs)!important;margin:0!important}.player-profile-card .profile-actions{gap:var(--gaming-space-2)!important;margin-bottom:var(--gaming-space-3)!important}.player-profile-card .action-btn{font-size:var(--gaming-text-sm)!important;min-height:44px!important;padding:var(--gaming-space-3) var(--gaming-space-4)!important}.player-profile-card .profile-stats-section{margin-top:var(--gaming-space-3)!important}.player-profile-card .stats-title{font-size:var(--gaming-text-sm)!important}.player-profile-card .basic-stats{gap:var(--gaming-space-2)!important}.player-profile-card .basic-stat{padding:var(--gaming-space-2)!important}.player-profile-card .basic-stat-icon{font-size:var(--gaming-text-base)!important}.player-profile-card .basic-stat-value{font-size:var(--gaming-text-sm)!important}.player-profile-card .basic-stat-label{font-size:var(--gaming-text-2xs)!important}.player-profile-card .view-full-stats-btn{font-size:var(--gaming-text-sm)!important;padding:var(--gaming-space-2) var(--gaming-space-3)!important}.player-profile-card{box-shadow:0 8px 25px #0000004d,0 4px 12px #d4a5741a!important}.player-profile-card:hover{box-shadow:0 10px 30px #0006,0 5px 15px #d4a57426!important;transform:none!important}}.profile-loading{align-items:center;color:var(--gaming-text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:var(--gaming-space-8);text-align:center}.loading-spinner{border-top:3px solid var(--gaming-border-primary);border:3px solid var(--gaming-border-primary);border-top-color:var(--gaming-primary-400);height:48px;margin-bottom:var(--gaming-space-4);width:48px}.profile-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:var(--gaming-space-8);text-align:center}.error-icon{margin-bottom:var(--gaming-space-4)}.profile-error h2{color:var(--gaming-text-primary);margin-bottom:var(--gaming-space-2)}.profile-error p{color:var(--gaming-text-secondary);margin-bottom:var(--gaming-space-6)}.profile-tabs{background:var(--gaming-bg-primary);border-bottom:1px solid var(--gaming-border-primary);margin-top:var(--gaming-space-4);padding:var(--gaming-space-4) 0;position:sticky;top:0;z-index:10}.tabs-container{display:flex;justify-content:space-around;margin:0 auto;max-width:500px;padding:0 var(--gaming-space-4)}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--gaming-text-tertiary);cursor:pointer;display:flex;flex-direction:column;gap:var(--gaming-space-1);min-width:64px;padding:var(--gaming-space-2) var(--gaming-space-3);position:relative;transition:all .2s ease}.tab-btn:hover{background:var(--gaming-bg-secondary);color:var(--gaming-text-secondary)}.tab-btn--active{background:var(--gaming-primary-alpha-10);color:var(--gaming-primary-400)}.tab-btn--active:after{background:var(--gaming-primary-400);border-radius:1px;bottom:-12px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:24px}.tab-icon{font-size:1.25rem;line-height:1}.tab-label{font-size:var(--gaming-text-xs);font-weight:var(--gaming-font-weight-medium);letter-spacing:.5px;line-height:1;text-transform:uppercase}.profile-content{margin:0 auto;max-width:1200px;padding:var(--gaming-space-6) var(--gaming-space-4)}@media (min-width:48rem){.profile-content{padding:var(--gaming-space-8) var(--gaming-space-6)}.tabs-container{gap:var(--gaming-space-4);max-width:600px}.tab-btn{flex-direction:row;gap:var(--gaming-space-2);min-width:auto;padding:var(--gaming-space-3) var(--gaming-space-4)}.tab-label{font-size:var(--gaming-text-sm)}}@media (min-width:64rem){.player-profile{padding-bottom:var(--gaming-space-8)}.profile-content{padding:var(--gaming-space-10) var(--gaming-space-8)}.tabs-container{max-width:800px}}.profile-section{background:var(--gaming-bg-secondary);border:1px solid var(--gaming-border-primary);border-radius:12px;margin-bottom:var(--gaming-space-6);padding:var(--gaming-space-6)}.profile-section:last-child{margin-bottom:0}.profile-section-title{align-items:center;color:var(--gaming-text-primary);display:flex;font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-semibold);gap:var(--gaming-space-2);margin-bottom:var(--gaming-space-4)}.profile-section-subtitle{color:var(--gaming-text-tertiary);font-size:var(--gaming-text-sm);margin-bottom:var(--gaming-space-4)}.profile-interactive{transition:all .2s ease}.profile-interactive:hover{box-shadow:0 4px 12px #00d4ff1a;transform:translateY(-1px)}.profile-empty-state{color:var(--gaming-text-tertiary);padding:var(--gaming-space-12) var(--gaming-space-6);text-align:center}.profile-empty-state-icon{font-size:3rem;margin-bottom:var(--gaming-space-4);opacity:.6}.profile-empty-state h3{color:var(--gaming-text-secondary);font-size:var(--gaming-text-lg);margin-bottom:var(--gaming-space-2)}.profile-empty-state p{font-size:var(--gaming-text-sm);margin:0 auto;max-width:300px}.notification-center-overlay{align-items:flex-end;animation:overlayFadeIn .3s ease-out;backdrop-filter:blur(8px);background:#111827f2;bottom:0;display:flex;justify-content:center;left:0;padding:0;padding-bottom:var(--gaming-bottom-nav-height,80px);position:fixed;right:0;top:0;z-index:10001}@keyframes overlayFadeIn{0%{backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(8px);opacity:1}}.notification-center{animation:modalSlideInMobile .4s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(30px);background:linear-gradient(145deg,#0f172afa,#1e293bf2 30%,#334155f2 70%,#0f172afa);border:2px solid #d4a57466;border-radius:var(--gaming-radius-xl) var(--gaming-radius-xl) 0 0;box-shadow:0 -10px 50px #000000b3,0 -5px 25px #d4a57433,inset 0 1px 0 #ffffff1a;max-height:85vh;overflow:hidden;position:relative;width:100%}@keyframes modalSlideInMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.notification-center-overlay{align-items:center;padding:20px}.notification-center{animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);border-radius:var(--gaming-radius-3xl);box-shadow:0 25px 80px #000000b3,0 10px 35px #d4a57433,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:600px;min-height:400px;width:95vw}}@keyframes modalSlideIn{0%{opacity:0;transform:translate3d(0,30px,0) scale(.95)}to{opacity:1;transform:translateZ(0) scale(1)}}.notification-center:before{animation:shimmer 4s ease-in-out infinite;background:linear-gradient(45deg,#0000 40%,#d4a57408 50%,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{opacity:0;transform:translateX(-100%)}50%{opacity:1;transform:translateX(100%)}}.notification-header{align-items:center;background:#0000001a;border-bottom:1px solid #d4a57433;display:flex;justify-content:space-between;padding:var(--gaming-space-4) var(--gaming-space-4) var(--gaming-space-2)}@media (min-width:640px){.notification-header{padding:var(--gaming-space-6) var(--gaming-space-6) var(--gaming-space-4)}}.header-title-section{align-items:center;display:flex;gap:var(--gaming-space-2)}.notification-title{color:var(--gaming-text-on-dark);font-family:var(--gaming-font-heading);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-bold);margin:0;text-shadow:1px 1px 2px #00000080}@media (min-width:640px){.notification-title{font-size:var(--gaming-text-xl)}}.unread-count{background:var(--gaming-accent-gold)!important;border-radius:var(--gaming-radius-full);box-shadow:0 3px 10px #d4a57480,inset 0 1px 0 #fff3;color:#1a202c!important;font-size:12px;height:20px;min-width:20px;padding:2px 7px;text-shadow:none}.notification-close-btn,.unread-count{align-items:center;display:flex;font-weight:var(--gaming-font-weight-bold);justify-content:center}.notification-close-btn{background:#ef444433;border:1px solid #ef44444d;border-radius:var(--gaming-radius-lg);color:#ef4444e6;cursor:pointer;font-size:var(--gaming-text-base);height:36px;transition:var(--gaming-transition-all);width:36px}.notification-close-btn:hover{background:#ef44444d;border-color:#ef444480;transform:scale(1.1)}.notification-filters{background:#0000001a;border-bottom:1px solid #d4a5741a;display:flex;gap:var(--gaming-space-2);padding:var(--gaming-space-3) var(--gaming-space-4)}@media (min-width:640px){.notification-filters{gap:var(--gaming-space-3);padding:var(--gaming-space-4) var(--gaming-space-6)}}.filter-btn{align-items:center;background:#1e293b99;border:1px solid #d4a57433;border-radius:var(--gaming-radius-lg);color:#ffffffb3;cursor:pointer;display:flex;flex:1;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);gap:var(--gaming-space-1);justify-content:center;padding:var(--gaming-space-2) var(--gaming-space-3);position:relative;transition:var(--gaming-transition-all)}@media (min-width:640px){.filter-btn{flex:none;padding:var(--gaming-space-3) var(--gaming-space-4)}}.filter-btn:hover{background:#1e293bcc;border-color:#d4a5744d;transform:translateY(-1px)}.filter-btn.active{background:#d4a57433;border-color:#d4a57480;box-shadow:0 4px 12px #d4a57433,inset 0 1px 0 #ffffff1a;color:var(--gaming-accent-gold)}.filter-badge{align-items:center;background:var(--gaming-accent-gold)!important;border-radius:var(--gaming-radius-full);box-shadow:0 2px 6px #d4a57466;color:#1a202c!important;display:flex;font-size:11px;font-weight:var(--gaming-font-weight-bold);height:16px;justify-content:center;margin-left:3px;min-width:16px;padding:1px 5px;text-shadow:none}.notification-actions{background:#0000000d;border-bottom:1px solid #d4a5741a;padding:var(--gaming-space-3) var(--gaming-space-4)}@media (min-width:640px){.notification-actions{padding:var(--gaming-space-4) var(--gaming-space-6)}}.mark-all-read-btn{background:#d4a57426;border:1px solid #d4a5744d;border-radius:var(--gaming-radius-lg);color:var(--gaming-accent-gold);cursor:pointer;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-medium);padding:var(--gaming-space-2) var(--gaming-space-4);transition:var(--gaming-transition-all);width:100%}.mark-all-read-btn:hover{background:#d4a57440;border-color:#d4a57480;transform:translateY(-1px)}.notification-content{flex:1;max-height:calc(85vh - 180px);overflow-y:auto;position:relative;scroll-behavior:smooth;transform:translateZ(0)}@media (min-width:640px){.notification-content{flex:1;max-height:none;min-height:300px;overflow-y:auto}}.notification-content::-webkit-scrollbar{width:6px}.notification-content::-webkit-scrollbar-track{background:#1e293b4d}.notification-content::-webkit-scrollbar-thumb{background:#d4a57480;border-radius:3px}.notification-content::-webkit-scrollbar-thumb:hover{background:#d4a574b3}.notification-loading{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;font-size:var(--gaming-text-base);gap:var(--gaming-space-4);justify-content:center;padding:var(--gaming-space-12)}.loading-spinner{border:3px solid #d4a57433;border-top:3px solid var(--gaming-accent-gold)}.notification-empty{align-items:center;color:#fff9;display:flex;flex-direction:column;padding:var(--gaming-space-12) var(--gaming-space-6);text-align:center}.empty-icon{margin-bottom:var(--gaming-space-4);opacity:.7}.empty-title{color:#fffc;font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-semibold);margin:0 0 var(--gaming-space-2) 0}.empty-message{color:#fff9;font-size:var(--gaming-text-sm);line-height:var(--gaming-line-height-relaxed);margin:0}.notification-list{padding:var(--gaming-space-2)}@media (min-width:640px){.notification-list{padding:var(--gaming-space-4)}}.notification-item{align-items:flex-start;backdrop-filter:blur(10px);background:#1e293b66;border:1px solid #d4a5741a;border-radius:var(--gaming-radius-xl);cursor:pointer;display:flex;gap:var(--gaming-space-3);margin-bottom:var(--gaming-space-3);padding:var(--gaming-space-4);position:relative;transition:var(--gaming-transition-all)}.notification-item:hover{background:#1e293b99;border-color:#d4a57433;box-shadow:0 4px 15px #0000004d;transform:translateY(-1px)}.notification-item.unread{background:linear-gradient(135deg,#d4a57414,#1e293b66);border-color:#d4a5744d}.notification-item.unread:hover{background:linear-gradient(135deg,#d4a5741f,#1e293b99);border-color:#d4a57466}.notification-icon{align-items:center;background:linear-gradient(135deg,#d4a57433,#d4a57466);border:1px solid #d4a5744d;border-radius:var(--gaming-radius-lg);display:flex;flex-shrink:0;font-size:var(--gaming-text-xl);height:40px;justify-content:center;width:40px}.notification-content-area{flex:1;min-width:0}.notification-item-title{color:var(--gaming-text-on-dark);font-size:var(--gaming-text-base);font-weight:var(--gaming-font-weight-semibold);line-height:1.3;margin:0 0 var(--gaming-space-1) 0}.notification-message{word-wrap:break-word;color:#fffc;font-size:var(--gaming-text-sm);line-height:var(--gaming-line-height-relaxed);margin:0 0 var(--gaming-space-2) 0}.notification-meta{align-items:center;display:flex;gap:var(--gaming-space-2)}.notification-time{color:#d4a574b3;font-size:var(--gaming-text-xs);font-weight:var(--gaming-font-weight-medium)}.unread-indicator{color:var(--gaming-accent-gold);font-size:var(--gaming-text-lg);line-height:1}.notification-actions{display:flex;flex-direction:column;flex-shrink:0;gap:var(--gaming-space-2)}.delete-btn,.mark-read-btn{align-items:center;border:1px solid;border-radius:var(--gaming-radius-lg);cursor:pointer;display:flex;font-size:var(--gaming-text-sm);font-weight:var(--gaming-font-weight-bold);height:32px;justify-content:center;transition:var(--gaming-transition-all);width:32px}.mark-read-btn{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.mark-read-btn:hover{background:#22c55e4d;border-color:#22c55e99;box-shadow:0 4px 12px #22c55e4d;transform:scale(1.1)}.delete-btn{background:#ef444433;border-color:#ef444466;color:#ef4444;font-size:12px}.delete-btn:hover{background:#ef44444d;border-color:#ef444499;box-shadow:0 4px 12px #ef44444d;transform:scale(1.1)}@media (min-width:640px){.notification-actions{flex-direction:row;gap:var(--gaming-space-2)}}@media (min-width:768px){.notification-center{max-height:85vh;max-width:700px;width:85vw}.notification-item{gap:var(--gaming-space-4);padding:var(--gaming-space-5)}.notification-icon{font-size:var(--gaming-text-2xl);height:48px;width:48px}.notification-item-title{font-size:var(--gaming-text-lg)}.notification-message{font-size:var(--gaming-text-base)}}@media (min-width:1024px){.notification-center{max-height:80vh;max-width:800px;width:60vw}}@media (min-width:1440px){.notification-center{max-height:80vh;max-width:900px;width:50vw}}.bottom-navigation{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,#0f172af7,#0f172afc);border-top:1px solid #d4a5744d;bottom:0;box-shadow:0 -2px 20px #0006;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:9999}.bottom-nav-container{align-items:center;display:flex;gap:var(--gaming-space-1);height:64px;justify-content:space-evenly;max-width:100%;padding:var(--gaming-space-2) var(--gaming-space-3)}.nav-item{background:#0000;border-radius:var(--gaming-border-radius-md);flex-direction:column;height:48px;justify-content:center;min-width:60px;padding:var(--gaming-space-1) var(--gaming-space-2);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background:#d4a5741a;transform:translateY(-1px)}.nav-item--active{background:#d4a57426;border-radius:var(--gaming-border-radius-md)}.nav-item--active:before{background:var(--gaming-accent-gold-400);border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:24px}.nav-item--main{background:var(--gaming-accent-gold-500);border-radius:var(--gaming-border-radius-lg);box-shadow:0 2px 4px #0003;height:52px;min-width:72px}.nav-item--main:hover{background:var(--gaming-accent-gold-400);box-shadow:0 3px 6px #00000040;transform:translateY(-1px)}.nav-item__icon{font-size:1.2rem;margin-bottom:var(--gaming-space-0_5)}.nav-item__icon,.nav-item__label{color:var(--gaming-text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item__label{font-family:var(--gaming-font-body);font-size:11px;font-weight:var(--gaming-font-weight-medium);letter-spacing:.5px;text-align:center;text-transform:uppercase}.nav-item:hover .nav-item__icon,.nav-item:hover .nav-item__label{color:var(--gaming-accent-gold-300)}.nav-item--active .nav-item__icon,.nav-item--active .nav-item__label{color:var(--gaming-accent-gold-400);font-weight:var(--gaming-font-weight-semibold)}.nav-item--main .nav-item__icon,.nav-item--main .nav-item__label{color:var(--gaming-text-inverse);font-weight:var(--gaming-font-weight-bold)}.nav-item--main .nav-item__icon{font-size:1.3rem}.notification-badge{align-items:center!important;background:var(--gaming-accent-gold-400)!important;border:2px solid var(--gaming-surface-50)!important;border-radius:50%!important;box-shadow:0 2px 6px #0000004d!important;color:var(--gaming-text-inverse)!important;display:flex!important;font-size:10px!important;font-weight:700!important;height:16px!important;justify-content:center!important;position:absolute!important;right:12px!important;top:8px!important;width:16px!important;z-index:100!important}@media (max-width:480px){.bottom-nav-container{height:60px;padding:var(--gaming-space-1_5) var(--gaming-space-2)}.nav-item{height:44px;min-width:52px}.nav-item--main{height:48px;min-width:64px}.nav-item__icon{font-size:1.1rem}.nav-item--main .nav-item__icon{font-size:1.2rem}.nav-item__label{font-size:10px}}@media (min-width:768px){.bottom-nav-container{height:68px;margin:0 auto;max-width:600px;padding:var(--gaming-space-2_5) var(--gaming-space-4)}.nav-item{height:52px;min-width:68px}.nav-item--main{height:56px;min-width:80px}.nav-item__icon{font-size:1.3rem}.nav-item--main .nav-item__icon{font-size:1.4rem}}@media (prefers-contrast:high){.bottom-navigation{background:#000;border-top:2px solid #fff}.nav-item__icon,.nav-item__label{color:#fff}.nav-item--active{background:#fff}.nav-item--active .nav-item__icon,.nav-item--active .nav-item__label{color:#000}}@media (prefers-reduced-motion:reduce){.nav-item,.nav-item__icon,.nav-item__label{transition:none!important}}body.modal-open .bottom-navigation{pointer-events:none;transform:translateY(100%)}body.modal-open{overflow:hidden}.page-container{background:linear-gradient(135deg,var(--gaming-bg-dark) 0,var(--gaming-surface-900) 50%,var(--gaming-bg-dark) 100%);color:var(--gaming-text-on-dark);min-height:100vh;padding:var(--gaming-space-6) var(--gaming-space-4);padding-bottom:calc(88px + env(safe-area-inset-bottom, 0))}.page-header{margin-bottom:var(--gaming-space-8);margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.page-header h1{color:var(--gaming-text-primary);font-size:var(--gaming-h1-mobile);font-weight:var(--gaming-font-weight-black);margin-bottom:var(--gaming-space-3);text-shadow:0 0 20px #00d4ff4d}.page-header p{color:var(--gaming-text-secondary);font-size:var(--gaming-text-lg);font-weight:var(--gaming-font-weight-medium)}.page-content{margin:0 auto;max-width:800px}.coming-soon-card{backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid #d4a5744d;border-radius:var(--gaming-radius-xl);box-shadow:0 8px 32px #0000004d,0 0 0 1px #00d4ff1a;padding:var(--gaming-space-8);text-align:center}.coming-soon-card .icon{font-size:4rem;margin-bottom:var(--gaming-space-4);opacity:.8}.coming-soon-card h2{color:var(--gaming-primary-400);font-size:var(--gaming-h2-mobile);font-weight:var(--gaming-font-weight-bold);margin-bottom:var(--gaming-space-4)}.coming-soon-card>p{color:var(--gaming-text-secondary);font-size:var(--gaming-text-lg);line-height:var(--gaming-line-height-relaxed);margin-bottom:var(--gaming-space-6)}.features-list{margin:0 auto;max-width:400px;text-align:left}.features-list h3{color:var(--gaming-text-primary);font-size:var(--gaming-text-xl);font-weight:var(--gaming-font-weight-semibold);margin-bottom:var(--gaming-space-4);text-align:center}.features-list ul{list-style:none;padding:0}.features-list li{border-bottom:1px solid #d4a5741a;color:var(--gaming-text-secondary);font-size:var(--gaming-text-base);padding:var(--gaming-space-3) 0;transition:var(--gaming-transition-all)}.features-list li:hover{color:var(--gaming-primary-300);padding-left:var(--gaming-space-2)}.features-list li:last-child{border-bottom:none}@media (min-width:640px){.page-container{padding:var(--gaming-space-8) var(--gaming-space-6);padding-bottom:calc(88px + env(safe-area-inset-bottom, 0))}.page-header h1{font-size:var(--gaming-h1-tablet)}.coming-soon-card{padding:var(--gaming-space-10)}.coming-soon-card .icon{font-size:5rem}.coming-soon-card h2{font-size:var(--gaming-h2-tablet)}}@media (min-width:1024px){.page-container{padding:var(--gaming-space-10) var(--gaming-space-8)}.page-header h1{font-size:var(--gaming-h1-desktop)}.coming-soon-card h2{font-size:var(--gaming-h2-desktop)}}.waiting-room-banner{animation:bannerSlideDown .4s cubic-bezier(.34,1.56,.64,1)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#8b5cf6f2,#6366f1f2 50%,#3b82f6f2)!important;border-bottom:2px solid #a78bfa80!important;box-shadow:0 4px 20px #8b5cf666!important;left:0!important;padding:10px 12px!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}@media (min-width:640px){.waiting-room-banner{padding:12px 16px!important}}.banner-container{align-items:center!important;display:flex!important;gap:12px!important;justify-content:space-between!important;margin:0 auto!important;max-width:1200px!important}@media (min-width:640px){.banner-container{gap:16px!important}}.banner-spinner{align-items:center!important;display:flex!important;flex-shrink:0!important;height:36px!important;justify-content:center!important;position:relative!important;width:36px!important}@media (min-width:640px){.banner-spinner{height:40px!important;width:40px!important}}.spinner-ring{animation:spinnerRotate 1s linear infinite!important;border:3px solid #fff3!important;border-radius:50%!important;border-top-color:#ffffffe6!important;height:100%!important;position:absolute!important;width:100%!important}.spinner-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))!important;font-size:20px!important;z-index:1!important}@keyframes spinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.banner-info{display:flex!important;flex:1!important;flex-direction:column!important;gap:2px!important;min-width:0!important}@media (min-width:640px){.banner-info{gap:4px!important}}.banner-title{color:#fffffffa!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;text-shadow:0 1px 3px #0003!important}@media (min-width:640px){.banner-title{font-size:16px!important}}.banner-details{align-items:center!important;color:#ffffffe6!important;display:flex!important;flex-wrap:wrap!important;font-size:12px!important;gap:6px!important}@media (min-width:640px){.banner-details{font-size:13px!important;gap:8px!important}}.banner-room-code{background:#ffffff26!important;border:1px solid #fff3!important;border-radius:6px!important;font-family:Courier New,monospace!important;font-weight:700!important;letter-spacing:1px!important;padding:2px 8px!important}.banner-separator{opacity:.6!important}.banner-time{animation:pulse 2s ease-in-out infinite!important;font-weight:600!important}.banner-actions{flex-shrink:0!important;gap:8px!important}.banner-actions,.banner-btn{align-items:center!important;display:flex!important}.banner-btn{border:1px solid #0000!important;border-radius:10px!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;gap:6px!important;padding:8px 12px!important;transition:all .2s ease!important;white-space:nowrap!important}@media (min-width:640px){.banner-btn{font-size:14px!important;padding:10px 16px!important}}.btn-icon{font-size:16px!important;line-height:1!important}.btn-text{display:none!important}@media (min-width:480px){.btn-text{display:inline!important}}.btn-text-mobile{display:none!important}@media (min-width:380px){.btn-text-mobile{display:inline!important}}.banner-btn-primary{background:#fffffff2!important;border-color:#ffffff4d!important;color:#6366f1f2!important}.banner-btn-primary:hover{background:#fff!important;box-shadow:0 4px 12px #ffffff4d!important;transform:translateY(-2px)!important}.banner-btn-primary:active{transform:translateY(0)!important}.banner-btn-danger{background:#ef444426!important;border-color:#ef44444d!important;color:#fecacaf2!important}.banner-btn-danger:hover{background:#ef444440!important;border-color:#ef444480!important;box-shadow:0 4px 12px #ef44444d!important;transform:translateY(-2px)!important}.banner-btn-danger:active{transform:translateY(0)!important}@keyframes bannerSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:360px){.waiting-room-banner{padding:8px 10px!important}.banner-container{gap:8px!important}.banner-spinner{height:32px!important;width:32px!important}.banner-title{font-size:13px!important}.banner-details{font-size:11px!important}.banner-btn{font-size:12px!important;padding:6px 10px!important}.btn-icon{font-size:14px!important}}@media (prefers-reduced-motion:reduce){.spinner-ring,.waiting-room-banner{animation:none!important}.spinner-ring{border-top-color:#fff9!important}.banner-time{animation:none!important}}.banner-joining{animation:bannerPulse 1s ease-in-out infinite!important;background:linear-gradient(135deg,#10b981f2,#059669f2 50%,#047857f2)!important}.banner-countdown{animation:countdownBounce 1s ease-in-out infinite!important;color:#fffffff2!important;font-size:14px!important;font-weight:600!important}@keyframes bannerPulse{0%,to{box-shadow:0 4px 20px #10b98166!important}50%{box-shadow:0 6px 30px #10b98199!important}}@keyframes countdownBounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-color-scheme:dark){.waiting-room-banner{box-shadow:0 4px 20px #8b5cf680!important}.banner-joining{box-shadow:0 4px 20px #10b98180!important}}.mode-selector{-webkit-overflow-scrolling:touch;align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;display:flex;flex-direction:column;font-family:inherit;justify-content:center;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:2rem}.back-to-menu{left:20px;position:fixed;top:20px;z-index:10003}.back-button{backdrop-filter:blur(5px);background:#000000b3;border:1px solid #4caf50;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease}.back-button:hover{background:#4caf5033;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.game-logo{margin-bottom:3rem;text-align:center}.game-logo h1{color:#4caf50;font-size:3.5rem;margin:0;text-shadow:2px 2px 4px #00000080}.game-subtitle{color:#ccc;font-size:1.2rem;font-style:italic;margin:.5rem 0 0}.mode-cards-container{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem;max-width:800px;width:100%}.mode-card{background:#ffffff1a;border:2px solid #0000;border-radius:16px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.mode-card:before{background:linear-gradient(45deg,#0000,#ffffff0d,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.mode-card:hover{box-shadow:0 15px 35px #0000004d;transform:translateY(-5px)}.mode-card:hover:before{opacity:1}.bot-mode:hover{border-color:#2196f3;box-shadow:0 15px 35px #2196f34d}.multiplayer-mode:hover{border-color:#4caf50;box-shadow:0 15px 35px #4caf504d}.mode-icon{display:block;font-size:4rem;margin-bottom:1rem}.mode-title{color:#fff;font-size:1.5rem;margin:0 0 1rem}.mode-features{color:#ccc;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;margin-bottom:2rem}.mode-features span{padding-left:.5rem;text-align:left}.mode-button{background:linear-gradient(45deg,#666,#888);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.mode-button.primary{background:linear-gradient(45deg,#4caf50,#66bb6a)}.mode-button:hover{box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.bot-mode .mode-button:hover{background:linear-gradient(45deg,#2196f3,#42a5f5)}.mode-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#aaa;font-size:.9rem;line-height:1.6;max-width:600px;padding:1.5rem;text-align:center}.mode-info strong{color:#4caf50}@media (max-width:768px){.mode-selector{justify-content:flex-start;padding:2rem 1rem 1rem}.game-logo h1{font-size:2.5rem}.mode-cards-container{gap:1.5rem;grid-template-columns:1fr;max-width:400px;width:100%}.mode-card{margin:0;padding:1.5rem}.mode-icon{font-size:3rem}.mode-title{font-size:1.3rem}.mode-info{font-size:.85rem;margin-top:1rem}}@media (max-width:480px){.mode-selector{gap:1rem;padding:1.5rem .75rem .75rem}.game-logo{margin-bottom:2rem}.game-logo h1{font-size:2rem;margin-bottom:.5rem}.game-subtitle{font-size:1rem}.mode-cards-container{gap:1rem;max-width:95%}.mode-card{border-radius:12px;padding:1rem}.mode-icon{font-size:2.5rem;margin-bottom:.75rem}.mode-title{font-size:1.2rem;margin-bottom:.75rem}.mode-features{font-size:.85rem;gap:.3rem;margin-bottom:1.5rem}.mode-button{border-radius:6px;font-size:.9rem;padding:10px 18px}.mode-info{border-radius:6px;font-size:.8rem;padding:1rem}}.admin-login-container{align-items:center;bottom:0;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;left:0;min-height:100vh;overflow:hidden;position:fixed;right:0;top:0}.admin-login-background{background:linear-gradient(135deg,#667eea,#764ba2);z-index:1}.admin-login-background,.background-pattern{bottom:0;left:0;position:absolute;right:0;top:0}.background-pattern{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff1a 0,#0000 50%);background-size:100px 100px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}}.admin-login-card{backdrop-filter:blur(10px);background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:480px;overflow-y:auto;padding:0;position:relative;width:90%;z-index:10}.login-header{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:24px 24px 0 0;color:#fff;padding:40px 40px 30px;position:relative;text-align:center}.admin-icon{animation:pulse 2s infinite;font-size:4rem;margin-bottom:20px;text-shadow:0 4px 8px #0000004d}.login-header h1{font-size:2rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.login-header p{font-size:1rem;font-weight:500;margin:0;opacity:.9}.error-alert{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;display:flex;gap:12px;margin:20px 40px 0;padding:16px}.error-icon{flex-shrink:0;font-size:1.2rem;margin-top:2px}.error-content strong{color:#dc2626;display:block;font-weight:600;margin-bottom:4px}.error-content p{color:#7f1d1d;font-size:.9rem;line-height:1.4;margin:0}.login-form{padding:30px 40px}.form-group{margin-bottom:24px}.form-group label{font-size:.9rem}.form-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;color:#111827;font-size:1rem;padding:14px 16px;transition:all .2s ease;width:100%}.form-input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a;outline:none}.form-input:disabled{cursor:not-allowed;opacity:.6}.password-input-container{position:relative}.password-toggle{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s}.password-toggle:hover{background:#f3f4f6}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-button{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 12px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 25px #dc262666;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{box-shadow:0 4px 12px #dc262633;cursor:not-allowed;opacity:.6;transform:none}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.login-footer{padding:0 40px 40px}.security-notice{align-items:flex-start;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.security-icon{flex-shrink:0;font-size:1.2rem;margin-top:2px}.security-text strong{color:#15803d;display:block;font-weight:600;margin-bottom:4px}.security-text p{color:#166534;font-size:.85rem;line-height:1.4;margin:0}.admin-features h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 16px}.features-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.feature-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:12px;transition:all .2s}.feature-item:hover{background:#f3f4f6;border-color:#d1d5db}.feature-icon{flex-shrink:0;font-size:1.2rem}.feature-item span:last-child{color:#6b7280;font-size:.85rem;font-weight:500}@media (max-width:640px){.admin-login-card{margin:20px;max-width:none;width:calc(100% - 40px)}.login-footer,.login-form,.login-header{padding-left:24px;padding-right:24px}.login-header{padding-bottom:24px;padding-top:30px}.admin-icon{font-size:3rem;margin-bottom:16px}.login-header h1{font-size:1.5rem}.features-grid{grid-template-columns:1fr}.error-alert{margin-left:24px;margin-right:24px}}@media (max-width:480px){.admin-login-container{padding:10px}.admin-login-card{margin:10px;width:calc(100% - 20px)}.form-input{padding:12px 14px}.login-button{padding:14px}}.finance-management{background:#f9fafb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.finance-header{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.admin-notification-btn{align-items:center;background:#d4a57433;border:1px solid #d4a5744d;border-radius:12px;color:#d4a574;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:12px;position:relative;transition:all .2s}.admin-notification-btn:hover{background:#d4a5744d;border-color:#d4a57480;transform:scale(1.05)}.admin-notification-badge{align-items:center;background:#d4a574!important;border:2px solid #f8fafc;border-radius:50%;box-shadow:0 3px 10px #d4a57480,inset 0 1px 0 #fff3;color:#1a202c!important;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:2px 7px;position:absolute;right:-6px;text-shadow:none;top:-6px}.finance-stats{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.stat-card{border-left:4px solid #3b82f6;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;gap:20px;padding:25px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px -5px #00000026;transform:translateY(-4px)}.stat-icon{flex-shrink:0;font-size:1.8rem;height:60px;width:60px}.stat-content h3{font-size:.9rem;font-weight:500}.stat-value{font-size:2rem;margin:0 0 5px}.stat-subtitle{font-size:.85rem}.finance-tabs-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.finance-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.tab-button{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1;font-size:1rem;font-weight:500;gap:10px;justify-content:center;padding:20px 25px;position:relative;transition:all .2s}.tab-button:hover{background:#f3f4f6;color:#374151}.tab-button.active{background:#3b82f6;color:#fff;font-weight:600}.tab-count{background:#ffffffe6;border-radius:8px;color:#3b82f6;font-size:.8rem;font-weight:600;min-width:20px;padding:4px 8px;text-align:center}.tab-button.active .tab-count{background:#fff3;color:#fff}.tab-content{min-height:500px;padding:30px}.tab-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.tab-header h3{color:#111827;font-size:1.3rem;font-weight:600;margin:0}.count-badge{background:#ddd6fe;border-radius:20px;color:#7c3aed;font-size:.9rem;font-weight:500;padding:8px 16px}.requests-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.purchase-card,.sale-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:25px;transition:all .3s ease}.purchase-card:hover,.sale-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px -5px #00000026;transform:translateY(-4px)}.card-header{align-items:flex-start;margin-bottom:20px}.card-title h4{color:#111827;font-size:1.1rem;font-weight:600;margin:0 0 8px}.status-badge{border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.pending{background:#f59e0b}.card-amount{text-align:right}.coins-amount{color:#10b981;font-size:1.2rem;margin-bottom:4px}.coins-amount.sale{color:#ef4444}.fiat-amount{color:#6b7280;font-size:.9rem;font-weight:500}.card-user{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:8px;color:#374151;margin-bottom:20px;padding:12px 16px}.card-user strong{color:#111827}.card-details{margin-bottom:25px}.detail-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:15px}.detail-grid>div{font-size:.9rem;line-height:1.5}.detail-grid strong{color:#374151;font-weight:600}.receipt-status{color:#10b981;font-weight:500}.bank-info{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:12px;margin-top:15px;padding:16px}.bank-info-title{color:#0c4a6e;font-size:.9rem;font-weight:600;margin-bottom:10px}.bank-details{display:grid;gap:8px}.bank-details div{align-items:center;display:flex;font-size:.9rem;gap:8px}.bank-details code{background:#e0f2fe;border-radius:6px;color:#0c4a6e;font-family:Courier New,monospace;font-weight:600;padding:4px 8px}.card-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{font-size:.9rem;font-weight:500;gap:6px;justify-content:center;min-width:100px;padding:10px 16px;text-align:center;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.empty-state{color:#6b7280;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.empty-state h3{color:#374151;font-size:1.3rem;margin:0 0 10px}.empty-state p{font-size:1rem;line-height:1.5;margin:0}.loading-view{color:#6b7280;justify-content:center;padding:60px 20px}.finance-summary{max-width:1000px}.finance-summary h3{color:#111827;font-size:1.4rem;font-weight:600;margin:0 0 30px}.summary-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:25px;text-align:center;transition:all .3s ease}.summary-card:hover{box-shadow:0 8px 25px -5px #00000026;transform:translateY(-4px)}.summary-card h4{color:#6b7280;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.summary-value{color:#3b82f6;font-size:2.2rem;font-weight:700;line-height:1;margin:0 0 8px}.summary-subtitle{color:#9ca3af;font-size:.85rem;margin:0}.activity-chart{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:30px}.activity-chart h4{color:#111827;font-size:1.1rem;font-weight:600;margin:0 0 25px}.chart-container{max-width:400px}.chart-bars{height:60px;margin-bottom:10px}.chart-bar{flex:1;min-height:4px}.chart-bar:hover{transform:scaleY(1.1)}.chart-labels{color:#6b7280;display:flex;font-size:.8rem;font-weight:500;justify-content:space-between}.modal-overlay{padding-bottom:var(--gaming-bottom-nav-height,80px);z-index:10002}.action-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{padding:25px 30px 20px}.modal-header.approve{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px 16px 0 0;color:#fff}.modal-header.reject{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:16px 16px 0 0;color:#fff}.modal-header h3{font-size:1.2rem;font-weight:600}.close-btn{background:none;border-radius:6px;color:inherit;font-size:1.5rem;padding:5px;transition:all .2s}.close-btn:hover{background:#ffffff1a}.modal-content{padding:30px}.item-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:25px;padding:20px}.item-summary h4{color:#111827;font-weight:600;margin:0 0 10px}.item-summary div{color:#6b7280;margin:5px 0}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px}.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;padding:12px;transition:all .2s;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.modal-actions{padding:20px 30px 30px}@media (max-width:768px){.finance-management{padding:15px}.finance-header{flex-direction:column;gap:20px;padding:20px;text-align:center}.header-actions{justify-content:center;width:100%}.finance-stats{grid-template-columns:1fr}.stat-card{padding:20px}.stat-icon{font-size:1.5rem;height:50px;width:50px}.finance-tabs{flex-direction:column}.tab-content{padding:20px}.requests-grid{grid-template-columns:1fr}.card-header{flex-direction:column;gap:15px}.card-amount{text-align:left}.card-actions{flex-direction:column}.btn{width:100%}.summary-grid{grid-template-columns:repeat(2,1fr)}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}@media (max-width:480px){.finance-header h1{font-size:1.5rem}.header-content p{font-size:1rem}.summary-grid{grid-template-columns:1fr}.tab-header{flex-direction:column;gap:15px;text-align:center}.detail-grid{grid-template-columns:1fr}}.admin-analytics{background:#f9fafb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1600px;min-height:100vh;padding:20px}.analytics-header{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.header-content h1{align-items:center;color:#111827;display:flex;font-size:2rem;gap:12px}.header-content p{font-size:1.1rem}.header-controls{align-items:center;display:flex;gap:15px}.time-range-selector{background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;min-width:160px;padding:12px 16px;transition:all .2s}.time-range-selector:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.refresh-btn{align-items:center;background:#10b981;border-radius:12px;color:#fff;display:flex;font-weight:500;gap:8px;padding:12px 20px}.refresh-btn:hover{background:#059669;transform:translateY(-2px)}.refresh-btn:disabled{opacity:.6;transform:none}.loading-dashboard{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{border:4px solid #f3f4f6;height:50px;margin-bottom:20px;width:50px}.metrics-overview{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.metric-card{align-items:center;background:#fff;border-left:4px solid #3b82f6;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 25px -5px #00000026;transform:translateY(-4px)}.metric-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;font-size:2rem;font-weight:700;height:70px;justify-content:center;position:relative;width:70px}.realtime-pulse{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:12px;position:absolute;right:-2px;top:-2px;width:12px}@keyframes pulse{0%{opacity:1;transform:scale(.8)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(.8)}}.metric-content{flex:1;min-width:0}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.metric-header h4{color:#6b7280;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.change-indicator{border-radius:8px;font-size:.8rem;font-weight:600;padding:4px 8px;white-space:nowrap}.change-indicator.positive{background:#dcfce7;color:#15803d}.change-indicator.negative{background:#fee2e2;color:#dc2626}.metric-value{font-size:2.2rem;font-weight:700;line-height:1;margin:0 0 8px}.metric-subtitle{color:#9ca3af;font-size:.85rem;margin:0}.analytics-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.analytics-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;transition:all .3s ease}.analytics-card:hover{box-shadow:0 8px 25px -5px #00000026;transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:25px 25px 20px}.card-header h3{color:#111827;font-size:1.2rem;font-weight:600;margin:0}.alerts-count,.financial-summary,.period-label,.ranking-period,.system-status,.total-games{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:.8rem;font-weight:500;padding:6px 12px}.financial-summary{background:#f0fdf4;color:#15803d}.system-status{background:#f0f9ff;color:#0c4a6e}.alerts-count{background:#fef2f2;color:#dc2626}.user-activity-chart{padding:25px}.chart-bars{align-items:end;display:flex;gap:8px;height:200px;justify-content:space-between;margin-bottom:20px}.chart-bar-container{align-items:center;display:flex;flex:1;flex-direction:column;height:100%}.chart-bar{background:linear-gradient(0deg,#3b82f6,#60a5fa);border-radius:4px 4px 0 0;cursor:pointer;margin-top:auto;max-width:40px;min-height:8px;transition:all .3s ease;width:100%}.chart-bar:hover{background:linear-gradient(0deg,#2563eb,#3b82f6);transform:scaleX(1.1)}.bar-label{color:#6b7280;font-size:.8rem;font-weight:500;margin-top:8px;text-align:center}.chart-legend{display:flex;gap:20px;justify-content:center}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:8px}.legend-color{border-radius:3px;height:12px;width:12px}.games-distribution-chart{align-items:center;display:flex;gap:30px;padding:25px}.pie-chart{background:conic-gradient(#3b82f6 0deg 120deg,#10b981 120deg 240deg,#f59e0b 240deg 1turn);border-radius:50%;height:150px;position:relative;width:150px}.pie-legend{display:flex;flex:1;flex-direction:column;gap:12px}.pie-legend .legend-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.pie-legend .legend-item span{color:#6b7280;font-size:.9rem}.pie-legend .legend-item strong{color:#111827;font-weight:600}.financial-flow-chart{padding:25px}.flow-bars{align-items:end;display:flex;gap:15px;height:200px;justify-content:space-around}.flow-item{align-items:center;display:flex;flex:1;flex-direction:column;max-width:80px}.flow-label{color:#6b7280;font-size:.8rem;font-weight:500;margin-bottom:10px;text-align:center}.flow-bar-container{align-items:end;display:flex;height:120px;margin-bottom:10px;width:30px}.flow-bar{border-radius:4px 4px 0 0;min-height:4px;transition:all .3s ease;width:100%}.flow-bar.positive{background:linear-gradient(0deg,#10b981,#34d399)}.flow-bar.negative{background:linear-gradient(0deg,#ef4444,#f87171)}.flow-value{color:#374151;font-size:.75rem;font-weight:600;text-align:center}.top-users-ranking{max-height:400px;overflow-y:auto;padding:25px}.empty-ranking{color:#6b7280;font-size:.9rem;padding:40px 20px;text-align:center}.users-list{display:flex;flex-direction:column;gap:15px}.user-ranking-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .2s}.user-ranking-item:hover{background:#f3f4f6;border-color:#d1d5db}.ranking-position{font-size:1.2rem;font-weight:600;min-width:40px;text-align:center}.user-name{margin-bottom:4px}.user-stats{color:#6b7280;font-size:.8rem}.user-score{color:#3b82f6;font-size:1.1rem;font-weight:700}.system-metrics{gap:20px;padding:25px}.metric-item,.system-metrics{display:flex;flex-direction:column}.metric-item{gap:8px}.metric-info{align-items:center;display:flex;justify-content:space-between}.metric-name{color:#6b7280;font-size:.9rem;font-weight:500}.metric-value{color:#111827;font-weight:600}.metric-bar{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden}.metric-fill{border-radius:4px;height:100%;transition:all .3s ease}.system-alerts{max-height:400px;overflow-y:auto;padding:25px}.no-alerts{color:#10b981;font-weight:500;padding:40px 20px;text-align:center}.success-icon{font-size:3rem;margin-bottom:15px}.alert-item{align-items:flex-start;border-left:4px solid;border-radius:12px;display:flex;gap:12px;margin-bottom:12px;padding:15px}.alert-item.critical{background:#fef2f2;border-color:#ef4444}.alert-item.warning{background:#fffbeb;border-color:#f59e0b}.alert-item.info{background:#eff6ff;border-color:#3b82f6}.alert-icon{flex-shrink:0;font-size:1.2rem}.alert-content{flex:1;min-width:0}.alert-title{color:#111827;font-weight:600;margin-bottom:4px}.alert-description{color:#6b7280;font-size:.9rem;line-height:1.4;margin-bottom:8px}.alert-time{color:#9ca3af;font-size:.8rem}.alert-dismiss{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:1.2rem;padding:4px;transition:all .2s}.alert-dismiss:hover{background:#0000001a;color:#374151}.alerts-card{grid-column:span 2;min-height:300px}.error-view{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:60px 20px;text-align:center}.error-icon{font-size:4rem;margin-bottom:20px}.error-view h3{color:#ef4444;font-size:1.4rem;margin:0 0 10px}.error-view p{color:#6b7280;font-size:1rem;margin:0 0 25px}.retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.retry-btn:hover{background:#2563eb;transform:translateY(-2px)}@media (max-width:1200px){.analytics-grid{grid-template-columns:1fr}.alerts-card{grid-column:span 1}}@media (max-width:768px){.admin-analytics{padding:15px}.analytics-header{flex-direction:column;gap:20px;padding:20px;text-align:center}.header-controls{flex-wrap:wrap;justify-content:center;width:100%}.metrics-overview{grid-template-columns:1fr}.metric-card{padding:20px}.metric-icon{height:60px;width:60px}.metric-icon,.metric-value{font-size:1.8rem}.analytics-grid{gap:20px;grid-template-columns:1fr}.card-header{flex-direction:column;gap:10px;text-align:center}.games-distribution-chart{flex-direction:column;gap:20px}.pie-chart{height:120px;width:120px}.chart-bars,.flow-bars{height:150px}.user-ranking-item{padding:12px}.ranking-position{font-size:1rem;min-width:35px}}@media (max-width:480px){.analytics-header h1{font-size:1.5rem}.header-content p{font-size:1rem}.time-range-selector{font-size:.8rem;min-width:140px;padding:10px 12px}.metric-card{flex-direction:column;gap:15px;text-align:center}.metric-header{flex-direction:column;gap:8px}.chart-bars,.flow-bars{height:120px}.alert-item{flex-direction:column;gap:10px}.alert-dismiss{align-self:flex-end}}.user-management{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.users-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.header-content h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.header-content p{color:#6b7280;font-size:16px;margin:0}.header-actions{gap:12px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.refresh-btn{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s}.refresh-btn:hover{background:#e5e7eb}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.users-stats{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border-left:4px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:24px;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;font-weight:700;height:56px;justify-content:center;width:56px}.stat-content h3{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-value{font-size:32px;font-weight:700;line-height:1;margin:0 0 4px}.stat-subtitle{color:#9ca3af;font-size:14px;margin:0}.users-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.search-section{margin-bottom:20px}.search-input-container{max-width:400px;position:relative}.search-icon{color:#9ca3af;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px 12px 12px 40px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#3b82f6;outline:none}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;min-width:150px;padding:8px 12px;transition:border-color .2s}.filter-select:focus{border-color:#3b82f6;outline:none}.bulk-actions{align-items:center;background:#fef3c7;border:2px solid #f59e0b;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px}.bulk-info{color:#92400e;font-weight:600}.bulk-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.bulk-select{background:#fff;border:2px solid #f59e0b;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.users-table{width:100%}.table-header{background:#f9fafb;border-bottom:2px solid #e5e7eb;display:grid;grid-template-columns:50px 2fr 120px 120px 120px 120px 100px;padding:0}.header-cell{border-right:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-transform:uppercase}.header-cell:last-child{border-right:none}.checkbox-cell{align-items:center;display:flex;justify-content:center}.table-body{display:flex;flex-direction:column}.user-row{border-bottom:1px solid #f3f4f6;display:grid;grid-template-columns:50px 2fr 120px 120px 120px 120px 100px;transition:background-color .2s}.user-row:hover{background:#f9fafb}.user-row.selected{background:#eff6ff;border-color:#3b82f6}.user-cell{align-items:center;border-right:1px solid #f3f4f6;display:flex;font-size:14px;padding:16px 12px}.user-cell:last-child{border-right:none}.user-checkbox{cursor:pointer;height:16px;width:16px}.user-info{align-items:center;display:flex;gap:12px}.user-avatar{border-radius:50%;height:40px;width:40px}.avatar-placeholder{background:#3b82f6;font-size:16px;font-weight:700}.user-details{flex:1;min-width:0}.user-name{color:#1f2937}.user-email{color:#6b7280;font-size:13px;margin-bottom:2px}.user-id{color:#9ca3af;font-family:monospace;font-size:12px}.role-badge,.status-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.coins-cell{align-items:flex-start;flex-direction:column}.coins-amount{color:#1f2937;font-size:16px;font-weight:700}.coins-label{color:#9ca3af;font-size:12px}.date-cell{color:#6b7280;font-size:13px}.actions-cell,.actions-container{position:relative}.actions-trigger{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:16px;padding:8px;transition:all .2s}.actions-trigger:hover{background:#f3f4f6;color:#374151}.actions-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:150px;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}.action-btn{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;text-align:left;transition:background-color .2s;width:100%}.action-btn:hover{background:#f3f4f6}.action-btn.edit:hover{background:#dbeafe;color:#1e40af}.action-btn.success:hover{background:#dcfce7;color:#166534}.action-btn.warning:hover{background:#fef3c7;color:#92400e}.action-btn.danger:hover{background:#fee2e2;color:#dc2626}.dropdown-separator{background:#e5e7eb;height:1px;margin:4px 0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.user-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.modal-header h3{color:#1f2937;font-size:18px;margin:0}.close-btn{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:20px;padding:4px;transition:color .2s}.close-btn:hover{color:#374151}.modal-content{padding:24px}.form-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.empty-view,.error-view,.loading-view{padding:60px 20px;text-align:center}.loading-view{align-items:center;display:flex;flex-direction:column;gap:16px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-view .empty-icon,.error-view .error-icon{font-size:48px;margin-bottom:16px}.empty-view h3,.error-view h3{color:#1f2937;margin:0 0 8px}.empty-view p,.error-view p{color:#6b7280;margin:0 0 20px}@media (max-width:1200px){.table-header,.user-row{grid-template-columns:50px 2fr 100px 100px 100px 100px 80px}}@media (max-width:768px){.user-management{padding:16px}.users-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:flex-end}.users-stats{grid-template-columns:1fr}.filter-controls{align-items:stretch;flex-direction:column}.filter-select{min-width:auto}.table-header,.user-row{grid-template-columns:40px 1fr 80px 60px}.header-cell:nth-child(n+5),.user-cell:nth-child(n+5){display:none}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}}.admin-layout{background:#f9fafb;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden}.admin-sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;transition:all .3s ease;width:280px;z-index:1000}.admin-sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;min-height:80px;padding:20px}.admin-brand,.sidebar-header{align-items:center;display:flex}.admin-brand{flex:1;gap:12px}.brand-icon{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;display:flex;flex-shrink:0;font-size:1.8rem;height:48px;justify-content:center;width:48px}.brand-text h2{color:#111827;font-size:1.3rem;font-weight:700;line-height:1.2;margin:0}.brand-text span{color:#6b7280;font-size:.8rem;font-weight:500}.sidebar-toggle{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .2s;width:32px}.sidebar-toggle:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.sidebar-user{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:20px}.user-avatar{border:2px solid #e5e7eb;border-radius:12px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;font-size:1.2rem;font-weight:600;height:100%;justify-content:center;width:100%}.user-info{flex:1;min-width:0}.user-name{color:#111827;font-size:.95rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#6b7280;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.sidebar-nav{flex:1;overflow-y:auto;padding:20px 0}.nav-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;padding:12px 20px;position:relative;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:#f9fafb}.nav-item.active{background:#dbeafe;color:#1d4ed8}.nav-icon{flex-shrink:0;font-size:1.3rem;text-align:center;width:24px}.nav-content{flex:1;min-width:0}.nav-label{display:block;font-size:.9rem;font-weight:500;margin-bottom:2px}.nav-description,.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-description{color:#6b7280;font-size:.75rem}.nav-item.active .nav-description{color:#1e40af}.nav-indicator{background:#1d4ed8;border-radius:2px 0 0 2px;bottom:0;position:absolute;right:0;top:0;width:3px}.sidebar-footer{border-top:1px solid #f3f4f6;padding:20px}.logout-btn{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;margin-bottom:16px;padding:12px;transition:all .2s;width:100%}.logout-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.logout-icon{font-size:1.1rem}.app-version{color:#9ca3af;font-size:.75rem;line-height:1.4;text-align:center}.admin-main{display:flex;flex:1;flex-direction:column;overflow:hidden}.main-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;justify-content:space-between;padding:20px 30px}.breadcrumb,.main-header{align-items:center;display:flex}.breadcrumb{color:#6b7280;font-size:.9rem;gap:8px}.breadcrumb-home{color:#374151;font-weight:500}.breadcrumb-separator{color:#d1d5db}.breadcrumb-current{color:#111827;font-weight:600}.header-actions{gap:15px}.header-actions,.user-badge{align-items:center;display:flex}.user-badge{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;gap:8px;padding:8px 16px}.user-badge-icon{font-size:1rem}.user-badge-text{color:#374151;font-size:.85rem;font-weight:500}.role-badge{background:#dbeafe;border-radius:8px;color:#1e40af;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.role-badge.admin{background:#fef3c7;color:#92400e}.role-badge.moderator{background:#e0e7ff;color:#5b21b6}.main-content{background:#f9fafb;flex:1;overflow-y:auto}.coming-soon{align-items:center;display:flex;height:100%;justify-content:center;padding:40px}.coming-soon-content{max-width:500px;text-align:center}.coming-soon-icon{font-size:4rem;margin-bottom:20px}.coming-soon-content h2{color:#374151;font-size:1.8rem;margin:0 0 10px}.coming-soon-content p{color:#6b7280;font-size:1.1rem;margin:0 0 30px}.coming-soon-features{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:25px;text-align:left}.coming-soon-features h4{color:#374151;font-size:1rem;margin:0 0 15px}.coming-soon-features ul{color:#6b7280;margin:0;padding-left:20px}.coming-soon-features li{line-height:1.5;margin-bottom:8px}.sidebar-overlay{display:none}@media (max-width:1024px){.admin-sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:1000}.admin-sidebar:not(.collapsed){transform:translateX(0)}.sidebar-overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}.admin-main{width:100%}.main-header{padding:15px 20px}.breadcrumb{font-size:.8rem}.user-badge-text{display:none}}@media (max-width:640px){.main-header{align-items:flex-start;flex-direction:column;gap:15px;padding:15px}.header-actions{justify-content:flex-end;width:100%}.breadcrumb{order:2}.coming-soon{padding:20px}.coming-soon-content h2{font-size:1.4rem}.coming-soon-features{padding:20px}}.admin-sidebar.collapsed .sidebar-user{justify-content:center}.admin-sidebar.collapsed .brand-text,.admin-sidebar.collapsed .nav-content,.admin-sidebar.collapsed .user-info{display:none}.admin-sidebar.collapsed .nav-item{justify-content:center;padding:12px}.admin-sidebar.collapsed .app-version,.admin-sidebar.collapsed .logout-btn span:not(.logout-icon){display:none}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.main-content{animation:slideInRight .3s ease-out}
/*# sourceMappingURL=main.44042d5e.css.map*/