@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#fff;background:#061310;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.home{background:radial-gradient(circle at 50% 40%,#21584a 0%,#123b31 30%,#0a241e 60%,#04100d 100%);flex-direction:column;justify-content:center;align-items:center;gap:34px;min-height:100vh;display:flex;position:relative;overflow:hidden}.home:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff08,#0000 65%);border-radius:50%;width:700px;height:700px;position:absolute}.logoArea{z-index:10;text-align:center;position:relative}.logoSuits{opacity:1;justify-content:center;gap:16px;margin-bottom:8px;font-size:22px;display:flex}.logoArea h1{letter-spacing:15px;text-shadow:0 5px 20px #00000059;margin:0;font-size:86px;font-weight:700}.logoArea p{letter-spacing:6px;text-transform:uppercase;opacity:.55;margin-top:8px;margin-bottom:0;font-size:15px}.redSuit{color:#d84b4b}.blackSuit{color:#fff}.mainMenuPanel{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03110e8c;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:10px;width:390px;padding:14px;display:flex;position:relative;box-shadow:0 20px 50px #00000040}.menuLink{width:100%;text-decoration:none;display:block}.menuButton{color:#fff;text-align:left;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff17;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:68px;padding:12px 18px;transition:background .18s,border-color .18s,transform .18s;display:flex}.menuButton:hover:not(:disabled){background:#ffffff1c;border-color:#fff3;transform:translate(4px)}.primaryMenuButton{background:linear-gradient(135deg,#be973642,#ffd75f1a);border-color:#ddb85766}.primaryMenuButton:hover{background:linear-gradient(135deg,#be973661,#ffd75f29);border-color:#e6c570a6}.menuButtonText{flex-direction:column;gap:4px;display:flex}.menuButtonText strong{font-size:17px;font-weight:600}.menuButtonText span{opacity:.47;font-size:12px}.menuArrow{opacity:.55;font-size:30px;line-height:1}.comingSoon{text-transform:uppercase;letter-spacing:1px;opacity:.5;background:#ffffff12;border-radius:20px;padding:5px 9px;font-size:11px}.menuButton:disabled{cursor:default;opacity:.48}.menuDecoration{pointer-events:none;opacity:1;width:180px;height:250px;position:absolute;top:50%}.menuDecorationLeft{left:7%;transform:translateY(-50%)rotate(-10deg)}.menuDecorationRight{right:7%;transform:translateY(-50%)rotate(10deg)}.decorCard{color:#17211e;background:#f1ede2;border-radius:13px;justify-content:center;align-items:center;width:125px;height:180px;font-size:64px;display:flex;position:absolute;box-shadow:0 16px 40px #00000059}.decorCardBack{top:20px;left:-15px;transform:rotate(-18deg)}.decorCardFront{color:#b93636;bottom:5px;right:-15px;transform:rotate(18deg)}.menuFooter{z-index:10;opacity:.2;gap:18px;font-size:15px;display:flex;position:relative}.menuFooter span:nth-child(2),.menuFooter span:nth-child(4){color:#d84b4b}@media (max-width:900px){.menuDecoration{display:none}}.gameTable{background:radial-gradient(#245f4d 0%,#12382f 55%,#081a17 100%);width:100vw;height:100vh;position:relative;overflow:hidden}.player{background:#0006;border-radius:20px;padding:12px 24px;position:absolute}.playerTop{top:30px;left:50%;transform:translate(-50%)}.playerBottom{bottom:30px;left:50%;transform:translate(-50%)}.playerLeft{top:50%;left:30px;transform:translateY(-50%)}.playerRight{top:50%;right:30px;transform:translateY(-50%)}.centreTable{opacity:.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu a{width:100%;text-decoration:none}.hand{z-index:10;justify-content:center;align-items:flex-end;width:90%;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.playingCard{cursor:pointer;background:#f6f2e8;border:none;border-radius:10px;flex-direction:column;align-items:flex-start;width:90px;height:130px;padding:10px;font-weight:700;transition:transform .15s;display:flex;position:relative;box-shadow:0 5px 15px #0006}.hand .playingCard{margin-left:-25px}.hand .playingCard:first-child{margin-left:0}.playingCard:hover{transform:translateY(-18px)}.cardRank{font-size:24px}.cardSuit{font-size:34px;line-height:1}.redCard{color:#c32323}.blackCard{color:#171717}.loadingText{opacity:.7;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hokmChooser{text-align:center;z-index:20;background:#051411eb;border:1px solid #ffffff26;border-radius:20px;width:380px;padding:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000073}.hokmChooser h2{margin-top:0;margin-bottom:8px;font-size:28px}.hokmChooser p{opacity:.65;margin-top:0;margin-bottom:25px;font-size:17px}.hokmButtons{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.hokmButtons button{cursor:pointer;background:#f6f2e8;border:none;border-radius:12px;height:70px;font-size:40px;transition:transform .15s,background .15s}.hokmButtons button:hover{background:#fff;transform:translateY(-5px)}.redSuitButton{color:#c32323}.blackSuitButton{color:#171717}.hokmDisplay{background:#0006;border-radius:12px;align-items:center;gap:10px;padding:10px 18px;font-size:16px;display:flex;position:absolute;top:25px;left:25px}.hokmDisplay span{font-size:28px}.trickArea{justify-content:center;align-items:center;width:400px;height:300px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yourTurnText{opacity:.65;font-size:22px}.playedCard{position:absolute}.playerPlayedCard{bottom:50px;left:50%;transform:translate(-50%)}.playedCard .playingCard{cursor:default;margin:0;transform:none}.playedCard .playingCard:hover{transform:none}.playingCard:disabled{cursor:default}.topPlayedCard{top:-30px;left:50%;transform:translate(-50%)}.leftPlayedCard{top:calc(50% - 30px);left:30px;transform:translateY(-50%)}.rightPlayedCard{top:calc(50% - 30px);right:30px;transform:translateY(-50%)}.scoreDisplay{z-index:20;gap:10px;display:flex;position:absolute;top:25px;right:25px}.scoreDisplay div{background:#0006;border-radius:12px;flex-direction:column;align-items:center;min-width:110px;padding:10px 16px;display:flex}.scoreDisplay span{opacity:.65;font-size:13px}.scoreDisplay strong{margin-top:3px;font-size:23px}.trickResult{pointer-events:none;z-index:50;position:absolute;inset:0}.trickWinnerText{color:#fff;white-space:nowrap;text-align:center;box-sizing:border-box;background:#000000c7;border-radius:10px;width:200px;padding:10px 18px;font-size:16px;position:absolute;top:calc(50% + 85px);left:-70px;transform:translateY(-50%)}.nextTrickButton{color:#fff;cursor:pointer;pointer-events:auto;background:#000000bf;border:1px solid #fff3;border-radius:9px;padding:10px 22px;font-size:15px;transition:all .15s;position:absolute;top:calc(50% + 85px);right:17px;transform:translateY(-50%)}.nextTrickButton:hover{background:#ffffff26;transform:translateY(-50%)}.sortButton{color:#fff;cursor:pointer;background:#031d18;border:none;border-radius:10px;flex-shrink:0;align-self:center;margin-left:18px;padding:12px 20px;font-size:16px;font-weight:600}.sortButton:hover{background:#ffffff26}.handWinnerText{color:#fff;text-align:center;white-space:nowrap;box-sizing:border-box;background:#000000c7;border-radius:10px;width:220px;padding:10px 18px;font-size:16px;position:absolute;top:calc(50% + 85px);left:-90px;transform:translateY(-50%)}.playingCard.hokmCard{border:2px solid #d4af37;position:relative;overflow:hidden;box-shadow:0 0 8px #d4af37a6,0 0 18px #ffd70040}.playingCard.hokmCard:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:45%;height:200%;animation:3s infinite hokmShine;position:absolute;top:-50%;left:-80%;transform:rotate(20deg)}@keyframes hokmShine{0%{left:-80%}40%{left:140%}to{left:140%}}.matchScoreDisplay{z-index:20;background:#0006;border-radius:12px;flex-direction:column;align-items:center;padding:10px 18px;display:flex;position:absolute;top:120px;right:25px}.matchScoreDisplay span{opacity:.65;font-size:13px}.matchScoreDisplay strong{margin-top:3px;font-size:22px}.matchWinnerOverlay{z-index:100;background:#020f0ce0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.matchWinnerOverlay h1{white-space:nowrap;margin:0;font-size:32px;position:absolute;top:200px;right:150px;transform:translateY(-50%)}.matchWinnerOverlay p{opacity:.65;margin-top:515px;margin-left:-300px}.finalMatchScore{margin-left:-300px;font-size:42px;font-weight:700}.shuffleArea{z-index:40;width:110px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shuffleCard{color:#171717;background:#f6f2e8;border:2px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;width:90px;height:130px;font-size:40px;display:flex;position:absolute;box-shadow:0 8px 20px #00000059}.shuffleCardOne{animation:.45s ease-in-out infinite alternate shuffleLeft}.shuffleCardTwo{animation:.45s ease-in-out infinite alternate shuffleRight}@keyframes shuffleLeft{0%{transform:translate(-18px)rotate(-7deg)}to{transform:translate(18px)rotate(7deg)}}@keyframes shuffleRight{0%{transform:translate(18px)rotate(7deg)}to{transform:translate(-18px)rotate(-7deg)}}.hand .playingCard{animation:.28s ease-out dealIntoHand}@keyframes dealIntoHand{0%{opacity:0;transform:translateY(-80px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.shuffleRedSuit{color:#c62828}.howToPlayPage{color:#fff;background:#0d3028;min-height:100vh;padding:45px 25px 80px}.howToPlayHeader{align-items:flex-start;gap:30px;width:min(900px,100%);margin:0 auto 40px;display:flex}.backButton{color:#fff;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;padding:10px 16px;text-decoration:none;transition:all .15s}.backButton:hover{background:#ffffff21}.howToPlayHeader h1{margin:0 0 8px;font-size:44px}.howToPlayHeader p{opacity:.55;margin:0;font-size:16px}.rulesContainer{flex-direction:column;gap:18px;width:min(900px,100%);margin:auto;display:flex}.rulesSection{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03120f91;border:1px solid #ffffff17;border-radius:18px;padding:30px 34px;position:relative}.sectionNumber{color:#d0aa4f;letter-spacing:2px;margin-bottom:8px;font-size:12px;display:block}.rulesSection h2{margin:0 0 18px;font-size:25px}.rulesSection p{color:#ffffffb8;max-width:720px;margin:10px 0;line-height:1.7}.teamExample,.scoreExample{grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0;display:grid}.teamExample div,.scoreExample div{background:#ffffff0e;border-radius:12px;flex-direction:column;gap:5px;padding:16px;display:flex}.teamExample span,.scoreExample span{opacity:.55;font-size:13px}.scoreExample strong{font-size:27px}.suitRow{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px;display:grid}.suitRule{background:#f1ede3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:95px;font-size:38px;display:flex}.suitRule span{font-size:12px}.blackSuitRule{color:#151a18}.redSuitRule{color:#c52d2d}.ruleExample{background:#cba44812;border-left:3px solid #cba448;border-radius:0 12px 12px 0;margin:22px 0;padding:20px}.exampleTitle{color:#d8b760;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-size:12px}.exampleCards{gap:8px;margin:18px 0;display:flex}.exampleCards span,.singleExampleCard{color:#171717;background:#f1ede3;border-radius:8px;justify-content:center;align-items:center;width:68px;height:92px;font-size:21px;font-weight:700;display:flex}.exampleCards .winningExample{border:2px solid #d5ae3b;box-shadow:0 0 12px #d5ae3b66}.rankRow{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.rankRow span{text-align:center;background:#ffffff12;border-radius:8px;min-width:45px;padding:10px 8px;font-weight:700}.turnOrderExample{color:#ffffffbf;flex-wrap:wrap;align-items:center;gap:12px;margin:25px 0;display:flex}.matchExample{background:#ffffff0e;border-radius:12px;flex-direction:column;align-items:center;width:180px;margin-top:22px;padding:15px;display:flex}.matchExample span{opacity:.5;font-size:12px}.matchExample strong{margin-top:5px;font-size:30px}.strategyGrid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.strategyGrid>div{background:#ffffff0d;border-radius:12px;padding:20px}.strategyGrid strong{font-size:15px}.strategyGrid p{margin-bottom:0;font-size:14px}@media (max-width:650px){.howToPlayHeader{flex-direction:column}.howToPlayHeader h1{font-size:34px}.rulesSection{padding:24px 20px}.suitRow{grid-template-columns:repeat(2,1fr)}.teamExample,.scoreExample,.strategyGrid{grid-template-columns:1fr}}.redExampleCard{color:#c52d2d!important}.player1CardAnimation{animation:.32s ease-out player1PlayCard}@keyframes player1PlayCard{0%{opacity:0;transform:translate(-50%)translateY(180px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.player2CardAnimation{animation:.32s ease-out player2PlayCard}@keyframes player2PlayCard{0%{opacity:0;transform:translateY(-50%)translate(-180px)scale(.9)}to{opacity:1;transform:translateY(-50%)translate(0)scale(1)}}.player3CardAnimation{animation:.32s ease-out player3PlayCard}@keyframes player3PlayCard{0%{opacity:0;transform:translate(-50%)translateY(-180px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.player4CardAnimation{animation:.32s ease-out player4PlayCard}@keyframes player4PlayCard{0%{opacity:0;transform:translateY(-50%)translate(180px)scale(.9)}to{opacity:1;transform:translateY(-50%)translate(0)scale(1)}}.activePlayer{background:#503e1273;border:1px solid #d7b34bcc;animation:1.5s ease-in-out infinite activePlayerPulse;box-shadow:0 0 8px #d7b34b8c,0 0 20px #d7b34b40}@keyframes activePlayerPulse{0%,to{box-shadow:0 0 7px #d7b34b73,0 0 15px #d7b34b2e}50%{box-shadow:0 0 12px #d7b34bbf,0 0 28px #d7b34b52}}.winningPlayedCard .playingCard{animation:.8s ease-in-out infinite winningCardPulse;box-shadow:0 0 12px #ffd75ae6,0 0 28px #ffd75a8c,0 0 45px #ffd75a40}@keyframes winningCardPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.collectToPlayer1{animation:.45s ease-in forwards collectBottom}.collectToPlayer2{animation:.45s ease-in forwards collectLeft}.collectToPlayer3{animation:.45s ease-in forwards collectTop}.collectToPlayer4{animation:.45s ease-in forwards collectRight}@keyframes collectBottom{to{opacity:0;transform:translateY(260px)scale(.7)}}@keyframes collectLeft{to{opacity:0;transform:translate(-320px)scale(.7)}}@keyframes collectTop{to{opacity:0;transform:translateY(-260px)scale(.7)}}@keyframes collectRight{to{opacity:0;transform:translate(320px)scale(.7)}}.privateLobbyPage{color:#fff;background:#0d3028;min-height:100vh;padding:45px 25px 80px}.privateLobbyHeader{align-items:flex-start;gap:25px;width:min(760px,100%);margin:0 auto 35px;display:flex}.privateLobbyHeader h1{margin:0 0 8px;font-size:42px}.privateLobbyHeader p{opacity:.55;margin:0}.privateLobbyPanel{background:#03120f94;border:1px solid #ffffff1a;border-radius:18px;width:min(620px,100%);margin:auto;padding:22px}.roomCodeArea{text-align:center;background:#ffffff0d;border-radius:14px;margin-bottom:18px;padding:22px}.roomCodeArea span{text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:8px;font-size:12px;display:block}.roomCodeArea strong{letter-spacing:7px;font-size:38px;display:block}.roomCodeArea p{opacity:.45;margin:8px 0 0;font-size:13px}.lobbySeats{flex-direction:column;gap:10px;display:flex}.lobbySeat{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;min-height:76px;padding:13px 16px;display:flex}.seatInfo{flex-direction:column;gap:4px;display:flex}.seatNumber{text-transform:uppercase;letter-spacing:1px;opacity:.4;font-size:11px}.seatInfo strong{font-size:17px}.addBotButton,.removeBotButton{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:9px;padding:9px 13px}.addBotButton:hover,.removeBotButton:hover{background:#ffffff21}.hostBadge{color:#d0aa4f;background:#d0aa4f24;border-radius:20px;padding:6px 10px;font-size:12px}.startPrivateGameButton{color:#10201b;cursor:pointer;background:#d0aa4f;border:0;border-radius:11px;width:100%;margin-top:18px;padding:15px;font-weight:700}.startPrivateGameButton:disabled{cursor:default;opacity:.3}.lobbyHint{text-align:center;opacity:.4;margin:10px 0 0;font-size:12px}.joinRoomArea{border-top:1px solid #ffffff14;flex-direction:column;gap:12px;margin-top:22px;padding-top:22px;display:flex}.joinRoomArea>span{text-align:center;opacity:.55;font-size:13px}.joinRoomArea input{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:6px;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:15px 16px;font-size:18px;font-weight:700;transition:all .2s}.joinRoomArea input::placeholder{color:#ffffff4d;letter-spacing:3px;font-size:13px;font-weight:500}.joinRoomArea input:focus{background:#ffffff17;border-color:#d0aa4fbf;box-shadow:0 0 0 3px #d0aa4f14}.joinRoomArea .addBotButton{width:100%;padding:13px;font-weight:700}.joinError{text-align:center;color:#e17878;margin:2px 0 0;font-size:13px}.privateLobbyPanel .startPrivateGameButton{transition:transform .2s,opacity .2s,filter .2s}.privateLobbyPanel .startPrivateGameButton:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-2px)}.roomCodeArea strong{-webkit-user-select:all;user-select:all}@media (max-width:600px){.privateLobbyPage{padding:25px 15px 50px}.privateLobbyHeader h1{font-size:34px}.privateLobbyPanel{padding:16px}.roomCodeArea strong{letter-spacing:5px;font-size:30px}}.privateGameDebug{text-align:center;background:#0000004d;border:1px solid #ffffff1f;border-radius:18px;min-width:360px;padding:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.privateGameDebug h1{margin-top:0}.privateHakemMessage{color:#e1c16e;background:#d0aa4f2e;border-radius:10px;margin-top:25px;padding:15px;font-weight:700}.privateWaitingMessage{opacity:.65;margin-top:25px}.privateSuitButtons button:hover{background:#ffffff26}.privateSuitButtons button:nth-child(2),.privateSuitButtons button:nth-child(4){color:#c92d2d}.privateHokmChosen{justify-content:center;align-items:center;gap:12px;margin-top:25px;font-size:24px;display:flex}.privateHokmChosen strong{font-size:34px}.privateFirstFive{z-index:5;justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.privateFirstFive .playingCard{margin-left:-18px}.privateFirstFive .playingCard:first-child{margin-left:0}.matchWinnerOverlay{z-index:100;background:radial-gradient(circle,#195b4b73 0%,#031916e0 55%,#010f0dfa 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.matchWinnerPanel{box-sizing:border-box;text-align:center;background:#031a17e6;border:1px solid #ffffff14;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:560px;min-height:330px;padding:45px;display:flex;box-shadow:0 24px 70px #00000073}.matchWinnerPanel h1{color:#fff;text-align:center;width:100%;margin:0 0 32px;font-size:48px;font-weight:800;line-height:1.1;position:static;transform:none}.matchWinnerPanel p{color:#ffffff9e;text-align:center;width:100%;margin:0 0 14px;font-size:20px;font-weight:500;position:static;transform:none}.finalMatchScore{color:#fff;letter-spacing:4px;text-align:center;width:100%;margin:0;font-size:58px;font-weight:800;line-height:1;position:static;transform:none}.privateMatchEndOverlay{z-index:9999;background:radial-gradient(circle,#185c4c80 0%,#031e19ed 55%,#01120ffc 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.privateMatchEndPanel{box-sizing:border-box;text-align:center;background:#031e19f0;border:1px solid #ffffff14;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:560px;min-height:320px;padding:45px;display:flex;box-shadow:0 25px 80px #00000080,0 0 50px #2a96701f}.privateMatchEndTitle{color:#fff!important;text-align:center!important;width:100%!important;margin:0 0 36px!important;font-size:48px!important;font-weight:800!important;line-height:1.1!important;position:static!important;inset:auto!important;transform:none!important}.privateMatchEndLabel{color:#fff9!important;text-align:center!important;width:100%!important;margin:0 0 14px!important;font-size:20px!important;font-weight:500!important;position:static!important;transform:none!important}.privateMatchEndScore{letter-spacing:4px;color:#fff!important;text-align:center!important;width:100%!important;margin:0!important;font-size:58px!important;font-weight:800!important;line-height:1!important;position:static!important;transform:none!important}.privateMatchPlayAgainButton{color:#fff;cursor:pointer;background:#061f1a;border:1px solid #ffffff1f;border-radius:12px;margin-top:28px;padding:14px 38px;font-size:18px;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s}.privateMatchPlayAgainButton:hover{background:#0b3028;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.privateMatchPlayAgainButton:active{transform:translateY(0)}.swappableLobbySeat{cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.swappableLobbySeat:hover{border-color:#d6b03e80;transform:translateY(-2px)}.selectedLobbySeat{transform:translateY(-2px);box-shadow:0 0 0 2px #d6b03e2e,0 0 24px #d6b03e33;border-color:#d6b03e!important}.privateTeamInfo{justify-content:center;align-items:center;gap:18px;width:100%;margin:24px 0;display:flex}.privateTeamInfo span{color:#fff;text-align:center;background:#001915bf;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:210px;padding:14px 22px;font-size:16px;font-weight:600;display:flex;box-shadow:0 6px 18px #0000002e}.privateTeamInfo strong{font-size:18px;font-weight:700}.privateTeamInfo span{color:#ffffffb3}.privateTeamInfo strong{color:#fff}.onlinePage{background:radial-gradient(circle,#174f43 0%,#0b2f28 55%,#051c18 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.onlinePanel{text-align:center;background:#031c18eb;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:520px;padding:42px;display:flex;box-shadow:0 24px 70px #0006}.onlinePanel h1{color:#fff;margin:0 0 12px;font-size:42px;font-weight:800}.onlinePanel p{color:#ffffffa6;margin:0 0 22px;font-size:17px}.onlinePanel input{box-sizing:border-box;color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;margin-bottom:18px;padding:14px 16px;font-size:17px}.onlinePanel input:focus{border-color:#d6b03ebf;box-shadow:0 0 0 2px #d6b03e1f}.onlineFindMatchButton,.onlineCancelButton{cursor:pointer;border:none;border-radius:12px;padding:14px 34px;font-size:18px;font-weight:700;transition:transform .18s,background .18s}.onlineFindMatchButton{color:#071d18;background:#d6b03e}.onlineFindMatchButton:hover{background:#e3bf4d;transform:translateY(-2px)}.onlineCancelButton{color:#fff;background:#08231e;border:1px solid #ffffff1a;margin-top:20px}.onlineCancelButton:hover{background:#0d3029;transform:translateY(-2px)}.onlineSearching{flex-direction:column;align-items:center;gap:14px;display:flex}.onlineSearching h2{color:#fff;margin:0;font-size:24px}.onlineSearching p{color:#ffffffb3;margin:0;font-size:18px}.onlineSpinner{border:4px solid #ffffff26;border-top-color:#d6b03e;border-radius:50%;width:42px;height:42px;animation:.85s linear infinite onlineSpin}@keyframes onlineSpin{to{transform:rotate(360deg)}}