@import url(https://fonts.googleapis.com/css?family=Carter+One);*{padding:0}*,body{margin:0}body{font-family:"Carter One",sans-serif;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-outer,body{background:#0d0d0d}.app-outer{position:relative;width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.app-backdrop{position:fixed;inset:-30px;background:url(/static/media/bgR.4b1567fa.png) 50%/cover no-repeat;-webkit-filter:blur(28px) brightness(.35) saturate(1.4);filter:blur(28px) brightness(.35) saturate(1.4);z-index:0;pointer-events:none}.App{text-align:center;max-width:480px;width:100%;min-height:100vh;position:relative;z-index:1;overflow:hidden;box-shadow:0 0 60px rgba(0,0,0,.8);transform:translateZ(0);will-change:transform}a{color:#fff}.Homepage{background-image:url(/static/media/Landing-Page.574b6a45.gif);background-size:cover;margin:0;height:100vh}.homepage-menu{position:relative;top:60px;text-align:center}.homepage-form{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px;grid-gap:4px;gap:4px}.homepage-name-input{font-family:"Carter One",sans-serif;font-size:1.15rem;letter-spacing:2px;color:#333;width:220px;padding:12px 18px;border:none;border-radius:12px;outline:none;background:#fff;box-shadow:0 4px 0 #b0b0b0,0 6px 0 #999,inset 0 2px 4px rgba(0,0,0,.1);text-align:center;box-sizing:border-box;margin-bottom:10px;transition:box-shadow .15s ease}.homepage-name-input::-webkit-input-placeholder{color:#aaa;letter-spacing:1px;font-size:.95rem}.homepage-name-input:-ms-input-placeholder{color:#aaa;letter-spacing:1px;font-size:.95rem}.homepage-name-input::placeholder{color:#aaa;letter-spacing:1px;font-size:.95rem}.homepage-name-input:focus{background:#fffde7;box-shadow:0 4px 0 #f5c518,0 6px 0 #c9a000,inset 0 2px 4px rgba(0,0,0,.08);color:#222}.homepage-name-hint{color:hsla(0,0%,100%,.75);font-family:"Carter One",sans-serif;font-size:.8rem;margin:2px 0 0;letter-spacing:.5px}.homepage-form>.homepage-join-create-row{display:flex;align-items:center;grid-gap:0;gap:0}.homepage-form>h1{margin:4px 20px;font-size:1.6rem}.homepage-join{display:flex;flex-direction:column;align-items:center;grid-gap:0;gap:0}.homepage-create .game-button,.homepage-join .game-button{margin:6px 0 10px}.homepage-join>input{font-family:"Carter One",sans-serif;font-size:1.1rem;letter-spacing:2px;color:#333;width:220px;padding:12px 18px;border:none;border-radius:12px 12px 0 0;outline:none;background:#fff;box-shadow:0 4px 0 #b0b0b0,0 6px 0 #999,inset 0 2px 4px rgba(0,0,0,.1);text-align:center;box-sizing:border-box;transition:box-shadow .15s ease,transform .15s ease}.homepage-join>input::-webkit-input-placeholder{color:#aaa;letter-spacing:1px;font-size:.95rem}.homepage-join>input:-ms-input-placeholder{color:#aaa;letter-spacing:1px;font-size:.95rem}.homepage-join>input::placeholder{color:#aaa;letter-spacing:1px;font-size:.95rem}.homepage-join>input:focus{background:#fffde7;box-shadow:0 4px 0 #f5c518,0 6px 0 #c9a000,inset 0 2px 4px rgba(0,0,0,.08);color:#222}.Game{background-size:cover;margin:0;height:100vh}.backgroundColorR{background-image:url(/static/media/bgR.4b1567fa.png)}.backgroundColorG{background-image:url(/static/media/bgG.1cabe82b.png)}.backgroundColorB{background-image:url(/static/media/bgB.e00d27fa.png)}.backgroundColorY{background-image:url(/static/media/bgY.a6a8c435.png)}.Card{width:7rem;margin:2px;cursor:pointer}.topInfo{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 60px;height:100px}.topInfo>img{width:7%;margin:0;padding:0}.topInfo>h1{margin-top:10px;font-size:1.8rem;padding-top:2%}.topInfoText{font-size:2rem;margin:0}.player1Deck{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;padding:4px 8px;max-width:calc(30rem + 20px)}.player1Deck>img{transition:transform .35s}.player1Deck>img:hover{transform:scale(1.08);opacity:1}.player2Deck{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:4px 8px;max-width:calc(30rem + 20px);margin-left:auto}.player2Deck>img{transition:transform .35s}.player2Deck>img:hover{transform:scale(1.08);opacity:1}.playerDeckText{font-size:1.6rem;margin:0 8px 4px;width:100%;text-align:center}.turnIndicator{display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:10px;gap:10px;padding:6px 20px;border-radius:40px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:4px auto;font-family:"Carter One",sans-serif;letter-spacing:2px;transition:all .3s ease}.turnIndicator.myTurn{background:rgba(0,220,80,.22);border:2px solid rgba(0,220,80,.7);box-shadow:0 0 16px rgba(0,220,80,.35)}.turnIndicator.theirTurn{background:rgba(255,80,80,.18);border:2px solid rgba(255,80,80,.5);box-shadow:0 0 12px rgba(255,80,80,.2)}.turnArrow{font-size:1.5rem;line-height:1;animation:arrowBounce .8s ease-in-out infinite}.turnIndicator.theirTurn .turnArrow{animation:none;opacity:.7}.turnLabel{font-size:1rem;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.turnIndicator.myTurn .turnLabel{color:#7dffb0}.turnIndicator.theirTurn .turnLabel{color:#faa}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (max-width:480px){.turnIndicator{padding:4px 14px;grid-gap:7px;gap:7px}.turnArrow{font-size:1.2rem}.turnLabel{font-size:.82rem;letter-spacing:1px}}.middleInfo{display:flex;flex-direction:row;justify-content:center;align-items:center;grid-gap:20px;gap:20px;padding:10px 16px}.pileCard{width:8rem;-webkit-filter:drop-shadow(0 6px 16px rgba(0,0,0,.5));filter:drop-shadow(0 6px 16px rgba(0,0,0,.5));transition:transform .2s}.middleButtons{display:flex;flex-direction:column;align-items:flex-start;grid-gap:6px;gap:6px}.middleButtons .game-button{margin:0}.drawPileArea{display:none;flex-direction:column;align-items:center;grid-gap:6px;gap:6px}.cardBackImg{width:8rem;-webkit-filter:drop-shadow(0 6px 16px rgba(0,0,0,.5));filter:drop-shadow(0 6px 16px rgba(0,0,0,.5));cursor:default}.emojiBar,.unoFixedBtn{display:none}.emojiReactionArea{position:fixed;bottom:264px;right:16px;z-index:300;display:flex;flex-direction:column-reverse;grid-gap:8px;gap:8px;pointer-events:none;align-items:flex-end}.emojiReactionFloat{display:flex;align-items:center;grid-gap:8px;gap:8px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid hsla(0,0%,100%,.18);border-radius:24px;padding:6px 14px 6px 8px;animation:emojiFloatUp 2.6s ease-in-out forwards}.emojiReactionEmoji{font-size:1.6rem;line-height:1}.emojiReactionName{font-family:sans-serif;font-size:.82rem;color:hsla(0,0%,100%,.9);font-weight:600;white-space:nowrap}@keyframes emojiFloatUp{0%{opacity:0;transform:translateY(20px) scale(.7)}12%{opacity:1;transform:translateY(0) scale(1.1)}20%{opacity:1;transform:scale(1)}55%{opacity:1;transform:translateY(-12px)}to{opacity:0;transform:translateY(-44px)}}.middleInfo>button{align-self:center}.game-button{position:relative;top:0;cursor:pointer;text-decoration:none!important;outline:none!important;font-family:"Carter One",sans-serif;font-size:15px;line-height:1.5em;letter-spacing:.1em;text-shadow:2px 2px 1px #0066a2,-2px 2px 1px #0066a2,2px -2px 1px #0066a2,-2px -2px 1px #0066a2,0 2px 1px #0066a2,0 -2px 1px #0066a2,0 4px 1px #004a87,2px 4px 1px #004a87,-2px 4px 1px #004a87;margin:15px 15px 30px;background:repeating-linear-gradient(45deg,#3ebbf7,#3ebbf7 5px,#45b1f4 0,#45b1f4 10px);border:none;border-top:3px solid hsla(0,0%,100%,.3);border-bottom:3px solid rgba(16,91,146,.5);color:#fff!important;border-radius:8px;padding:8px 15px 10px;box-shadow:0 6px 0 #266b91,0 8px 1px 1px rgba(0,0,0,.3),0 10px 0 5px #12517d,0 12px 0 5px #1a6b9a,0 15px 0 5px #0c405e,0 15px 1px 6px rgba(0,0,0,.3)}.game-button:hover{top:2px;box-shadow:0 4px 0 #266b91,0 6px 1px 1px rgba(0,0,0,.3),0 8px 0 5px #12517d,0 10px 0 5px #1a6b9a,0 13px 0 5px #0c405e,0 13px 1px 6px rgba(0,0,0,.3)}.game-button:before{width:40%;right:13%}.game-button:after,.game-button:before{content:"";height:10%;position:absolute;background:#fff;top:-3%;border-radius:99px}.game-button:after{width:5%;right:5%}.game-button.orange{background:repeating-linear-gradient(45deg,#ffc800,#ffc800 5px,#ffc200 0,#ffc200 10px);box-shadow:0 6px 0 #b76113,0 8px 1px 1px rgba(0,0,0,.3),0 10px 0 5px #75421f,0 12px 0 5px #8a542b,0 15px 0 5px #593116,0 15px 1px 6px rgba(0,0,0,.3);border-bottom:3px solid rgba(205,102,0,.5);text-shadow:2px 2px 1px #e78700,-2px 2px 1px #e78700,2px -2px 1px #e78700,-2px -2px 1px #e78700,0 2px 1px #e78700,0 -2px 1px #e78700,0 4px 1px #c96100,2px 4px 1px #c96100,-2px 4px 1px #c96100}.game-button.orange:hover{top:2px;box-shadow:0 4px 0 #b76113,0 6px 1px 1px rgba(0,0,0,.3),0 8px 0 5px #75421f,0 10px 0 5px #8a542b,0 13px 0 5px #593116,0 13px 1px 6px rgba(0,0,0,.3)}.game-button.red{background:repeating-linear-gradient(45deg,#ff4f4c,#ff4f4c 5px,#ff4643 0,#ff4643 10px);box-shadow:0 6px 0 #ae2725,0 8px 1px 1px rgba(0,0,0,.3),0 10px 0 5px #831614,0 12px 0 5px #a33634,0 15px 0 5px #631716,0 15px 1px 6px rgba(0,0,0,.3);border-bottom:3px solid rgba(160,25,23,.5);text-shadow:2px 2px 1px #d72d21,-2px 2px 1px #d72d21,2px -2px 1px #d72d21,-2px -2px 1px #d72d21,0 2px 1px #d72d21,0 -2px 1px #d72d21,0 4px 1px #930704,2px 4px 1px #930704,-2px 4px 1px #930704}.game-button.red:hover{top:2px;box-shadow:0 4px 0 #ae2725,0 6px 1px 1px rgba(0,0,0,.3),0 8px 0 5px #831614,0 10px 0 5px #a33634,0 13px 0 5px #631716,0 13px 1px 6px rgba(0,0,0,.3)}.game-button.green{background:repeating-linear-gradient(45deg,#54d440,#54d440 5px,#52cc3f 0,#52cc3f 10px);box-shadow:0 6px 0 #348628,0 8px 1px 1px rgba(0,0,0,.3),0 10px 0 5px #2a6d20,0 12px 0 5px #39822e,0 15px 0 5px #1d4c16,0 15px 1px 6px rgba(0,0,0,.3);border-bottom:3px solid rgba(40,117,29,.5);text-shadow:2px 2px 1px #348628,-2px 2px 1px #348628,2px -2px 1px #348628,-2px -2px 1px #348628,0 2px 1px #348628,0 -2px 1px #348628,0 4px 1px #1d4c16,2px 4px 1px #1d4c16,-2px 4px 1px #1d4c16}.game-button.green:hover{top:2px;box-shadow:0 4px 0 #348628,0 6px 1px 1px rgba(0,0,0,.3),0 8px 0 5px #2a6d20,0 10px 0 5px #39822e,0 13px 0 5px #1d4c16,0 13px 1px 6px rgba(0,0,0,.3)}.loader,.loader:after,.loader:before{border-radius:50%;width:2.5em;height:2.5em;animation-fill-mode:both;animation:load7 1.8s ease-in-out infinite}.loader{color:#fff;font-size:5px;margin:0 50px;position:relative;text-indent:-9999em;transform:translateZ(0);animation-delay:-.16s}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{left:-3.5em;animation-delay:-.32s}.loader:after{left:3.5em}@keyframes load7{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.chat-box{position:absolute;bottom:0;background:#fff;width:355px;border-radius:5px 5px 0 0;z-index:100}.chat-box-player1{right:20px}.chat-box-player2{left:20px}.chat-head{width:inherit;height:45px;background:#2c3e50;border-radius:5px 5px 0 0}.chat-head h2{color:#fff;padding-top:5px;display:inline-block}.chat-head span{cursor:pointer;float:right;width:25px;margin:10px}.chat-body{display:none;height:205px;width:inherit;overflow:hidden auto;margin-bottom:45px}.chat-text{position:fixed;bottom:0;height:45px;width:inherit}.chat-text input{width:inherit;height:inherit;box-sizing:border-box;border:1px solid #bdc3c7;padding:10px;resize:none;outline:none}.chat-text input:active,.chat-text input:focus,.chat-text input:hover{border-color:#4169e1}.msg-send{background:#406a4b}.msg-receive{background:#595080}.msg-receive,.msg-send{width:285px;height:35px;padding:5px 5px 5px 10px;margin:5px auto;border-radius:3px;line-height:30px;position:relative;color:#fff}.msg-receive:before{border:15px solid transparent;border-right-color:#595080;left:-29px}.msg-receive:before,.msg-send:after{content:"";width:0;height:0;position:absolute;top:7px}.msg-send:after{border:15px solid transparent;border-left-color:#406a4b;right:-29px}.msg-receive:hover,.msg-send:hover{opacity:.9}.colorPickerOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.colorPickerModal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid hsla(0,0%,100%,.3);border-radius:24px;padding:40px 50px;text-align:center;box-shadow:0 0 60px rgba(0,0,0,.6),0 0 20px hsla(0,0%,100%,.05);animation:popIn .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.colorPickerModal h2{color:#fff;font-size:1.8rem;margin:0 0 30px;letter-spacing:3px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.4)}.colorPickerButtons{grid-gap:18px;gap:18px;flex-wrap:wrap}.colorBtn,.colorPickerButtons{display:flex;justify-content:center}.colorBtn{width:110px;height:110px;border-radius:50%;border:4px solid hsla(0,0%,100%,.5);font-size:.85rem;font-weight:800;color:#fff;cursor:pointer;flex-direction:column;align-items:center;grid-gap:6px;gap:6px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 4px rgba(0,0,0,.5);outline:none}.colorBtn:hover{transform:scale(1.18) translateY(-4px);border-color:#fff;box-shadow:0 8px 30px rgba(0,0,0,.4)}.colorBtn:active{transform:scale(1.05)}.colorBtnIcon{font-size:2rem;line-height:1}.colorBtnRed{background:radial-gradient(circle at 35% 35%,#ff6b6b,#c0392b)}.colorBtnGreen{background:radial-gradient(circle at 35% 35%,#55efc4,#27ae60)}.colorBtnBlue{background:radial-gradient(circle at 35% 35%,#74b9ff,#2980b9)}.colorBtnYellow{background:radial-gradient(circle at 35% 35%,#fdcb6e,#e67e22);color:#333;text-shadow:none}@media (max-width:900px){.Homepage{background-position:50%;min-height:100vh;height:auto}.homepage-menu{top:70px;padding:0 20px 40px}.homepage-menu>img{width:130px!important}.homepage-form{flex-direction:column;align-items:center;grid-gap:22px;gap:22px;margin-top:16px}.homepage-form>h1{margin:2px 0;font-size:1.2rem}.homepage-create .game-button,.homepage-join .game-button{margin:4px 0 8px}.homepage-create,.homepage-join{display:flex;flex-direction:column;align-items:center;grid-gap:30px;gap:30px}.homepage-join>input{width:240px;font-size:1rem;padding:11px 16px}}@media (max-width:900px){.Game{height:auto;min-height:100vh;overflow-x:hidden;padding-bottom:20px;box-sizing:border-box}}@media (max-width:900px){.topInfo{padding:0 10px;height:auto;min-height:56px;align-items:center;flex-wrap:nowrap;grid-gap:6px;gap:6px}.topInfo>img{width:44px!important;flex-shrink:0}.topInfo>h1{font-size:.95rem;padding-top:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1;text-align:center}.topInfoText{font-size:1rem}}@media (max-width:480px){.topInfo{padding:0 6px;grid-gap:4px;gap:4px}.topInfo>img{width:36px!important}.topInfo>h1{font-size:.78rem}}@media (max-width:900px){.game-button{font-size:12px;padding:6px 11px 8px;margin:8px 6px 16px;box-shadow:0 4px 0 #266b91,0 6px 1px 1px rgba(0,0,0,.3),0 7px 0 4px #12517d,0 9px 0 4px #1a6b9a,0 11px 0 4px #0c405e,0 11px 1px 5px rgba(0,0,0,.3)}.game-button:hover{box-shadow:0 2px 0 #266b91,0 4px 1px 1px rgba(0,0,0,.3),0 5px 0 4px #12517d,0 7px 0 4px #1a6b9a,0 9px 0 4px #0c405e,0 9px 1px 5px rgba(0,0,0,.3)}}@media (max-width:480px){.game-button{font-size:11px;padding:5px 9px 7px;margin:6px 4px 12px}}@media (max-width:900px){.Game>div>br{display:none}}@media (max-width:900px){.Card{width:5rem;margin:2px 1px}}@media (max-width:480px){.Card{width:3.6rem;margin:1px}}@media (max-width:900px){.player1Deck,.player2Deck{flex-wrap:wrap;overflow-x:visible;padding:4px 8px;justify-content:flex-start;align-items:center;max-width:calc(25rem + 20px)}.ownDeck{margin-bottom:8px}.player2Deck{justify-content:flex-end;margin-left:auto}.player1Deck>img,.player2Deck>img{flex-shrink:0}.playerDeckText{font-size:1rem;margin:0 0 4px;flex-shrink:0;white-space:nowrap;width:100%;text-align:center}}@media (max-width:480px){.player1Deck,.player2Deck{max-width:calc(18rem + 10px)}.ownDeck{margin-bottom:6px}.playerDeckText{font-size:.82rem;margin:0 0 3px}}@media (max-width:900px){.middleInfo{grid-gap:14px;gap:14px;padding:8px 12px;justify-content:center}.pileCard{width:6rem}.middleButtons{display:none}.drawPileArea{display:flex}.cardBackImg{width:6rem}.drawPileArea .game-button{font-size:11px;padding:7px 12px 9px;width:108px;margin:0}.unoFixedBtn{display:flex!important;align-items:center;justify-content:center;position:fixed!important;bottom:24px;right:16px;z-index:200;margin:0!important;width:72px;height:72px;border-radius:50%!important;font-size:1.1rem!important;font-family:"Carter One",sans-serif;letter-spacing:2px;padding:0!important;background:repeating-linear-gradient(45deg,#54d440,#54d440 5px,#52cc3f 0,#52cc3f 10px)!important;color:#fff!important;text-shadow:2px 2px 1px #348628,-2px 2px 1px #348628,2px -2px 1px #348628,-2px -2px 1px #348628,0 2px 1px #348628,0 -2px 1px #348628,0 4px 1px #1d4c16,2px 4px 1px #1d4c16,-2px 4px 1px #1d4c16!important;box-shadow:0 4px 0 #348628,0 6px 12px rgba(0,0,0,.45),inset 0 2px 0 hsla(0,0%,100%,.35)!important;border:3px solid hsla(0,0%,100%,.55)!important;top:auto!important;transition:transform .12s ease,box-shadow .12s ease}.unoFixedBtn:active,.unoFixedBtn:hover{transform:scale(1.08);box-shadow:0 2px 0 #348628,0 4px 10px rgba(0,0,0,.45),inset 0 2px 0 hsla(0,0%,100%,.35)!important}.unoFixedBtn:disabled{cursor:not-allowed;transform:none}.unoFixedBtn:after,.unoFixedBtn:before{display:none}.emojiBar{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;position:fixed;bottom:108px;right:16px;z-index:200}.emojiBtn{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid hsla(0,0%,100%,.3);font-size:1.35rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s;padding:0}.emojiBtn:active{transform:scale(.88)}.emojiBtn--pop{animation:emojiBtnPop .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes emojiBtnPop{0%{transform:scale(1)}40%{transform:scale(1.45)}70%{transform:scale(.9)}to{transform:scale(1)}}}@media (max-width:480px){.middleInfo{grid-gap:10px;gap:10px;padding:6px 8px}.cardBackImg,.pileCard{width:5rem}.drawPileArea .game-button{font-size:10px;padding:6px 10px 8px;width:92px}.unoFixedBtn{bottom:16px;right:12px;width:62px;height:62px;font-size:1rem!important}.emojiBar{bottom:90px;right:12px}.emojiBtn{width:48px;height:48px;font-size:1.2rem}.emojiReactionArea{bottom:258px;right:12px}}.chatBoxWrapper{display:none}@media (max-width:600px){.colorPickerModal{padding:28px 22px;border-radius:18px;width:90vw;max-width:340px;box-sizing:border-box}.colorPickerModal h2{font-size:1.3rem;margin-bottom:20px;letter-spacing:2px}.colorPickerButtons{grid-gap:12px;gap:12px}.colorBtn{width:80px;height:80px;font-size:.75rem}.colorBtnIcon{font-size:1.6rem}}.gameOverScreen{display:flex;flex-direction:column;align-items:center;margin:20px auto 0;padding:28px 20px 24px;width:calc(100% - 40px);max-width:400px;background:linear-gradient(160deg,rgba(0,0,0,.62),rgba(0,0,0,.44));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid hsla(0,0%,100%,.18);border-radius:24px;box-shadow:0 12px 48px rgba(0,0,0,.5);text-align:center;box-sizing:border-box;animation:waitingFadeIn .4s ease}.goTrophy{font-size:3rem;line-height:1;margin-bottom:6px;-webkit-filter:drop-shadow(0 4px 14px rgba(255,200,0,.65));filter:drop-shadow(0 4px 14px rgba(255,200,0,.65));animation:trophyPop .5s cubic-bezier(.175,.885,.32,1.275) both}@keyframes trophyPop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.goCongrats{font-family:sans-serif;font-size:.78rem;letter-spacing:2.5px;text-transform:uppercase;color:hsla(0,0%,100%,.55);margin:0 0 6px}.goWinnerName{font-size:2.4rem;font-style:italic;font-weight:900;color:#ffe04b;margin:0 0 4px;text-shadow:0 0 28px rgba(255,224,75,.7);word-break:break-word;line-height:1.1}.goSubtitle{font-family:sans-serif;font-size:1rem;color:hsla(0,0%,100%,.75);margin:0}.goDivider{width:100%;height:1px;background:hsla(0,0%,100%,.15);margin:18px 0 12px;border-radius:1px}.goPlayersLabel{font-family:sans-serif;font-size:.72rem;letter-spacing:2px;color:hsla(0,0%,100%,.42);margin:0 0 10px}.goPlayerList{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.goPlayerItem{display:flex;align-items:center;justify-content:space-between;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;padding:12px 16px;box-sizing:border-box}.goPlayerItem.goPlayerItemWin{background:linear-gradient(135deg,rgba(255,224,75,.16),rgba(247,166,0,.12));border-color:rgba(255,224,75,.4)}.goPlayerName{font-family:sans-serif;font-size:1rem;font-weight:600;color:#fff;text-align:left}.goBadges{display:flex;grid-gap:6px;gap:6px;flex-shrink:0;margin-left:8px}.goBadgeHost{background:hsla(0,0%,100%,.18);color:#fff;border-radius:20px;border:1px solid hsla(0,0%,100%,.3)}.goBadgeHost,.goBadgeWinner{font-size:.68rem;font-weight:800;letter-spacing:1px;padding:3px 11px;font-family:sans-serif}.goBadgeWinner{background:linear-gradient(135deg,#ffe04b,#f7a600);color:#1a1a1a;border-radius:20px;box-shadow:0 2px 8px rgba(255,200,0,.45)}.restartBtn{margin-top:20px!important;width:100%;font-size:1.05rem!important;padding:13px 0!important;border-radius:14px!important}.waitingRestart{display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px;margin-top:20px}.waitingRestart p{color:hsla(0,0%,100%,.5);font-family:sans-serif;font-size:.88rem;margin:0;text-align:center}@media (max-width:480px){.gameOverScreen{width:calc(100vw - 32px);padding:22px 14px 20px;margin:14px auto 0;border-radius:20px}.goTrophy{font-size:2.5rem}.goWinnerName{font-size:2rem}.restartBtn{font-size:.97rem!important;padding:12px 0!important}}.waitingCard{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px auto 0;padding:32px 28px 28px;width:calc(100% - 40px);max-width:400px;background:linear-gradient(160deg,rgba(0,0,0,.6),rgba(0,0,0,.42));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid hsla(0,0%,100%,.22);border-radius:24px;box-shadow:0 12px 48px rgba(0,0,0,.5);text-align:center;animation:waitingFadeIn .4s ease;box-sizing:border-box}@keyframes waitingFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.waitingIcon{font-size:3rem;margin-bottom:10px;line-height:1}.waitingTitle{font-size:1.7rem;color:#fff;margin:0 0 8px;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:1px}.waitingSubtitle{font-size:.95rem;color:hsla(0,0%,100%,.82);margin:0 0 20px;line-height:1.5;font-family:sans-serif;font-weight:400;letter-spacing:.3px}.waitingCodeBox{display:flex;flex-direction:column;align-items:center;background:hsla(0,0%,100%,.1);border:2px dashed hsla(0,0%,100%,.45);border-radius:16px;padding:14px 24px 16px;margin-bottom:14px;width:100%;box-sizing:border-box}.waitingCodeLabel{font-size:.7rem;letter-spacing:3px;color:hsla(0,0%,100%,.6);text-transform:uppercase;margin-bottom:8px;font-family:sans-serif}.waitingCodeRow{display:flex;align-items:center;justify-content:center;grid-gap:12px;gap:12px}.waitingCode{font-size:2.4rem;color:#ffe04b;letter-spacing:6px;text-shadow:0 2px 12px rgba(0,0,0,.6)}.copyBtn,.waitingCode{font-family:"Carter One",sans-serif}.copyBtn{background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.35);border-radius:10px;font-size:.75rem;letter-spacing:1px;color:#fff;padding:0 10px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s;flex-shrink:0;white-space:nowrap}.copyBtn:hover{background:hsla(0,0%,100%,.28);transform:scale(1.1)}.copyBtn:active{transform:scale(.95)}.shareLinkBtn{width:100%;padding:11px 0;border-radius:12px;background:hsla(0,0%,100%,.12);border:2px solid hsla(0,0%,100%,.3);color:#fff;font-family:"Carter One",sans-serif;font-size:.95rem;letter-spacing:1px;cursor:pointer;transition:background .2s,transform .15s;margin-bottom:10px;box-sizing:border-box}.shareLinkBtn:hover{background:hsla(0,0%,100%,.22);transform:scale(1.02)}.shareLinkBtn:active{transform:scale(.97)}.joinPageCodeBadge{display:flex;flex-direction:column;align-items:center;background:hsla(0,0%,100%,.1);border:2px dashed hsla(0,0%,100%,.4);border-radius:16px;padding:12px 32px 14px;margin-bottom:16px;width:220px;box-sizing:border-box}.joinPageCodeLabel{font-size:.68rem;letter-spacing:3px;color:hsla(0,0%,100%,.55);text-transform:uppercase;margin-bottom:6px;font-family:sans-serif}.joinPageCodeValue{font-size:2.2rem;font-family:"Carter One",sans-serif;color:#ffe04b;letter-spacing:6px;text-shadow:0 2px 12px rgba(0,0,0,.5)}.waitingHint{font-size:.8rem;color:hsla(0,0%,100%,.5);margin:0;font-family:sans-serif;font-weight:400}.waitingSpinnerRing{display:inline-block;position:relative;width:54px;height:54px;margin-bottom:14px}.waitingSpinnerRing div{box-sizing:border-box;display:block;position:absolute;width:46px;height:46px;margin:4px;border-radius:50%;animation:waitingSpin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:5px solid transparent;border-top-color:#ffe04b}.waitingSpinnerRing div:first-child{animation-delay:-.45s}.waitingSpinnerRing div:nth-child(2){animation-delay:-.3s}.waitingSpinnerRing div:nth-child(3){animation-delay:-.15s}@keyframes waitingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.waitingCard{margin:12px auto 0;padding:24px 16px 22px;width:calc(100% - 24px);border-radius:18px}.waitingTitle{font-size:1.4rem}.waitingSubtitle{font-size:.88rem;margin-bottom:16px}.waitingCode{font-size:1.9rem;letter-spacing:4px}.waitingCodeBox{padding:12px 14px 14px}.copyBtn{width:auto;height:32px;font-size:.7rem;padding:0 8px}}body,html{max-width:100%;overflow-x:hidden}.lobbyPlayerList{list-style:none;padding:0;margin:12px 0 16px;width:100%;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.lobbyPlayerItem{display:flex;align-items:center;justify-content:space-between;background:hsla(0,0%,100%,.12);border-radius:10px;padding:8px 14px}.lobbyPlayerName{color:#fff;font-family:"Carter One",sans-serif;font-size:1rem;letter-spacing:1px}.lobbyHostBadge{background:#ffe04b;color:#333;font-size:.65rem;font-weight:700;letter-spacing:1.5px;padding:2px 8px;border-radius:20px;text-transform:uppercase}.Card.drawnCard{outline:3px solid hsla(0,0%,100%,.6);outline-offset:2px;-webkit-filter:drop-shadow(0 0 8px hsla(0,0%,100%,.5));filter:drop-shadow(0 0 8px rgba(255,255,255,.5));transform:translateY(-8px) scale(1.06);transition:transform .2s,-webkit-filter .2s;transition:transform .2s,filter .2s;transition:transform .2s,filter .2s,-webkit-filter .2s}.Card.drawnPlayable{outline:3px solid #ffe04b;outline-offset:3px;-webkit-filter:drop-shadow(0 0 14px rgba(255,220,0,.9));filter:drop-shadow(0 0 14px rgba(255,220,0,.9));transform:translateY(-14px) scale(1.1);animation:drawnPulse .9s ease-in-out infinite alternate;cursor:pointer}@keyframes drawnPulse{0%{-webkit-filter:drop-shadow(0 0 8px rgba(255,220,0,.6));filter:drop-shadow(0 0 8px rgba(255,220,0,.6))}to{-webkit-filter:drop-shadow(0 0 20px #ffdc00);filter:drop-shadow(0 0 20px rgba(255,220,0,1))}}.passBtn{background:linear-gradient(180deg,#888,#555)!important;border-bottom-color:#333!important;letter-spacing:1px}.passBtn:hover{background:linear-gradient(180deg,#aaa,#777)!important}.stackBanner{background:rgba(180,0,0,.88);color:#fff;font-family:"Carter One",sans-serif;font-size:.85rem;letter-spacing:.04em;text-align:center;padding:7px 16px;margin:4px auto 2px;max-width:420px;border-radius:8px;border:2px solid rgba(255,120,120,.6);animation:stackPulse .8s ease-in-out infinite alternate}@media (max-width:900px){.stackBanner{display:none}}@keyframes stackPulse{0%{box-shadow:0 0 6px rgba(255,60,60,.5)}to{box-shadow:0 0 18px rgba(255,60,60,.9)}}.Card.stackableCard{outline:3px solid #f44;outline-offset:3px;-webkit-filter:drop-shadow(0 0 12px rgba(255,60,0,.95));filter:drop-shadow(0 0 12px rgba(255,60,0,.95));transform:translateY(-10px) scale(1.08);animation:stackCardPulse .7s ease-in-out infinite alternate;cursor:pointer}@keyframes stackCardPulse{0%{-webkit-filter:drop-shadow(0 0 8px rgba(255,60,0,.7));filter:drop-shadow(0 0 8px rgba(255,60,0,.7))}to{-webkit-filter:drop-shadow(0 0 20px #ff3c00);filter:drop-shadow(0 0 20px rgba(255,60,0,1))}}.gameToast{position:fixed;top:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px;padding:12px 18px;border-radius:50px;font-family:"Carter One",sans-serif;font-size:.88rem;color:#fff;pointer-events:none;z-index:9999;animation:toastIn .3s ease,toastOut .4s ease 2.6s forwards;box-shadow:0 4px 20px rgba(0,0,0,.35);white-space:normal;word-break:break-word;text-align:center;width:calc(100% - 32px);max-width:440px;box-sizing:border-box}.gameToast--info{background:rgba(30,30,60,.92);border:2px solid rgba(100,160,255,.6)}.gameToast--warn{background:rgba(180,50,20,.93);border:2px solid rgba(255,120,60,.7)}.gameToastIcon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0;background:hsla(0,0%,100%,.2)}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(-12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-8px)}}.pileArea{flex-direction:column;grid-gap:8px;gap:8px}.colorIndicator,.pileArea{display:flex;align-items:center}.colorIndicator{padding:5px 18px;border-radius:50px;font-family:"Carter One",sans-serif;font-size:.78rem;letter-spacing:1px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);border:2px solid hsla(0,0%,100%,.4);box-shadow:0 2px 8px rgba(0,0,0,.3);grid-gap:6px;gap:6px}.colorIndicatorR{background:#c22}.colorIndicatorG{background:#1a8c2e}.colorIndicatorB{background:#1a4ecc}.colorIndicatorY{background:#c8a800;color:#111;text-shadow:none}.colorIndicatorLabel{pointer-events:none}.opponentsArea{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:10px;gap:10px;padding:8px 10px 4px}.opponentSection{display:flex;flex-direction:column;align-items:center;background:rgba(0,0,0,.3);border:2px solid hsla(0,0%,100%,.18);border-radius:14px;padding:8px 12px 10px;min-width:70px;transition:border-color .25s,background .25s}.opponentSection.opponentActive{border-color:rgba(255,220,0,.85);background:rgba(255,200,0,.18);box-shadow:0 0 14px rgba(255,220,0,.35);animation:opponentPulse 1.2s ease-in-out infinite alternate}@keyframes opponentPulse{0%{box-shadow:0 0 8px rgba(255,220,0,.3)}to{box-shadow:0 0 20px rgba(255,220,0,.7)}}.opponentLabel{color:#fff;font-size:.75rem;letter-spacing:.5px;margin:0 0 6px;text-align:center;white-space:nowrap}.opponentBadge,.opponentLabel{font-family:"Carter One",sans-serif}.opponentBadge{width:48px;height:48px;border-radius:50%;background:hsla(0,0%,100%,.15);border:3px solid hsla(0,0%,100%,.5);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#ffe04b;text-shadow:0 1px 4px rgba(0,0,0,.6);transition:background .2s}.opponentSection.opponentActive .opponentBadge{background:rgba(255,200,0,.3);border-color:#ffe04b}@media (max-width:900px){.opponentSection{padding:6px 10px 8px;min-width:60px}.opponentBadge{width:40px;height:40px;font-size:1.1rem}}@media (max-width:480px){.opponentsArea{grid-gap:6px;gap:6px;padding:6px 6px 2px}.opponentSection{padding:5px 8px 6px;min-width:52px;border-radius:10px}.opponentLabel{font-size:.65rem}.opponentBadge{width:34px;height:34px;font-size:.95rem}}.voiceContainer{position:fixed;top:70px;right:16px;z-index:400;display:flex;flex-direction:column;align-items:flex-end;grid-gap:8px;gap:8px}.voicePanel{background:rgba(0,0,0,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.18);border-radius:16px;padding:10px 14px 12px;min-width:155px;animation:voicePanelIn .22s ease}@keyframes voicePanelIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.voicePanelTitle{font-family:"Carter One",sans-serif;font-size:.75rem;color:hsla(0,0%,100%,.55);letter-spacing:1px;margin-bottom:8px}.voicePeerItem{display:flex;align-items:center;grid-gap:7px;gap:7px;font-family:sans-serif;font-size:.82rem;color:hsla(0,0%,100%,.9);padding:2px 0}.voiceDot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.25);flex-shrink:0}.voiceDotActive{background:#4cff7a;box-shadow:0 0 6px rgba(76,255,122,.8);animation:voiceDotPulse 1.6s ease-in-out infinite}@keyframes voiceDotPulse{0%,to{box-shadow:0 0 4px rgba(76,255,122,.5)}50%{box-shadow:0 0 12px #4cff7a}}.voiceMuteBtn{margin-top:9px;width:100%;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.22);border-radius:8px;color:hsla(0,0%,100%,.85);font-family:sans-serif;font-size:.78rem;font-weight:600;padding:5px 0;cursor:pointer;transition:background .18s}.voiceMuteBtn:hover{background:hsla(0,0%,100%,.2)}.voiceMicBtn{width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.55);border:2px solid hsla(0,0%,100%,.28);font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,transform .15s;position:relative}.voiceMicBtn:hover{transform:scale(1.1)}.voiceMicBtn:active{transform:scale(.93)}.voiceMicBtn.voiceMicActive{background:rgba(30,140,70,.75);border-color:#4cff7a;animation:voiceMicPulse 2s ease-in-out infinite}@keyframes voiceMicPulse{0%,to{box-shadow:0 0 10px rgba(76,255,122,.35)}50%{box-shadow:0 0 22px rgba(76,255,122,.75)}}.voiceMicBtn.voiceMicMuted{background:rgba(160,30,30,.72);border-color:#f66;box-shadow:0 0 12px rgba(255,60,60,.4)}@media (max-width:600px){.voiceContainer{top:70px;right:16px}}@media (max-width:480px){.voiceMicBtn{width:46px;height:46px;font-size:1.2rem}.voiceContainer{top:10px;right:12px}}.App .Game{height:auto;min-height:100vh;overflow-x:hidden;padding-bottom:20px;box-sizing:border-box}.App .topInfo{padding:0 6px;height:auto;min-height:56px;align-items:center;flex-wrap:nowrap;grid-gap:4px;gap:4px}.App .topInfo>img{width:36px!important;flex-shrink:0}.App .topInfo>h1{font-size:.78rem;padding-top:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1;text-align:center}.App .topInfoText{font-size:1rem}.App .turnIndicator{padding:4px 14px;grid-gap:7px;gap:7px}.App .turnArrow{font-size:1.2rem}.App .turnLabel{font-size:.82rem;letter-spacing:1px}.App .Card{width:3.6rem;margin:1px}.App .player1Deck,.App .player2Deck{flex-wrap:wrap;overflow-x:visible;padding:4px 8px;justify-content:flex-start;align-items:center;max-width:calc(18rem + 10px)}.App .player2Deck{justify-content:flex-end;margin-left:auto}.App .ownDeck{margin-bottom:6px}.App .playerDeckText{font-size:.82rem;margin:0 0 3px}.App .middleInfo{grid-gap:14px;gap:14px;padding:8px 12px;justify-content:center}.App .pileCard{width:6rem}.App .cardBackImg{width:6rem;-webkit-filter:drop-shadow(0 6px 16px rgba(0,0,0,.5));filter:drop-shadow(0 6px 16px rgba(0,0,0,.5))}.App .middleButtons{display:none!important}.App .drawPileArea{display:flex!important;flex-direction:column;align-items:center;grid-gap:6px;gap:6px}.App .drawPileArea .game-button{font-size:11px;padding:7px 12px 9px;width:108px;margin:0}.App .Game .game-button{font-size:11px;padding:5px 9px 7px;margin:6px 4px 12px;box-shadow:0 4px 0 #266b91,0 6px 1px 1px rgba(0,0,0,.3),0 7px 0 4px #12517d,0 9px 0 4px #1a6b9a,0 11px 0 4px #0c405e,0 11px 1px 5px rgba(0,0,0,.3)}.App .Game .game-button:hover{box-shadow:0 2px 0 #266b91,0 4px 1px 1px rgba(0,0,0,.3),0 5px 0 4px #12517d,0 7px 0 4px #1a6b9a,0 9px 0 4px #0c405e,0 9px 1px 5px rgba(0,0,0,.3)}.App .Game .game-button.red{box-shadow:0 4px 0 #ae2725,0 6px 1px 1px rgba(0,0,0,.3),0 7px 0 4px #831614,0 9px 0 4px #a33634,0 11px 0 4px #631716,0 11px 1px 5px rgba(0,0,0,.3)}.App .Game .game-button.red:hover{box-shadow:0 2px 0 #ae2725,0 4px 1px 1px rgba(0,0,0,.3),0 5px 0 4px #831614,0 7px 0 4px #a33634,0 9px 0 4px #631716,0 9px 1px 5px rgba(0,0,0,.3)}.App .Game .game-button.green{box-shadow:0 4px 0 #348628,0 6px 1px 1px rgba(0,0,0,.3),0 7px 0 4px #2a6d20,0 9px 0 4px #39822e,0 11px 0 4px #1d4c16,0 11px 1px 5px rgba(0,0,0,.3)}.App .Game .game-button.green:hover{box-shadow:0 2px 0 #348628,0 4px 1px 1px rgba(0,0,0,.3),0 5px 0 4px #2a6d20,0 7px 0 4px #39822e,0 9px 0 4px #1d4c16,0 9px 1px 5px rgba(0,0,0,.3)}.App .Game .game-button.orange{box-shadow:0 4px 0 #b76113,0 6px 1px 1px rgba(0,0,0,.3),0 7px 0 4px #75421f,0 9px 0 4px #8a542b,0 11px 0 4px #593116,0 11px 1px 5px rgba(0,0,0,.3)}.App .Game .game-button.orange:hover{box-shadow:0 2px 0 #b76113,0 4px 1px 1px rgba(0,0,0,.3),0 5px 0 4px #75421f,0 7px 0 4px #8a542b,0 9px 0 4px #593116,0 9px 1px 5px rgba(0,0,0,.3)}.App .Game .gameOverScreen .game-button,.App .Game .waitingCard .game-button{font-size:15px!important;padding:8px 15px 10px!important;margin:14px auto 30px!important;width:100%!important;box-sizing:border-box!important;box-shadow:0 6px 0 #348628,0 8px 1px 1px rgba(0,0,0,.3),0 10px 0 5px #2a6d20,0 12px 0 5px #39822e,0 15px 0 5px #1d4c16,0 15px 1px 6px rgba(0,0,0,.3)!important}.App .Game .gameOverScreen .game-button:hover,.App .Game .waitingCard .game-button:hover{top:2px!important;box-shadow:0 4px 0 #348628,0 6px 1px 1px rgba(0,0,0,.3),0 8px 0 5px #2a6d20,0 10px 0 5px #39822e,0 13px 0 5px #1d4c16,0 13px 1px 6px rgba(0,0,0,.3)!important}.App .Game>div>br{display:none}.App .unoFixedBtn{display:flex!important;align-items:center!important;justify-content:center!important;position:fixed!important;bottom:24px!important;right:16px!important;top:auto!important;z-index:200;margin:0!important;width:72px;height:72px;border-radius:50%!important;font-size:1.1rem!important;font-family:"Carter One",sans-serif;letter-spacing:2px;padding:0!important;background:repeating-linear-gradient(45deg,#54d440,#54d440 5px,#52cc3f 0,#52cc3f 10px)!important;color:#fff!important;text-shadow:2px 2px 1px #348628,-2px 2px 1px #348628,2px -2px 1px #348628,-2px -2px 1px #348628,0 2px 1px #348628,0 -2px 1px #348628,0 4px 1px #1d4c16,2px 4px 1px #1d4c16,-2px 4px 1px #1d4c16!important;box-shadow:0 4px 0 #348628,0 6px 12px rgba(0,0,0,.45),inset 0 2px 0 hsla(0,0%,100%,.35)!important;border:3px solid hsla(0,0%,100%,.55)!important;transition:transform .12s ease,box-shadow .12s ease}.App .unoFixedBtn:active,.App .unoFixedBtn:hover{transform:scale(1.08);box-shadow:0 2px 0 #348628,0 4px 10px rgba(0,0,0,.45),inset 0 2px 0 hsla(0,0%,100%,.35)!important}.App .unoFixedBtn:disabled{cursor:not-allowed;transform:none}.App .unoFixedBtn:after,.App .unoFixedBtn:before{display:none}.App .emojiBar{display:grid!important;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;position:fixed!important;bottom:108px!important;right:16px!important;z-index:200}.App .emojiBtn{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid hsla(0,0%,100%,.3);font-size:1.35rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s;padding:0}.App .emojiBtn:active{transform:scale(.88)}.App .emojiReactionArea{bottom:264px;right:16px}.App .voiceContainer{top:10px;right:12px}.App .voiceMicBtn{width:46px;height:46px;font-size:1.2rem}.App .opponentSection{padding:5px 8px 6px;min-width:52px;border-radius:10px}.App .opponentLabel{font-size:.65rem}.App .opponentBadge{width:34px;height:34px;font-size:.95rem}.chatInputBar{position:fixed;bottom:24px;left:16px;display:flex;align-items:center;grid-gap:8px;gap:8px;width:calc(100% - 110px);max-width:320px;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid hsla(0,0%,100%,.3);border-radius:24px;padding:4px 8px;z-index:200}.chatInputBar input{flex:1 1;background:transparent;border:none;outline:none;font-size:1rem;color:#fff;padding:4px 8px}.chatInputBar input::-webkit-input-placeholder{color:hsla(0,0%,100%,.6)}.chatInputBar input:-ms-input-placeholder{color:hsla(0,0%,100%,.6)}.chatInputBar input::placeholder{color:hsla(0,0%,100%,.6)}.chatInputBar .sendBtn{background:transparent;border:none;font-size:1.2rem;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:transform .15s}.chatInputBar .sendBtn:active,.chatInputBar .sendBtn:hover{transform:scale(1.1)}@media (max-width:768px){.chatInputBar{width:calc(100% - 90px);bottom:16px;left:12px}}.emojiReactionText{font-size:1rem;line-height:1.2;color:#fff;margin-right:4px}.chatMessagesArea{position:fixed;top:20px;left:20px;display:flex;flex-direction:column;grid-gap:8px;gap:8px;z-index:999;pointer-events:none}.chatMessageItem{pointer-events:auto;background:rgba(0,0,0,.6);color:#fff;padding:8px 12px;border-radius:12px;font-size:1rem;max-width:300px;word-wrap:break-word;animation:fadeOutChat 15s forwards;display:flex;grid-gap:10px;gap:10px;align-items:flex-start;justify-content:space-between}.chatCloseBtn{background:transparent;border:none;color:hsla(0,0%,100%,.6);font-size:1.2rem;line-height:1;padding:0 4px;cursor:pointer}.chatCloseBtn:hover{color:#fff}@keyframes fadeOutChat{0%{opacity:0;transform:translateX(-20px)}2%{opacity:1;transform:translateX(0)}90%{opacity:1}to{opacity:0}}.chatInputBarInGrid{grid-column:span 2;display:flex;align-items:center;grid-gap:8px;gap:8px;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid hsla(0,0%,100%,.3);border-radius:20px;padding:4px 8px}.chatInputBarInGrid input{flex:1 1;background:transparent;border:none;outline:none;font-size:1rem;color:#fff;width:100%;max-width:70px}.chatInputBarInGrid input::-webkit-input-placeholder{color:hsla(0,0%,100%,.6)}.chatInputBarInGrid input:-ms-input-placeholder{color:hsla(0,0%,100%,.6)}.chatInputBarInGrid input::placeholder{color:hsla(0,0%,100%,.6)}
/*# sourceMappingURL=main.321dcb37.chunk.css.map */