@media (display-mode:standalone){body,html{overflow-x:hidden;overflow-y:auto}#root,body,html{aspect-ratio:16/9;min-height:100vh}#root{display:flex;flex-direction:column;width:100vw}}@media (display-mode:standalone) and (min-width:768px){body{background:radial-gradient(circle at 50% 50%,#075e46 0,#023429 90%);margin:0;overflow-x:hidden;overflow-y:auto;padding:0;width:100vw}#root,body{min-height:100vh}#root{display:flex;flex-direction:column;width:100%}.container{flex:1 1;overflow-x:hidden;overflow-y:auto}}body{-webkit-overflow-scrolling:touch;overflow-y:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.container{margin:0 auto;max-width:1200px;overflow-x:hidden;overflow-y:auto;padding:0 20px}@media (display-mode:standalone){.container{min-height:100vh;overflow-x:hidden;overflow-y:auto}}.form-container{margin:50px auto;padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block;font-weight:500;margin-bottom:5px}.form-group input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:16px;padding:12px;width:100%}.form-group input:focus{background:#ffffff26;border-color:#28a745;box-shadow:0 0 0 2px #28a74540;outline:none}.form-group select{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:16px;padding:12px;width:100%}.form-group select:focus{background:#ffffff26;border-color:#28a745;box-shadow:0 0 0 2px #28a74540;outline:none}.form-group select option{background:#075e46;color:#fff}.btn{box-shadow:0 4px 15px #28a7454d;padding:12px}.btn:hover{background:linear-gradient(135deg,#20c997,#17a2b8);box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.btn:disabled{background:#ccc;cursor:not-allowed}.error{color:#dc3545}.error,.success{font-size:14px;margin-top:5px}.success{color:#28a745}.dashboard{margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.user-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin-bottom:20px;padding:20px}.user-info h3{color:#fff;font-weight:600;margin-top:0}.user-info p{color:#fffc;margin:10px 0}.socket-status{border-radius:4px;font-weight:500;margin-bottom:20px;padding:10px}.socket-status.connected{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.socket-status.disconnected{background:#dc354533;border:1px solid #dc35454d;color:#ff6b6b}.game-card{cursor:pointer;margin-bottom:15px;padding:20px}.game-card:hover{border-color:#28a74580;box-shadow:0 8px 25px #0006;transform:translateY(-2px)}.game-card h4{color:#fff;font-weight:600;margin-bottom:10px}.game-card p{color:#fffc;margin:5px 0}.friends-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:15px}.friend-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:15px;text-align:center;transition:all .3s ease}.friend-item:hover{transform:translateY(-2px)}.friend-item.online,.friend-item:hover{border-color:#28a74580}.friend-item.offline{opacity:.6}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a}.modal-header h3{color:#fff;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.close-btn:hover{background:#ffffff1a;color:#fff}.navbar{padding:.5rem 1rem}.navbar-brand{font-size:1.4rem;margin-right:0}.navbar-nav{align-items:center;margin-left:auto!important}.navbar-nav .nav-link{margin:0 .25rem}.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{background-color:#ffffff1a;color:#fff!important}.navbar-toggler{border:1px solid #ffffff4d;padding:.25rem .5rem}.navbar-toggler:focus{box-shadow:0 0 0 .2rem #ffffff40}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}@media (max-width:991.98px){.navbar-nav{margin-top:1rem;text-align:center}.navbar-nav .nav-link{margin:.25rem 0;padding:.75rem 1rem!important}}.nav-tabs{border-bottom:1px solid #fff3;flex-direction:row;margin-bottom:20px}.nav-tabs .nav-link{background:none;border:none;border-radius:8px 8px 0 0;margin-right:5px;padding:10px 20px}.nav-tabs .nav-link.active{background:#ffffff1a;border-bottom:2px solid #28a745}.nav-tabs .nav-link:hover{background:#ffffff0d;color:#fff}.action-btn{border-radius:6px;font-weight:500;margin-bottom:8px;margin-right:8px;padding:8px 16px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3)}.btn-success{background:linear-gradient(135deg,#28a745,#20c997)}.btn-warning{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#212529}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333)}.action-btn:hover{box-shadow:0 4px 12px #0000004d}.alert{border:1px solid;border-radius:8px;margin-bottom:20px;padding:12px 16px}.alert-danger{background:#dc35451a;border-color:#dc35454d;color:#ff6b6b}.alert-success{background:#28a7451a;border-color:#28a7454d;color:#28a745}.badge{padding:.25rem .5rem!important}.bg-danger{background-color:#dc3545!important}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.nav-tabs{gap:10px}@media (max-width:768px){.nav-tabs{flex-direction:column;width:100%}.nav-tabs .nav-link{text-align:center;width:100%}}:root{--mobile-padding:10px;--mobile-margin:8px;--card-width-mobile:60px;--card-height-mobile:84px;--button-height-mobile:48px;--touch-target-min:44px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 50% 50%,#075e46 0,#023429 90%);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;overflow-x:hidden}.container{margin:0;max-width:100vw;padding:10px;padding:var(--mobile-padding);width:100%}.form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin:8px auto;margin:var(--mobile-margin) auto;max-width:100%;padding:15px}.btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:48px;min-height:var(--button-height-mobile);padding:12px 16px;touch-action:manipulation;transition:all .3s ease;width:100%}.btn:active{background:linear-gradient(135deg,#20a739,#17b48a);transform:scale(.98)}.form-group input,.form-group select{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:16px;min-height:48px;min-height:var(--button-height-mobile);padding:12px 16px;width:100%}.navbar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000073!important;padding:.5rem 10px;padding:.5rem var(--mobile-padding);position:sticky;top:0;z-index:1000}.navbar-brand{font-size:1.2rem}.navbar-nav .nav-link{align-items:center;border-radius:4px;color:#ffffffb3!important;display:flex;justify-content:center;margin:.25rem 0;min-height:44px;min-height:var(--touch-target-min);padding:.75rem 1rem!important;transition:color .3s ease}.game-table{background:radial-gradient(ellipse at center,#0a5c43 0,#074336 50%,#023429 100%);border:3px solid #8b4513;border-radius:15px;margin:8px 0;margin:var(--mobile-margin) 0;min-height:60vh;width:100%}.card,.game-table{touch-action:manipulation}.card{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid #333;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:84px;height:var(--card-height-mobile);justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:60px;width:var(--card-width-mobile)}.card:active{transform:scale(.95)}.card.playable{border-color:#28a745;box-shadow:0 0 10px #28a74580}.card.selected{border-color:#ffc107;box-shadow:0 4px 20px #ffc10799;transform:translateY(-10px) scale(1.05)}.player-hand{-webkit-overflow-scrolling:touch;align-items:center;flex-wrap:wrap;gap:5px;justify-content:center;max-width:100%;overflow-x:auto;padding:10px}.player-hand.my-hand{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:15px;bottom:10px;left:10px;max-height:120px;position:fixed;right:10px;z-index:100}.opponent-hand{align-items:center;display:flex;gap:3px;justify-content:center}.opponent-card{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #333;border-radius:3px;height:35px;width:25px}.deck-area{gap:15px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.deck-pile,.discard-pile{align-items:center;border:2px solid #333;border-radius:6px;cursor:pointer;display:flex;height:84px;height:var(--card-height-mobile);justify-content:center;transition:all .2s ease;width:60px;width:var(--card-width-mobile)}.game-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid #fff3;border-radius:10px;font-size:14px;left:10px;max-height:100px;overflow-y:auto;padding:10px;position:fixed;right:10px;top:60px;z-index:99}.game-info.collapsed{max-height:40px;overflow:hidden}.game-info-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);padding:5px;position:absolute;right:10px;top:5px}.modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#075e46f2;border:1px solid #fff3;max-height:80vh;max-width:400px;overflow-y:auto;padding:20px;width:100%}.nav-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px}.nav-tabs .nav-link{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#ffffffb3;display:flex;flex:1 1;font-size:14px;justify-content:center;min-height:44px;min-height:var(--touch-target-min);min-width:80px;padding:12px 8px;text-align:center;transition:all .3s ease}.nav-tabs .nav-link.active{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;color:#fff}.games-grid{grid-gap:15px;gap:15px;grid-template-columns:1fr;padding:10px 0}.game-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:15px;transition:all .3s ease}.game-card:active{background:#ffffff26;transform:scale(.98)}h1,h2,h3{font-size:clamp(1.2rem,4vw,2rem);margin:10px 0;text-align:center}p,span{font-size:clamp(.9rem,3vw,1rem)}.mobile-hidden{display:none}.mobile-only{display:block}.text-center-mobile{text-align:center}.full-width-mobile{width:100%}.sticky-bottom{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-top:1px solid #fff3;bottom:0;left:0;padding:10px;position:fixed;right:0;z-index:100}@media (min-width:768px){:root{--card-width-mobile:80px;--card-height-mobile:112px}.container{padding:20px}.games-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.player-hand.my-hand{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;bottom:auto}.game-info,.player-hand.my-hand{left:auto;position:relative;right:auto}.game-info{background:#ffffff1a;margin-bottom:20px;top:auto}.mobile-hidden{display:block}.mobile-only{display:none}}@media (min-width:992px){:root{--card-width-mobile:100px;--card-height-mobile:140px}.container{margin:0 auto;max-width:1200px;padding:30px}.games-grid{gap:25px;grid-template-columns:repeat(3,1fr)}.navbar-nav{flex-direction:row}.navbar-nav .nav-link{margin:0 .25rem;padding:.5rem 1rem!important}.nav-tabs{flex-direction:row;flex-wrap:nowrap}.game-table{min-height:70vh}}@media (min-width:1200px){:root{--card-width-mobile:120px;--card-height-mobile:168px}.games-grid{gap:30px;grid-template-columns:repeat(4,1fr)}.container{padding:40px}}@media (hover:none) and (pointer:coarse){.card:hover{transform:none}.btn:hover{background:linear-gradient(135deg,#28a745,#20c997)}.btn,.card,.nav-link{min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min)}}@media (max-height:500px) and (orientation:landscape){.player-hand.my-hand{bottom:5px;max-height:80px}.game-info{max-height:60px;top:5px}.game-table{min-height:50vh}}@supports (-webkit-appearance:none){.form-group input,.form-group select{-webkit-appearance:none;border-radius:8px}body{-webkit-overflow-scrolling:touch}}@media screen and (-webkit-min-device-pixel-ratio:0){.btn{-webkit-tap-highlight-color:rgba(0,0,0,0)}}.pharaon-game-room-layout{background:radial-gradient(circle at 50% 50%,#075e46 0,#023429 90%);color:#fff;display:flex;min-height:100vh;overflow:hidden}.pharaon-game-left-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-right:1px solid #ffffff1a;overflow:hidden;width:280px;z-index:1000}.pharaon-game-left-panel.collapsed{width:60px}.pharaon-game-center-area{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:20px}.game-table-container{height:80vh;max-width:1200px}.pharaon-game-right-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-left:1px solid #ffffff1a;overflow:hidden;width:320px;z-index:1000}.pharaon-game-right-panel.collapsed{width:60px}.panel-header{padding:15px 20px}.header-left{align-items:center;display:flex;gap:10px}.panel-header h3{color:#fff;font-size:16px}.collapse-btn,.dashboard-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.collapse-btn:hover,.dashboard-btn:hover{background:#fff3;transform:scale(1.1)}.dashboard-btn{background:#4caf5033;border-color:#4caf5066}.dashboard-btn:hover{background:#4caf504d}.panel-content{height:calc(100vh - 80px);scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#0000}.panel-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.nav-section{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}.nav-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;font-weight:500;gap:12px;transition:all .2s ease}.nav-button:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateX(2px)}.nav-button span:first-child{font-size:16px}.info-section{padding-bottom:20px}.info-section:last-child{padding-bottom:0}.info-item{align-items:flex-start;display:flex;font-size:13px;justify-content:space-between;line-height:1.4;margin-bottom:8px}.info-item span:first-child{color:#ccc;font-weight:600;margin-right:10px;min-width:80px}.info-item span:last-child{color:#fff;flex:1 1;text-align:right;word-break:break-word}.game-info,.players-list,.scores-list,.status-info{overflow:visible}.player-item{border-radius:6px;margin-bottom:4px}.info-item,.status-item{padding:4px 0}.mode-badge,.phase-badge,.status-badge{font-size:11px;padding:2px 8px}.status-badge.waiting{background:#ff9800;color:#fff}.status-badge.playing{background:#4caf50;color:#fff}.status-badge.finished{background:#f44336;color:#fff}.phase-badge{background:#4caf50cc;color:#fff}.mode-badge.friendly{background:#2196f3;color:#fff}.mode-badge.betting{background:#ff5722;color:#fff}.score-item{font-size:13px;padding:6px 0}.score{color:#4caf50;font-weight:600}.score.losing{color:#f44336}.controls{gap:8px}.control-btn{background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:6px}.control-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);transform:translateY(-1px)}.start-match-btn{background:linear-gradient(135deg,#4caf50,#388e3c)}.start-match-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32)}.deck-area{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:20px}.face-down-deck,.face-up-deck{cursor:pointer;position:relative}.face-down-deck:hover{transform:scale(1.05);transition:transform .2s ease}.deck-stack{position:relative}.deck-card{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fff3;border-radius:8px;box-shadow:0 4px 8px #0000004d;cursor:pointer;height:251px;transition:all .3s ease;width:160px}.deck-count{align-items:center;background:#ff6b6b;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.top-card{border:2px solid #4caf50;box-shadow:0 0 15px #4caf5080}.top-card-container{display:inline-block;position:relative}.selected-symbol-overlay{border:3px solid gold;border-radius:8px;box-shadow:0 0 15px #ffd70099;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.empty-deck{align-items:center;background:#0000001a;border:2px dashed #666;border-radius:8px;color:#666;display:flex;font-size:12px;height:112px;justify-content:center;width:80px}.game-status-center{color:#fff;font-size:14px;text-align:center}.seven-chain-indicator{animation:pulse 2s infinite;background:#f44336;font-size:12px;margin-top:5px;white-space:nowrap}.selected-symbol,.seven-chain-indicator{border-radius:15px;color:#fff;font-weight:700;padding:6px 12px}.selected-symbol{background:#2196f3;margin-bottom:10px}.current-turn{color:#4caf50;font-size:16px;font-weight:700}.player-cards-area{margin-top:10px}.opponent-hand,.player-cards-area,.user-hand{overflow:visible;pointer-events:auto;position:relative;z-index:1}.hand-card{border:2px solid #0000004d;border-radius:12px;box-shadow:0 4px 8px #0000004d;height:251px;position:relative;transition:all .3s ease;width:160px;z-index:1}.hand-card,.hand-card.playable{cursor:pointer;pointer-events:auto}.hand-card.playable{border:3px solid #4caf50;box-shadow:0 6px 16px #4caf5080;opacity:1;transform:translateY(-5px);z-index:999!important}.hand-card.playable:hover{box-shadow:0 12px 24px #4caf50b3;pointer-events:auto;transform:scale(1.05)!important;transition:transform .2s ease;z-index:20}.hand-card.not-playable{cursor:not-allowed;filter:grayscale(.3);opacity:1;pointer-events:none;z-index:1}.hand-card.not-playable:hover{box-shadow:0 4px 8px #0000004d;pointer-events:none;transform:none}.hand-card.clickable{cursor:pointer;opacity:1;pointer-events:auto;z-index:15}.player-info{margin-bottom:5px;text-align:center}.player-name{font-size:14px}.dealer-badge{font-size:16px;margin-left:5px}.turn-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:700;margin-top:3px}.pharaon-seat.current-turn{background:#4caf5033;border:2px solid #4caf50;border-radius:15px;padding:10px}.pharaon-seat.current-user{background:#2196f333;border:2px solid #2196f3;border-radius:15px;padding:10px}.player-item.current-turn{background:#4caf501a;border-left:4px solid #4caf50}.card-count{color:#888;font-size:12px;margin-left:10px}.draw-btn{background:linear-gradient(135deg,#ff9800,#f57c00)}.draw-btn:disabled{background:#666;cursor:not-allowed;opacity:.5}.modal-content{background:#2c2f33;border-radius:15px;color:#fff;padding:30px}.symbol-options{display:flex;gap:15px;justify-content:center;margin-top:20px}.player-info-badges{align-items:center;display:flex;gap:10px;justify-content:center}.symbol-btn{align-items:center;background:#ffffff1a;border:2px solid #0000;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:15px;transition:all .3s ease}.symbol-btn:hover{background:#4caf5033;border-color:#4caf50;transform:translateY(-3px)}.symbol-image{border-radius:6px;height:251px;width:160px}.modal-actions{margin-top:20px}.intercept-btn,.skip-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px 20px;transition:all .3s ease}.skip-btn{background:linear-gradient(135deg,#f44336,#d32f2f)}.intercept-btn:hover,.skip-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.card-option{border-radius:5px;height:70px;width:50px}@media (max-width:1200px){.deck-card{height:98px;width:70px}.hand-card{height:120px;width:86px}}@media (max-width:768px){.deck-area{gap:15px}.deck-card{height:84px;width:60px}.hand-card{height:90px;width:64px}.modal-content{margin:20px;padding:20px}.symbol-options{gap:10px}}.pharaon-game-left-panel.hidden-during-game{display:none!important}.pharaon-game-left-panel.hidden-during-game~.pharaon-game-center-area{margin-left:0!important}.pharaon-seat{flex-direction:column;font-size:.95rem;gap:.5rem;position:absolute;text-align:center}.pharaon-seat,.seat-avatar{align-items:center;display:flex}.seat-avatar{justify-content:center;margin-bottom:.5rem}.seat-avatar .profile-avatar{border:3px solid #ffffff4d;box-shadow:0 4px 12px #0000004d;transition:all .3s ease}.seat-avatar .profile-avatar:hover{border-color:#ffffff80;box-shadow:0 6px 16px #0006;transform:scale(1.05)}.pharaon-seat.current-user .seat-avatar .profile-avatar{border-color:#2196f3;box-shadow:0 4px 12px #2196f366}.pharaon-seat.current-turn .seat-avatar .profile-avatar{animation:pulse 2s infinite;border-color:#4caf50;box-shadow:0 4px 12px #4caf5066}.opponent-hand,.player-cards-area,.user-hand{align-items:center;display:flex;justify-content:center;transition:all .5s ease-in-out}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2e7d32,#1b5e20);border-bottom:1px solid #ffffff1a;box-shadow:0 2px 15px #0000004d}.navbar-brand{color:#fff!important;font-size:1.5rem;font-weight:700;letter-spacing:.5px}.navbar-nav .nav-link{color:#ffffffe6!important;font-weight:500;padding:.5rem 1rem!important;transition:all .3s ease}.navbar-nav .nav-link:hover{background-color:#ffffff1a;border-radius:5px;color:gold!important}.navbar-nav .nav-link.active{background-color:#ffffff26;border-radius:5px;color:gold!important}.navbar-toggler{border-color:#ffffff4d}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.badge{font-size:.6rem!important}.raub-game-container{background:linear-gradient(135deg,#4b6cb7,#182848);margin:0;min-height:100vh;padding:0}.raub-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2e7d32f2;box-shadow:0 2px 15px #0000004d}.raub-navbar-brand{font-size:1.4rem;font-weight:700;letter-spacing:.5px}.raub-coin-badge{background-color:#ffc107;border-radius:10px;color:#000;font-size:.8rem;font-weight:700;margin-left:10px;padding:.25rem .5rem}.raub-main-content{padding:20px}.raub-waiting-message{text-align:center}.raub-game-info,.raub-waiting-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000004d;color:#fff}.raub-game-info{margin-bottom:20px;padding:20px}.raub-game-info-row{display:flex;flex-wrap:wrap;gap:30px}.raub-declarer-info{background:#ffd70033;border:1px solid gold;border-radius:8px;padding:8px 12px}.raub-declarer-tricks{font-size:12px;opacity:.8}.raub-trump-info{background:#ff450033;border:1px solid #ff4500;border-radius:8px;padding:8px 12px}.raub-second-info-row{display:flex;gap:20px}.raub-scores-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000004d;color:#fff;margin-bottom:20px;padding:20px}.raub-scores-grid{display:flex;flex-wrap:wrap;justify-content:space-around}.raub-score-item{background:#ffffff1a;border-radius:10px;min-width:120px;padding:15px;text-align:center}.raub-score-name{font-weight:700}.raub-score-value{font-size:18px;font-weight:700}.raub-score-eliminated{color:#ff6b6b;font-size:12px}.raub-game-table{background:radial-gradient(circle,#2e7d32 0,#1b5e20 70%);border:8px solid #4caf50;border-radius:50%;box-shadow:inset 0 0 50px #0000004d,0 10px 30px #0000004d;height:400px;margin:0 auto;max-width:600px;position:relative;width:100%}.raub-seat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:15px;height:100px;padding:10px;position:absolute;text-align:center;transition:all .3s ease;width:120px}.raub-seat.active{border-color:gold;box-shadow:0 0 20px #ffd70080}.raub-seat-bottom{bottom:-50px;left:50%;transform:translateX(-50%)}.raub-seat-right{right:-60px;top:50%;transform:translateY(-50%)}.raub-seat-top{left:50%;top:-50px;transform:translateX(-50%)}.raub-seat-left{left:-60px;top:50%;transform:translateY(-50%)}.raub-seat-cards{gap:5px;margin-bottom:8px;min-height:40px}.raub-card,.raub-seat-cards{display:flex;justify-content:center}.raub-card{align-items:center;background:linear-gradient(135deg,#fff,#f0f0f0);border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0003;color:#333;font-size:10px;font-weight:700;height:35px;position:relative;width:25px}.raub-card.red{color:#d32f2f}.raub-card.black{color:#333}.raub-seat-name{color:#fff;font-size:12px;font-weight:700;margin-bottom:4px}.raub-dealer-indicator{color:#ff6b6b;margin-right:4px}.raub-active-indicator{color:#4caf50;margin-right:4px}.raub-center-area{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.raub-trick-cards{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.raub-played-card{align-items:center;background:linear-gradient(135deg,#fff,#f0f0f0);border:2px solid #333;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#333;display:flex;font-size:14px;font-weight:700;height:70px;justify-content:center;width:50px}.raub-played-card.red{color:#d32f2f}.raub-trick-info{color:#fff;font-size:12px}.raub-player-hand{flex-wrap:wrap;gap:10px;margin-top:20px}.raub-hand-card,.raub-player-hand{display:flex;justify-content:center}.raub-hand-card{align-items:center;background:linear-gradient(135deg,#fff,#f0f0f0);border:2px solid #333;border-radius:8px;box-shadow:0 4px 8px #0003;color:#333;cursor:pointer;flex-direction:column;font-size:18px;font-weight:700;height:110px;transition:all .3s ease;width:80px}.raub-hand-card:hover{box-shadow:0 6px 16px #0000004d;transform:translateY(-5px)}.raub-hand-card.red{color:#d32f2f}.raub-hand-card.selected{border-color:#4caf50;box-shadow:0 0 15px #4caf5080;transform:translateY(-5px)}.raub-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.raub-modal-content{background:linear-gradient(135deg,#2e7d32,#1b5e20);border:2px solid #ffd7004d;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90%;max-width:90%;overflow-y:auto;padding:30px;text-align:center}.raub-modal-title{color:gold;margin-bottom:10px}.raub-modal-description{color:#ccc;font-size:14px}.raub-trump-display{align-items:center;display:flex;justify-content:center;margin:15px 0}.raub-trump-label{color:gold;font-weight:700;margin-bottom:10px}.raub-trump-card{align-items:center;background:linear-gradient(135deg,#fff,#f0f0f0);border:3px solid gold;border-radius:12px;box-shadow:0 0 20px #ffd70066;color:#333;display:flex;flex-direction:column;font-size:24px;font-weight:700;height:110px;justify-content:center;margin:0 auto;width:80px}.raub-trump-card.red{color:#d32f2f}.raub-modal-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.raub-modal-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-weight:700;min-width:120px;padding:15px 25px;position:relative;transition:all .3s ease}.raub-modal-btn:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.raub-modal-btn.danger{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 15px #f443364d}.raub-modal-btn.secondary{background:linear-gradient(135deg,#9e9e9e,#616161);box-shadow:0 4px 15px #9e9e9e4d}.raub-btn-hint{font-size:10px;opacity:.9}.raub-card-exchange{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000004d;color:#fff;margin-bottom:20px;padding:20px;text-align:center}.raub-exchange-title{color:gold;margin-bottom:10px}.raub-exchange-description{color:#ccc;font-size:14px}.raub-exchange-cards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.raub-exchange-card{align-items:center;background:linear-gradient(135deg,#fff,#f0f0f0);border:2px solid #333;border-radius:6px;box-shadow:0 2px 6px #0003;color:#333;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:700;height:85px;justify-content:center;transition:all .3s ease;width:60px}.raub-exchange-card.selected{border-color:#f44336;opacity:.7;transform:scale(.95)}.raub-exchange-controls{display:flex;gap:15px;justify-content:center;margin-top:15px}.raub-adut-determination{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000004d;color:#fff;margin-bottom:20px;padding:20px;text-align:center}.raub-adut-title{color:#4caf50;margin-bottom:10px}.raub-adut-description{color:#ccc;font-size:14px}.raub-adut-cards{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0}.loading-container{color:#fff}.error-container,.loading-container{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;justify-content:center;min-height:100vh}.error-container{color:#ff6b6b}.game-header{align-items:center;background:#0000004d;border-bottom:2px solid gold;justify-content:space-between;padding:20px}.game-title{color:gold;font-size:24px;margin:0}.button-group{display:flex;gap:10px}.btn-primary{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#007bff,#0056b3)}.btn-danger,.btn-secondary{border:none;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.btn-danger{background:linear-gradient(135deg,#f44,#c00)}.btn-neutral{background:linear-gradient(135deg,#666,#333);padding:12px 24px;transition:all .3s ease}.btn-neutral,.btn-success{border:none;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:700}.btn-success{background:linear-gradient(135deg,#4f4,#0c0);padding:15px 25px}.game-info{background:#0006;border:2px solid #333;border-radius:15px;margin:20px;padding:20px}.status-waiting{color:gold;font-size:18px;font-weight:700}.status-playing{color:#4caf50;font-size:18px;font-weight:700}.players-list{flex-wrap:wrap;gap:15px;margin-top:15px}.player-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid gold;border-radius:10px;min-width:120px;padding:10px 15px;text-align:center}.player-name{font-weight:700;margin-bottom:5px}.player-score{color:gold;font-size:14px}.game-table{background:radial-gradient(ellipse at center,#2d5d2d 0,#1a3d1a 100%);border:8px solid #8b4513;border-radius:50%;box-shadow:inset 0 0 50px #00000080;height:400px;margin:40px auto;width:600px}.trump-card-display{background:#ffd7001a;border:2px solid gold;border-radius:10px;left:50%;padding:15px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.trump-card-label{color:gold;font-weight:700;margin-bottom:10px}.trump-card{align-items:center;background:#fff;border:2px solid #333;border-radius:8px;color:#333;display:flex;flex-direction:column;font-size:14px;font-weight:700;height:90px;justify-content:center;margin:0 auto;width:60px}.game-status{background:#00000080;border:1px solid #333;border-radius:10px;margin:20px;padding:15px;text-align:center}.phase-indicator{color:gold;font-size:18px;font-weight:700;margin-bottom:10px}.turn-indicator{color:#4caf50;font-size:16px}.player-hand{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:2px solid gold;border-radius:15px;bottom:20px;display:flex;gap:10px;left:50%;padding:20px;position:fixed;transform:translateX(-50%)}.player-card-item{border:2px solid #0000;border-radius:8px;cursor:pointer;height:90px;transition:all .3s ease;width:60px}.player-card-item:hover{border-color:gold;box-shadow:0 8px 16px #ffd7004d;transform:translateY(-10px)}.card-image{border-radius:6px;height:100%;object-fit:cover;width:100%}.modal-overlay{background:#000000e6}.modal-content{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:3px solid gold;border-radius:20px;box-shadow:0 10px 30px #00000080;padding:40px;text-align:center}.modal-header{margin-bottom:25px}.modal-title{color:gold;margin-bottom:10px}.modal-description{color:#ccc}.modal-trump-card{background:#ffd7001a;border:1px solid gold;border-radius:10px;margin:20px 0;padding:15px}.modal-actions{flex-wrap:wrap;gap:15px;justify-content:center}.action-button{min-width:100px}.action-button-small{font-size:10px;opacity:.9}.waiting-message{color:gold;font-size:18px;margin:40px 0;text-align:center}.waiting-players{background:#ffd7001a;border:1px solid gold;border-radius:10px;margin:20px;padding:20px;text-align:center}@media (max-width:768px){.raub-game-table{height:300px;width:90%}.raub-seat{height:80px;padding:5px;width:100px}.raub-seat-bottom{bottom:-40px}.raub-seat-top{top:-40px}.raub-seat-left{left:-50px}.raub-seat-right{right:-50px}.raub-hand-card{font-size:14px;height:85px;width:60px}.raub-modal-buttons{align-items:center;flex-direction:column}.raub-modal-btn{min-width:200px}.game-header{flex-direction:column;gap:15px;text-align:center}.button-group{flex-wrap:wrap;justify-content:center}}.game-left-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;transition:all .3s ease;width:280px;z-index:100}.game-left-panel.collapsed{width:60px}.game-right-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-left:1px solid #ffffff1a;display:flex;flex-direction:column;transition:all .3s ease;width:320px;z-index:100}.game-right-panel.collapsed{width:60px}.panel-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px}.panel-header h3{color:#4caf50;font-size:18px;font-weight:600;margin:0}.collapse-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s ease}.collapse-btn:hover{background:#fff3;transform:scale(1.05)}.panel-content{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.nav-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.nav-button:hover{background:#fff3;transform:translateY(-2px)}.nav-button.action-btn{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50}.nav-button.action-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40)}.nav-section{margin-bottom:20px}.nav-section h4{color:#4caf50;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.player-item{padding:8px 12px}.player-name{color:#fff}.dealer-badge{color:gold}.active-badge{color:#4caf50}.game-center-area{flex:1 1;flex-direction:column;padding:20px}.game-center-area,.game-table-container{align-items:center;display:flex;justify-content:center;position:relative}.game-table-container{height:100%;width:100%}.game-table{background:#ffffff0a;border:2px solid #ffffff1f;border-radius:900px;box-shadow:inset 0 0 40px #000c;height:min(64vh,620px);width:min(84vw,920px)}.table-center h4{color:#4caf50;margin:0 0 10px}.table-center p{color:#ccc;margin:5px 0}.seat{flex-direction:column;font-size:.95rem;gap:.3rem;pointer-events:none;position:absolute;text-align:center}.seat,.seat-cards{align-items:center;display:flex}.seat-cards{justify-content:center;margin-top:64px;max-width:250px;position:relative;width:100%}.card-placeholder{border-radius:6px;box-shadow:0 3px 7px #000000b3;height:72.5px;margin-left:-25px;object-fit:cover;width:50px}.card-placeholder:first-child{margin-left:0}.seat-label{border-radius:10px;font-size:12px;font-weight:700;padding:5px 10px}.seat-label.occupied{background:#000000b3;border:2px solid #2d5a3a;color:#fff}.seat-label.empty{background:#ffffff1a;border:2px dashed #666;color:#ccc}.seat-label.current-user{border-color:gold;color:gold}.you-label{color:gold;font-size:10px;opacity:.8}.waiting-player{color:#ccc;font-style:italic}.current-hand{align-items:center;display:flex;gap:10px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.played-card .card-image{border-radius:8px;box-shadow:0 4px 12px #00000080;height:101.5px;width:70px}.player-position{align-items:center;display:flex;flex-direction:column;gap:8px;position:absolute}.player-position.current-user .player-info{color:gold}.player-position.active .player-info{animation:pulse 2s infinite}@keyframes pulse{0%,50%,to{opacity:1}25%,75%{opacity:.7}}.player-info{align-items:center;background:#000c;border:2px solid #2d5a3a;border-radius:15px;display:flex;font-size:12px;font-weight:700;gap:5px;padding:6px 12px}.dealer-crown{color:#ff6b6b}.user-cards{flex-wrap:wrap;gap:5px;max-width:400px}.user-card{border-radius:8px;box-shadow:0 3px 7px #000000b3;cursor:pointer;height:116px;object-fit:cover;transition:all .3s ease;width:80px}.user-card:hover{transform:translateY(-10px)}.user-card.playable{cursor:pointer}.user-card.playable:hover{box-shadow:0 8px 15px #4caf5080;transform:translateY(-15px)}.opponent-cards{gap:-15px}.opponent-card{border-radius:6px;box-shadow:0 2px 6px #000000b3;height:58px;margin-left:-15px;object-fit:cover;width:40px}.opponent-card:first-child{margin-left:0}.info-section h4{font-size:16px;margin:0 0 12px}.controls-grid,.match-info,.scores-grid,.status-info{display:flex;flex-direction:column;gap:8px}.info-item,.score-item,.status-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.mode-badge,.phase-badge,.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.mode-badge.betting{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.score{font-weight:700}.score.eliminated{color:#f44336}.eliminated-badge{background:#f4433633;border-radius:8px;color:#f44336;font-size:10px;font-weight:600;padding:2px 6px}.trump-info{align-items:center;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;display:flex;gap:10px;padding:12px}.trump-card{border-radius:6px;box-shadow:0 2px 6px #00000080;height:58px;width:40px}.control-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:10px;color:#fff;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease;width:100%}.control-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px)}.control-btn.secondary{background:linear-gradient(135deg,#666,#555)}.control-btn.secondary:hover{background:linear-gradient(135deg,#555,#444)}@media (max-width:1200px){.game-left-panel{width:240px}.game-right-panel{width:280px}}@media (max-width:992px){.game-left-panel,.game-right-panel{bottom:0;position:absolute;top:0;z-index:1000}.game-left-panel{left:0}.game-right-panel{right:0}.game-left-panel.collapsed{left:-220px}.game-right-panel.collapsed{right:-260px}}@media (max-width:768px){.game-room-layout{flex-direction:column}.game-left-panel,.game-right-panel{flex-direction:row;height:60px;position:fixed;width:280px}.game-left-panel{border-bottom:1px solid #ffffff1a;border-right:none;left:0;right:0;top:0;width:100%}.game-right-panel{border-left:none;border-top:1px solid #ffffff1a;bottom:0;left:0;right:0;width:100%}.game-center-area{margin:60px 0}.panel-content{flex-direction:row;overflow-x:auto;padding:10px 20px}}.game-room-layout{background:radial-gradient(circle at 50% 50%,#075e46 0,#023429 90%);color:#fff;display:flex;height:100vh;overflow:hidden}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#4caf50;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px}.error-container button:hover{background:#45a049}.seat-occupied{align-items:center;display:flex;flex-direction:column;gap:8px}.seat-occupied.current-user{background:#4caf501a;border:2px solid #4caf50;border-radius:10px;padding:8px}.card-placeholder{align-items:center;display:flex;justify-content:center;position:relative}.card-back{border-radius:6px;box-shadow:0 2px 6px #000000b3;height:72px;object-fit:cover;position:relative;width:50px;z-index:1}.seat-name{background:#000c;border:1px solid #666;border-radius:15px;color:#fff;font-size:12px;font-weight:700;max-width:150px;overflow:hidden;padding:6px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.seat-empty{align-items:center;display:flex;flex-direction:column;gap:8px}.seat-placeholder{background:#ffffff1a;border:2px dashed #666;border-radius:10px;color:#ccc;padding:20px;text-align:center}.sit-here-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px;transition:background .2s ease}.sit-here-btn:hover{background:#45a049}.table-center{border:2px solid #2d5a3a;border-radius:15px;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:5}.playing-table{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.info-section{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:15px}.info-section:last-child{border-bottom:none;margin-bottom:0}.info-section h4{color:#4caf50;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.game-info,.status-info{display:flex;flex-direction:column;gap:8px}.info-item,.status-item{align-items:center;display:flex;font-size:13px;justify-content:space-between}.info-item span:first-child,.status-item span:first-child{color:#ffffffb3;font-weight:500}.info-item span:last-child,.status-item span:last-child{color:#fff;font-weight:600}.status-badge{border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.status-badge.waiting{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.status-badge.playing{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.status-badge.finished{background:#9e9e9e33;border:1px solid #9e9e9e;color:#9e9e9e}.phase-badge{background:#2196f333;border:1px solid #2196f3;border-radius:12px;color:#2196f3}.mode-badge,.phase-badge{font-size:11px;font-weight:600;padding:2px 8px}.mode-badge{border-radius:12px;text-transform:uppercase}.mode-badge.friendly{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.mode-badge.betting{background:#ffd70033;border:1px solid gold;color:gold}.scores-list{display:flex;flex-direction:column;gap:8px}.score-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.score-item .player-name{align-items:center;display:flex;font-size:13px;font-weight:500;gap:6px}.score-item .score{color:#4caf50;font-size:14px;font-weight:700}.score-item .score.losing{color:#f44336}.controls{display:flex;flex-direction:column;gap:10px}.control-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s ease}.start-match-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.start-match-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px)}@media (max-width:768px){.game-room-layout{flex-direction:column}.game-left-panel,.game-right-panel{position:fixed;z-index:1001}.game-left-panel{height:100vh;left:0;top:0}.game-right-panel{height:100vh;right:0;top:0}.game-center-area{flex:1 1;margin:0}}.page-with-sidebar{background:radial-gradient(circle at 50% 50%,#075e46 0,#023429 90%);color:#fff;display:flex;overflow:hidden}.game-actions{flex-direction:column;gap:10px}.action-btn{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:8px;font-size:14px;gap:8px;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.action-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px)}.action-btn:disabled{background:linear-gradient(135deg,#666,#555);transform:none}.action-btn.spectate-btn{background:linear-gradient(135deg,#ff9800,#f57c00)}.action-btn.spectate-btn:hover{background:linear-gradient(135deg,#f57c00,#ef6c00)}.action-btn.delete-btn,.action-btn.leave-btn{background:linear-gradient(135deg,#f44336,#d32f2f)}.action-btn.delete-btn:hover,.action-btn.leave-btn:hover{background:linear-gradient(135deg,#d32f2f,#c62828)}.action-btn.sit-btn{background:linear-gradient(135deg,#2196f3,#1976d2)}.action-btn.sit-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0)}.action-btn.start-btn{background:linear-gradient(135deg,#4caf50,#388e3c)}.action-btn.start-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32)}.players-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.player-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.player-item:hover{background:#ffffff1a}.player-item.empty-seat{font-style:italic;opacity:.5}.player-name{font-size:13px;font-weight:500;gap:6px}.player-badges,.player-name{align-items:center;display:flex}.player-badges{gap:4px}.active-badge,.dealer-badge{font-size:12px}@media (max-width:768px){.page-with-sidebar{flex-direction:column;margin-left:0}.game-right-panel{height:100vh;position:fixed;right:0;top:0;z-index:1001}.game-center-area{flex:1 1;margin-right:0}.game-right-panel.collapsed{transform:translateX(100%)}}.App{background:radial-gradient(circle at 50% 50%,#075e46 0,#023429 90%);min-height:100vh;text-align:center}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}.card-dealing-overlay{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9999}.dealing-card{pointer-events:none}@keyframes dealCard{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:.8;transform:translate(calc(-50% + var(--to-x)),calc(-50% + var(--to-y))) scale(.8)}}.dealing-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:15px;color:#fff;left:50%;padding:20px 30px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}.dealing-message{align-items:center;display:flex;font-size:18px;font-weight:600;gap:15px}.dealing-spinner{animation:dealingSpinner 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#4caf50;height:24px;width:24px}@keyframes dealingSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.game-table{min-height:400px;position:relative}.deck-position{background:linear-gradient(135deg,#8b4513,#654321);border:2px solid #444;border-radius:8px;box-shadow:0 4px 12px #0000004d;height:112px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px;z-index:10}.deck-position.dealing{animation:deckPulse .5s ease-in-out infinite alternate}@keyframes deckPulse{0%{box-shadow:0 4px 12px #0000004d;transform:translate(-50%,-50%) scale(1)}to{box-shadow:0 6px 16px #4caf5066;transform:translate(-50%,-50%) scale(1.05)}}.played-cards-area{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px;min-height:100px}.played-card{transition:all .3s ease}.no-played-cards{align-items:center;display:flex;font-style:italic;justify-content:center;opacity:.7}.game-phase-indicator{align-items:center;display:flex;flex-direction:column;gap:5px;margin-top:10px}.phase-text{background:#4caf50cc;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.current-player{color:#4caf50;font-size:14px;font-weight:500}.opponent-cards,.user-cards{align-items:center;display:flex;justify-content:center}.game-card.playable{transition:all .2s ease}.game-card.playable:hover{box-shadow:0 4px 12px #4caf5080;transform:translateY(-10px)}.seat.current-turn{background:#4caf501a;border:2px solid #4caf50;box-shadow:0 0 20px #4caf504d}.turn-indicator{margin-top:5px}.turn-badge{background:#4caf50;border-radius:8px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.sidebar{background:#1a1d21;border-right:1px solid #2c2f33;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s ease;width:280px;z-index:1000}.sidebar-header{background:#16191c;border-bottom:1px solid #2c2f33;padding:24px 20px}.sidebar-logo{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:12px;text-decoration:none}.sidebar-logo-icon{color:#7fa650;font-size:24px}.sidebar-logo-text{color:#fff}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 0}.sidebar-nav-item{align-items:center;border-left:3px solid #0000;color:#b1b5b9;display:flex;font-size:14px;font-weight:500;gap:12px;margin:0;padding:14px 24px;text-decoration:none;transition:all .2s ease}.sidebar-nav-item:hover{background:#222529;border-left-color:#7fa650;color:#fff}.sidebar-nav-item.active{background:#7fa6501a;border-left-color:#7fa650;color:#7fa650;font-weight:600}.sidebar-nav-icon{font-size:16px;text-align:center;width:20px}.sidebar-footer{background:#16191c;border-top:1px solid #2c2f33;padding:20px}.sidebar-user-info{margin-bottom:16px}.sidebar-user-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.sidebar-user-email,.sidebar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{color:#82878c;font-size:12px}.sidebar-language{margin-bottom:12px}.sidebar-logout-btn{align-items:center;background:#0000;border:1px solid #2c2f33;border-radius:8px;color:#b1b5b9;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 16px;transition:all .2s ease;width:100%}.sidebar-logout-btn:hover{background:#2c2f33;border-color:#7fa650;color:#fff}.page-with-sidebar{background:#21252b;margin-left:280px;min-height:100vh}.dashboard-modern{margin:0;padding:32px;width:100%}.dashboard-header{align-items:center;background:#1a1d21;border:1px solid #2c2f33;border-radius:16px;box-shadow:0 4px 16px #0003;display:flex;justify-content:space-between;margin-bottom:32px;padding:32px}.dashboard-header h1{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.dashboard-header p{color:#82878c;font-size:16px;font-weight:400;margin:8px 0 0}.game-actions{display:flex;gap:16px;margin-bottom:40px}.dashboard-modern .game-actions{flex-direction:row}.action-btn{align-items:center;background:#7fa650;border:none;border-radius:12px;box-shadow:0 2px 8px #7fa65033;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;letter-spacing:normal;padding:16px 28px;text-transform:none;transition:all .2s ease}.action-btn:hover{background:#8fb860;box-shadow:0 4px 20px #7fa6504d;transform:translateY(-2px)}.action-btn span:first-child{font-size:16px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.stat-card{background:#1a1d21;border:1px solid #2c2f33;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:28px;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:#7fa650;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.stat-value{color:#7fa650;font-size:36px;font-weight:700;line-height:1;margin-bottom:8px}.stat-label{color:#82878c;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.game-section{margin-bottom:48px}.game-section h3{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;gap:12px;letter-spacing:-.3px;margin:0 0 24px}.game-section h3 span:first-child{font-size:20px}.games-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.game-card.modern{background:#1a1d21;border:1px solid #2c2f33;border-radius:16px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;min-height:180px;overflow:hidden;position:relative;transition:all .3s ease}.game-card.modern:hover{border-color:#7fa650;box-shadow:0 12px 32px #0000004d;transform:translateY(-4px)}.game-header{background:linear-gradient(135deg,#1a1d21,#1e2126);border-bottom:1px solid #2c2f33;display:flex;flex-direction:column;justify-content:flex-start;min-height:64px;padding:24px 24px 20px;position:relative}.game-name-section{background:#ffffff05;border-bottom:1px solid #ffffff0d;padding:20px 24px 24px}.game-name{-webkit-line-clamp:2;word-wrap:break-word;color:#fff;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px;max-width:calc(100% - 80px)}.game-description,.game-name{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.game-description{-webkit-line-clamp:1;color:#82878c;margin:0}.game-description,.info-row{font-size:14px;line-height:1.4}.info-row{align-items:flex-start;background:#ffffff05;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;min-height:24px;padding:12px 24px}.info-row:last-child{border-bottom:none;padding-bottom:16px}.info-row span:first-child{color:#82878c;flex-shrink:0;font-size:12px;font-weight:500;letter-spacing:.5px;margin-right:12px;min-width:80px;text-transform:uppercase}.info-row span:last-child{word-wrap:break-word;color:#fff;flex:1 1;font-weight:600;overflow:hidden;overflow-wrap:break-word;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dashboard-modern .game-card.modern .game-status{background:none!important;border:none!important;border-radius:20px!important;box-shadow:0 2px 8px #0003!important;color:#fff!important;display:block!important;font-size:11px!important;font-weight:700!important;letter-spacing:.5px!important;margin:0!important;padding:6px 12px!important;position:absolute!important;right:16px!important;text-align:center!important;text-shadow:0 1px 2px #00000080!important;text-transform:uppercase!important;top:20px!important;z-index:2!important}.dashboard-modern .game-card.modern .game-status.waiting{background:linear-gradient(135deg,#ff9800,#f57c00)!important}.dashboard-modern .game-card.modern .game-status.playing{background:linear-gradient(135deg,#4caf50,#388e3c)!important}.dashboard-modern .game-card.modern .game-status.finished{background:linear-gradient(135deg,#9e9e9e,#616161)!important}.dashboard-modern .game-card.modern .game-status.online{background:linear-gradient(135deg,#4caf50,#388e3c)!important}.dashboard-modern .game-card.modern .game-status.offline{background:linear-gradient(135deg,#9e9e9e,#616161)!important}.game-card.modern .empty-state{padding:60px 40px;text-align:center}.game-card.modern .empty-state h4{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.2px;margin-bottom:12px}.game-card.modern .empty-state p{color:#82878c;font-size:15px;line-height:1.6;margin:0 0 24px}.game-card.modern .empty-state .empty-icon{font-size:64px;margin-bottom:24px;opacity:.4}.profile-avatar{border:2px solid #7fa65033;cursor:pointer;transition:all .3s ease}.profile-avatar:hover{border-color:#7fa650;box-shadow:0 4px 16px #7fa6504d;transform:scale(1.05)}.action-btn[style*="background: #2196F3"]{background:linear-gradient(135deg,#4a9eff,#2196f3)!important;box-shadow:0 2px 8px #4a9eff33}.action-btn[style*="background: #2196F3"]:hover{background:linear-gradient(135deg,#5aa8ff,#3ba0f4)!important;box-shadow:0 4px 20px #4a9eff4d}.action-btn[style*="background: #FF9800"]{background:linear-gradient(135deg,#ffa726,#ff9800)!important;box-shadow:0 2px 8px #ffa72633}.action-btn[style*="background: #FF9800"]:hover{background:linear-gradient(135deg,#ffb74d,#ffab40)!important;box-shadow:0 4px 20px #ffa7264d}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.page-with-sidebar{margin-left:0}.dashboard-modern{padding:24px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:20px;padding:24px}.game-actions{flex-wrap:wrap}.games-grid{grid-template-columns:1fr}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1a1d21;border:1px solid #2c2f33;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #2c2f33;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px 24px 0}.modal-title{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.2px;margin:0}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#82878c;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:8px;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#2c2f33;color:#fff}.modal-body{flex:1 1;padding:0 24px 24px}.modal-description{color:#82878c;font-size:14px;line-height:1.5;margin:0 0 24px}.form-group{margin-bottom:24px}.form-label{color:#fff;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-input{background:#ffffff0d;border:2px solid #2c2f33;border-radius:12px;box-sizing:border-box;color:#fff;font-size:16px;padding:16px;transition:all .3s ease;width:100%}.form-input:focus{background:#ffffff14;border-color:#7fa650;box-shadow:0 0 0 3px #7fa6501a;outline:none}.form-hint,.form-input::placeholder{color:#82878c}.form-hint{font-size:12px;line-height:1.4;margin-top:8px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.modal-actions .action-btn{font-size:14px;min-width:120px;padding:12px 24px}.modal-actions .action-btn.secondary{background:#2c2f33;border:1px solid #3d4147;color:#fff}.modal-actions .action-btn.secondary:hover{background:#3d4147;border-color:#4a4e54}@media (max-width:480px){.dashboard-modern{padding:16px}.dashboard-header{padding:20px}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:20px}.game-card.modern{border-radius:12px}.modal-content{margin:20px;width:95%}.modal-header{padding:20px 20px 0}.modal-body{padding:0 20px 20px}.modal-actions{flex-direction:column}.modal-actions .action-btn{width:100%}}.action-btn.active{background:#7fa650!important;box-shadow:0 2px 8px #7fa6504d;color:#fff!important}.action-btn.secondary{background:#ffffff1a!important;border:1px solid #fff3;color:#fffc!important}.action-btn.secondary:hover:not(:disabled){background:#fff3!important;color:#fff!important}.action-btn:disabled{cursor:not-allowed;opacity:.5}.game-status.success{background:#4ecdc433;border:1px solid #4ecdc44d;color:#4ecdc4}.game-status.error{background:#ff6b6b33;border:1px solid #ff6b6b4d;color:#ff6b6b}.game-status.info{background:#45b7d133;border:1px solid #45b7d14d;color:#45b7d1}.game-status.default{color:#fffc}.game-status.default,select{background:#ffffff1a;border:1px solid #fff3}select{border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease}select:hover{background:#ffffff26}select:focus{border-color:#7fa650;box-shadow:0 0 0 2px #7fa65033;outline:none}select option{background:#2c5364;color:#fff}
/*# sourceMappingURL=main.87e9e657.css.map*/