@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";.tutorial-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(5px)}.tutorial-content{background:linear-gradient(135deg,#1a4a5c,#0f2832);border:2px solid #f8d56b;border-radius:20px;padding:30px;max-width:90%;max-width:400px;text-align:center;color:#fff;box-shadow:0 10px 30px #00000080}.tutorial-content h3{color:#f8d56b;font-size:1.5em;margin-bottom:20px}.tutorial-steps{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.tutorial-step{display:flex;align-items:center;gap:15px;text-align:left}.tutorial-icon{font-size:1.5em;min-width:30px}.tutorial-step p{margin:0;font-size:.9em;line-height:1.4}.gesture-hint{background:#f8d56b1a;border:1px solid rgba(248,213,107,.3);border-radius:8px;padding:8px 12px;margin:8px 0;font-size:.85em;line-height:1.3;color:#f8d56b;text-align:left}.gesture-hint em{font-style:italic;color:#b8d4e6}.gesture-hint strong{color:#f8d56b;font-weight:600}.tutorial-close{background:linear-gradient(to bottom,#f8d56b,#e5b733);color:#2a3439;border:none;border-radius:25px;padding:12px 30px;font-size:1em;font-weight:700;cursor:pointer;transition:all .3s ease;touch-action:manipulation}.tutorial-close:hover{background:linear-gradient(to bottom,#ffeb99,#f8d56b);transform:translateY(-2px)}@media (max-width: 768px){.tutorial-content{padding:20px;margin:20px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);overflow-y:auto}.tutorial-content h3{font-size:1.3em;margin-bottom:15px}.tutorial-step{flex-direction:column;text-align:center;gap:8px;margin-bottom:15px}.tutorial-step p{font-size:.85em}.tutorial-icon{font-size:2em}.gesture-hint{font-size:.8em;padding:6px 10px;text-align:left}.tutorial-close{padding:14px 28px;font-size:1.1em;width:100%;max-width:200px}}@supports (padding: max(0px)){.App{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.bottom-menu{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom))}.poker-table{margin-top:max(20px,env(safe-area-inset-top));margin-bottom:max(20px,env(safe-area-inset-bottom))}}.player-name{font-size:1.7em;margin:0 0 8px;color:#f8d56b;text-shadow:1px 1px 2px black;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-list{margin-top:20px;max-height:60vh;overflow-y:auto}.lobby-item{background:#0a1e28b3;border-radius:10px;padding:15px;margin:10px 0;border:1px solid rgba(248,213,107,.3)}.lobby-item h3{margin-top:0;color:#f8d56b}.player-list{background:#0003;padding:10px;border-radius:8px;margin:15px 0}.player-list ul{list-style:none;padding:0;margin:0}.player-list li{padding:5px 0;border-bottom:1px solid rgba(255,255,255,.2);color:#ffffffe6}.App{text-align:center;background-image:url(/images/10013144.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(1rem,4vw,1.25rem);line-height:1.4;width:100%;overflow-x:hidden}h1{color:#f8d56b;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.5);font-size:3em}h2,h3{color:#f8d56b;margin-bottom:10px;text-shadow:0 1px 3px rgba(0,0,0,.5);font-size:1em}button{background:linear-gradient(to bottom,#f8d56b,#e5b733);color:#2a3439;border:none;border-radius:25px;padding:10px 20px;font-size:.9em;font-weight:700;margin:5px;cursor:pointer;transition:all .3s ease}.card{display:inline-block;width:70px;height:100px;min-width:60px;min-height:88px;background:linear-gradient(135deg,#fff,#f5f5f5);border-radius:6px;border:1px solid rgba(0,0,0,.1);margin:0 -10px;position:relative;font-size:1em;cursor:pointer;transition:all .2s ease;z-index:1;touch-action:manipulation}.card:first-child{margin-left:0}.bottom .card{margin:0 10px}.bottom .card+.card{margin-left:10px}.bottom .card.small-card{margin:0 2px}.bottom .card.small-card+.card.small-card{margin-left:2px}.card.small-card{width:50px;height:75px;min-width:48px;min-height:72px;font-size:.8em;margin:0 -8px}.card.highlight-card{transform:translateY(-5px);z-index:10}.card-hover{transform:translateY(-8px);transition:transform .2s ease}.card-selected{transform:translateY(-15px)!important;z-index:100!important}.card-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:5px}.card.red{color:#d32f2f}.card.black{color:#222}.card.facedown{background:url(https://i.ibb.co/d49LvQ2d/Background-Red.png) no-repeat center center;background-size:cover;border-radius:6px}.card.facedown .card-back{width:100%;height:100%;background:none!important;background-color:transparent!important;border-radius:4px;position:absolute!important;top:0!important;left:0!important;z-index:2!important}.card.facedown .card-back{width:100%;height:100%;background:repeating-linear-gradient(45deg,#1a3a5a 0px 8px,#2a4a6a 8px 16px);border-radius:6px;position:absolute;top:0;left:0}.card-value,.card-suit{font-size:.9em;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card:active{transform:scale(.98);transition:transform .1s}.card-face-image{display:block;width:calc(100% + 10px);height:calc(100% + 10px);margin:-5px 0 0 -5px;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;padding:0;box-sizing:border-box}.card.small-card .card-face-image{width:calc(100% + 10px);height:calc(100% + 10px);margin:-5px 0 0 -5px}@media (max-width: 600px){.card-face-image{width:calc(100% + 8px);height:calc(100% + 8px);margin:-4px 0 0 -4px}.card.small-card .card-face-image{width:calc(100% + 6px);height:calc(100% + 6px);margin:-3px 0 0 -3px}}@media (pointer: coarse){.card{min-width:48px;min-height:72px}.card.small-card{min-width:40px;min-height:60px}}.deck-highlight .card{box-shadow:0 0 15px 3px #f8d56bb3;animation:pulse-glow 1.5s infinite alternate}@keyframes pulse-glow{0%{box-shadow:0 0 8px 2px #f8d56b80}to{box-shadow:0 0 18px 6px #f8d56bcc}}@keyframes shuffleDeck{0%{transform:translate(0) translateY(0) rotate(0) scale(1)}15%{transform:translate(-15px) translateY(-10px) rotate(-8deg) scale(.95)}30%{transform:translate(20px) translateY(-15px) rotate(12deg) scale(.9)}45%{transform:translate(-10px) translateY(-20px) rotate(-5deg) scale(.95)}60%{transform:translate(25px) translateY(-8px) rotate(15deg) scale(.85)}75%{transform:translate(-5px) translateY(-12px) rotate(-3deg) scale(.95)}90%{transform:translate(8px) translateY(-5px) rotate(2deg) scale(.98)}to{transform:translate(0) translateY(0) rotate(0) scale(1)}}@keyframes dealCard{0%{transform:translate(0) translateY(0) rotate(0) scale(.85);opacity:0}10%{opacity:1;transform:translate(0) translateY(-2vh) rotate(0) scale(.9)}25%{transform:translate(0) translateY(8vh) rotate(-1deg) scale(.95)}50%{transform:translate(0) translateY(16vh) rotate(-2deg) scale(1)}75%{transform:translate(0) translateY(22vh) rotate(-1deg) scale(1.02)}90%{transform:translate(0) translateY(26vh) rotate(0) scale(1.01)}to{transform:translate(0) translateY(30vh) rotate(0) scale(1);opacity:1}}@keyframes dealCardTop{0%{transform:translate(0) translateY(0) rotate(0) scale(.85);opacity:0}10%{opacity:1;transform:translate(0) translateY(-2vh) rotate(0) scale(.9)}25%{transform:translate(0) translateY(-8vh) rotate(1deg) scale(.95)}50%{transform:translate(0) translateY(-16vh) rotate(2deg) scale(1)}75%{transform:translate(0) translateY(-22vh) rotate(1deg) scale(1.02)}90%{transform:translate(0) translateY(-26vh) rotate(0) scale(1.01)}to{transform:translate(0) translateY(-30vh) rotate(0) scale(1);opacity:1}}@keyframes dealCardLeft{0%{transform:translate(0) translateY(0) rotate(0) scale(.85);opacity:0}10%{opacity:1;transform:translate(-2vw) translateY(0) rotate(0) scale(.9)}25%{transform:translate(-8vw) translateY(0) rotate(-1deg) scale(.95)}50%{transform:translate(-16vw) translateY(0) rotate(-2deg) scale(1)}75%{transform:translate(-22vw) translateY(0) rotate(-1deg) scale(1.02)}90%{transform:translate(-26vw) translateY(0) rotate(0) scale(1.01)}to{transform:translate(-30vw) translateY(0) rotate(0) scale(1);opacity:1}}@keyframes dealCardRight{0%{transform:translate(0) translateY(0) rotate(0) scale(.85);opacity:0}10%{opacity:1;transform:translate(2vw) translateY(0) rotate(0) scale(.9)}25%{transform:translate(8vw) translateY(0) rotate(1deg) scale(.95)}50%{transform:translate(16vw) translateY(0) rotate(2deg) scale(1)}75%{transform:translate(22vw) translateY(0) rotate(1deg) scale(1.02)}90%{transform:translate(26vw) translateY(0) rotate(0) scale(1.01)}to{transform:translate(30vw) translateY(0) rotate(0) scale(1);opacity:1}}@keyframes cardDraw{0%{transform:translate(0) translateY(-15vh) rotate(0) scale(.9);opacity:0}15%{opacity:1;transform:translate(0) translateY(-12vh) rotate(-2deg) scale(.95)}40%{transform:translate(0) translateY(-8vh) rotate(-3deg) scale(1)}70%{transform:translate(0) translateY(-4vh) rotate(-2deg) scale(1.02)}85%{transform:translate(0) translateY(-1vh) rotate(-1deg) scale(1.01)}to{transform:translate(0) translateY(0) rotate(0) scale(1);opacity:1}}@keyframes cardDrawTop{0%{transform:translate(0) translateY(0) rotate(0) scale(.9);opacity:0}15%{opacity:1;transform:translate(0) translateY(-3vh) rotate(2deg) scale(.95)}40%{transform:translate(0) translateY(-8vh) rotate(3deg) scale(1)}70%{transform:translate(0) translateY(-12vh) rotate(2deg) scale(1.02)}85%{transform:translate(0) translateY(-14vh) rotate(1deg) scale(1.01)}to{transform:translate(0) translateY(-16vh) rotate(0) scale(1);opacity:1}}@keyframes cardDrawLeft{0%{transform:translate(0) translateY(0) rotate(0) scale(.9);opacity:0}15%{opacity:1;transform:translate(-2vw) translateY(0) rotate(-2deg) scale(.95)}40%{transform:translate(-8vw) translateY(0) rotate(-3deg) scale(1)}70%{transform:translate(-15vw) translateY(0) rotate(-2deg) scale(1.02)}85%{transform:translate(-18vw) translateY(0) rotate(-1deg) scale(1.01)}to{transform:translate(-20vw) translateY(0) rotate(0) scale(1);opacity:1}}@keyframes cardDrawRight{0%{transform:translate(0) translateY(0) rotate(0) scale(.9);opacity:0}15%{opacity:1;transform:translate(2vw) translateY(0) rotate(2deg) scale(.95)}40%{transform:translate(8vw) translateY(0) rotate(3deg) scale(1)}70%{transform:translate(15vw) translateY(0) rotate(2deg) scale(1.02)}85%{transform:translate(18vw) translateY(0) rotate(1deg) scale(1.01)}to{transform:translate(20vw) translateY(0) rotate(0) scale(1);opacity:1}}@keyframes cardDiscard{0%{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:1}25%{transform:translateY(-4vh) translate(0) rotate(2deg) scale(.98);opacity:1}50%{transform:translateY(-8vh) translate(0) rotate(5deg) scale(.92);opacity:1}75%{transform:translateY(-12vh) translate(0) rotate(8deg) scale(.7);opacity:.8}90%{transform:translateY(-14vh) translate(0) rotate(10deg) scale(.5);opacity:.4}to{transform:translateY(-16vh) translate(0) rotate(12deg) scale(.45);opacity:0}}@keyframes cardDiscardTop{0%{transform:translateY(-16vh) translate(0) rotate(0) scale(1);opacity:1}25%{transform:translateY(-14vh) translate(0) rotate(-2deg) scale(.98);opacity:1}50%{transform:translateY(-12vh) translate(0) rotate(-5deg) scale(.92);opacity:1}75%{transform:translateY(-8vh) translate(0) rotate(-8deg) scale(.7);opacity:.8}90%{transform:translateY(-6vh) translate(0) rotate(-10deg) scale(.5);opacity:.4}to{transform:translateY(-4vh) translate(0) rotate(-12deg) scale(.45);opacity:0}}@keyframes cardDiscardLeft{0%{transform:translateY(0) translate(-20vw) rotate(0) scale(1);opacity:1}25%{transform:translateY(0) translate(-15vw) rotate(2deg) scale(.98);opacity:1}50%{transform:translateY(0) translate(-10vw) rotate(5deg) scale(.92);opacity:1}75%{transform:translateY(0) translate(-5vw) rotate(8deg) scale(.7);opacity:.8}90%{transform:translateY(0) translate(-2vw) rotate(10deg) scale(.5);opacity:.4}to{transform:translateY(0) translate(0) rotate(12deg) scale(.45);opacity:0}}@keyframes cardDiscardRight{0%{transform:translateY(0) translate(20vw) rotate(0) scale(1);opacity:1}25%{transform:translateY(0) translate(15vw) rotate(-2deg) scale(.98);opacity:1}50%{transform:translateY(0) translate(10vw) rotate(-5deg) scale(.92);opacity:1}75%{transform:translateY(0) translate(5vw) rotate(-8deg) scale(.7);opacity:.8}90%{transform:translateY(0) translate(2vw) rotate(-10deg) scale(.5);opacity:.4}to{transform:translateY(0) translate(0) rotate(-12deg) scale(.45);opacity:0}}.card-shuffling{animation:shuffleDeck 2s ease-in-out;will-change:transform;backface-visibility:hidden}.card-dealing{animation:dealCard 1.8s cubic-bezier(.2,.1,.3,1) forwards;will-change:transform,opacity;backface-visibility:hidden}.top .card-dealing{animation-name:dealCardTop}.left .card-dealing{animation-name:dealCardLeft}.right .card-dealing{animation-name:dealCardRight}.bottom .card-dealing{animation-name:dealCard}.card-drawing{animation:cardDraw 1.4s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform,opacity;backface-visibility:hidden}.card-discarding{animation:cardDiscard 1.2s cubic-bezier(.25,.46,.45,.94) forwards;position:absolute!important;z-index:1000;pointer-events:none;will-change:transform,opacity;backface-visibility:hidden}.top .card-drawing{animation-name:cardDrawTop}.left .card-drawing{animation-name:cardDrawLeft}.right .card-drawing{animation-name:cardDrawRight}.bottom .card-drawing{animation-name:cardDraw}.top .card-discarding,.top .discard-animation-overlay{animation-name:cardDiscardTop}.left .card-discarding,.left .discard-animation-overlay{animation-name:cardDiscardLeft}.right .card-discarding,.right .discard-animation-overlay{animation-name:cardDiscardRight}.bottom .card-discarding,.bottom .discard-animation-overlay{animation-name:cardDiscard}@media (prefers-reduced-motion: reduce){.card-drawing,.card-discarding,.card-shuffling,.card-dealing,.discard-animation-overlay,.deck-shuffling{animation:none!important;transition:opacity .2s ease!important}.card-drawing,.card-dealing{animation:simpleFade .3s ease forwards!important}}@keyframes simpleFade{0%{opacity:0}to{opacity:1}}.bottom .hand{position:relative;transition:none!important;min-height:65px;display:flex;align-items:center;justify-content:center;contain:layout}.bottom .card{position:relative;transition:transform .2s ease-out;flex-shrink:0}.bottom .card.card-discarding{opacity:0!important;visibility:hidden!important;pointer-events:none;width:45px;height:65px;transform:none!important;position:static!important}.discard-animation-overlay{position:fixed;z-index:1001;pointer-events:none;animation:cardDiscard 1.2s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d}.deck-shuffling{animation:shuffleDeck 2s ease-in-out}.deal-delay-1{animation-delay:.3s}.deal-delay-2{animation-delay:.6s}.deal-delay-3{animation-delay:.9s}.deal-delay-4{animation-delay:1.2s}.deal-delay-5{animation-delay:1.5s}.deal-delay-6{animation-delay:1.8s}.deal-delay-7{animation-delay:2.1s}.card-drawing,.card-discarding,.card-shuffling,.card-dealing,.discard-animation-overlay{transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none;contain:layout style paint}.tutorial-prompt{position:absolute;top:50%;left:-90px;transform:translateY(-50%);background:#f8d56be6;color:#2a3439;padding:5px 10px;border-radius:15px;font-size:.8em;white-space:nowrap;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.hand{display:flex;justify-content:center;margin:0;padding:0;border-radius:12px;transition:all .3s ease;width:-moz-fit-content;width:fit-content}.hand.horizontal{flex-direction:row;align-items:center}.poker-table{position:relative;width:95vw;height:65vh;max-width:900px;max-height:600px;margin:20px auto;background:radial-gradient(ellipse at center,#0d4a24 0% 100%);border-radius:50%/40%;border:15px solid #5d4037;box-shadow:0 0 40px #000c,inset 0 0 30px #0009;display:flex;justify-content:center;align-items:center;overflow:hidden}.poker-table:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 70%);pointer-events:none}.player-seat{position:absolute;border-radius:15px;padding:5px 10px;text-align:center;min-width:120px;backdrop-filter:blur(5px);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes pulsating-glow{0%{box-shadow:0 0 8px 1px #f8d56b66}to{box-shadow:0 0 15px 3px #f8d56bcc}}.player-seat.active .hand{animation:pulsating-glow 1.5s infinite alternate;border-radius:8px;padding:3px;position:relative}.player-seat.active .hand:before{content:"";position:absolute;inset:-2px;border-radius:10px;background:linear-gradient(45deg,#f8d56b4d,#f8d56b1a,#f8d56b4d);z-index:-1;animation:pulsating-glow-border 1.5s infinite alternate}@keyframes pulsating-glow-border{0%{opacity:.4;transform:scale(1)}to{opacity:.8;transform:scale(1.02)}}.player-seat h2,.player-seat h3{margin:5px 0;color:#fff;text-shadow:1px 1px 2px black;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bottom{bottom:10px;left:50%;transform:translate(-50%);width:-moz-fit-content;width:fit-content;max-width:300px;min-width:120px}.top{top:-25px;left:50%;transform:translate(-50%);width:50%;max-width:250px}.left{left:-25px;top:50%;transform:translateY(-50%);width:120px}.right{right:-25px;top:50%;transform:translateY(-50%);width:120px}.left .hand{transform:rotate(-90deg);transform-origin:center}.right .hand{transform:rotate(90deg);transform-origin:center}.left.active .hand:before,.right.active .hand:before{inset:-3px}.bottom.active .hand{padding:0;margin:0;height:65px;align-items:center;box-sizing:border-box}.bottom.active .hand:before{inset:0;border-radius:4px;max-height:65px;box-sizing:border-box}.top.active .hand{padding:2px 3px}.top.active .hand:before{border-radius:6px}.table-center{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);display:flex;gap:60px;z-index:2;align-items:center}.deck-area,.discard-area{display:flex;flex-direction:column;align-items:center;position:relative}.deck-area .card{transform:scale(.85)}.deck-area:before,.discard-area:before{content:"";position:absolute;top:-15px;color:#f8d56bb3;font-size:.8em;font-weight:700}.discard-area:before{content:"DISCARD"}.deck-count{position:absolute;top:50%;right:-45px;transform:translateY(-50%);background:#f8d56be6;color:#2a3439;border-radius:20px;width:35px;height:20px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:.8em;border:1px solid #f8d56b}.discard-top{z-index:5}.discard-empty{width:50px;height:70px;background:#ffffff1a;border:2px dashed rgba(255,255,255,.5);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.7em;color:#fffc}.game-over{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.game-over>div{background:linear-gradient(135deg,#1a4a5c,#0f2832);border-radius:20px;padding:30px;text-align:center;max-width:80%}.game-over h2{color:#f8d56b;font-size:2em;margin-bottom:20px}.game-over p{font-size:1.5em;margin-bottom:30px}.winning-hand{display:flex;flex-direction:column;align-items:center;margin:20px 0}.winning-hand .hand{margin-top:10px}.new-game-form{background:#0a1e28e6;border:2px solid #f8d56b;border-radius:15px;padding:30px;width:90%;max-width:400px}.new-game-form label{display:block;margin:15px 0 5px;color:#f8d56b;font-weight:700}.new-game-form input,.new-game-form select{padding:10px;border-radius:8px;border:1px solid #f8d56b;background:#ffffff1a;color:#fff;width:100%;margin:5px 0 20px}.new-game-form input:focus,.new-game-form select:focus{outline:none;border-color:#ffeb99}.join-section{background:#f8d56b1a;border-radius:10px;padding:15px;margin:15px 0}.divider{display:flex;align-items:center;margin:20px 0;color:#f8d56b;font-weight:700}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #f8d56b;margin:0 10px}.quit-btn{position:sticky;bottom:15px;left:30%;transform:translate(-50%);color:#fff!important;font-size:.8em!important;background:#d32f2f!important;padding:8px 15px!important;z-index:1000}.join-btn,.new-game-btn{width:100%;margin-top:10px}.error-notice{background:#000000b3;border:2px solid #ff4444;border-radius:15px;padding:30px;max-width:500px;margin:20px auto}.error-notice h3{color:#f44;margin-top:0}.error-notice p{margin:15px 0}.retry-btn{background:#f44;color:#fff;padding:10px 25px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;color:#f8d56b}.loading-overlay p{margin-top:20px;font-size:1.2em}.loading-spinner{border:4px solid rgba(248,213,107,.3);border-radius:50%;border-top:4px solid #f8d56b;width:40px;height:40px;animation:spin 1s linear infinite}.error-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.error-content{background:#1a1a1a;border:2px solid #ff4444;border-radius:15px;padding:25px;max-width:80%;text-align:center}.error-content h3{color:#f44;margin-top:0}.error-content button{background:#f44;color:#fff;margin-top:15px}.bottom-menu{position:fixed;bottom:0;left:0;width:100%;background:#000000b3;backdrop-filter:blur(5px);display:flex;justify-content:space-around;padding:10px 0;z-index:1100;border-top:1px solid rgba(248,213,107,.3)}.bottom-menu button{background:transparent;color:#f8d56b;border:1px solid #f8d56b;font-size:1em}.bottom-menu button:hover{background:#f8d56b33;transform:none}@media (max-width: 768px){h1{font-size:4em}h2,h3{font-size:1.2em}button{padding:12px 24px;font-size:1em;min-height:48px}.card-value,.card-suit{font-size:.8em}.poker-table{width:95vw;height:60vh;border-radius:50%/30%;position:relative}.poker-table:has(.player-seat.left) .poker-table:has(.player-seat.right){height:70vh}.player-seat{min-width:80px;padding:6px}.player-seat h3{font-size:.9em}.player-name{font-size:1.2em}.card.small-card{width:30px;height:45px;min-width:35px;min-height:55px;margin:0 -4px}.card.small-card+.card.small-card{margin-left:-8px}.left,.right{width:80px;padding:4px}.left{left:-10px}.right{right:-10px}.player-seat{min-width:100px;padding:8px;backdrop-filter:blur(3px)}.player-name{font-size:1.4em;margin:0 0 6px}.top{top:2px;left:50%;transform:translate(-50%);width:80%}.left{left:-15px;top:50%;transform:translateY(-50%);width:100px}.right{right:-15px;top:50%;transform:translateY(-50%);width:100px}.left .hand{transform:rotate(-90deg);transform-origin:center}.right .hand{transform:rotate(90deg);transform-origin:center}.player-seat.active .hand{padding:1px 2px}.player-seat.active .hand:before{inset:-1px;border-radius:6px}.bottom.active .hand{padding:0;margin:0;height:65px;align-items:center;box-sizing:border-box;contain:layout style}.bottom.active .hand:before{inset:0;border-radius:4px;max-height:65px;box-sizing:border-box;will-change:opacity,transform}@keyframes pulsating-glow{0%{box-shadow:0 0 7px 1px #f8d56b66}to{box-shadow:0 0 12px 2px #f8d56bcc}}.bottom{bottom:10px;left:50%;transform:translate(-50%);width:-moz-fit-content;width:fit-content;min-width:100px}.table-center{flex-direction:column;gap:20px;top:42%}.card{width:45px;height:65px;min-width:48px;min-height:72px;margin:0 -8px}.card+.card{margin-left:-12px}.card.small-card{width:35px;height:50px;min-width:40px;min-height:60px;margin:0 -6px}.card.small-card+.card.small-card{margin-left:-10px}.bottom .card{margin:0 1px}.bottom .card+.card{margin-left:5px}.bottom .card.small-card{margin:0 1px}.bottom .card.small-card+.card.small-card{margin-left:3px}.card:hover{transform:translateY(-8px) rotateX(10deg) rotateY(10deg);box-shadow:0 10px 20px #0000004d}@keyframes cardFlip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(180deg)}}.card.revealing{animation:cardFlip .6s ease forwards}.hand{flex-direction:row;justify-content:center;margin:0;padding:0;max-width:100%;overflow-x:visible;width:-moz-fit-content;width:fit-content}.deck-area,.discard-area{transform:scale(1)}.deck-area .card{transform:scale(.85)}.deck-count{font-size:.7em;width:30px;height:18px;right:-40px}.tutorial-prompt{font-size:.7em;left:-95px}.card-drawing{animation-duration:1.8s;animation-timing-function:cubic-bezier(.2,.1,.3,1)}.card-discarding,.discard-animation-overlay{animation-duration:1.8s;animation-timing-function:cubic-bezier(.25,.1,.25,1)}.card-shuffling{animation-duration:2s}.card-dealing{animation-duration:2.2s}@keyframes cardDraw{0%{transform:translate(0) translateY(-15vh) rotate(0) scale(.9);opacity:0}15%{opacity:1;transform:translate(0) translateY(-12vh) rotate(-2deg) scale(.95)}40%{transform:translate(0) translateY(-8vh) rotate(-3deg) scale(1)}70%{transform:translate(0) translateY(-4vh) rotate(-2deg) scale(1.02)}85%{transform:translate(0) translateY(-1vh) rotate(-1deg) scale(1.01)}to{transform:translate(0) translateY(0) rotate(0) scale(1);opacity:1}}@keyframes cardDrawTop{0%{transform:translate(0) translateY(0) rotate(0) scale(.9);opacity:0}15%{opacity:1;transform:translate(0) translateY(-2vh) rotate(2deg) scale(.95)}40%{transform:translate(0) translateY(-6vh) rotate(3deg) scale(1)}70%{transform:translate(0) translateY(-10vh) rotate(2deg) scale(1.02)}85%{transform:translate(0) translateY(-12vh) rotate(1deg) scale(1.01)}to{transform:translate(0) translateY(-14vh) rotate(0) scale(1);opacity:1}}@keyframes cardDrawLeft{0%{transform:translate(0) translateY(0) rotate(0) scale(.9);opacity:0}15%{opacity:1;transform:translate(-2vw) translateY(0) rotate(-2deg) scale(.95)}40%{transform:translate(-6vw) translateY(0) rotate(-3deg) scale(1)}70%{transform:translate(-12vw) translateY(0) rotate(-2deg) scale(1.02)}85%{transform:translate(-15vw) translateY(0) rotate(-1deg) scale(1.01)}to{transform:translate(-18vw) translateY(0) rotate(0) scale(1);opacity:1}}@keyframes cardDrawRight{0%{transform:translate(0) translateY(0) rotate(0) scale(.9);opacity:0}15%{opacity:1;transform:translate(2vw) translateY(0) rotate(2deg) scale(.95)}40%{transform:translate(6vw) translateY(0) rotate(3deg) scale(1)}70%{transform:translate(12vw) translateY(0) rotate(2deg) scale(1.02)}85%{transform:translate(15vw) translateY(0) rotate(1deg) scale(1.01)}to{transform:translate(18vw) translateY(0) rotate(0) scale(1);opacity:1}}@keyframes cardDiscard{0%{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:1}25%{transform:translateY(-3vh) translate(0) rotate(2deg) scale(.98);opacity:1}50%{transform:translateY(-6vh) translate(0) rotate(5deg) scale(.92);opacity:1}75%{transform:translateY(-10vh) translate(0) rotate(8deg) scale(.7);opacity:.8}90%{transform:translateY(-12vh) translate(0) rotate(10deg) scale(.5);opacity:.4}to{transform:translateY(-14vh) translate(0) rotate(12deg) scale(.45);opacity:0}}@keyframes cardDiscardTop{0%{transform:translateY(-14vh) translate(0) rotate(0) scale(1);opacity:1}25%{transform:translateY(-12vh) translate(0) rotate(-2deg) scale(.98);opacity:1}50%{transform:translateY(-10vh) translate(0) rotate(-5deg) scale(.92);opacity:1}75%{transform:translateY(-6vh) translate(0) rotate(-8deg) scale(.7);opacity:.8}90%{transform:translateY(-4vh) translate(0) rotate(-10deg) scale(.5);opacity:.4}to{transform:translateY(-2vh) translate(0) rotate(-12deg) scale(.45);opacity:0}}@keyframes cardDiscardLeft{0%{transform:translateY(0) translate(-18vw) rotate(0) scale(1);opacity:1}25%{transform:translateY(0) translate(-14vw) rotate(2deg) scale(.98);opacity:1}50%{transform:translateY(0) translate(-8vw) rotate(5deg) scale(.92);opacity:1}75%{transform:translateY(0) translate(-4vw) rotate(8deg) scale(.7);opacity:.8}90%{transform:translateY(0) translate(-1vw) rotate(10deg) scale(.5);opacity:.4}to{transform:translateY(0) translate(0) rotate(12deg) scale(.45);opacity:0}}@keyframes cardDiscardRight{0%{transform:translateY(0) translate(18vw) rotate(0) scale(1);opacity:1}25%{transform:translateY(0) translate(14vw) rotate(-2deg) scale(.98);opacity:1}50%{transform:translateY(0) translate(8vw) rotate(-5deg) scale(.92);opacity:1}75%{transform:translateY(0) translate(4vw) rotate(-8deg) scale(.7);opacity:.8}90%{transform:translateY(0) translate(1vw) rotate(-10deg) scale(.5);opacity:.4}to{transform:translateY(0) translate(0) rotate(-12deg) scale(.45);opacity:0}}}@media (max-width: 768px) and (orientation: landscape){.card{width:40px;height:60px;margin:0 -6px}.card+.card{margin-left:-10px}.card.small-card{width:35px;height:52px;margin:0 -5px}.card.small-card+.card.small-card{margin-left:-8px}.bottom .card{margin:0 1px}.bottom .card+.card{margin-left:4px}.bottom .card.small-card{margin:0 1px}.bottom .card.small-card+.card.small-card{margin-left:2px}.left .hand{transform:rotate(-90deg);transform-origin:center}.right .hand{transform:rotate(90deg);transform-origin:center}.player-seat.active .hand{padding:1px 2px}.player-seat.active .hand:before{inset:-1px;border-radius:5px}.bottom.active .hand{padding:0;margin:0;height:60px;align-items:center}.bottom.active .hand:before{inset:0;border-radius:4px;max-height:60px}}@media (min-width: 769px),(orientation: landscape){.poker-table{border-radius:50%/40%}.player-seat{min-width:120px;padding:10px 15px}.left,.right{width:120px}.table-center{gap:60px}.deck-area .card,.discard-area .card{width:60px;height:90px}.bottom.active .hand{height:100px}.bottom.active .hand:before{border-radius:6px;max-height:100px}.bottom .hand{min-height:100px}.bottom .card.card-discarding{width:70px;height:100px}}.lobby-item{background:#0a1e28b3;border-radius:10px;padding:15px;margin:10px 0;border:1px solid rgba(248,213,107,.3);transition:all .3s ease}.lobby-item button{width:100%;margin-top:10px}.player-list li{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.player-list li button{padding:5px 10px;font-size:.8em}@keyframes drawCard{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.disabled-btn{opacity:.7;cursor:not-allowed;background:#666!important}.disabled-btn:hover{background:#666!important;transform:none!important}.player-list li{padding:8px;margin:4px 0;background:#ffffff1a;border-radius:4px}.player-list li:has(👑){font-weight:700;color:#f8d56b}.card-initial-hidden{opacity:0;transform:translateY(-50px) scale(.5)}.card-deal-animation{animation:dealAnimation .5s ease-out forwards}@keyframes dealAnimation{0%{opacity:0;transform:translateY(-50px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}h1,h2,h4,button{font-family:Bebas Neue,sans-serif}.App{text-align:center;background-image:url(https://i.ibb.co/6csxbFY3/10013144.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px 15px 100px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(.9rem,3.5vw,1.1rem);line-height:1.4;width:100%;overflow-x:hidden}h1{color:#f8d56b;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.5);font-size:clamp(2.2em,8vw,3em)}h2,h3{color:#f8d56b;margin-bottom:10px;text-shadow:0 1px 3px rgba(0,0,0,.5);font-size:clamp(1.1em,4vw,1.3em)}button{background:linear-gradient(to bottom,#f8d56b,#e5b733);color:#2a3439;border:none;border-radius:25px;padding:14px 24px;font-size:clamp(.9em,3.5vw,1em);font-weight:700;margin:8px;cursor:pointer;transition:all .3s ease;touch-action:manipulation;min-height:48px}button:hover{background:linear-gradient(to bottom,#ffeb99,#f8d56b);transform:translateY(-2px)}button:disabled{background:#666;color:#ccc;cursor:not-allowed;transform:none}.page-container{width:100%;max-width:100%;margin:0 auto;padding:0 15px;flex-grow:1}.page-header{display:flex;align-items:center;margin-bottom:20px;gap:10px}.back-button{display:flex;align-items:center;gap:8px;background:#ffffff1a;color:#f8d56b;border:1px solid #f8d56b;padding:10px 18px;font-size:clamp(.85em,3vw,.9em);min-height:44px}.back-button:hover{background:#f8d56b33}.welcome-section{margin-bottom:25px}.welcome-section h2{font-size:clamp(1.8em,6vw,2.2em);margin-bottom:10px}.welcome-section p{font-size:clamp(1em,3.5vw,1.1em);opacity:.9}.new-game-form{background:#0a1e28e6;border:2px solid #f8d56b;border-radius:15px;padding:20px;width:95%;max-width:100%;margin:0 auto}.new-game-form label{display:block;margin:12px 0 5px;color:#f8d56b;font-weight:700;text-align:left;font-size:clamp(.9em,3.5vw,1em)}.new-game-form input,.new-game-form select{padding:14px;border-radius:8px;border:1px solid #f8d56b;background:#ffffff1a;color:#fff;width:100%;margin:5px 0 15px;font-size:16px;box-sizing:border-box;min-height:48px}.new-game-form input:focus,.new-game-form select:focus{outline:none;border-color:#ffeb99;background:#ffffff26}.game-mode-buttons{display:grid;grid-template-columns:1fr;gap:15px;margin-top:20px}.mode-button{display:flex;flex-direction:column;align-items:center;padding:25px 20px;border-radius:15px;background:linear-gradient(135deg,#f8d56b33,#f8d56b1a);border:2px solid rgba(248,213,107,.3);color:#fff;text-decoration:none;transition:all .3s ease;min-height:140px;justify-content:center;gap:15px}.mode-button:hover:not(:disabled){background:linear-gradient(135deg,#f8d56b66,#f8d56b33);border-color:#f8d56b99;transform:translateY(-5px)}.mode-button span{font-size:clamp(1.1em,4vw,1.3em);font-weight:700;color:#f8d56b}.mode-button p{font-size:clamp(.85em,3vw,.9em);opacity:.8;margin:0;text-align:center}.multiplayer-content{display:flex;flex-direction:column;gap:20px}.create-lobby-section,.join-lobby-section{background:#0a1e28cc;border-radius:15px;padding:18px;border:1px solid rgba(248,213,107,.3)}.create-lobby-section h3,.join-lobby-section h3{margin-top:0;color:#f8d56b;font-size:clamp(1.2em,4.5vw,1.4em)}.create-lobby-btn,.join-lobby-btn{width:100%;padding:16px;font-size:clamp(1em,3.5vw,1.1em);margin-top:12px;min-height:52px}.divider{display:flex;align-items:center;margin:15px 0;color:#f8d56b;font-weight:700;font-size:clamp(.9em,3vw,1em)}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #f8d56b;margin:0 15px}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.refresh-btn{padding:10px 18px;font-size:clamp(.85em,3vw,.9em);background:#f8d56b33;color:#f8d56b;border:1px solid #f8d56b;min-height:44px}.lobby-list{max-height:50vh;overflow-y:auto}.no-lobbies{text-align:center;padding:30px 15px;opacity:.7;font-size:clamp(.9em,3vw,1em)}.lobby-item{background:#0a1e28b3;border-radius:10px;padding:15px;margin:12px 0;border:1px solid rgba(248,213,107,.3);display:block;transition:all .3s ease}.lobby-item:hover{background:#0a1e28e6;border-color:#f8d56b80}.lobby-info{text-align:left;margin-bottom:12px}.lobby-info h4{margin:0 0 10px;color:#f8d56b;font-size:clamp(1.1em,4vw,1.2em)}.lobby-info p{margin:5px 0;opacity:.9;font-size:clamp(.85em,3vw,.9em)}.player-list-preview{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.player-tag{background:#f8d56b33;color:#f8d56b;padding:2px 8px;border-radius:12px;font-size:clamp(.75em,2.5vw,.8em);border:1px solid rgba(248,213,107,.3)}.lobby-created{font-size:clamp(.75em,2.5vw,.8em);opacity:.6}.join-lobby-btn{width:100%;margin-top:0;padding:14px 24px}.cpu-game-content{display:flex;justify-content:center}.cpu-options{background:#0a1e28e6;border-radius:15px;padding:25px;border:2px solid rgba(248,213,107,.3);max-width:100%;width:100%}.cpu-options h3{font-size:clamp(1.5em,5vw,1.8em);margin-bottom:10px}.cpu-options p{margin-bottom:20px;opacity:.9;font-size:clamp(.9em,3vw,1em)}.cpu-selection{margin-bottom:20px}.cpu-selection label{display:block;margin-bottom:12px;color:#f8d56b;font-weight:700;font-size:clamp(1em,3.5vw,1.1em)}.cpu-buttons{display:grid;grid-template-columns:1fr;gap:12px}.cpu-count-btn{padding:16px 25px;font-size:clamp(1em,3.5vw,1.1em);border-radius:12px;background:#f8d56b1a;color:#f8d56b;border:2px solid rgba(248,213,107,.3);transition:all .3s ease;min-height:52px;width:100%}.cpu-count-btn:hover{background:#f8d56b33;border-color:#f8d56b80}.cpu-count-btn.selected{background:linear-gradient(to bottom,#f8d56b,#e5b733);color:#2a3439;border-color:#f8d56b}.difficulty-info{background:#f8d56b1a;border-radius:10px;padding:15px;margin-bottom:20px;border:1px solid rgba(248,213,107,.3)}.difficulty-info h4{margin:0 0 10px;color:#f8d56b;font-size:clamp(1em,3.5vw,1.1em)}.difficulty-info p{margin:0;opacity:.8;font-size:clamp(.85em,3vw,.9em)}.start-cpu-game-btn{width:100%;padding:20px;font-size:clamp(1.1em,4vw,1.3em);background:linear-gradient(to bottom,#4caf50,#45a049);color:#fff;min-height:56px}.start-cpu-game-btn:hover:not(:disabled){background:linear-gradient(to bottom,#5cbf60,#4caf50)}.rules-content{text-align:left;max-width:100%;margin:0 auto}.rules-section{background:#0a1e28cc;border-radius:15px;padding:18px;margin-bottom:15px;border:1px solid rgba(248,213,107,.3)}.rules-section h3{margin-top:0;color:#f8d56b;font-size:clamp(1.2em,4.5vw,1.4em);display:flex;align-items:center;gap:10px}.rules-section p{margin-bottom:12px;line-height:1.6;font-size:clamp(.85em,3vw,.9em)}.rules-section ul,.rules-section ol{margin:12px 0;padding-left:20px}.rules-section li{margin-bottom:8px;line-height:1.5;font-size:clamp(.85em,3vw,.9em)}.rules-section strong{color:#f8d56b}.enhanced-bottom-menu{position:fixed;bottom:0;left:0;width:100%;z-index:1100}.expanded-panel{background:#000000e6;backdrop-filter:blur(10px);border-top:1px solid rgba(248,213,107,.3);padding:12px;display:flex;justify-content:center;gap:12px}.settings-panel,.info-panel{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.panel-button{display:flex;align-items:center;gap:8px;background:#f8d56b1a;color:#f8d56b;border:1px solid rgba(248,213,107,.3);border-radius:20px;padding:14px 22px;font-size:clamp(.85em,3vw,.9em);transition:all .3s ease;min-height:48px}.panel-button:hover{background:#f8d56b33;border-color:#f8d56b80}.main-menu-bar{background:#000c;backdrop-filter:blur(10px);display:flex;justify-content:space-around;padding:14px 8px;border-top:1px solid rgba(248,213,107,.3)}.menu-button{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;color:#f8d56b;border:none;padding:10px 14px;font-size:clamp(.75em,2.5vw,.8em);border-radius:12px;min-width:60px;min-height:48px;transition:all .3s ease}.menu-button:hover{background:#f8d56b1a;transform:translateY(-2px)}.menu-button.active{background:#f8d56b33;color:#ffeb99}.menu-button span{font-size:clamp(.75em,2.5vw,.8em);margin-top:2px}.quit-button{color:#ff6b6b!important}.quit-button:hover{background:#ff6b6b1a!important}.lobby-view{background:#0a1e28e6;border:2px solid #f8d56b;border-radius:15px;padding:20px;width:95%;max-width:100%;margin:15px auto}.lobby-view h2{margin-top:0;color:#f8d56b;font-size:clamp(1.3em,5vw,1.5em)}.lobby-view .player-list{background:#0003;padding:12px;border-radius:8px;margin:12px 0}.lobby-view .player-list ul{list-style:none;padding:0;margin:0}.lobby-view .player-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.2);color:#ffffffe6;font-size:clamp(.9em,3vw,1em)}.quit-btn{background:#d32f2f!important;color:#fff!important;padding:16px 24px;font-size:clamp(.9em,3.5vw,1em);min-height:52px}.quit-btn:hover{background:#f44!important}.error-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.error-content{background:linear-gradient(135deg,#1a4a5c,#0f2832);border:2px solid #ff4444;border-radius:15px;padding:20px;max-width:95%;text-align:center;color:#fff}.error-content h3{color:#f44;margin-top:0;font-size:clamp(1.2em,4vw,1.4em)}.error-content p{font-size:clamp(.9em,3vw,1em)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2000;color:#f8d56b;padding:20px}.loading-overlay p{margin-top:20px;font-size:clamp(1em,3.5vw,1.2em);text-align:center}.loading-spinner{border:4px solid rgba(248,213,107,.3);border-radius:50%;border-top:4px solid #f8d56b;width:50px;height:50px;animation:spin 1s linear infinite}@media (min-width: 768px){.App{padding:20px 0 100px;font-size:1.1rem}h1{font-size:3.5em;margin-bottom:25px}.page-container{max-width:800px;padding:0 30px}.page-header{margin-bottom:35px;gap:20px}.welcome-section{margin-bottom:50px}.welcome-section h2{font-size:2.8em}.welcome-section p{font-size:1.3em}.new-game-form{padding:40px;width:80%;max-width:500px}.game-mode-buttons{grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.mode-button{padding:40px 25px;min-height:200px}.multiplayer-content{gap:35px}.create-lobby-section,.join-lobby-section{padding:30px}.lobby-item{display:flex;justify-content:space-between;align-items:center;padding:25px;margin:20px 0}.lobby-info{margin-bottom:0}.join-lobby-btn{width:auto;padding:12px 24px}.cpu-options{padding:50px;max-width:600px}.cpu-buttons{display:flex;gap:20px;justify-content:center}.cpu-count-btn{width:auto;padding:18px 30px}.rules-content{max-width:800px}.rules-section{padding:30px;margin-bottom:25px}.main-menu-bar{padding:15px 10px}.menu-button{min-width:80px;padding:12px 16px}.lobby-view{padding:40px;width:80%;max-width:500px;margin:30px auto}}@media screen and (-webkit-min-device-pixel-ratio:0){select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color]{font-size:16px!important}}@supports (padding: max(0px)){.App{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right));padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(110px,env(safe-area-inset-bottom) + 100px)}.enhanced-bottom-menu{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right));padding-bottom:max(15px,env(safe-area-inset-bottom))}}.header-section{display:flex;flex-direction:column;align-items:center;padding:20px 20px 10px;gap:15px}.App h1{margin:0;font-size:2.5rem;color:#f8d56b;text-shadow:0 2px 10px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:2px}.global-wallet-pill{display:flex;align-items:center;background:#0f1923d9;padding:8px 25px;border-radius:25px;border:1px solid #f8d56b;backdrop-filter:blur(10px);gap:12px;box-shadow:0 5px 20px #0006}.wallet-label{color:#f8d56b;font-size:.85em;font-weight:800;letter-spacing:1.5px}.wallet-amount{color:#fff;font-weight:900;font-size:1.2em}.header-top{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:5px}@media (max-width: 600px){.header-top{flex-direction:column}.global-wallet-pill{margin-left:0}}.global-wallet-pill.home-wallet{margin:15px auto 0;width:-moz-fit-content;width:fit-content;background:#ffffff0d}.enhanced-bottom-menu{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding-bottom:env(safe-area-inset-bottom);transition:transform .3s cubic-bezier(.4,0,.2,1)}.enhanced-bottom-menu.in-game{transform:translateY(100%)}.enhanced-bottom-menu.in-game{transform:translateY(0)}.main-menu-bar{display:flex;justify-content:space-around;align-items:center;height:65px;background:#0a141ee0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:0 10px}.menu-tab{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff6;transition:all .2s ease;padding:0;margin:0;min-height:unset}.menu-tab span{font-size:.65em;font-weight:600;letter-spacing:.2px}.menu-tab:hover{color:#000!important;background:#f8d56be6;border-radius:12px}.menu-tab:hover svg{filter:drop-shadow(0 0 4px rgba(0,0,0,.2));transform:scale(1.1);stroke:#000!important}.menu-tab:hover span{color:#000!important;font-weight:800}.menu-tab.active{color:#000!important;background:#f8d56be6;border-radius:12px}.menu-tab.active svg{filter:drop-shadow(0 0 4px rgba(0,0,0,.2));transform:scale(1.1);stroke:#000!important}.menu-tab.active span{color:#000!important;font-weight:800}.quit-tab{color:#ff6b6b}.quit-icon-wrapper{background:#ff6b6b26;padding:4px;border-radius:8px;display:flex}.expanded-panel{background:#0f1e2df2;backdrop-filter:blur(25px);border-top-left-radius:20px;border-top-right-radius:20px;border:1px solid rgba(255,255,255,.1);border-bottom:none;padding:20px;animation:slideUp .3s cubic-bezier(.16,1,.3,1);box-shadow:0 -10px 40px #00000080}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.panel-header span{font-weight:800;color:#f8d56b;font-size:.9em;letter-spacing:1px;text-transform:uppercase}.close-panel{background:#ffffff0d;border:none;padding:8px;border-radius:50%;color:#fff;display:flex}.panel-item{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px 15px;display:flex;align-items:center;gap:15px;color:#fff;margin:0 0 10px;text-align:left}.icon-circle{width:36px;height:36px;background:#ffffff0d;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#f8d56b}.icon-circle.active{background:#f8d56b26;box-shadow:0 0 15px #f8d56b33}.panel-item span{font-size:.9em;font-weight:500}.hamburger-button{position:fixed;bottom:15px;right:15px;width:70px;height:70px;border-radius:50%;background:#0a141ef2!important;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#ffffffb3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 4px 20px #00000080;z-index:1100;transition:all .3s ease;animation:slideInUp .3s ease-out;padding-bottom:env(safe-area-inset-bottom)}.hamburger-button span{font-size:.65em;font-weight:600;letter-spacing:.2px;color:#ffffffb3;transition:color .3s ease}.hamburger-button svg{stroke:#ffffffb3;transition:stroke .3s ease}.hamburger-button:focus{outline:none;background:#0a141ef2!important;border-color:#ffffff1a;color:#ffffffb3}.hamburger-button:focus svg{stroke:#ffffffb3}.hamburger-button:focus span{color:#ffffffb3}.hamburger-button:hover{transform:scale(1.05);background:#f8d56be6!important;border-color:#f8d56b4d;color:#000;box-shadow:0 6px 25px #0009}.hamburger-button:hover svg{stroke:#000}.hamburger-button:hover span{color:#000}.hamburger-button:active{transform:scale(.95);background:#f8d56be6!important}.collapse-tab{opacity:.7}.collapse-tab:hover{opacity:1}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.enhanced-bottom-menu.collapsed .main-menu-bar{transform:translateY(100%);opacity:0;pointer-events:none}.main-menu-bar{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.page-container{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fab-button{position:fixed;bottom:85px;right:20px;width:56px;height:56px;border-radius:28px;background:linear-gradient(135deg,#f8d56b,#e5b733);color:#1a2a3a;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0006;z-index:900;border:none;padding:0;margin:0}.fab-button:hover{transform:scale(1.1)}.fab-button:active{transform:scale(.95)}.live-indicator{display:flex;align-items:center;justify-content:center;gap:8px;background:#0000004d;padding:6px 16px;border-radius:20px;width:-moz-fit-content;width:fit-content;margin:10px auto 0;border:1px solid rgba(248,213,107,.2)}.live-indicator span{font-size:.8em;font-weight:600;color:#ffffffb3}.live-indicator .dot{width:8px;height:8px;background:#4f4;border-radius:50%;box-shadow:0 0 10px #4f4;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.7}}.premium-input{background:#ffffff0d!important;border:2px solid rgba(248,213,107,.3)!important;border-radius:12px!important;text-align:center;font-weight:700;letter-spacing:.5px;transition:all .3s ease!important}.premium-input:focus{border-color:#f8d56b!important;background:#ffffff1a!important;box-shadow:0 0 20px #f8d56b26}.game-cards{display:flex;flex-direction:column;gap:15px;margin-top:25px}.game-card{position:relative;width:100%;background:linear-gradient(135deg,#1e2d3ce6,#0f1923f2)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;padding:0!important;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;margin:0!important}.game-card:hover:not(:disabled){border-color:#f8d56b80!important;transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #0006}.game-card:disabled{opacity:.6;filter:grayscale(.5)}.card-content{display:flex;align-items:center;padding:20px;gap:20px;position:relative;z-index:2}.icon-box{width:70px;height:70px;background:#f8d56b1a;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#f8d56b;border:1px solid rgba(248,213,107,.2)}.text-box{flex:1;text-align:left}.title-row{display:flex;align-items:center;gap:10px}.premium-badge{background:linear-gradient(135deg,#f8d56b,#d4af37);color:#1a2a3a;font-size:.65em;font-weight:900;padding:2px 8px;border-radius:6px;letter-spacing:.5px;box-shadow:0 2px 8px #f8d56b4d;animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}to{transform:scale(1);opacity:1}}.text-box h3{margin:0;font-size:1.2em;color:#f8d56b;text-shadow:none}.text-box p{margin:4px 0 0;font-size:.85em;color:#fff9}.go-icon{color:#f8d56b;opacity:.4;transition:all .3s ease}.game-card:hover .go-icon{opacity:1;transform:translate(5px)}.card-decoration{position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle,rgba(248,213,107,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.tutorial-card{border:1px solid rgba(248,213,107,.4)!important;background:linear-gradient(135deg,#281e3ce6,#140f1ef2)!important}.tutorial-card .icon-box{background:#a855f726;border-color:#a855f74d;color:#a855f7}.tutorial-card:hover .icon-box{background:#a855f74d;box-shadow:0 0 20px #a855f766}.tutorial-card .text-box h3{color:#f8d56b}.tutorial-icon{background:#a855f733;color:#a855f7}.highlight-item{background:#f8d56b0d!important;border-left:3px solid #f8d56b!important}.multiplayer-card:hover .icon-box{background:#f8d56b33;box-shadow:0 0 20px #f8d56b4d}.cpu-card:hover .icon-box{background:#ffffff1a}.selection-chips-container{margin:20px 0;text-align:left}.selection-label{display:block;font-size:.85em;font-weight:700;color:#f8d56b;margin-bottom:12px;letter-spacing:.5px;text-transform:uppercase}.chips-grid{display:flex;flex-wrap:wrap;gap:10px}.chip-button{flex:1;min-width:calc(33.33% - 10px);background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;padding:12px 10px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;margin:0!important;min-height:60px!important}.chip-button.active{background:#f8d56b26!important;border-color:#f8d56b!important;color:#f8d56b!important;box-shadow:0 0 15px #f8d56b33;transform:translateY(-2px)}.chip-icon{font-size:1.25em}.chip-text{font-size:.85em;font-weight:700}@media (max-width: 480px){.chip-button{min-width:calc(50% - 10px)}}.refresh-btn{display:flex!important;align-items:center;gap:8px;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;padding:8px 16px!important;border-radius:12px!important;color:#f8d56b!important;font-size:.8em!important;margin:0!important;min-height:unset!important}.refresh-btn .spin{animation:spin 1s linear infinite}.premium-btn{background:linear-gradient(135deg,#f8d56b,#d4af37)!important;color:#1a2a3a!important;border-radius:16px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #f8d56b4d}.premium-card{background:#ffffff08!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;padding:20px!important;transition:all .3s ease!important}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.host-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.host-avatar{width:36px;height:36px;background:linear-gradient(135deg,#f8d56b,#e5b733);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1a2a3a;font-weight:800;font-size:1.1em}.lobby-stats{display:flex;align-items:center;gap:6px;font-size:.85em;color:#fff9;margin:5px 0 12px}.player-tag{background:#ffffff0d!important;padding:4px 10px!important;border-radius:8px!important;font-size:.75em!important;border:1px solid rgba(255,255,255,.1)!important;display:inline-block;margin-right:6px;margin-bottom:6px}.player-tag.host{border-color:#f8d56b66!important;color:#f8d56b;background:#f8d56b0d!important}.start-game-btn{width:100%;padding:18px!important;margin-top:25px!important;font-size:1.1em!important}.cpu-setup-page .premium-card{max-width:500px;margin:0 auto}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2000;backdrop-filter:blur(3px)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px;background:#1a1a1ae6;border:2px solid #f8d56b;border-radius:15px;box-shadow:0 10px 30px #00000080}.loading-spinner{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid transparent;border-top:4px solid #f8d56b;border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-top-color:#e6c200;animation-delay:-.3s;animation-duration:1.5s}.spinner-ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-top-color:#d4b000;animation-delay:-.6s;animation-duration:2s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{color:#f8d56b;font-size:1.2em;font-weight:700;margin:0;text-align:center;text-shadow:0 0 10px rgba(248,213,107,.3)}@media (max-width: 768px){.loading-content{padding:20px;margin:20px}.loading-spinner{width:50px;height:50px}.loading-message{font-size:1.1em}}@media (prefers-contrast: high){.loading-content{border-width:3px;background:#1a1a1a}.spinner-ring{border-width:5px}}@media (prefers-reduced-motion: reduce){.spinner-ring{animation:none;border-top-color:#f8d56b}.spinner-ring:nth-child(2){border-top-color:#e6c200}.spinner-ring:nth-child(3){border-top-color:#d4b000}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(2px)}.modal-content{background:#1a1a1a;border:2px solid #f8d56b;border-radius:15px;padding:0;max-width:90vw;max-height:90vh;width:100%;max-width:500px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(248,213,107,.3);background:#f8d56b1a}.modal-title{color:#f8d56b;margin:0;font-size:1.5em;font-weight:700}.modal-close-button{background:transparent;border:2px solid #f8d56b;color:#f8d56b;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5em;font-weight:700;transition:all .2s ease;position:relative}.modal-close-button:hover{background:#f8d56b33;transform:scale(1.1)}.modal-close-button:focus{outline:2px solid #f8d56b;outline-offset:2px;background:#f8d56b33}.modal-close-button:active{transform:scale(.95)}.modal-body{padding:25px;overflow-y:auto;flex:1}.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.modal-content:focus-within{outline:2px solid #f8d56b;outline-offset:2px}@media (max-width: 768px){.modal-content{max-width:95vw;max-height:95vh;margin:10px}.modal-header{padding:15px 20px}.modal-title{font-size:1.3em}.modal-close-button{width:35px;height:35px;font-size:1.3em}.modal-body{padding:20px}}@media (prefers-contrast: high){.modal-content,.modal-close-button{border-width:3px}}@media (prefers-reduced-motion: reduce){.modal-close-button{transition:none}.modal-close-button:hover,.modal-close-button:active{transform:none}}.error-modal .modal-content{max-width:500px}.error-content{padding:0}.error-message{display:flex;align-items:flex-start;padding:25px;background:#ff44440d;border-radius:10px 10px 0 0}.error-icon{font-size:2em;margin-right:15px;flex-shrink:0;margin-top:5px}.error-message p{color:#e0e0e0;margin:0;line-height:1.5;flex:1}.error-actions{display:flex;gap:15px;padding:20px 25px;background:#ff44441a;border-radius:0 0 10px 10px;justify-content:center}.error-retry-button,.error-close-button{padding:12px 24px;border-radius:25px;font-size:1em;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:100px;border:2px solid}.error-retry-button{background:#f44;color:#fff;border-color:#f44}.error-retry-button:hover{background:#e63939;border-color:#e63939;transform:translateY(-2px);box-shadow:0 4px 12px #ff44444d}.error-retry-button:focus{outline:2px solid #ff4444;outline-offset:2px;background:#e63939}.error-close-button{background:#666;color:#fff;border-color:#666}.error-close-button:hover{background:#555;border-color:#555;transform:translateY(-2px);box-shadow:0 4px 12px #6666664d}.error-close-button:focus{outline:2px solid #666;outline-offset:2px;background:#555}.error-retry-button:active,.error-close-button:active{transform:translateY(0)}@media (max-width: 768px){.error-modal .modal-content{max-width:95vw}.error-message{flex-direction:column;text-align:center;padding:20px}.error-icon{margin-right:0;margin-bottom:10px;font-size:1.8em}.error-actions{flex-direction:column;padding:15px 20px}.error-retry-button,.error-close-button{width:100%;padding:15px}}@media (prefers-contrast: high){.error-message{background:#ff44441a;border:2px solid #ff4444}.error-actions{background:#f443}.error-retry-button,.error-close-button{border-width:3px}}@media (prefers-reduced-motion: reduce){.error-retry-button,.error-close-button{transition:none}.error-retry-button:hover,.error-close-button:hover,.error-retry-button:active,.error-close-button:active{transform:none}}