body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;height:100svh;height:100dvh;margin:0;min-height:100vh;min-height:100svh;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-width:none}body::-webkit-scrollbar{display:none}@supports (height:100dvh){body{height:100dvh}}@supports (height:100svh){body{height:100svh;min-height:100svh}}@media screen and (max-width:768px){body{-webkit-overflow-scrolling:touch;height:100vh;height:100svh;height:100dvh;left:0;overflow:auto;overscroll-behavior:none;position:fixed;top:0;width:100%}}@media screen and (max-width:480px){body{height:100svh;height:100vh;height:calc(var(--vh, 1vh)*100);min-height:100svh;min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}}@supports not (height:calc(var(--vh ) * 100)){@media screen and (max-width:480px){body{height:100vh;min-height:100vh}}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;height:100vh;height:100svh;height:100dvh;margin:0;min-height:100vh;min-height:100svh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;padding:0;scrollbar-width:none;width:100vw}.App::-webkit-scrollbar{display:none}@media screen and (max-width:768px){.App{height:100vh;height:100svh;height:100dvh;min-height:100vh;min-height:100svh;min-height:100dvh}}@media screen and (max-width:480px){.App{height:100svh;height:100vh;height:calc(var(--vh, 1vh)*100);min-height:100svh;min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}}@supports not (height:calc(var(--vh ) * 100)){@media screen and (max-width:480px){.App{height:100vh;min-height:100vh}}}.lobby-screen{align-items:center;background:linear-gradient(135deg,#0f1419,#1e2a3a 25%,#2d3a4a 50%,#1e2a3a 75%,#0f1419);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center;overflow:hidden;width:100vw}.lobby-scroll-container{align-items:flex-start;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:2.5vh 0;width:100%}.lobby-scroll-container::-webkit-scrollbar{display:none}.lobby-scroll-container{-ms-overflow-style:none;scrollbar-width:none}.lobby-container{-webkit-backdrop-filter:blur(.8vw);backdrop-filter:blur(.8vw);background:#151416;border:.08vw solid #ffffff1a;border-radius:1.8vw;box-shadow:0 1.5vw 3vw #00000080;display:flex;flex-direction:column;height:auto;max-width:75vw;padding:3vw;text-align:center;transition:all .3s ease;width:100%}.lobby-container.compact{padding:.5vw 3vw 3vw}.header-section{align-items:center;border-bottom:.15vw solid #ffffff1a;display:flex;justify-content:space-between;min-height:15vh;padding-bottom:2.5vw;padding-top:1vw;transition:all .3s ease;width:100%}.header-section.compact{min-height:8vh;padding-bottom:1vw;padding-top:.5vw}.logo-section{align-items:center;display:flex;flex:1 1;gap:1.5vw;justify-content:center;transition:all .3s ease}.logo-section.compact{gap:1vw}.logo-image{height:11vw;transition:all .3s ease;width:22vw}.logo-image.compact{height:6vw;width:12vw}.user-section{align-items:center;display:flex;gap:1.5vw;transition:all .3s ease}.user-section.compact{gap:1.7vw}.user-actions{align-items:center;display:flex;gap:1vw}.lobby-screen .user-section .user-profile{align-items:center;display:flex;gap:1.2vw;margin-bottom:0;transition:all .3s ease}.lobby-screen .user-section .user-profile.compact{gap:.8vw}.lobby-screen .user-section .profile-image{border:.25vw solid #fff3;border-radius:50%;box-shadow:0 .3vw 1.2vw #0000004d;height:4vw;transition:all .3s ease;width:4vw}.lobby-screen .user-section .profile-image.compact{border:.2vw solid #fff3;height:3vw;width:3vw}.lobby-screen .user-section .default-avatar{align-items:center;background:#ffffff1a;color:#fff;display:flex;font-size:1.5vw;font-weight:700;justify-content:center}.lobby-screen .user-section .default-avatar.compact{font-size:1.2vw}.lobby-screen .user-section .user-info h3{color:#fff;font-size:1.1vw;margin:0 0 .4vw;transition:all .3s ease}.lobby-screen .user-section .user-info.compact h3{font-size:1vw;margin:0 0 .3vw;text-align:left}.lobby-screen .user-section .user-info p{color:#ccc;font-size:.95vw;margin:0;transition:all .3s ease}.lobby-screen .user-section .user-info.compact p{font-size:.85vw;text-align:left}.btn-logout{background:#dc3545;border:none;border-radius:1vw;color:#fff;cursor:pointer;font-size:.95vw;padding:.8vw 1.6vw;transition:all .3s ease}.btn-logout.compact{border-radius:.8vw;font-size:.85vw;padding:.6vw 1.2vw}.btn-logout:hover{background:#c82333;box-shadow:0 .4vw 1.2vw #dc35454d;transform:translateY(-.15vw)}.btn-history{background:linear-gradient(135deg,#667eea,#764ba2);border:.1vw solid #ffffff4d;border-radius:1vw;color:#fff;cursor:pointer;font-size:.95vw;font-weight:500;padding:.8vw 1.2vw;transition:all .3s ease}.btn-history,.btn-history.compact{align-items:center;display:flex;justify-content:center}.btn-history.compact{border:.08vw solid #ffffff4d;border-radius:.8vw;font-size:.85vw;padding:.75vw .9vw .6vw}.btn-history:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 .4vw 1.2vw #667eea4d;transform:translateY(-.15vw)}.btn-settings{align-items:center;background:#0000!important;border:none!important;border-radius:.5vw;box-shadow:none!important;color:#fff!important;cursor:pointer;display:inline-flex!important;flex:none!important;font-size:1.7vw!important;justify-content:center;max-width:none!important;min-width:auto!important;padding:.2vw .3vw!important;transition:all .3s ease;width:auto!important}.btn-settings:hover{background:#ffffff1a;transform:translateY(-.1vw)}.login-section{display:flex;justify-content:flex-end}.login-card{-webkit-backdrop-filter:blur(.8vw);backdrop-filter:blur(.8vw);background:#ffffff0d;border:.15vw solid #ffffff1a;border-radius:1.5vw;max-width:35vw;padding:2.5vw}.login-card h3{color:#fff;font-size:1.5vw;margin-bottom:.8vw}.login-card p{color:#ccc;font-size:1vw;line-height:1.5;margin-bottom:2vw}.btn-google{align-items:center;background:#ffffff1a;border:.15vw solid #fff3;border-radius:1vw;color:#fff;cursor:pointer;display:flex;font-size:1vw;font-weight:500;gap:.8vw;justify-content:center;padding:1vw 2vw;transition:all .3s ease;width:100%}.btn-google:hover{background:#ffffff26;border-color:#4285f4;box-shadow:0 .4vw 1.2vw #4285f44d;transform:translateY(-.15vw)}.google-icon{height:1.6vw;width:1.6vw}.game-section{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding-right:.5vw;scrollbar-width:none}.game-section::-webkit-scrollbar{display:none}.tab-navigation{display:flex;gap:.8vw;justify-content:center;margin-bottom:2.5vw;transition:all .3s ease}.tab-navigation.compact{gap:.6vw;margin-bottom:1.5vw;margin-top:1.5vw}.tab-button{align-items:center;background:#ffffff0d;border:.15vw solid #ffffff1a;border-radius:1.2vw;color:#ccc;cursor:pointer;display:flex;font-size:1vw;font-weight:600;gap:.6vw;padding:1.2vw 2vw;transition:all .3s ease}.tab-button.compact{border-radius:1vw;font-size:.9vw;gap:.5vw;padding:1vw 1.6vw}.tab-button:hover{background:#ffffff1a;border-color:#667eea;transform:translateY(-.15vw)}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 .6vw 2vw #667eea4d;color:#fff}.tab-icon{font-size:1.2vw;transition:all .3s ease}.tab-icon.compact{font-size:1vw}.tab-content{-webkit-backdrop-filter:blur(.8vw);backdrop-filter:blur(.8vw);background:#ffffff0d;border:.15vw solid #ffffff1a;border-radius:1.5vw;padding:2.5vw;transition:all .3s ease}.tab-content.compact{border-radius:1.2vw;margin:0 auto;max-width:35vw;padding:.5vw 2vw 2vw}.tab-header{margin-bottom:2.5vw;text-align:center;transition:all .3s ease}.tab-header.compact{margin-bottom:2vw}.tab-header h3{color:#fff;font-size:1.5vw;margin-bottom:.8vw;transition:all .3s ease}.tab-header.compact h3{font-size:1.3vw;margin-bottom:.6vw}.tab-header p{color:#ccc;line-height:1.5;margin:0;transition:all .3s ease}.tab-header.compact p{font-size:.9vw}.input-section{margin-bottom:2.5vw;transition:all .3s ease}.input-section.compact{margin-bottom:2vw}.input-group{margin-bottom:1.5vw;text-align:left;transition:all .3s ease}.input-group.compact{margin-bottom:1.2vw}.input-group.compact.tight-spacing{margin-bottom:.7vw}.input-group label{color:#fff;display:block;font-size:.95vw;font-weight:600;margin-bottom:.6vw;transition:all .3s ease}.input-group.compact label{font-size:.85vw;margin-bottom:.5vw}.input-field{background:#ffffff0d;border:.15vw solid #ffffff1a;border-radius:1vw;box-sizing:border-box;color:#fff;font-size:1vw;padding:1.2vw 1.6vw;transition:all .3s ease;width:100%}.input-field.compact{border-radius:.8vw;font-size:.9vw;padding:1vw 1.4vw}.input-field:focus{background:#ffffff1a;border-color:#667eea;box-shadow:0 0 0 .25vw #667eea33;outline:none}.input-field::placeholder{color:#888}.btn{align-items:center;border-radius:1vw;box-sizing:border-box;display:inline-flex;font-size:1vw;font-weight:600;gap:.6vw;justify-content:center;line-height:1;padding:1.2vw 2.4vw;text-decoration:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 .6vw 2vw #667eea4d;transform:translateY(-.15vw)}.btn-secondary{background:#6c757d}.btn-secondary:hover:not(:disabled){background:#5a6268;box-shadow:0 .6vw 2vw #6c757d4d;transform:translateY(-.15vw)}.btn-large{font-size:1.1vw;height:4.5vw;padding:1.5vw 3.2vw;transition:all .3s ease;width:100%}.btn-large.compact{font-size:1vw;height:3.8vw;padding:1.2vw 2.8vw}.btn-icon{font-size:1.2vw}.lobby-screen .btn .loading-spinner{animation:spin 1s linear infinite;border:.15vw solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block!important;height:1.2vw!important;margin:0!important;transform:translateY(0)!important;vertical-align:middle!important;width:1.2vw!important}.lobby-screen .ranking-list .loading-container{font-size:1.2vw!important;height:20vh!important;min-height:10vh!important;padding:2vw!important}.lobby-screen .ranking-list .loading-container .loading-spinner{margin-bottom:1.5vw!important}.lobby-screen .ranking-list .loading-container p{font-size:1vw!important;margin:0!important;opacity:.8!important}.lobby-screen .public-rooms-list .loading-container{align-items:center!important;display:flex!important;flex-direction:column!important;font-size:1vw!important;height:15vh!important;justify-content:center!important;min-height:15vh!important;padding:2vw!important}.lobby-screen .public-rooms-list .loading-container .loading-spinner{margin-bottom:1vh!important}.lobby-screen .public-rooms-list .loading-container p{color:#b0b0b0!important;font-size:1.5vh!important;margin:0!important;opacity:.8!important;text-align:center!important}.lobby-screen .public-rooms-list .no-rooms{align-items:center!important;display:flex!important;flex-direction:column!important;height:15vh!important;justify-content:center!important;min-height:15vh!important;padding:2vw!important}.lobby-screen .public-rooms-list .no-rooms p{color:#b0b0b0!important;font-size:1.5vh!important;margin:0!important;opacity:.8!important;text-align:center!important}.features-section{transition:all .3s ease}.features-section h3{color:#fff;font-size:1.5vw;margin-bottom:2vw}.features-grid{grid-gap:1.5vw;display:grid;gap:1.5vw;grid-template-columns:repeat(auto-fit,minmax(18vw,1fr))}.feature-card{-webkit-backdrop-filter:blur(.8vw);backdrop-filter:blur(.8vw);background:#ffffff0d;border:.15vw solid #ffffff1a;border-radius:1.2vw;padding:2vw;transition:all .3s ease}.feature-card:hover{background:#ffffff1a;border-color:#667eea;box-shadow:0 .8vw 2.4vw #0000004d;transform:translateY(-.4vw)}.feature-icon{display:block;font-size:2.5vw}.feature-card h4{color:#fff;font-size:1.1vw;margin:0 0 .8vw}.feature-card p{color:#ccc;font-size:.95vw;line-height:1.5;margin:0}.room-type-selector{display:flex;flex-direction:row;gap:.8vw;gap:1.2vh;justify-content:center;margin-top:.5vw;margin-top:.75vh}.room-type-button{align-items:center;background:#ffffff0d;border:.225vh solid #ffffff1a;border-radius:1.8vh;color:#ccc;cursor:pointer;display:flex;flex:1 1;font-size:1.5vh;font-weight:600;gap:.9vh;justify-content:center;padding:1.5vh 2.7vh;transition:all .3s ease}.room-type-button:hover{background:#ffffff1a;border-color:#667eea;transform:translateY(-.225vh)}.room-type-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 .9vh 3vh #667eea4d;color:#fff}.room-type-icon{font-size:1.8vh;transition:all .3s ease}.public-rooms-list{-ms-overflow-style:none;margin-top:2.25vh;max-height:35vh;overflow-y:auto;scrollbar-width:none}.public-rooms-list::-webkit-scrollbar{display:none}.rooms-grid{gap:1.2vw;padding:1vw 0}.room-card,.rooms-grid{display:flex;flex-direction:column}.room-card{background:#ffffff0d;border:.1vw solid #ffffff1a;border-radius:1vw;justify-content:flex-start;padding:.7vw;transition:all .3s ease}.room-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-.2vw)}.lobby-screen .room-card .room-info{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.lobby-screen .room-card .room-header{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:1vw}.lobby-screen .room-card .room-title{color:#fff;font-size:1.1vw;font-weight:600;margin:0;max-width:16.5vw;overflow:hidden;padding-right:.4vw;text-align:left;text-overflow:ellipsis;white-space:nowrap}.lobby-screen .room-card .room-type-badge{border-radius:.4vw;font-size:.9vw;font-weight:500;margin-left:.4vw;padding:.3vw .6vw;white-space:nowrap}.lobby-screen .room-card .room-type-badge.public{background:#4a9eff33;border:.1vw solid #4a9eff4d;color:#4a9eff}.lobby-screen .room-card .room-type-badge.private{background:#ffc10733;border:.1vw solid #ffc1074d;color:#ffc107}.lobby-screen .room-card .room-meta{align-items:center;display:flex;gap:.8vw;justify-content:space-between}.lobby-screen .room-card .player-count{align-items:center;background:#ffffff0d;border:.1vw solid #ffffff1a;border-radius:.6vw;display:flex;gap:.5vw;margin-right:.4vw;padding:.4vw .8vw}.lobby-screen .room-card .player-icon{font-size:1.1vw;opacity:.8}.lobby-screen .room-card .player-numbers{align-items:center;display:flex;font-size:1vw;font-weight:600;gap:.2vw}.lobby-screen .room-card .current-players{color:#4a9eff;font-weight:700}.lobby-screen .room-card .player-separator{color:#ccc;font-weight:400}.lobby-screen .room-card .max-players{color:#888;font-weight:500}.lobby-screen .room-card .join-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5vw;box-shadow:0 .2vw .5vw #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1vw;height:2.5vw;justify-content:center;margin-right:.4vw;min-width:2.5vw;padding:.6vw .8vw;transition:all .3s ease}.lobby-screen .room-card .join-button:hover:not(:disabled){background:linear-gradient(135deg,#7680f0,#8650b8);box-shadow:0 .3vw .8vw #667eea66;transform:translateY(-.1vw)}.lobby-screen .room-card .join-button:disabled{background:linear-gradient(135deg,#666,#888);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.lobby-screen .room-card .room-id{color:#888;font-family:Courier New,monospace;font-size:.9vw;margin:.3vw 0;text-align:left}.btn-small{align-self:flex-end;font-size:1vw;margin-top:0;min-width:6vw;padding:.8vw 1.2vw;white-space:nowrap}.input-group.horizontal{display:flex;flex-direction:column;gap:.5vw}.input-group.horizontal label{margin-bottom:0}.input-with-button{align-items:center;display:flex;gap:.8vw}.input-with-button .input-field{flex:1 1;margin-bottom:0}.input-with-button .btn-small{align-self:flex-end;flex-shrink:0;margin-top:0}.btn-join{align-items:center;align-self:center;display:flex;font-size:1vw;gap:.5vw;height:3.2vw;justify-content:center;margin-top:0;padding:1.2vw 1.6vw;text-align:center;white-space:nowrap;width:8vw}.btn-join.compact{font-size:.9vw;padding:1vw 1.4vw;width:7vw}.no-rooms{color:#b0b0b0;padding:4.5vh;text-align:center}.no-rooms p{font-size:2vh;margin-bottom:2.25vh}.lobby-screen .ranking-list{-ms-overflow-style:none!important;margin-top:2.25vh!important;max-height:47vh!important;overflow-y:auto!important;scrollbar-width:none!important}.lobby-screen .ranking-list::-webkit-scrollbar{display:none!important}.lobby-screen .ranking-grid{display:flex!important;flex-direction:column!important;gap:1.5vh!important;padding:1.5vh 0!important}.lobby-screen .ranking-card{align-items:center!important;background:#ffffff0d!important;border:.15vh solid #ffffff1a!important;border-radius:1.5vh!important;display:flex!important;gap:2.25vh!important;padding:1.8vh!important;position:relative!important;transition:all .3s ease!important}.lobby-screen .ranking-card:hover{background:#ffffff14!important;border-color:#fff3!important;transform:translateY(-.3vh)!important}.lobby-screen .ranking-card.clickable{cursor:pointer!important;position:relative!important}.lobby-screen .ranking-card.clickable:hover{background:#ffffff14!important;border-color:#fff3!important;box-shadow:0 .6vh 1.8vh #0003!important;transform:translateY(-.3vh)!important}.lobby-screen .ranking-card.clickable:active{box-shadow:0 .3vh .9vh #0000004d!important;transform:translateY(0)!important}.lobby-screen .ranking-card.rank-1{background:linear-gradient(135deg,#ffd70059,#ffc10740)!important;border-color:#ffd700b3!important}.lobby-screen .ranking-card.rank-1:hover{background:linear-gradient(135deg,#ffd70073,#ffc10759)!important;border-color:#ffd700e6!important}.lobby-screen .ranking-card.rank-2{background:linear-gradient(135deg,#c0c0c059,#a9a9a940)!important;border-color:#c0c0c0b3!important}.lobby-screen .ranking-card.rank-2:hover{background:linear-gradient(135deg,#c0c0c073,#a9a9a959)!important;border-color:#c0c0c0e6!important}.lobby-screen .ranking-card.rank-3{background:linear-gradient(135deg,#cd7f3259,#b8733340)!important;border-color:#cd7f32b3!important}.lobby-screen .ranking-card.rank-3:hover{background:linear-gradient(135deg,#cd7f3273,#b8733359)!important;border-color:#cd7f32e6!important}.lobby-screen .ranking-card.rank-4-plus{background:#ffffff0d!important;border-color:#ffffff1a!important}.lobby-screen .ranking-card.rank-4-plus:hover{background:#ffffff14!important;border-color:#fff3!important}.lobby-screen .ranking-card.my-ranking{border:.3vh solid #006064!important;box-shadow:0 0 .15vh #00606466!important;overflow:hidden;position:relative}.lobby-screen .ranking-card.my-ranking:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#0096ff4d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}@keyframes shimmer{0%{left:-100%}to{left:100%}}.lobby-screen .ranking-card.my-ranking:hover{border-color:#006064!important;box-shadow:0 0 1.05vh #00606499!important}.lobby-screen .my-ranking-outside{border-top:.225vh solid #ffffff1a;margin-top:3vh;padding-top:4vh}.lobby-screen .ranking-card .rank-badge.no-rank{color:#888!important;font-style:italic!important}.lobby-screen .rank-badge.no-rank .no-rank-circle{align-items:center;background:linear-gradient(135deg,#4a5568,#2d3748);border:.15vh solid #ffffff4d;border-radius:50%;box-shadow:0 .3vh .9vh #0000004d;color:#888;display:flex;font-size:1.5vh;font-weight:700;height:2.8vh;justify-content:center;width:2.8vh}.lobby-screen .rank-badge{align-items:center!important;display:flex!important;font-size:3vh!important;font-weight:700!important;justify-content:center!important;min-width:4.5vh!important;position:relative;text-align:center!important;z-index:2}.lobby-screen .rank-circle{align-items:center;background:linear-gradient(135deg,#4a5568,#2d3748);border:.15vh solid #ffffff4d;border-radius:50%;box-shadow:0 .3vh .9vh #0000004d;color:#fff;display:flex;font-size:1.5vh;font-weight:700;height:2.8vh;justify-content:center;text-shadow:0 .15vh .3vh #00000080;width:2.8vh}.lobby-screen .player-info{flex:1 1!important;position:relative;z-index:2}.lobby-screen .player-profile{align-items:center!important;display:flex!important;gap:1.8vh!important}.lobby-screen .player-avatar{border:.3vh solid #fff3!important;border-radius:50%!important;box-shadow:0 .45vh 1.8vh #0000004d!important;height:5.25vh!important;width:5.25vh!important}.lobby-screen .player-avatar.default-avatar{align-items:center!important;background:#ffffff1a!important;color:#fff!important;display:flex!important;font-size:2.7vh!important;font-weight:700!important;justify-content:center!important}.lobby-screen .player-details{flex:1 1!important}.lobby-screen .player-nickname{color:#fff!important;font-size:1.8vh!important;font-weight:600!important;margin:0 0 .45vh!important}.lobby-screen .player-rating{color:#4a9eff!important;font-size:1.2vh!important;font-weight:500!important;margin:0 0 .3vh!important}.lobby-screen .player-games{color:#ccc!important;font-size:1.275vh!important;line-height:1.4!important;margin:0!important}.lobby-screen .player-games .game-count-label{color:#999!important;opacity:1!important}.lobby-screen .player-games .game-stats{color:#fff!important;font-weight:600!important}.lobby-screen .player-games .win-count{color:#0fc652bf!important;font-weight:700!important}.lobby-screen .player-games .draw-count{color:#b1b1b1bd!important;font-weight:700!important}.lobby-screen .player-games .loss-count{color:#fe4b4bab!important;font-weight:700!important}.lobby-screen .no-ranking{color:#b0b0b0!important;padding:4.5vh!important;text-align:center!important}.lobby-screen .no-ranking p{font-size:2vh!important;margin-bottom:2.25vh!important}.btn-secondary{background:#ffffff1a;border:.1vw solid #fff3}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}@media (max-width:768px){.lobby-container{margin:.8vw;padding:2.5vw 1.5vw}.logo-section{flex-direction:column;gap:1.2vw}.tab-button{justify-content:center}.btn-large{font-size:1vw;padding:1.2vw 2.5vw}.login-card p{font-size:1.2vw}}@media (max-width:480px){.lobby-container{padding:1.5vw 1vw}.feature-card,.tab-content{padding:1.5vw}.login-card p{font-size:1.4vw}}.privacy-settings-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.privacy-settings-modal{-webkit-backdrop-filter:blur(1.2vh);backdrop-filter:blur(1.2vh);background:#151416;border:.12vh solid #ffffff1a;border-radius:2.25vh;box-shadow:0 2.25vh 4.5vh #00000080;max-width:60vh;padding:3vh;width:90%}.privacy-settings-modal .modal-header{align-items:center;border-bottom:.12vh solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:2.25vh;padding-bottom:1.5vh}.privacy-settings-modal .modal-header h2{color:#fff;font-size:2.25vh;margin:0}.privacy-settings-modal .close-button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:3vh;padding:.75vh;transition:background-color .3s ease}.privacy-settings-modal .close-button:hover{background-color:#ffffff1a}.privacy-settings-modal .modal-content{color:#fff}.privacy-setting-item{align-items:center;border-bottom:.12vh solid #ffffff0d;display:flex;justify-content:space-between;padding:2.25vh 0}.privacy-setting-item:last-of-type{border-bottom:none}.setting-info h3{color:#fff;font-size:1.8vh;margin:0 0 .75vh}.setting-info p{color:#ccc;font-size:1.35vh;margin:0}.setting-control{align-items:center;display:flex;gap:1.5vh}.toggle-switch{display:inline-block;height:3vh;position:relative;width:6vh}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#555;border-radius:3vh;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:.375vh;content:"";height:2.25vh;left:.375vh;position:absolute;transition:.3s;width:2.25vh}.toggle-switch input:checked+.toggle-slider{background-color:#4caf50}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(3vh)}.toggle-label{color:#fff;font-size:1.5vh;font-weight:500}.privacy-note{background-color:#ffc1071a;border:.12vh solid #ffc1074d;border-radius:.75vh;margin-top:2.25vh;padding:1.5vh}.privacy-note p{color:#ffc107;font-size:1.35vh;margin:0}@media (max-width:768px){.privacy-settings-modal{max-width:135vh;padding:6vh}.privacy-settings-modal .modal-header h2{font-size:7.5vh}.privacy-settings-modal .close-button{font-size:9vh}.setting-info h3{font-size:6vh}.setting-info p{font-size:4.5vh}.toggle-switch{height:9vh;width:18vh}.toggle-slider:before{bottom:1.125vh;height:6.75vh;left:1.125vh;width:6.75vh}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(9vh)}.privacy-note p,.toggle-label{font-size:4.5vh}}.practice-tab{text-align:center}.practice-info{margin:2vh 0}.practice-features{display:flex;flex-direction:column;gap:1.5vh;margin-bottom:3vh}.practice-feature{align-items:center;background:#ffffff0d;border:.1vw solid #ffffff1a;border-radius:1vw;display:flex;gap:1.5vw;padding:1.5vh 2vw;transition:all .3s ease}.practice-feature:hover{background:#ffffff14;box-shadow:0 .5vh 1.5vh #0003;transform:translateY(-2px)}.practice-feature .feature-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;font-size:2vw;height:4vw;justify-content:center;width:4vw}.practice-feature .feature-text{flex:1 1;text-align:left}.practice-feature .feature-text h4{color:#fff;font-size:1.2vw;font-weight:600;margin:.1vh}.practice-feature .feature-text p{color:#ccc;font-size:1vw;line-height:1.4;margin:0}.practice-settings{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.practice-setting-row{flex-direction:column}.practice-setting-item,.practice-setting-row{align-items:center;display:flex;gap:1rem}.practice-setting-item label{color:#fff;flex-shrink:0;font-size:1.8vh;font-weight:600;min-width:auto;white-space:nowrap;width:auto}.custom-dropdown{min-width:200px}.dropdown-header{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.9rem;padding:.8rem 1rem}.dropdown-header:hover{border-color:#ffffff4d}.dropdown-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #fff}.dropdown-options{background:#1a1a1a;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-height:200px}.dropdown-option{border-bottom:1px solid #ffffff1a;color:#fff;font-size:.9rem;padding:.8rem 1rem;transition:background-color .2s ease}.dropdown-option:hover{background:#ffffff1a}.dropdown-option.selected{background:#4caf5033;color:#4caf50}.custom-dropdown.disabled .dropdown-header{cursor:not-allowed;opacity:.5}@media (max-width:768px){.practice-settings{padding:1rem}.practice-setting-item{align-items:center;flex-direction:row;gap:.5rem}.practice-setting-item label{flex-shrink:0;font-size:1.2vw;min-width:auto;white-space:nowrap;width:auto}.custom-dropdown{min-width:100%}}.toast{align-items:center;-webkit-backdrop-filter:blur(1vw);backdrop-filter:blur(1vw);background:#1a1a1af2;border:.1vw solid #ffffff1a;border-radius:1vw;bottom:3vh;box-shadow:0 1vw 3vw #0000004d;display:flex;gap:1vw;left:50%;max-width:35vw;min-width:25vw;opacity:0;padding:1.5vw 2vw;position:fixed;transform:translateX(-50%) translateY(100%);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:1001}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast-content{align-items:center;display:flex;flex:1 1;gap:.8vw}.toast-icon{flex-shrink:0;font-size:1.2vw}.toast-message{color:#fff;font-size:1vw;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;border-radius:.3vw;color:#ccc;cursor:pointer;flex-shrink:0;font-size:1.5vw;padding:.2vw;transition:all .2s ease}.toast-close:hover{background:#ffffff1a;color:#fff}.toast-success{border-left:.3vw solid #28a745}.toast-error{border-left:.3vw solid #dc3545}.toast-info{border-left:.3vw solid #17a2b8}.toast.no-border{border-left:none}.toast.copy-notification{background:#fffffff2;border:.1vw solid #0000001a;box-shadow:0 1vw 3vw #0003}.toast.copy-notification .toast-message{color:#333}.toast.copy-notification .toast-icon{color:#28a745}.toast.game-toast{background:#fffffff2;border:.15vw solid #0009;bottom:auto;box-shadow:0 1vw 3vw #0003;top:3vh;transform:translateX(-50%) translateY(-100%)}.toast.game-toast.toast-success{border-left:.3vw solid #28a745}.toast.game-toast.toast-error{border-left:.3vw solid #dc3545}.toast.game-toast.toast-info{border-left:.3vw solid #17a2b8}.toast.game-toast.show{transform:translateX(-50%) translateY(0)}.toast.game-toast .toast-message{color:#333}.toast.game-toast .toast-close{color:#666}.toast.game-toast .toast-close:hover{background:#0000001a;color:#333}@media (max-width:768px){.toast{bottom:6vh;left:50%;max-width:none;min-width:auto;padding:1.2vw 1.5vw}.toast.game-toast{bottom:auto;top:6vh}.toast-icon{font-size:1.5vw}.toast-message{font-size:1.2vw}.toast-close{font-size:2vw}}@media (max-width:480px){.toast{padding:1vw 1.2vw}.toast-icon{font-size:1.8vw}.toast-message{font-size:1.4vw}.toast-close{font-size:2.5vw}}.password-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.password-modal{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:400px;overflow:hidden;padding:0;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.password-modal-header{background:#ffffff1a;border-bottom:1px solid #ffffff1a;min-height:auto;padding:30px 30px 20px;text-align:center}.password-modal-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:48px;margin-bottom:15px}.password-modal-header h3{color:#fff;font-size:24px;font-weight:600;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.room-title{word-wrap:break-word;color:#ffffffe6;font-size:16px;font-weight:400;line-height:1.4;margin:0;max-width:100%;overflow-wrap:break-word;white-space:normal;word-break:break-word}.password-modal-form{padding:30px}.password-input-group{margin-bottom:25px}.password-input-group label{color:#fff;display:block;font-size:14px;font-weight:500;margin-bottom:8px;text-shadow:0 1px 2px #0000004d}.password-input-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;font-size:16px;padding:15px 20px;transition:all .3s ease;width:100%}.password-input-group input::placeholder{color:#fff9}.password-input-group input:focus{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a;outline:none}.password-modal-actions{display:flex;gap:15px;justify-content:flex-end}.password-modal-actions .btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:12px 24px;transition:all .3s ease}.btn-cancel{background:#ffffff1a;border:2px solid #fff3;color:#fff}.btn-cancel:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.btn-confirm{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px #4facfe66;color:#fff}.btn-confirm:hover:not(:disabled){box-shadow:0 6px 20px #4facfe99;transform:translateY(-2px)}.btn-confirm:disabled{background:#ffffff1a;box-shadow:none;color:#ffffff80;cursor:not-allowed}.btn-confirm:disabled:hover{transform:none}@media (max-width:480px){.password-modal{margin:20px;width:95%}.password-modal-header{padding:25px 20px 15px}.password-modal-form{padding:25px 20px}.password-modal-actions{flex-direction:column}.password-modal-actions .btn{width:100%}.room-title{font-size:14px;padding:0 10px}}@media (prefers-color-scheme:dark){.password-modal{background:linear-gradient(135deg,#2c3e50,#34495e)}}.game-history-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1.39vw;position:fixed;right:0;top:0;z-index:1000}.game-history-modal-overlay.nested{background-color:#0000004d;z-index:1001}.game-history-modal{background:#1a1a2e;border:.07vw solid #ffffff1a;border-radius:1.39vw;box-shadow:0 1.39vw 2.78vw #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:55.56vw;overflow:hidden;width:100%}.game-history-modal.nested{border:.14vw solid #fff3;box-shadow:0 1.04vw 2.08vw #0006;max-height:87vh;max-width:39vw}.modal-header{align-items:center;-webkit-backdrop-filter:blur(.69vw);backdrop-filter:blur(.69vw);background:#ffffff0d;border-bottom:.07vw solid #ffffff1a;display:flex;justify-content:space-between;padding:1.39vw 2.08vw}.game-history-modal.nested .modal-header{padding:1.04vw 1.39vw}.modal-header h2{color:#fff;font-size:1.67vw;font-weight:600;margin:0}.game-history-modal.nested .modal-header h2{font-size:1.39vw}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.94vw;height:2.78vw;justify-content:center;padding:0;transition:background-color .2s;width:2.78vw}.close-button:hover{background-color:#fff3}.modal-content{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:2.08vw;scrollbar-width:none}.game-history-modal.nested .modal-content{padding:1.39vw}.modal-content::-webkit-scrollbar{display:none}.game-history-error-container,.game-history-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2.78vw 1.39vw;text-align:center}.game-history-loading-container p{color:#fff;font-size:1.25vw;font-weight:500;margin:0}.game-history-loading-spinner{animation:spin 1s linear infinite;border:.28vw solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:2.78vw;margin-bottom:1.39vw;width:2.78vw}.game-history-error-message{color:#ff6b6b;font-size:1.11vw;margin-bottom:1.39vw}.game-history-retry-button{background:#fff3;border:.07vw solid #ffffff4d;border-radius:.56vw;color:#fff;cursor:pointer;padding:.69vw 1.39vw;transition:all .2s}.game-history-retry-button:hover{background:#ffffff4d}.game-history-user-stats-section{-webkit-backdrop-filter:blur(.69vw);backdrop-filter:blur(.69vw);background:linear-gradient(135deg,#667eea,#764ba2);border:.07vw solid #fff3;border-radius:1.04vw;box-shadow:0 .56vw 1.74vw #667eea33;margin-bottom:2.08vw;padding:1.74vw}.game-history-modal.nested .game-history-user-stats-section{border-radius:.83vw;margin-bottom:1.39vw;padding:1.39vw}.game-history-user-profile{align-items:center;display:flex;margin-bottom:1.39vw}.game-history-modal.nested .game-history-user-profile{margin-bottom:1.04vw}.game-history-user-profile-image{border:.21vw solid #ffffff4d;border-radius:50%;height:4.17vw;margin-right:1.04vw;width:4.17vw}.game-history-modal.nested .game-history-user-profile-image{border:.14vw solid #ffffff4d;height:3.47vw;margin-right:.83vw;width:3.47vw}.game-history-user-profile-image-default{align-items:center;background-color:#000;color:#fff;display:flex;font-size:1.67vw;font-weight:600;justify-content:center}.game-history-modal.nested .game-history-user-profile-image-default{font-size:1.39vw}.game-history-user-info h3{color:#fff;font-size:1.39vw;font-weight:600;margin:0 0 .35vw}.game-history-modal.nested .game-history-user-info h3{font-size:1.25vw}.game-history-user-info p{color:#fffc;font-size:.97vw;margin:0}.user-record{grid-gap:1.04vw;display:grid;gap:1.04vw;grid-template-columns:repeat(auto-fit,minmax(8.33vw,1fr))}.game-history-modal.nested .user-record{gap:.56vw;grid-template-columns:repeat(4,1fr)}.record-item{align-items:center;-webkit-backdrop-filter:blur(.35vw);backdrop-filter:blur(.35vw);background:#ffffff26;border:.07vw solid #ffffff40;border-radius:.69vw;display:flex;flex-direction:column;padding:1.04vw}.game-history-modal.nested .record-item{border-radius:.56vw;padding:.69vw .56vw}.record-label{color:#ffffffb3;font-size:.83vw;letter-spacing:.035vw;margin-bottom:.35vw;text-transform:uppercase}.game-history-modal.nested .record-label{font-size:.69vw;margin-bottom:.21vw}.record-value{color:#fff;font-size:1.11vw;font-weight:600}.game-history-modal.nested .record-value{font-size:.97vw}.record-value.wins{color:#0fc652bf;font-weight:700}.record-value.draws{color:#00000086;font-weight:700}.record-value.losses{color:#fe4b4bab;font-weight:700}.games-section h3{color:#fff;font-size:1.53vw;font-weight:700;margin:0 0 1.39vw;text-shadow:0 .07vw .21vw #0000004d}.game-history-modal.nested .games-section h3{font-size:1.25vw;margin:0 0 1.04vw}.no-games{color:#e0e0e0;font-size:1.11vw;font-weight:500;padding:2.78vw;text-align:center}.games-list{display:flex;flex-direction:column;gap:1.04vw}.game-item{background:#ffffff0d;border:.07vw solid #ffffff1a;border-radius:.83vw;overflow:hidden;transition:all .3s ease}.game-item:hover{background:#ffffff14;box-shadow:0 .56vw 1.74vw #00000026;transform:translateY(-.14vw)}.game-summary{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;gap:1.04vw;justify-content:space-between;padding:1.39vw 1.74vw;transition:background-color .2s}.game-history-modal.nested .game-summary{flex-wrap:nowrap;gap:.69vw;padding:1.04vw 1.25vw}.game-summary:hover{background:#ffffff0d}.game-basic-info{display:flex;flex-direction:column;gap:.35vw}.game-history-modal.nested .game-basic-info{gap:.21vw;min-width:8.33vw}.game-time{color:#fff;font-size:1.11vw;font-weight:600;text-shadow:0 .07vw .21vw #0000004d}.game-duration,.game-history-modal.nested .game-time{font-size:.97vw}.game-duration{color:#e0e0e0;font-weight:500}.game-history-modal.nested .game-duration{font-size:.83vw}.game-room-title{color:#fff;flex:1 1;font-size:1.25vw;font-weight:700;min-width:13.89vw;text-align:center}.game-history-modal.nested .game-room-title{flex:1 1;font-size:1.11vw;min-width:10.42vw}.game-result{align-items:center;display:flex;gap:1.04vw}.game-history-modal.nested .game-result{gap:.3vw;margin-right:.7vw;min-width:6.94vw}.my-rank{filter:drop-shadow(0 .14vw .28vw rgba(0,0,0,.3));font-size:1.67vw;min-width:2.78vw;text-align:center}.game-history-modal.nested .my-rank{font-size:1.39vw;min-width:2.43vw}.game-history-rating-change{border-radius:.56vw;color:#fff;font-size:1.11vw;font-weight:700;min-width:4.17vw;padding:.35vw .69vw;text-align:center;text-shadow:0 .07vw .21vw #00000080}.game-history-modal.nested .game-history-rating-change{font-size:1.11vw;min-width:3.47vw;padding:.28vw .56vw}.game-history-rating-change.positive{background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 .28vw 1.04vw #4ecdc44d;color:#fff;text-shadow:0 .07vw .21vw #0009}.game-history-rating-change.negative{background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 .28vw 1.04vw #ff6b6b4d;color:#fff;text-shadow:0 .07vw .21vw #0009}.game-history-rating-change.neutral{background:linear-gradient(135deg,#ffe66d,#feca57);box-shadow:0 .28vw 1.04vw #ffe66d4d;color:#fff;text-shadow:0 .07vw .21vw #0009}.expand-icon{color:#fff;font-size:1.11vw;font-weight:600;text-shadow:0 .07vw .21vw #0000004d;transition:transform .2s}.game-details{animation:expandDown .3s ease-out;background:#0003;border-top:.07vw solid #ffffff1a;padding:1.74vw}.game-history-modal.nested .game-details{padding:1.25vw 1.74vw 1.74vw}@keyframes expandDown{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:34.72vw;opacity:1;padding-bottom:1.74vw;padding-top:1.74vw}}.game-history-players-list h4{color:#fff;font-size:1.25vw;font-weight:700;margin:0 0 1.39vw;text-shadow:0 .07vw .21vw #0000004d}.game-history-modal.nested .game-history-players-list h4{margin:0 0 1vw}.player-item{background:#ffffff0d;border:.07vw solid #ffffff14;border-radius:.69vw;margin-bottom:.69vw;padding:1.04vw;transition:all .2s ease}.player-item:last-child{margin-bottom:0}.player-item.clickable{cursor:pointer}.player-item.clickable:hover{background:#ffffff1a;border:.07vw solid #fff3;box-shadow:0 .28vw .83vw #0003;transform:translateY(-.07vw)}.player-item.modal-owner{background:linear-gradient(135deg,#667eea33,#764ba233);border:.07vw solid #667eea66}.player-profile{align-items:center;display:flex;gap:.83vw}.player-profile-image{object-fit:cover}.player-profile-image,.player-profile-placeholder{border:.1vw solid #fff3;border-radius:50%;height:2.5vw;width:2.5vw}.player-profile-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.2vw;font-weight:700;justify-content:center}.player-avatar{border:.14vw solid #ffffff4d;border-radius:50%;height:2.78vw;width:2.78vw}.player-rank-icon{align-items:center;display:flex;font-size:1.67vw;height:2.78vw;justify-content:center;width:2.78vw}.player-nickname{color:#fff;font-size:1.11vw;font-weight:600;text-shadow:0 .07vw .21vw #0000004d}.player-stats{align-items:center;display:flex;gap:1.04vw}.player-rank{filter:drop-shadow(0 .14vw .28vw rgba(0,0,0,.3));font-size:1.25vw;min-width:2.08vw;text-align:center}.player-score{color:#e0e0e0;font-size:.97vw;font-weight:500;min-width:3.47vw;text-align:center}.game-history-player-rating-change{border-radius:.42vw;color:#fff;font-size:.97vw;font-weight:700;min-width:4.17vw;padding:.21vw .56vw;text-align:center;text-shadow:0 .07vw .21vw #00000080}.game-history-player-rating-change.positive{background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 .14vw .56vw #4ecdc44d;color:#fff;text-shadow:0 .07vw .21vw #0009}.game-history-player-rating-change.negative{background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 .14vw .56vw #ff6b6b4d;color:#fff;text-shadow:0 .07vw .21vw #0009}.game-history-player-rating-change.neutral{background:linear-gradient(135deg,#ffe66d,#feca57);box-shadow:0 .14vw .56vw #ffe66d4d;color:#fff;text-shadow:0 .07vw .21vw #0009}@media (max-width:768px){.game-history-modal{margin:.69vw;max-height:95vh}.modal-content{padding:1.39vw}.user-record{grid-template-columns:repeat(2,1fr)}.game-summary{padding:1.04vw 1.39vw}.game-basic-info{gap:.21vw}.game-time{font-size:.97vw}.game-duration{font-size:.83vw}.my-rank{font-size:1.39vw}.player-item{padding:.83vw}.player-avatar,.player-rank-icon{height:2.43vw;width:2.43vw}.player-rank-icon{font-size:1.39vw}.player-nickname{font-size:.97vw}.player-stats{gap:.69vw}}.privacy-restricted{align-items:center;background:#ffc1071a;border:.07vw solid #ffc1074d;border-radius:.69vw;display:flex;flex-direction:column;justify-content:center;margin:1vw 0;padding:3vw 2vw;text-align:center}.privacy-icon{font-size:3vw;margin-bottom:1vw;opacity:.8}.privacy-message{color:#ffc107;font-size:1.25vw;font-weight:600;margin:0 0 .5vw}.privacy-description{color:#ccc;font-size:1vw;margin:0;opacity:.8}.game-history-modal.nested .privacy-restricted{padding:2.5vw 1.5vw}.game-history-modal.nested .privacy-icon{font-size:2.5vw;margin-bottom:.8vw}.game-history-modal.nested .privacy-message{font-size:1.1vw;margin-bottom:.4vw}.game-history-modal.nested .privacy-description{font-size:.9vw}@media (max-width:768px){.privacy-restricted{padding:4vw 3vw}.privacy-icon{font-size:8vw;margin-bottom:2vw}.privacy-message{font-size:4vw;margin-bottom:1vw}.privacy-description{font-size:3vw}.game-history-modal.nested .privacy-restricted{padding:3vw 2vw}.game-history-modal.nested .privacy-icon{font-size:6vw;margin-bottom:1.5vw}.game-history-modal.nested .privacy-message{font-size:3vw;margin-bottom:.8vw}.game-history-modal.nested .privacy-description{font-size:2.5vw}}.waiting-screen{align-items:center;background:linear-gradient(135deg,#0f1419,#1e2a3a 25%,#2d3a4a 50%,#1e2a3a 75%,#0f1419);display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;overflow:hidden;width:100vw}.waiting-scroll-container{align-items:flex-start;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:2.5vh 0;width:100%}.waiting-scroll-container::-webkit-scrollbar{display:none}.waiting-scroll-container{-ms-overflow-style:none;scrollbar-width:none}.waiting-container{-webkit-backdrop-filter:blur(.8vw);backdrop-filter:blur(.8vw);background:#1a1a1af2;border:.08vw solid #ffffff26;border-radius:1.5vw;box-shadow:0 1.5vw 3vw #00000080;max-width:55vw;min-height:80vh;min-width:45vw;padding:2vh 3vw}.header{margin-bottom:2.5vw;text-align:center}.header h1{color:#fff;font-size:clamp(1.5vw,4vw,2.5vw);margin-bottom:1.2vw}.header h1,.room-info{transition:font-size .3s ease}.room-info{align-items:center;color:#ccc;display:flex;font-size:clamp(1vw,2.5vw,1.5vw);gap:.8vw;justify-content:center}.copy-btn{background:linear-gradient(135deg,#fff,#e0e0e0);border:none;border-radius:.5vw;box-shadow:0 .15vw .5vw #fff3;color:#000;cursor:pointer;font-size:1vw;padding:.4vw .8vw}.players-section{margin-bottom:2.5vw}.players-section h2{color:#fff;font-size:clamp(1.2vw,3vw,1.8vw);margin-bottom:1.2vw;text-align:center;transition:font-size .3s ease}.players-list{display:flex;flex-direction:column;gap:.8vw}.player-item{align-items:center;background:#ffffff1a;border:.08vw solid #fff3;border-radius:.6vw;display:flex;justify-content:space-between;padding:1vw}.nickname{color:#fff;font-size:clamp(.8vw,2.5vw,1.2vw)}.nickname,.status{font-weight:700;transition:font-size .3s ease}.status{border-radius:.3vw;font-size:clamp(.7vw,2vw,1vw);padding:.3vw .6vw}.status.ready{background-color:#d4edda;color:#155724}.status.waiting{background-color:#fff3cd;color:#856404}.game-settings{background-color:#f8f9fa;border-radius:.6vw;margin-bottom:1.2vw;margin-top:1.2vw;padding:1.5vw 1.5vw 4vw;text-align:center}.game-settings h2{color:#333;font-size:1.6vw;margin-bottom:1.2vw;transition:font-size .3s ease}.settings-row{flex-direction:column;gap:1vw}.rounds-setting,.settings-row{align-items:center;display:flex;justify-content:center}.rounds-setting{gap:1.2vw;position:relative}.rounds-setting label{color:#333;font-size:1.1vw;font-weight:600;letter-spacing:.05vw}.rounds-setting select{appearance:none;background:linear-gradient(135deg,#fff,#f8f9fa);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .8vw center;background-repeat:no-repeat;background-size:1vw;border:.12vw solid #e1e5e9;border-radius:.8vw;box-shadow:0 .2vw .8vw #0000001a;cursor:pointer;font-size:.95vw;min-width:8vw;padding:.8vw 2.5vw .8vw 1.2vw;transition:all .3s ease}.rounds-setting select:hover{border-color:#667eea;box-shadow:0 .3vw 1.2vw #667eea33;transform:translateY(-.1vw)}.rounds-setting select:focus{border-color:#667eea;box-shadow:0 0 0 .2vw #667eea4d;outline:none}.rounds-setting select option{background-color:#fff;border:none;color:#333;font-size:.9vw;font-weight:500;padding:.8vw}.rounds-setting select{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none}.rounds-setting select::-ms-expand{display:none}.rounds-setting select::-webkit-select-placeholder{color:#999}.rounds-info{align-items:center;border:.12vw solid #dee2e6;border-radius:.8vw;box-shadow:0 .2vw .8vw #0000001a;display:flex;min-width:8vw;padding:.6vw 1.2vw}.rounds-text{color:#495057;font-size:1.1vw;font-weight:600;text-align:center;width:100%}.mode-info{align-items:center;border:.12vw solid #dee2e6;border-radius:.8vw;box-shadow:0 .2vw .8vw #0000001a;display:flex;min-width:8vw;padding:.6vw 1.2vw}.mode-text{color:#495057;font-size:1.1vw;font-weight:600;text-align:center;width:100%}.timeattack-setting{align-items:center;display:flex;gap:1.2vw;justify-content:center}.timeattack-setting label{color:#333;font-size:1.1vw;font-weight:600;white-space:nowrap}.timelimit-setting{align-items:center;display:flex;gap:1.2vw;justify-content:center}.timelimit-setting label{color:#333;font-size:1.1vw;font-weight:600;white-space:nowrap}.timelimit-info{align-items:center;border:.12vw solid #dee2e6;border-radius:.8vw;box-shadow:0 .2vw .8vw #0000001a;display:flex;min-width:8vw;padding:.6vw 1.2vw}.timelimit-text{color:#495057;font-size:1.1vw;font-weight:600;text-align:center;width:100%}.blindmode-setting{align-items:center;display:flex;gap:1.2vw;justify-content:center;position:relative}.blindmode-setting label{color:#333;font-size:1.1vw;font-weight:600;letter-spacing:.05vw}.easymode-setting{align-items:center;display:flex;gap:1.2vw;justify-content:center;margin-top:1.2vw}.easymode-setting label{color:#333;font-size:1.1vw;font-weight:600;letter-spacing:.05vw}.radio-group{display:flex;gap:1.5vw}.radio-option{align-items:center;border-radius:.6vw;cursor:pointer;display:flex;gap:.5vw;padding:.5vw 1vw;transition:all .3s ease}.radio-option:hover{background:#667eea1a;border-color:#667eea;transform:translateY(-.1vw)}.radio-option input[type=radio]{display:none}.radio-custom{background:#fff;border:.15vw solid #ccc;border-radius:50%;height:1.2vw;position:relative;transition:all .3s ease;width:1.2vw}.radio-option input[type=radio]:checked+.radio-custom{background:#667eea;border-color:#667eea}.radio-option input[type=radio]:checked+.radio-custom:after{background:#fff;border-radius:50%;content:"";height:.4vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.4vw}.radio-label{color:#2c3e50;font-size:.95vw;font-weight:500;transition:color .3s ease}.radio-option input[type=radio]:checked~.radio-label{color:#667eea;font-weight:600}.radio-option input[type=radio]:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.custom-dropdown{min-width:8vw;position:relative;-webkit-user-select:none;user-select:none}.custom-dropdown.disabled{opacity:.6;pointer-events:none}.dropdown-header{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:.12vw solid #e1e5e9;border-radius:.8vw;box-shadow:0 .2vw .8vw #0000001a;color:#333;cursor:pointer;display:flex;font-size:.95vw;font-weight:500;justify-content:space-between;padding:.8vw 1.2vw;transition:all .3s ease}.dropdown-header:hover{border-color:#667eea;box-shadow:0 .3vw 1.2vw #667eea33;transform:translateY(-.1vw)}.dropdown-arrow{border-left:.4vw solid #0000;border-right:.4vw solid #0000;border-top:.4vw solid #666;height:0;margin-left:.5vw;transition:transform .3s ease;width:0}.custom-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-options{animation:dropdownSlide .3s ease;background:#fff;border:.12vw solid #e1e5e9;border-radius:0 0 .8vw .8vw;border-top:none;box-shadow:0 .4vw 1.6vw #00000026;left:0;max-height:15vw;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-.5vw)}to{opacity:1;transform:translateY(0)}}.dropdown-option{border-bottom:.05vw solid #f0f0f0;color:#333;cursor:pointer;font-size:.9vw;font-weight:500;padding:.5vw 1.2vw;transition:all .2s ease}.dropdown-option:last-child{border-bottom:none}.dropdown-option.selected,.dropdown-option:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dropdown-option.selected{font-weight:600}.dropdown-option.selected:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.player-count-setting{align-items:center;display:flex;gap:1.2vw;justify-content:center;margin-top:1.2vw}.player-count-setting label{color:#333;font-size:1.3vw;font-weight:700}.player-count-setting select{background-color:#fff;border:.15vw solid #ddd;border-radius:.5vw;cursor:pointer;font-size:1.3vw;padding:.6vw 1vw}.player-count-setting select:focus{border-color:#ff6b6b;outline:none}.controls{gap:1.5vh}.btn{padding:1.4vh 2.8vh}.btn-ready{background:linear-gradient(145deg,#28a745,#20c997);color:#fff}.btn-ready:hover{background:linear-gradient(145deg,#218838,#1ea085);box-shadow:0 .8vh 2.5vh #28a74566;transform:translateY(-.2vh)}.btn-start{background:linear-gradient(145deg,#28a745,#20c997);color:#fff}.btn-start:hover{background:linear-gradient(145deg,#218838,#1ea085);box-shadow:0 .8vh 2.5vh #28a74566;transform:translateY(-.2vh)}.btn-leave{background:linear-gradient(145deg,#dc3545,#e74c3c);color:#fff}.btn-leave:hover{background:linear-gradient(145deg,#c82333,#c0392b);box-shadow:0 .8vh 2.5vh #dc354566;transform:translateY(-.2vh)}@media (max-width:768px){.header h1{font-size:clamp(2vw,5vw,3vw)}.nickname{font-size:clamp(1vw,3vw,1.5vw)}.status{font-size:clamp(.8vw,2.5vw,1.2vw)}.custom-dropdown{min-width:12vw}.btn{font-size:1.8vh;padding:1.6vh 3vh}}@media (max-width:480px){.header h1{font-size:clamp(2.5vw,6vw,3.5vw)}.nickname{font-size:clamp(1.2vw,4vw,1.8vw)}.status{font-size:clamp(1vw,3vw,1.4vw)}.custom-dropdown{min-width:15vw}.btn{font-size:2vh;padding:1.8vh 3.5vh}}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1.5vw;font-weight:500;height:100vh;justify-content:center}.loading-container p{font-size:clamp(1vw,2.5vw,1.5vw);margin:0;opacity:.8}.loading-spinner-large{animation:spin 1s linear infinite;border:.3vw solid #ffffff4d;border-radius:50%;border-top-color:#4caf50;display:block;height:4vw;margin:0 auto 2vw;width:4vw}.game-screen{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;-webkit-touch-callout:none;align-items:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a 25%,#0f0f0f 50%,#1a1a1a 75%,#2a2a2a);box-sizing:border-box;color:#333;display:flex;font-family:Arial,sans-serif;height:100vh;height:100dvh;justify-content:center;margin:0 auto;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100vw}.game-screen::-webkit-scrollbar{display:none}.game-container{grid-gap:1vh;-webkit-backdrop-filter:blur(1vh);backdrop-filter:blur(1vh);background:#1a1a1af2;border:.1vw solid #ffffff26;border-radius:1.5vw;box-shadow:0 1vh 3vh #00000080;box-sizing:border-box;display:grid;gap:1vh;grid-template-areas:"top-left game-board" "bottom bottom";grid-template-columns:15vw 1fr;grid-template-rows:1fr 35vh;margin:0 4vw;min-height:100vh;min-height:100dvh;padding:2vh 3vw;position:relative;width:100vw}.round-info-inline{align-items:center;display:flex;flex-shrink:0}.round-text-inline{background:linear-gradient(135deg,#f7b500,#fdd835 50%,#f39c12);border:.15vw solid #f39c12;border-radius:.4vw;box-shadow:0 .3vh .8vh #0000004d,inset 0 .1vh .2vh #fff6;color:#2c3e50;font-size:1.1vw;font-weight:700;padding:.5vh 1.2vw;text-shadow:0 .1vh .2vh #ffffff80;white-space:nowrap}.top-left-section{gap:.8vh;grid-area:top-left;height:55vh;margin-top:3vh;width:auto}.other-players,.top-left-section{display:flex;flex-direction:column}.other-players{gap:.6vh}.player-info-container{flex-direction:row;gap:0;height:10vh;max-width:35vw;width:15vw}.player-info-box,.player-info-container{align-items:center;display:flex;position:relative}.player-info-box{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:.2vw solid #dee2e6;border-radius:.6vw;box-shadow:.2vw .4vw 1.2vw #00000026;flex:1 1;gap:.8vw;height:6.5vh;min-width:40px;overflow:hidden;padding:1vh;transition:all .3s ease;width:20vw}.player-info-box.current-turn{border:.3vh solid #ffc107;box-shadow:0 0 1.5vh #ffc1074d;position:relative}.player-info-box.current-turn:not(:has(.timer-overlay)):after{background:#ffc1072b;border-radius:.6vw;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.player-info-box.current-turn:before{display:none}.timer-overlay{border-radius:.6vw;bottom:-.3vh;left:-.3vh;overflow:hidden;position:absolute;right:-.3vh;top:-.3vh;z-index:0}.timer-progress{background:linear-gradient(90deg,#e74c3c,#d63031 50%,#c23616);height:100%;left:0;opacity:.8;position:absolute;top:0;transition:width .1s linear}.timer-text{color:#fff;font-size:1.2vw;font-weight:700;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 .3vw #000c;top:50%;transform:translate(-50%,-50%);z-index:2}.player-info{flex:1 1;z-index:15}.player-nickname{color:#495057;font-size:1.3vw;margin-bottom:.2vh}.player-coins,.player-nickname{font-weight:700;position:relative;z-index:15}.player-coins{align-items:center;color:#6c757d;display:flex;font-size:1vw;gap:.4vw;margin-bottom:.1vh}.coin-icon{height:.9vw;object-fit:contain;width:.9vw}.player-tiles{align-items:center;color:#6c757d;display:flex;font-size:.7vw;gap:.4vw}.card-icon{height:1vw;object-fit:contain;width:1.2vw}.remaining-tiles-count{align-items:center;background:linear-gradient(135deg,#b3d4f7,#88b7e9);border:.15vw solid #dee2e6;border-left:none;border-radius:0 50% 50% 0;color:#fff;display:flex;flex-direction:row;flex-shrink:0;font-size:1vw;font-weight:700;gap:.15vw;height:3vh;justify-content:center;padding:.3vw .3vw .3vw 0;transform:translateY(-1vh);width:3vw}.remaining-tiles-count .card-icon{height:.9vw;object-fit:contain;width:.9vw}.game-board-section{align-items:center;display:flex;grid-area:game-board;justify-content:center;padding:1.5vh}.game-board{flex-direction:column;height:100%;padding:10px 0}.board-row,.game-board{align-items:center;display:flex;justify-content:space-between;width:100%}.board-row{margin-bottom:.8vh}.board-row:last-child{margin-bottom:0}.board-slot{aspect-ratio:42/60;width:6.66667%;width:calc(100%/var(--board-cols, 15))}.board-card,.board-slot{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.board-card{border:.2vw solid #fff;border-radius:0;box-shadow:0 .3vh .8vh #0000004d;color:#fff;font-size:1.4vw;font-weight:700;height:100%;position:relative;transition:all .3s ease;width:100%}.board-card.gold{background:linear-gradient(135deg,gold,#ffb347);color:#333}.board-card.gold .card-value{color:#333}.board-card.silver{background:linear-gradient(135deg,silver,#a9a9a9);color:#333}.board-card.silver .card-value{color:#333}.board-card.bronze{background:linear-gradient(135deg,#8b4513,#654321);color:#fff}.board-card.bronze .card-value{color:#fff}.board-card.black{background:linear-gradient(135deg,#343a40,#212529);color:#fff}.board-card.black .card-value{color:#fff}.board-card.sun{background:#0000;color:red;position:relative}.board-card.sun .card-value{color:red}.board-card.moon{background:#0000;color:#0f0;position:relative}.board-card.moon .card-value{color:#0f0}.board-card.star{background:#0000;color:gold;position:relative}.board-card.star .card-value{color:gold}.board-card.cloud{background:#0000;color:#40e0d0;position:relative}.board-card.cloud .card-value{color:#40e0d0}.board-card.flipped-card{border:.2vw solid #666;color:#333}.board-card.flipped-card,.flipped-card-back{background:linear-gradient(135deg,#1a1a1a,#000)}.flipped-card-back{align-items:center;border-radius:.2vw;display:flex;height:100%;justify-content:center;position:relative;width:100%}.flipped-card-back:before{content:""}@keyframes flipCard{0%{opacity:1;transform:rotateY(0deg) scale(1)}25%{opacity:.8;transform:rotateY(45deg) scale(.95)}50%{opacity:.5;transform:rotateY(90deg) scale(.9)}75%{opacity:.3;transform:rotateY(135deg) scale(.95)}to{opacity:1;transform:rotateY(180deg) scale(1)}}@keyframes flipHandCard{0%{opacity:1;transform:rotateY(180deg) scale(1)}20%{opacity:.9;transform:rotateY(144deg) scale(.98)}40%{opacity:.8;transform:rotateY(108deg) scale(.96)}60%{opacity:.7;transform:rotateY(72deg) scale(.94)}80%{opacity:.9;transform:rotateY(36deg) scale(.98)}to{opacity:1;transform:rotateY(0deg) scale(1)}}.board-card.flipping-card{animation:flipCard .8s ease-in-out!important;animation-fill-mode:forwards!important;background:linear-gradient(135deg,#1a1a1a,#000)!important;border:.2vw solid #666!important;box-shadow:none!important;position:relative!important;transform-style:preserve-3d!important;z-index:10!important}.board-card.flipping-card *{display:none!important}.board-card.new-card{animation:glow 2s ease-in-out infinite alternate;box-shadow:0 0 1.5vh #ffa500cc,0 0 2.5vh #ff09}.board-card.flipped-card.new-card{animation:none;box-shadow:none}.hand-tile{transform-style:preserve-3d}.hand-tile.card-back{background:linear-gradient(135deg,#343a40,#212529);border:2px solid #fff;border-radius:6px;box-shadow:0 3px 8px #0000004d}.hand-tile.flipping-hand-card{animation:flipHandCard .6s ease-in-out!important;animation-fill-mode:forwards!important;background:linear-gradient(135deg,#343a40,#212529)!important;border:2px solid #fff!important;border-radius:6px!important;box-shadow:0 3px 8px #0000004d!important;position:relative!important;transform-origin:center!important;transform-style:preserve-3d!important;z-index:10!important}.hand-tile.card-back .card-image,.hand-tile.card-back .tile-value{display:none}.hand-tile.flipping-hand-card .card-image,.hand-tile.flipping-hand-card .tile-value{display:none!important}.hand-tile.card-back:before{background:linear-gradient(135deg,#343a40,#212529);border-radius:4px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}@keyframes glow{0%{box-shadow:0 0 1.5vh #ffa500cc,0 0 2.5vh #ffff0080}to{box-shadow:0 0 2.5vh orange,0 0 3.5vh #ffff00b3}}.card-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.bottom-section{border-radius:.8vw;box-sizing:border-box;display:flex;flex-direction:column;gap:1vh;grid-area:bottom;height:100%;justify-content:flex-end;overflow-x:hidden;overflow-y:auto;padding:1vh}.bottom-top{align-items:end;flex-shrink:0;gap:2vw;justify-content:space-between;max-height:40%;min-height:5vh}.bottom-top,.my-info{display:flex;height:auto}.my-info,.my-info-box{align-items:center}.my-info-box{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:.2vw solid #dee2e6;border-radius:.6vw;box-shadow:.2vw .4vw 1.2vw #00000026;display:flex;flex-direction:column;height:10vh;justify-content:center;overflow:hidden;padding:1vh;position:relative;width:15vw;z-index:15}.my-info-box.current-turn{border:.3vh solid #ffc107;box-shadow:0 0 1.5vh #ffc1074d;position:relative}.my-info-box.current-turn:not(:has(.timer-overlay)):after{background:#ffc1072b;border-radius:.6vw;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.my-info-box.current-turn:before{display:none}.my-nickname{color:#495057;font-size:1.3vw;font-weight:700;margin-bottom:.4vh;position:relative;z-index:15}.my-stats{font-size:.7vw;gap:1vw}.my-coins,.my-stats{color:#6c757d;display:flex;position:relative;z-index:15}.my-coins,.my-tiles{align-items:center;font-size:1vw;font-weight:700;gap:.4vw}.my-tiles{color:#6c757d;display:flex}.center-controls{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:.15vw solid #fff3;border-radius:.6vw;flex-direction:row;gap:1vw;padding:1vh 1.5vw}.center-controls,.current-combination{align-items:center;display:flex;flex:1 1}.current-combination{justify-content:center;margin-bottom:.9vw;padding:.2vw}.control-buttons{display:flex;flex-direction:row;gap:8px}.control-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:.3vw;box-shadow:0 .15vw .4vw #007bff4d;color:#fff;cursor:pointer;font-size:1vw;font-weight:700;padding:.4vw .7vw;transition:all .2s ease}.control-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 .3vw .8vw #007bff66;transform:translateY(-.07vh)}.control-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.control-btn.disabled:hover{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 .15vw .4vw #0003;transform:none}.action-buttons{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;box-shadow:0 8px 25px #0000004d;flex-direction:row;height:10vh;justify-content:flex-end;padding:0;width:15vw}.action-btn,.action-buttons{align-items:center;display:flex;overflow:hidden}.action-btn{border:none;color:#fff;cursor:pointer;font-size:1.3vw;font-weight:700;height:100%;justify-content:center;position:relative;transition:all .3s ease;width:7.5vw}.action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-btn:hover:before{left:100%}.action-btn:hover{box-shadow:0 12px 35px #00000040;transform:translateY(-2px)}.drop-btn{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px 0 0 12px;box-shadow:inset 2px 0 5px #0000001a;color:#fff;flex:1 1;font-weight:700}.drop-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:inset 2px 0 5px #0003;transform:translateY(-1px)}.pass-btn{background:linear-gradient(135deg,#ff5722,#e64a19);border-radius:0 12px 12px 0;box-shadow:inset -2px 0 5px #0000001a;color:#fff;flex:1 1;font-weight:700}.pass-btn:hover{background:linear-gradient(135deg,#e64a19,#ff5722);box-shadow:inset -2px 0 5px #0003;transform:translateY(-1px)}.action-btn.disabled{cursor:not-allowed!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.action-btn.disabled,.action-btn.disabled:active,.action-btn.disabled:hover{background:linear-gradient(135deg,#666,#444)!important;box-shadow:none!important;color:#999!important;opacity:.3!important;transform:none!important}.action-btn.disabled:before{display:none!important}.bottom-bottom{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#c8c8c8e6;border:2px solid #ffffff4d;border-radius:8px;flex:1 1;flex-shrink:0;justify-content:space-between;min-height:30px;padding:8px 0}.bottom-bottom,.my-hand{align-items:center;display:flex;margin-right:0}.my-hand{flex:1 1;flex-wrap:nowrap;gap:4px;justify-content:flex-start;overflow:hidden;padding:4px}.hand-tile{align-items:center;border:2px solid #fff;border-radius:6px;box-shadow:0 3px 8px #0000004d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1vw;font-weight:700;justify-content:center;position:relative;transition:all .2s ease}.hand-tile:hover{box-shadow:0 5px 12px #0006;transform:translateY(-3px)}.hand-tile.selected{border:3px solid #007bff;box-shadow:0 5px 15px #0006;transform:translateY(-5px)}.hand-tile.dragging{cursor:grabbing;opacity:0;transform:rotate(5deg) scale(1.1);transition:none;z-index:1000}.hand-tile{-webkit-user-drag:element;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;aspect-ratio:42/60;cursor:grab;flex:1 1;max-width:calc(6.25% - .625vw - 3.75px);min-height:36px;min-width:25px;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none}.hand-tile:active{cursor:grabbing}.hand-tile.sorting{position:relative;transition:transform .8s cubic-bezier(.25,.46,.45,.94)!important;will-change:transform;z-index:10}.hand-tile.dragging-preview{position:relative;transition:transform .2s cubic-bezier(.25,.46,.45,.94)!important;will-change:transform;z-index:5}.hand-tile.dragging{transition:none!important}.hand-tile{transition:none}.hand-tile.gold{background:linear-gradient(135deg,gold,#ffb347);color:#333}.hand-tile.silver{background:linear-gradient(135deg,silver,#a9a9a9);color:#333}.hand-tile.bronze{background:linear-gradient(135deg,#8b4513,#654321);color:#fff}.hand-tile.black{background:linear-gradient(135deg,#343a40,#212529);color:#fff}.hand-tile.sun{color:red}.hand-tile.moon,.hand-tile.sun{background:#0000;position:relative}.hand-tile.moon{color:#0f0}.hand-tile.star{color:gold}.hand-tile.cloud,.hand-tile.star{background:#0000;position:relative}.hand-tile.cloud{color:#40e0d0}.tile-value{color:inherit;font-size:1.4vw;font-weight:700;left:34%;position:absolute;top:5%;transform:translateX(-50%);z-index:2}.sort-buttons{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:1vw;justify-content:flex-end;margin-right:0;padding:0 .5vw;width:15vw}.sort-buttons-group{flex-direction:column;gap:.5vw}.sort-btn,.sort-buttons-group{display:flex;width:10vw!important}.sort-btn{align-items:center;background:linear-gradient(135deg,#6c757d,#545b62);border:none;border-radius:.4vw;box-shadow:0 .2vw .5vw #6c757d4d;color:#fff;cursor:pointer;font-size:1.1vw;font-weight:700;height:4.5vh;justify-content:center;margin-right:0;padding:.5vw .8vw .5vh;transition:all .2s ease;white-space:nowrap}.sort-btn:hover{background:linear-gradient(135deg,#545b62,#3d4449);box-shadow:0 4px 10px #6c757d66;transform:translateY(-1px)}.sort-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.sort-btn.disabled:hover{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 8px #0003;transform:none}.sort-btn.reset-btn{background:linear-gradient(135deg,#dc3545,#c82333);border:.25vw solid #a71e2a;border-radius:1vw;box-shadow:0 .2vw .5vw #dc35454d}.sort-btn.reset-btn:hover{background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 10px #dc354566}.game-container{height:95%;width:95%}.bottom-top{flex-direction:row;gap:8px}.bottom-section{min-height:160px}@media (min-width:1440px){.game-screen{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;width:100vw}.game-container{border-radius:15px;box-shadow:0 10px 30px #00000080;font-size:1.2vw;gap:10px;height:95vh;margin:0 4vw;padding:2vh 3vw;width:95vw}.bottom-section{min-height:200px}}@media (min-width:1920px){.game-container{border-radius:20px;box-shadow:0 16px 40px #0009;font-size:1.4vw;gap:16px;height:90vh;margin:0 6vw;padding:3vh 5vw;width:90vw}.bottom-section{min-height:240px}.hand-tile{aspect-ratio:42/60;flex:1 1;max-width:calc(6.25% - .625vw - 5px);min-height:57px;min-width:40px}.pass-text{font-size:1.1vw}}@media (min-aspect-ratio:2/1){.game-container{grid-template-rows:1fr 35vh}}.player-info-box.passed{background:#fff}.pass-overlay{align-items:center;border-radius:6px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.pass-overlay.removing{animation:passRemove 1.5s ease-out forwards}.pass-text{background:#ffffff40;border:.3vw solid #dc3545;border-radius:.8vw;box-shadow:0 .4vh .8vh #0000004d;color:#8b0000;font-size:1.8vw;font-weight:700;letter-spacing:.2vw;padding:.8vh 1.6vw;text-shadow:.1vw .1vw .2vw #fffc;transform:rotate(-5deg)}.pass-text.removing{animation:passTextRemove 1.5s ease-out forwards}@keyframes passBlink{0%,50%{opacity:1;transform:rotate(-5deg) scale(1)}51%,to{opacity:.9;transform:rotate(-5deg) scale(1.02)}}@keyframes passRemove{0%{opacity:1;transform:scale(1) rotate(0deg)}15%{opacity:1;transform:scale(1.05) rotate(1deg)}30%{opacity:.95;transform:scale(1.1) rotate(-2deg)}45%{opacity:.8;transform:scale(1.15) rotate(3deg)}60%{opacity:.6;transform:scale(.9) rotate(-4deg)}75%{opacity:.3;transform:scale(.5) rotate(6deg)}90%{opacity:.1;transform:scale(.2) rotate(-8deg)}to{opacity:0;transform:scale(0) rotate(12deg)}}@keyframes passTextRemove{0%{opacity:1;transform:rotate(-5deg) scale(1)}20%{opacity:1;transform:rotate(-3deg) scale(1.03)}40%{opacity:.9;transform:rotate(0deg) scale(1.08)}60%{opacity:.7;transform:rotate(2deg) scale(.85)}80%{opacity:.3;transform:rotate(-3deg) scale(.4)}95%{opacity:.05;transform:rotate(4deg) scale(.1)}to{opacity:0;transform:rotate(8deg) scale(0)}}.waiting-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.waiting-popup{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:.2vw solid #ffd7004d;border-radius:2vw;box-shadow:0 2vh 4vh #00000080;color:#fff;max-width:40vw;min-width:30vw;padding:4vh 4vw;text-align:center}.waiting-spinner{animation:spin 1s linear infinite;border:.3vw solid #ffd7004d;border-radius:50%;border-top-color:gold;height:4vw;margin:0 auto 2vh;width:4vw}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.waiting-popup h3{color:gold;font-size:1.5vw;margin-bottom:1vh}.waiting-popup p{color:#ccc;font-size:1vw;margin-bottom:2vh}.ready-players{margin-top:2vh}.ready-players p{color:gold;font-size:.9vw;margin-bottom:1vh}.ready-list{display:flex;flex-wrap:wrap;gap:.5vw;justify-content:center}.ready-indicator{border-radius:1vw;font-size:.8vw;font-weight:700;padding:.5vh 1vw;transition:all .3s ease}.ready-indicator.ready{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 .2vh .5vh #28a7454d;color:#fff}.ready-indicator.waiting{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 .2vh .5vh #6c757d4d;color:#ccc}@media (max-width:1440px){.combination-wheel-container{height:2vh;width:10vw}.combination-item{font-size:1.3vw;height:2vh}}@media (min-width:1440px){.combination-wheel-container{height:2vh;width:8vw}.combination-item{font-size:1.1vw;height:2vh}}@media (min-width:1920px){.combination-wheel-container{height:2vh;width:7vw}.combination-item{font-size:1vw;height:2vh}}@media (min-width:2560px){.combination-wheel-container{height:2vh;width:6vw}.combination-item{font-size:.9vw;height:2vh}}@media screen and (max-width:768px){.game-screen{-webkit-overflow-scrolling:touch;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto}.game-container{border-radius:0;box-sizing:border-box;gap:10px;grid-template-rows:1fr 30vh;margin:0;min-height:100vh;min-height:100dvh;padding:5px}.game-board-section{max-height:50vh;overflow-y:auto}.bottom-section{max-height:40vh;min-height:40px;overflow-y:auto}.bottom-top{max-height:none}.bottom-bottom{flex:0 0 auto;min-height:auto}.hand-tile{-webkit-tap-highlight-color:transparent}}@media screen and (max-width:480px) and (orientation:portrait){.game-container{gap:5px;padding:2px}.game-board-section{max-height:45vh;overflow-y:auto}.bottom-section{max-height:35vh;min-height:auto}.bottom-top{max-height:none;min-height:50px}.bottom-bottom{flex:0 0 auto}.top-left-section{height:50vh}}@media screen and (max-width:768px) and (orientation:landscape){.game-container{grid-template-rows:1fr 33vh}.game-board-section{height:100%;max-height:none;overflow-y:auto}.bottom-section{max-height:45vh;min-height:auto}.bottom-top{max-height:none;min-height:35px}.bottom-bottom{flex:0 0 auto;padding-bottom:0;padding-top:0}.sort-buttons{width:10vw}}.combination-guide-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.combination-guide-modal{-ms-overflow-style:none;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:3px solid #8b4513;border-radius:20px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:90vw;overflow-y:auto;padding:20px;position:relative;scrollbar-width:none}.combination-guide-modal::-webkit-scrollbar{display:none}.guide-header{border-bottom:2px solid #8b4513;margin-bottom:20px}.header-buttons{align-items:center;display:flex;gap:10px}.guide-header h2{color:#8b4513}.close-btn{background:#8b4513}.close-btn:hover{background:#654321}.game-guide-btn{align-items:center;background:#8b4513;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.6vw;height:40px;justify-content:center;transition:all .3s ease;width:40px}.game-guide-btn:hover{background:#654321;transform:scale(1.1)}.combination-section{background:#ffffffb3;border:2px solid #8b4513;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:15px}.combination-section h3{color:#8b4513;font-size:1.4vw;font-weight:700;margin:0 0 15px;text-align:center}.combination-example{flex-wrap:wrap;gap:10px}.combination-example,.guide-card{align-items:center;display:flex;justify-content:center}.guide-card{background:#000;border:2px solid #fff;border-radius:4px;box-shadow:0 3px 8px #0000004d;height:70px;position:relative;width:50px}.guide-card.gold{background:linear-gradient(135deg,gold,#ffb347)}.guide-card.gold .guide-card-value{color:#333}.guide-card.silver{background:linear-gradient(135deg,silver,#a9a9a9)}.guide-card.silver .guide-card-value{color:#333}.guide-card.bronze{background:linear-gradient(135deg,#8b4513,#654321)}.guide-card.bronze .guide-card-value{color:#fff}.guide-card.black{background:linear-gradient(135deg,#343a40,#212529)}.guide-card.black .guide-card-value{color:#fff}.guide-card.sun{background:#0000}.guide-card.sun .guide-card-value{color:red}.guide-card.moon{background:#0000}.guide-card.moon .guide-card-value{color:#0f0}.guide-card.star{background:#0000}.guide-card.star .guide-card-value{color:gold}.guide-card.cloud{background:#0000}.guide-card.cloud .guide-card-value{color:#40e0d0}.guide-card-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.guide-card-value{color:#fff;font-size:1.1vw;font-weight:700;left:30%;position:absolute;top:10%;transform:translateX(-50%);z-index:2}.comparison-arrow{color:#8b4513;font-size:1.9vw;font-weight:700;margin:0 5px}.arrow-down{color:#8b4513;font-size:1.6vw;font-weight:700;margin-left:10px}.flush-group,.four-part,.pair-group,.straight-group,.straightflush-group,.triple-group{display:flex;gap:2px}.fullhouse-group{align-items:center;display:flex;gap:10px}.pair-part,.triple-part{display:flex;gap:2px}.fourcard-group{align-items:center;display:flex;gap:10px}.kicker-part{display:flex;gap:2px}.straight-label,.straightflush-label{align-items:center;display:flex;flex-direction:column;gap:5px;margin-left:10px}.straight-label span,.straightflush-label span{color:#8b4513;font-size:1.1vw;font-weight:700}@media (max-width:768px){.combination-guide-modal{max-width:95vw;padding:15px}.guide-card{height:56px;width:40px}.guide-card-value{font-size:1.2vw}.combination-example{gap:5px}.comparison-arrow{font-size:2vw}}.game-guide-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1001}.game-guide-modal{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:3px solid #495057;border-radius:20px;box-shadow:0 20px 40px #00000080;max-height:85vh;max-width:80vw;overflow-y:auto;padding:25px;position:relative}.guide-header{align-items:center;border-bottom:2px solid #495057;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.guide-header h2{color:#495057;font-size:2.2vw;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000001a}.close-btn{align-items:center;background:#495057;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.9vw;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-btn:hover{background:#343a40;transform:scale(1.1)}.guide-content{display:flex;flex-direction:column;gap:25px}.guide-section{background:#fffc;border:2px solid #dee2e6;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px}.guide-section h3{border-bottom:2px solid #dee2e6;color:#495057;font-size:1.6vw;font-weight:700;margin:0 0 15px;padding-bottom:8px}.guide-section h4{color:#6c757d;font-size:1.3vw;font-weight:700;margin:0 0 8px}.guide-section p{color:#495057;font-size:1.3vw;line-height:1.6;margin:0 0 10px}.guide-section ol,.guide-section ul{color:#495057;font-size:1.3vw;line-height:1.6;margin:0;padding-left:20px}.guide-section li{margin-bottom:8px}.guide-section strong{color:#343a40;font-weight:700}.mode-explanation{display:flex;flex-wrap:wrap;gap:20px}.mode-item{background:#fff9;border:1px solid #ced4da;border-radius:8px;flex:1 1;min-width:250px;padding:15px}.mode-item h4{color:#495057;font-size:1.3vw;font-weight:700;margin:0 0 10px;text-align:center}.mode-item p{color:#6c757d;font-size:1.1vw;line-height:1.5;margin:0;text-align:center}@media (max-width:768px){.game-guide-modal{max-height:90vh;max-width:95vw;padding:20px}.guide-header h2{font-size:2.5vw}.guide-section h3{font-size:1.8vw}.guide-section ol,.guide-section p,.guide-section ul{font-size:1.4vw}.mode-explanation{flex-direction:column;gap:15px}.mode-item{min-width:auto}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.combination-wheel-container{border-radius:.8vw;height:4.5vh;overflow:hidden;position:relative;width:100%}.combination-swiper{height:100%;width:100%}.combination-slide{align-items:center;display:flex;height:1.8vh;justify-content:center;transition:all .3s ease}.combination-item{font-size:1.2vh;font-weight:500;opacity:.6;text-align:center;transform:scale(.8);transition:all .25s cubic-bezier(.25,.46,.45,.94);-webkit-user-select:none;user-select:none;white-space:nowrap}.combination-item.active{color:#fff;font-size:2.5vh;font-weight:700;opacity:1;transform:scale(1)}.combination-swiper .swiper-wrapper{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.combination-swiper .swiper-slide{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.combination-swiper .swiper-slide-active .combination-item{color:#fff;font-size:2.5vh;font-weight:700;opacity:1;transform:scale(1);transition:all .25s cubic-bezier(.25,.46,.45,.94)}.combination-swiper .swiper-slide-next .combination-item,.combination-swiper .swiper-slide-prev .combination-item{font-size:1.2vh;font-weight:400;opacity:.8;transform:scale(.7);transition:all .25s cubic-bezier(.25,.46,.45,.94)}.combination-swiper .swiper-slide-prev .combination-item{transform:scale(.7) translateY(.8vh)}.combination-swiper .swiper-slide-next .combination-item{transform:scale(.7) translateY(-.8vh)}.combination-swiper .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) .combination-item{font-size:1vh;opacity:.4;transform:scale(.6);transition:all .25s cubic-bezier(.25,.46,.45,.94)}.result-screen{align-items:center;background:linear-gradient(135deg,#0f1419,#1e2a3a 25%,#2d3a4a 50%,#1e2a3a 75%,#0f1419);display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.result-screen:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.result-container{grid-gap:1vh 1vw;grid-row-gap:1vh;-webkit-backdrop-filter:blur(1vh);backdrop-filter:blur(1vh);background:linear-gradient(145deg,#1a1a1af2,#1a1a1ae6);border:.3vh solid #0000;border-radius:2vh;box-shadow:0 2vh 4vh #00000080,inset 0 0 0 .1vh #ffffff26,inset 0 0 2vh #ffffff0d;display:grid;gap:1vh 1vw;grid-template-rows:1fr auto auto;height:95%;padding:2vh 2vw;position:relative;row-gap:1vh;width:95%;z-index:1}.opponent-section{align-items:center;display:flex;justify-content:center}.opponent-info{align-items:center;display:flex;gap:4vw}.circular-layout{height:60vh;position:relative;width:60vw}.circular-layout,.player-box{align-items:center;display:flex;justify-content:center}.player-box{-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:.2vh solid #fff3;border-radius:1.5vh;box-shadow:0 .8vh 2.5vh #0000004d,inset 0 0 0 .1vh #ffffff1a,inset 0 0 1.5vh #ffffff0d;flex-direction:column;height:7vh;padding:0 3vw;position:absolute;transition:all .3s ease;width:auto}.player-box:hover{border-color:#fff6;box-shadow:0 1.2vh 3.5vh #0006,inset 0 0 0 .1vh #ffffff4d,inset 0 0 2.5vh #ffffff1a;transform:scale(1.05)}.circular-layout.players-2 .player-box:first-child{transform:rotate(0deg) translateY(-25vh) rotate(0deg)}.circular-layout.players-2 .player-box:nth-child(2){transform:rotate(180deg) translateY(-25vh) rotate(-180deg)}.circular-layout.players-3 .player-box:first-child{transform:rotate(0deg) translateY(-30vh) rotate(0deg)}.circular-layout.players-3 .player-box:nth-child(2){transform:rotate(120deg) translateY(-45vh) rotate(-120deg)}.circular-layout.players-3 .player-box:nth-child(3){transform:rotate(240deg) translateY(-45vh) rotate(-240deg)}.circular-layout.players-4 .player-box:first-child{transform:rotate(0deg) translateY(-30vh) rotate(0deg)}.circular-layout.players-4 .player-box:nth-child(2){transform:rotate(90deg) translateY(-40vh) rotate(-90deg)}.circular-layout.players-4 .player-box:nth-child(3){transform:rotate(180deg) translateY(-30vh) rotate(-180deg)}.circular-layout.players-4 .player-box:nth-child(4){transform:rotate(270deg) translateY(-40vh) rotate(-270deg)}.circular-layout.players-5 .player-box:first-child{transform:rotate(0deg) translateY(-30vh) rotate(0deg)}.circular-layout.players-5 .player-box:nth-child(2){transform:translateX(5vw) rotate(72deg) translateY(-30vh) rotate(-72deg)}.circular-layout.players-5 .player-box:nth-child(3){transform:rotate(144deg) translateY(-34vh) rotate(-144deg)}.circular-layout.players-5 .player-box:nth-child(4){transform:rotate(216deg) translateY(-34vh) rotate(-216deg)}.circular-layout.players-5 .player-box:nth-child(5){transform:translateX(-5vw) rotate(288deg) translateY(-30vh) rotate(-288deg)}.player-placeholder{color:#fff;font-weight:700;height:4vh;justify-content:center;width:auto}.player-placeholder,.tiles-info{align-items:center;display:flex;font-size:1.8vh}.tiles-info{flex-direction:column;gap:.8vh;position:absolute;text-align:center}.tiles-info .remaining-count{position:absolute;white-space:nowrap}.tiles-info .tile-count{position:absolute}.tiles-info span{-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);background:#ffffff1a;border:.1vh solid #fff3;border-radius:1.6vh;box-shadow:0 .3vh .8vh #0000004d;color:#fff;font-weight:600;padding:.4vh 1.2vw}.circular-layout.players-2 .player-box:first-child .tiles-info .remaining-count{transform:rotate(0deg) translateY(6vh) rotate(0deg)}.circular-layout.players-2 .player-box:first-child .tiles-info .tile-count{transform:rotate(0deg) translateY(12vh) rotate(0deg)}.circular-layout.players-2 .player-box:nth-child(2) .tiles-info .remaining-count{transform:rotate(180deg) translateY(9.5vh) rotate(-180deg)}.circular-layout.players-2 .player-box:nth-child(2) .tiles-info .tile-count{transform:rotate(180deg) translateY(15vh) rotate(-180deg)}.circular-layout.players-3 .player-box:first-child .tiles-info .remaining-count{transform:rotate(0deg) translateY(6vh) rotate(0deg)}.circular-layout.players-3 .player-box:first-child .tiles-info .tile-count{transform:rotate(0deg) translateY(12vh) rotate(0deg)}.circular-layout.players-3 .player-box:nth-child(2) .tiles-info .remaining-count{transform:rotate(120deg) translateY(16vh) rotate(-120deg)}.circular-layout.players-3 .player-box:nth-child(2) .tiles-info .tile-count{transform:rotate(120deg) translateY(23.5vh) rotate(-120deg)}.circular-layout.players-3 .player-box:nth-child(3) .tiles-info .remaining-count{transform:rotate(240deg) translateY(16vh) rotate(-240deg)}.circular-layout.players-3 .player-box:nth-child(3) .tiles-info .tile-count{transform:rotate(240deg) translateY(23.5vh) rotate(-240deg)}.circular-layout.players-4 .player-box:first-child .tiles-info .remaining-count{transform:rotate(0deg) translateY(6vh) rotate(0deg)}.circular-layout.players-4 .player-box:first-child .tiles-info .tile-count{transform:rotate(0deg) translateY(12vh) rotate(0deg)}.circular-layout.players-4 .player-box:nth-child(2) .tiles-info .remaining-count{transform:rotate(90deg) translateY(14vh) rotate(-90deg) translateY(-2vh)}.circular-layout.players-4 .player-box:nth-child(2) .tiles-info .tile-count{transform:rotate(90deg) translateY(23vh) rotate(-90deg) translateY(-2vh)}.circular-layout.players-4 .player-box:nth-child(3) .tiles-info .remaining-count{transform:rotate(180deg) translateY(10vh) rotate(-180deg)}.circular-layout.players-4 .player-box:nth-child(3) .tiles-info .tile-count{transform:rotate(180deg) translateY(16vh) rotate(-180deg)}.circular-layout.players-4 .player-box:nth-child(4) .tiles-info .remaining-count{transform:rotate(270deg) translateY(14vh) rotate(-270deg) translateY(-2vh)}.circular-layout.players-4 .player-box:nth-child(4) .tiles-info .tile-count{transform:rotate(270deg) translateY(23vh) rotate(-270deg) translateY(-2vh)}.circular-layout.players-5 .player-box:first-child .tiles-info .remaining-count{transform:rotate(0deg) translateY(6vh) rotate(0deg)}.circular-layout.players-5 .player-box:first-child .tiles-info .tile-count{transform:rotate(0deg) translateY(12vh) rotate(0deg)}.circular-layout.players-5 .player-box:nth-child(2) .tiles-info .remaining-count{transform:rotate(72deg) translateY(13vh) rotate(-72deg)}.circular-layout.players-5 .player-box:nth-child(2) .tiles-info .tile-count{transform:rotate(72deg) translateY(22vh) rotate(-72deg)}.circular-layout.players-5 .player-box:nth-child(3) .tiles-info .remaining-count{transform:rotate(144deg) translateY(13vh) rotate(-144deg)}.circular-layout.players-5 .player-box:nth-child(3) .tiles-info .tile-count{transform:rotate(144deg) translateY(19vh) rotate(-144deg)}.circular-layout.players-5 .player-box:nth-child(4) .tiles-info .remaining-count{transform:rotate(216deg) translateY(13vh) rotate(-216deg)}.circular-layout.players-5 .player-box:nth-child(4) .tiles-info .tile-count{transform:rotate(216deg) translateY(19vh) rotate(-216deg)}.circular-layout.players-5 .player-box:nth-child(5) .tiles-info .remaining-count{transform:rotate(288deg) translateY(13vh) rotate(-288deg)}.circular-layout.players-5 .player-box:nth-child(5) .tiles-info .tile-count{transform:rotate(288deg) translateY(22vh) rotate(-288deg)}.tile-count{align-items:center;border:.3vh solid;border-radius:50%;display:flex;font-size:2vh;font-weight:700;height:2.8vh;justify-content:center;width:3vw}.tile-count.gold{background-color:#ffed4e;border-color:gold}.tile-count.silver{background-color:#e0e0e0;border-color:silver}.tile-count.bronze{background-color:#d2691e;border-color:#8b4513}.tile-count.black,.tile-count.gray{background-color:#333;border-color:#333;color:#fff}.transfer-arrow{align-items:center;display:flex;flex-direction:column;font-size:1.2vh;font-weight:700;gap:.4vh}.arrow{font-size:1.6vh}.opponent-left,.opponent-right{align-items:center;display:flex;flex-direction:column;gap:1vh}.slot-group{display:flex;gap:.5vw}.slot{background-color:#f9f9f9;border:.2vh solid #333;border-radius:.4vh;height:7vh;width:5vw}.group-2{gap:1vw}.group-3{gap:.8vw}.group-4{gap:.6vw}.group-5{gap:.5vw}.player-section{align-items:center;display:flex;gap:2vw}.player-hand{display:flex;flex:1 1;gap:.5vw}.card-slot{background-color:#f9f9f9;border:.2vh solid #333;border-radius:.4vh;height:6.5vh;width:4.5vw}.player-controls{align-items:center;display:flex;gap:1.5vw}.current-player-info{align-items:center;display:flex;flex-direction:column;gap:1vh}.transfer-info{align-items:center;-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);background:linear-gradient(145deg,#ffffffe6,#f0f8ffcc);border:.2vh solid #ffffff4d;border-radius:1.2vh;box-shadow:0 .6vh 2vh #0000001a,inset 0 0 0 .1vh #fff3;color:#333;display:flex;font-size:1.8vh;font-weight:700;height:4vh;justify-content:center;margin:0 auto 3vh;padding:.8vh 1.6vw;text-align:center;transition:width .3s ease;width:auto}.transfer-info.complete-message{min-width:20vw;padding:.8vh 2vw;width:auto}.transfer-info span{align-items:center;display:flex;gap:.2vw}.result-rank-tag{background:linear-gradient(145deg,#667eea,#764ba2);border:.1vh solid #fff3;border-radius:2vh;box-shadow:0 .2vh .8vh #667eea4d;color:#fff;font-size:1.4vh;font-weight:700;margin:0;padding:.4vh 1vw;text-shadow:0 .1vh .2vh #0000004d}.controls{display:flex;gap:1.5vw;justify-content:center;margin-bottom:4vh;width:100%}.btn{border:none;border-radius:1.2vh;box-shadow:0 .6vh 2vh #00000026;cursor:pointer;font-size:1.6vh;font-weight:700;overflow:hidden;padding:1.4vh 2.8vw;position:relative;transition:all .3s}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{background:linear-gradient(145deg,#5a6fd8,#6a4c93);box-shadow:0 .8vh 2.5vh #667eea66;transform:translateY(-.2vh)}.btn-secondary{background:linear-gradient(145deg,#6c757d,#495057);color:#fff}.btn-secondary:hover{background:linear-gradient(145deg,#5a6268,#343a40);box-shadow:0 .8vh 2.5vh #6c757d66;transform:translateY(-.2vh)}.arrow-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:20}.coin-amount{-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);background:linear-gradient(145deg,gold,#ffed4e);border:.3vh solid #ffb700;border-radius:2vh;box-shadow:0 .6vh 1.8vh #ffd70080,inset 0 0 0 .1vh #fff6,inset 0 0 0 .2vh #0000001a;color:#333;font-size:2.2vh;font-weight:700;min-width:2.5vw;padding:.5vh .8vw;text-align:center;text-shadow:0 .1vh .2vh #0000004d;white-space:nowrap}@keyframes coinFloat{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}}@keyframes coinArrive{0%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:.8;transform:translate(-50%,-50%) scale(1)}}.animated-number{font-size:2vh;font-weight:700;position:relative}.twos-toast{animation:toastSlideIn .5s ease-out;bottom:15vh;left:50%;position:absolute;transform:translateX(-50%);z-index:100}.twos-toast-content{align-items:center;-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);background:linear-gradient(145deg,#2d3a4af2,#1e2a3af2);border:.2vh solid #fff3;border-radius:2vh;box-shadow:0 .8vh 2.5vh #0006,inset 0 0 0 .1vh #ffffff1a;color:#e0e6ed;display:flex;font-size:1.6vh;font-weight:700;gap:1vw;padding:1.5vh 2.5vw;white-space:nowrap}.twos-icon{filter:drop-shadow(0 .1vh .2vh rgba(0,0,0,.3));font-size:2vh}.twos-message{text-shadow:0 .1vh .2vh #0000004d}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-2vh)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.final-result-screen{align-items:center;background:linear-gradient(135deg,#0f1419,#1e2a3a 25%,#2d3a4a 50%,#1e2a3a 75%,#0f1419);display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center}.final-result-container{-webkit-backdrop-filter:blur(.8vw);backdrop-filter:blur(.8vw);background:#1a1a1af2;border:.08vw solid #ffffff26;border-radius:1.5vw;box-shadow:0 1.5vw 3vw #00000080;max-width:55vw;min-width:45vw;padding:3vw;text-align:center;width:90%}.final-title{color:#fff;font-size:clamp(1.5vw,4vw,2.5vw);font-weight:700}.final-player-list,.final-title{margin-bottom:2.5vw}.final-player-item{align-items:center;background:#ffffff1a;border:.08vw solid #fff3;border-radius:.6vw;display:flex;margin-bottom:.8vw;padding:1.2vw;transition:all .3s ease}.final-player-item:hover{background:#ffffff26;box-shadow:0 .3vw 1vw #0000004d;transform:translateY(-.2vw)}.final-rank{font-size:clamp(1.2vw,3vw,1.8vw);font-weight:700;margin-right:1.5vw;text-align:center;width:3vw}.final-nickname{color:#fff;flex-grow:1;font-size:clamp(1vw,2.5vw,1.5vw);font-weight:500;text-align:left}.final-score-details{align-items:baseline;display:flex;gap:.8vw}.final-score{color:#fff;font-size:clamp(1vw,2.5vw,1.5vw);font-weight:500}.rating-change{font-size:clamp(.8vw,2vw,1.2vw);font-weight:700;margin-left:.8vw}.rating-change.positive{color:#4caf50}.rating-change.negative{color:#f44336}.final-controls{display:flex;gap:1.5vw;justify-content:center;margin-top:2vw}.final-player-item.rank-1{background:#ffc10766;border:.08vw solid #ffc10766;box-shadow:0 0 1vw #ffc1074d}.final-player-item.rank-2{background:#c0c0c066;border:.08vw solid #c0c0c066;box-shadow:0 0 .8vw #c0c0c04d}.final-player-item.rank-3{background:#cd7f3266;border:.08vw solid #cd7f3266;box-shadow:0 0 .6vw #cd7f324d}.final-player-item.rank-4{background:#ffffff26;border:.08vw solid #ffffff4d;box-shadow:0 0 .4vw #fff3}.final-player-item.rank-5{background:#ffffff1a;border:.08vw solid #fff3;box-shadow:0 0 .3vw #ffffff1a}.final-rank.gold{color:gold;text-shadow:0 0 .5vw #ffd70080}.final-rank.silver{color:silver;text-shadow:0 0 .5vw #c0c0c080}.final-rank.bronze{color:#cd7f32;text-shadow:0 0 .5vw #cd7f3280}.final-rank.black{color:#fff;text-shadow:0 0 .3vw #ffffff4d}.final-rank.gray{color:#ccc;text-shadow:0 0 .3vw #cccccc4d}@media (max-width:768px){.final-result-container{max-width:95vw;min-width:90vw;padding:4vw}}@media (max-width:480px){.final-result-container{max-width:98vw;min-width:95vw;padding:5vw}}.practice-screen{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;-webkit-touch-callout:none;align-items:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a 25%,#0f0f0f 50%,#1a1a1a 75%,#2a2a2a);box-sizing:border-box;color:#333;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0 auto;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100vw}.practice-screen::-webkit-scrollbar{display:none}.practice-container{-webkit-backdrop-filter:blur(1vh);backdrop-filter:blur(1vh);background:#1a1a1af2;border:.1vw solid #ffffff26;border-radius:1.5vw;box-shadow:0 1vh 3vh #00000080;box-sizing:border-box;display:flex;flex-direction:column;gap:1vh;height:100vh;margin:0 4vw;padding:2vh 3vw;position:relative;width:95vw}.practice-notification{-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);background:linear-gradient(145deg,#ffffffe6,#f0f8ffcc);border:.2vh solid #ffffff4d;border-radius:1.2vh;box-shadow:0 .6vh 2vh #0000001a,inset 0 0 0 .1vh #fff3;flex-shrink:0;height:6vh;margin:0 7vw;padding:1vh 1vw;transition:all .3s ease}.notification-content,.practice-notification{align-items:center;display:flex;justify-content:center}.notification-content{color:#333;font-size:1.2vw;font-weight:700;gap:.8vw;line-height:1.4;text-align:center;white-space:pre-line}.notification-content .highlight-count{background-color:#f0e00ccc;border-radius:.3em;color:#1d9012;font-weight:700;margin-right:.2vw;padding:.1em .3em}.guide-tag{background:linear-gradient(145deg,#667eea,#764ba2);border:.1vh solid #fff3;border-radius:1.5vh;box-shadow:0 .2vh .8vh #667eea4d;color:#fff;font-size:1.2vw;font-weight:700;margin:0 1.2vw 0 0;padding:.6vh 1.2vw .6vh .9vw;text-shadow:0 .1vh .2vh #0000004d;white-space:nowrap}.guide-tag-rank-order{margin-right:0}.practice-game-area{display:flex;flex:1 1;flex-direction:column;gap:2vh;min-height:0;padding:1vh 0}.practice-game-board{align-items:center;display:flex;justify-content:center;padding:1vh 0}.practice-game-board.main-board{min-height:8vh}.practice-game-board.previous-board{min-height:5vh;opacity:.7}.board-cards{align-items:center;display:flex;gap:.5vw;justify-content:center}.practice-game-board.previous-board .board-cards{gap:.3vw}.empty-board{display:none}.practice-bottom-section{border-radius:.8vw;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;gap:1vh;height:12vh;justify-content:flex-end;overflow-x:hidden;overflow-y:auto;padding:1vh}.practice-bottom-top{align-items:end;display:flex;flex-shrink:0;gap:2vw;height:auto;justify-content:space-between;max-height:40%;min-height:5vh}.practice-reset-btn-box{align-items:stretch;display:flex;width:12vw}.practice-reset-btn{align-items:center;background:linear-gradient(135deg,#e74c3c,#dc3545 25%,#c0392b 50%,#a93226 75%,#922b21);border:.2vw solid #8b0900;border-radius:.8vw;box-shadow:0 .4vw .8vw #dc354566,inset 0 .1vw 0 #fff3,inset 0 -.1vw 0 #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.2vw;font-weight:700;height:100%;justify-content:center;overflow:hidden;padding:3.2vh 1.4vw;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.practice-reset-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.practice-reset-btn:hover:before{left:100%}.practice-reset-btn:hover{background:linear-gradient(135deg,#dc3545,#c0392b 25%,#a93226 50%,#922b21 75%,#7b241c);box-shadow:0 .6vw 1.2vw #dc354599,inset 0 .1vw 0 #ffffff4d,inset 0 -.1vw 0 #0003;transform:translateY(-.1vh) scale(1.02)}.practice-reset-btn:active{box-shadow:0 .2vw .4vw #dc35454d,inset 0 .1vw 0 #0003;transform:translateY(0) scale(.98)}.practice-center-controls{align-items:center;-webkit-backdrop-filter:blur(.5vw);backdrop-filter:blur(.5vw);background:#ffffff1a;border:.15vw solid #fff3;border-radius:.6vw;display:flex;flex:1 1;flex-direction:row;gap:1vw;padding:1vh 1.5vw}.practice-round-info-inline{align-items:center;display:flex;flex-shrink:0}.practice-round-text-inline{background:linear-gradient(135deg,#f7b500,#fdd835 50%,#f39c12);border:.15vw solid #f39c12;border-radius:.4vw;box-shadow:0 .3vh .8vh #0000004d,inset 0 .1vh .2vh #fff6;color:#2c3e50;font-size:1.1vw;font-weight:700;padding:.4vh .7vw;text-shadow:0 .1vh .2vh #ffffff80;white-space:nowrap}.practice-guide-btn{background:linear-gradient(135deg,#6c757d,#545b62)}.practice-guide-btn:hover{background:linear-gradient(135deg,#545b62,#3d4449)}.practice-mode-btn{background:linear-gradient(135deg,#17a2b8,#138496)}.practice-mode-btn:hover{background:linear-gradient(135deg,#138496,#117a8b)}.practice-current-combination{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:.9vw;padding:.2vw}.practice-control-buttons{display:flex;flex-direction:row;gap:.8vw}.practice-control-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:.3vw;box-shadow:0 .15vw .4vw #007bff4d;color:#fff;cursor:pointer;font-size:1.1vw;font-weight:700;padding:.4vw .7vw;transition:all .2s ease}.practice-control-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 .3vw .8vw #007bff66;transform:translateY(-.07vh)}.practice-control-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.practice-control-btn.disabled:hover{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 .15vw .4vw #0003;transform:none}.practice-submit-btn-box{align-items:stretch;display:flex;width:12vw}.practice-submit-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049 25%,#388e3c 50%,#2e7d32 75%,#1b5e20);border:.2vw solid #66bb6a;border-radius:.8vw;box-shadow:0 .4vw .8vw #4caf5066,inset 0 .1vw 0 #fff3,inset 0 -.1vw 0 #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.2vw;font-weight:700;height:100%;justify-content:center;overflow:hidden;padding:3.2vh 1.4vw;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.practice-submit-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.practice-submit-btn:hover:before{left:100%}.practice-submit-btn:hover{background:linear-gradient(135deg,#45a049,#388e3c 25%,#2e7d32 50%,#1b5e20 75%,#0d4f1c);border-color:#81c784;box-shadow:0 .6vw 1.2vw #4caf5099,inset 0 .1vw 0 #ffffff4d,inset 0 -.1vw 0 #0003;transform:translateY(-.1vh) scale(1.02)}.practice-submit-btn:active{box-shadow:0 .2vw .4vw #4caf504d,inset 0 .1vw 0 #0003;transform:translateY(0) scale(.98)}.practice-submit-btn.disabled{background:linear-gradient(135deg,#6c757d,#495057);border-color:#6c757d;cursor:not-allowed;opacity:.5;pointer-events:none}.practice-submit-btn.disabled:hover{box-shadow:0 .4vw .8vw #4caf5066,inset 0 .1vw 0 #fff3,inset 0 -.1vw 0 #0000001a;transform:none}.practice-hand-area{display:flex;flex-direction:column;flex-shrink:0;height:40vh;justify-content:center}.practice-hand-container{align-items:center;-webkit-backdrop-filter:blur(.5vw);backdrop-filter:blur(.5vw);background:#c8c8c8e6;border:.1vw solid #ffffff4d;border-radius:.8vw;display:flex;flex-direction:column;gap:0;height:38vh;justify-content:space-between;padding:1vh 0}.practice-suit-row{gap:.5vw;height:9vh}.practice-card,.practice-suit-row{align-items:center;display:flex;justify-content:center}.practice-card{border:.2vw solid #fff;border-radius:.4vw;box-shadow:0 .3vh .8vh #0000004d;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.2vw;font-weight:700;height:7.5vh;overflow:hidden;position:relative;transition:all .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:5.625vh}.practice-card.hand-card{background:#ffffff1a}.practice-card.hand-card:hover{box-shadow:0 .5vh 1.2vh #0006;transform:translateY(-.3vh)}.practice-card.selected{border:.3vw solid #007bff;box-shadow:0 .5vh 1.5vh #007bff66;transform:translateY(-.5vh)}.practice-card.board-card{background:#fff3;cursor:default}.practice-card.played-card{background:#1a1a1a;border-color:#333;cursor:not-allowed;flex-shrink:0;opacity:.6;pointer-events:none;visibility:visible}.practice-card.hand-card.played-card{height:7.5vh;min-height:7.5vh;min-width:5.625vh;width:5.625vh}.practice-card.played-card .card-suit-image,.practice-card.played-card .card-value{display:none}.practice-game-board.main-board .practice-card{height:7.1vw;width:5vw}.practice-game-board.previous-board .practice-card{border-radius:.24vw;border-width:.12vw;height:4.3vw;width:3vw}.practice-game-board.previous-board .practice-card .card-value{font-size:.8vw}.practice-card.animating{pointer-events:none;position:relative;z-index:1000}.practice-game-board.animating{pointer-events:none}.practice-card.sun{background:#0000;color:red}.practice-card.moon{background:#0000;color:#0f0}.practice-card.star{background:#0000;color:gold}.practice-card.cloud{background:#0000;color:#40e0d0}.practice-card.gold{background:linear-gradient(135deg,gold,#ffb347);color:#333}.practice-card.gold .card-value{color:#333}.practice-card.silver{background:linear-gradient(135deg,silver,#a9a9a9);color:#333}.practice-card.silver .card-value{color:#333}.practice-card.bronze{background:linear-gradient(135deg,#8b4513,#654321);color:#fff}.practice-card.bronze .card-value{color:#fff}.practice-card.black{background:linear-gradient(135deg,#343a40,#212529);color:#fff}.practice-card.black .card-value{color:#fff}.card-suit-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.card-value{color:inherit;font-size:1.4vw;font-weight:700;left:34%;position:absolute;top:10%;transform:translateX(-50%);z-index:2}.practice-back-btn{align-items:center;backdrop-filter:blur(1vw);-webkit-backdrop-filter:blur(1vw);background:#ffffff1a;border:.1vw solid #fff3;border-radius:1.3vw;color:#fff;cursor:pointer;display:flex;font-size:1.2vw;height:3vw;justify-content:center;left:2vw;line-height:1;overflow:hidden;padding:0;position:absolute;top:2vh;transition:all .2s ease;vertical-align:middle;width:6vw}.practice-back-btn:hover{background:#ffffff26;transform:translateY(-.05vh)}.orientation-warning{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;color:#fff;display:flex;height:100%;justify-content:center;left:0;padding:5vw;position:fixed;text-align:center;top:0;width:100%;z-index:9999}.orientation-warning-content{max-width:80vw}.orientation-icon{animation:bounce 2s infinite;font-size:8vw;margin-bottom:3vw}.orientation-warning h2{font-size:4vw;font-weight:700;line-height:1.4;margin:0 0 3vw}.orientation-warning p{font-size:3vw;margin:0 0 5vw;opacity:.9}.rotation-hint{align-items:center;display:flex;gap:3vw;justify-content:center;margin-top:5vw}.phone-icon{height:15vw;position:relative;transition:transform .3s ease;width:10vw}.phone-icon.rotated{align-items:center;display:flex;height:10vw;justify-content:center;width:15vw}.phone-body{background:#fff;border-radius:2vw;box-shadow:0 .5vw 2vw #0000004d;height:100%;position:relative;width:100%}.phone-screen{background:#333;border-radius:1vw;bottom:1.5vw;left:1vw;position:absolute;right:1vw;top:1.5vw}.phone-icon.rotated .phone-screen{bottom:1vw;left:1.5vw;right:1.5vw;top:1vw}.arrow{animation:pulse 1.5s infinite;font-size:4vw;font-weight:700;opacity:.8}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-2vw)}60%{transform:translateY(-1vw)}}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media (orientation:landscape){.orientation-warning{display:none}}@media (min-aspect-ratio:1/1){.orientation-warning{display:none}}
/*# sourceMappingURL=main.5fa75b13.css.map*/