:root{font-family:Comic Neue,Comic Sans MS,cursive,sans-serif;color:#0a2e64;background:#ff942f;font-synthesis:none;--navy:#12396f;--orange:#ff8c2b;--blue:#237de9;--blue-dark:#0052b3;--yellow:#ffd13e;--white:#fffdfa}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app{min-height:100vh}.lobby-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fffaf0;position:relative;overflow-x:hidden;overflow-y:auto;padding:28px 18px}.lobby-content{width:min(650px,100%);z-index:1;text-align:center;position:relative}.orange-blob,.blue-blob,.yellow-blob,.bottom-blue-blob{position:absolute;width:30vw;height:25vw;min-width:210px;min-height:180px;border-radius:36% 64% 55% 45%/54% 32% 68% 46%}.orange-blob{top:-16vw;left:-8vw;background:#ff973c;transform:rotate(-15deg)}.blue-blob{top:-16vw;right:-9vw;background:#6fbdff;transform:rotate(9deg)}.yellow-blob{bottom:-16vw;left:-10vw;background:#ffd65c}.bottom-blue-blob{bottom:-18vw;right:-10vw;background:#64b6ff}.big-title{font-family:Fredoka,Comic Sans MS,sans-serif;font-size:clamp(65px,12.2vw,112px);font-weight:700;letter-spacing:1px;line-height:.88;margin:12px 0 34px;display:flex;flex-direction:column;filter:drop-shadow(0 6px 0 rgba(15,44,91,.1))}.big-title span{-webkit-text-stroke:5px #08234f;paint-order:stroke fill;filter:drop-shadow(0 0 1px #08234f);text-shadow:0 0 0 #fff,3px 5px 0 white}.big-title span:first-child{color:#ff7029;transform:rotate(-2deg)}.big-title span:last-child{color:#64acff;transform:rotate(1deg)}.title-doodles{position:absolute;right:0;bottom:0;left:0;pointer-events:none;top:0}.title-doodles span{position:absolute;font-family:Fredoka,sans-serif;font-weight:700;font-size:45px;text-shadow:3px 5px 0 #fff}.title-doodles span:nth-child(1){left:1%;top:8%;color:#ff494f;transform:rotate(-17deg)}.title-doodles span:nth-child(2){left:5%;top:37%;color:#12396f;transform:rotate(15deg)}.title-doodles span:nth-child(3){right:4%;top:24%;color:#ff6d29;transform:rotate(22deg)}.title-doodles span:nth-child(4){right:0%;top:36%;color:#12396f;transform:rotate(5deg)}.join-panel,.waiting-panel{border:5px solid #b8dcff;background:#fffffff7;box-shadow:0 11px 25px #2667aa21;border-radius:35px;padding:30px 30px 32px;text-align:left;position:relative}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.mode-buttons button{border:none;background:#eef6ff;color:#2462b1;border-radius:21px;font-family:Fredoka,sans-serif;font-weight:500;font-size:clamp(16px,2vw,21px);padding:15px 9px}.mode-buttons button.selected{color:#fff;background:linear-gradient(135deg,#ff902e,#ff6427);box-shadow:0 5px #f3b498}.join-panel label{display:block;color:#1f60b1;font-family:Fredoka,sans-serif;font-size:21px;margin:13px 8px 9px}.join-panel input{display:block;width:100%;background:#f6fbff;border:4px solid #bfdfff;padding:17px 20px;border-radius:20px;color:#092b62;font-family:Fredoka,sans-serif;font-size:25px;outline:none}.join-panel input:focus{border-color:#63a5fa}.big-yellow{border:none;border-radius:999px;background:#ffcc36;color:#11315a;box-shadow:0 8px #ff862b;font-family:Fredoka,sans-serif;font-size:clamp(20px,2.2vw,26px);font-weight:600;padding:19px 22px;min-height:62px;width:100%;margin-top:23px;transition:transform .15s,box-shadow .15s}.big-yellow:hover:not(:disabled){transform:translateY(-2px)}.big-yellow:active:not(:disabled){box-shadow:0 3px #ff862b;transform:translateY(5px)}.error{background:#fff0f0;border:2px solid #fbb;color:#a02139;padding:12px 14px;border-radius:12px;font-family:Fredoka,sans-serif;overflow-wrap:anywhere}.joining{text-align:center;font-family:Fredoka,sans-serif;font-size:20px}.waiting-page{min-height:100vh;background:#fff8ed;padding:22px 18px}.little-header,.table-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.little-header{max-width:1000px;margin:0 auto}.little-header button{border:none;background:#e0efff;border-radius:20px;color:#123c79;padding:9px 17px;font-family:Fredoka,sans-serif;font-size:16px}.little-logo{font-family:Fredoka,sans-serif;font-weight:700;letter-spacing:1px;color:#ff7732;font-size:clamp(18px,2vw,25px);-webkit-text-stroke:1px #173a6a;paint-order:stroke fill}.little-logo b{color:#7abaff}.waiting-panel{max-width:580px;margin:7vh auto;text-align:center}.waiting-panel h1{font-family:Fredoka,sans-serif;font-size:34px;margin:4px auto 12px}.waiting-panel p{font-size:19px}.room-code{font-family:Fredoka,sans-serif;font-size:clamp(27px,6vw,50px);color:#2159b0;letter-spacing:4px;background:#ebf5ff;border-radius:22px;padding:12px 18px}.copy-room{border:0;border-radius:999px;background:#ff8d31;color:#fff;padding:13px 22px;font-family:Fredoka,sans-serif;font-size:19px;margin:15px auto}.waiting-panel h2{font-family:Fredoka,sans-serif}.waiting-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.waiting-list span{padding:10px 20px;border-radius:100px;background:#dcedff;color:#2358a7;font-family:Fredoka,sans-serif;font-size:19px}.game-page{min-height:100vh;background:radial-gradient(circle at 50% 30%,#ffb74f,#ff922e 62%,#ff7928);padding:12px clamp(8px,2vw,24px) 22px;overflow:hidden}.table-header{width:min(1520px,100%);margin:0 auto 9px;min-height:43px}.table-header .little-logo{color:#fff;border-radius:15px;text-shadow:1px 2px 0 #1a64bf;font-size:clamp(17px,2.5vw,26px)}.table-header .little-logo b{color:#ffed92}.room-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:Fredoka,sans-serif;font-size:13px}.room-tools span{color:#fff;font-weight:600}.room-tools button{border:2px solid #ffd472;border-radius:99px;background:#fff9e9;color:#1152a4;padding:7px 12px;font-family:inherit;font-size:13px}.game-error{max-width:1000px;margin:2px auto 8px;background:#fff5f5;color:#ad2333;padding:7px 15px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;font-family:Fredoka,sans-serif}.game-error button{background:transparent;border:none;color:#a82232;font-size:19px}.oval-table{width:min(1520px,100%);min-height:min(890px,calc(100dvh - 84px));margin:0 auto;position:relative;border-radius:48%/14%;border:10px solid #0354ac;background:radial-gradient(ellipse at 50% 38%,#258cef,#1579dd 55%,#0862be);box-shadow:inset 0 0 0 9px #97d6ff38,0 7px #e66b24,0 18px 40px #672c0b33;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:50px 28px 30px}.table-heart{pointer-events:none;position:absolute;color:#ffdf6e;font-family:Fredoka,sans-serif;font-size:55px;opacity:.9}.table-heart.one{left:2.5%;top:4%;transform:rotate(-15deg)}.table-heart.two{right:3%;top:3%}.table-heart.three{right:3%;bottom:7%}.table-heart.four{left:3%;bottom:9%}.deck-area{position:absolute;left:clamp(17px,6%,110px);top:31%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:17px}.deck-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:0;position:relative;transform:rotate(-6deg);transition:transform .18s;filter:drop-shadow(8px 9px 0 rgba(6,40,90,.22))}.deck-button:before,.deck-button:after{content:"";position:absolute;width:100%;height:100%;border-radius:14px;background:#fff4e6;border:3px solid #6a3318;left:-10px;top:8px;z-index:-1}.deck-button:after{left:-17px;top:15px;z-index:-2}.deck-ready{animation:pulseDeck 1.4s ease-in-out infinite}.deck-ready:hover{transform:translateY(-5px) rotate(-6deg)}@keyframes pulseDeck{50%{filter:drop-shadow(0 0 12px #ffe958) drop-shadow(7px 9px 0 rgba(6,40,90,.3))}}.suits-cardback{height:clamp(108px,15vw,196px);aspect-ratio:.72;background:linear-gradient(140deg,#ff9d3f,#ff6523);border:6px solid #fff6e9;border-radius:18px;box-shadow:inset 0 0 0 3px #d6491e,0 0 0 3px #5e3018;display:flex;align-items:stretch;padding:9px;color:#fff5df}.suits-outline{border:3px solid #ffe5af;border-radius:12px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-around;font-family:Fredoka,sans-serif;font-weight:700}.suits-emblem{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-items:center;gap:0 .18em;font-family:Fredoka,sans-serif;font-size:clamp(23px,3.4vw,43px);line-height:1.03;text-shadow:2px 2px 0 rgba(120,35,20,.4)}.suits-emblem span:nth-child(2),.suits-emblem span:nth-child(3){color:#ffe87c}.suits-top-detail,.suits-bottom-detail{font-size:clamp(9px,1.4vw,19px);letter-spacing:3px}.deck-label{font-family:Fredoka,sans-serif;background:#ffe97c;color:#16438d;padding:6px 12px;border-radius:99px;white-space:nowrap;font-size:clamp(10px,1.2vw,14px)}.deck-empty{border:4px dashed #e6edff;min-width:90px;height:135px;display:grid;place-items:center;color:#fff;font-family:Fredoka,sans-serif;border-radius:14px}.set-area{width:80%;align-self:flex-end;flex:1;min-height:335px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:17px 16px 35px}.played-cards{display:flex;align-items:center;justify-content:center;gap:clamp(7px,2.8vw,48px);width:100%;min-height:245px;flex-wrap:nowrap}.played-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;flex:0 1 auto;min-width:0}.playing-card{color:#152044;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:clamp(63px,10vw,147px);height:clamp(91px,14vw,216px);border:3px solid #193d80;border-radius:clamp(9px,1.5vw,19px);background:#fffefa;box-shadow:3px 7px #0b2c6b38;padding:0;flex-shrink:0;transition:transform .12s}.playing-card.red{color:#ee2928}.playing-card.black{color:#101c31}.playing-card .card-corner-tl{position:absolute;top:7%;left:10%;display:flex;flex-direction:column;align-items:flex-start;font-size:clamp(20px,3.1vw,44px);font-family:Fredoka,sans-serif;font-weight:600;line-height:.9}.card-corner-tl small{font-size:.65em;padding-top:7px}.card-corner-br{position:absolute;bottom:5%;right:7%;font-size:clamp(13px,1.5vw,20px);transform:rotate(180deg);font-weight:700}.center-symbol{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);font-family:Fredoka,sans-serif;font-size:clamp(35px,5.7vw,82px);font-weight:500}.center-symbol.face{font-size:clamp(30px,4.7vw,70px);border-radius:12px;background:#fdf2c9;border:2px solid #d4a42d;width:52%;height:53%;top:50%;display:flex;align-items:center;justify-content:center;color:#1c4fa1}.royal-crown{position:absolute;top:-.52em;left:8%;color:#f0a721;font-size:.7em}.playing-card.highlight{border:5px solid #ffe358;box-shadow:0 0 0 7px #ffe6333b,0 0 23px 9px #ffef62,3px 7px #0b2c6b38;animation:winnerFlash .55s ease-in-out infinite alternate}@keyframes winnerFlash{0%{filter:brightness(1)}to{filter:brightness(1.2);transform:scale(1.045)}}.playing-card.tap-card{cursor:pointer}.playing-card.tap-card:not(:disabled):hover{transform:translateY(-14px) rotate(-1deg);box-shadow:0 16px 10px #072f7047}.playing-card.tap-card:disabled{opacity:.83;filter:saturate(.82)}.playing-card.small{width:clamp(64px,10vw,147px);height:clamp(93px,14vw,216px)}.name-tag{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:8px 18px;border-radius:99px;background:#bce2ff;font-size:clamp(12px,1.5vw,21px);font-family:Fredoka,sans-serif;color:#144b97}.name-tag.name-highlight{background:#ffdc46;font-weight:600}.gold-crown{position:absolute;top:-55px;left:50%;transform:translate(-50%);font-size:clamp(26px,4vw,47px);animation:crownPop .5s infinite alternate;z-index:1}@keyframes crownPop{to{transform:translate(-50%) translateY(-7px)}}.empty-set{font-family:Fredoka,sans-serif;font-size:clamp(15px,2vw,25px);color:#ebf8ff;text-align:center;max-width:300px}.starter-chip{position:absolute;top:-7px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#eaf5ff;color:#1755a7;border:3px solid #ffe28a;padding:4px 12px;border-radius:99px;font-family:Fredoka,sans-serif;font-size:clamp(11px,1.2vw,15px);white-space:nowrap}.starter-chip>span:nth-child(2){font-size:1.35em;color:#1f2957}.starter-chip>span.red:nth-child(2){color:#f0392b}.lead-ribbon{background:#ffb2c0;color:#602c3e;box-shadow:0 5px #f56c90;border-radius:60px;padding:12px 28px;font-family:Comic Neue,sans-serif;font-size:clamp(18px,2.8vw,35px);font-weight:700;text-align:center;position:absolute;bottom:0;left:50%;transform:translate(-50%) rotate(-1deg);white-space:nowrap;z-index:4;animation:ribbonPop .3s ease-out}@keyframes ribbonPop{0%{scale:.8;opacity:0}to{scale:1;opacity:1}}.hand-section{display:flex;align-items:center;flex-direction:column;z-index:1;width:100%;margin-top:20px}.your-turn{color:#fffbd1;font-family:Fredoka,sans-serif;text-align:center;font-size:clamp(14px,1.8vw,22px);font-weight:500;margin:0 0 16px;text-shadow:1px 2px 0 rgba(11,66,138,.25)}.hand-row{display:flex;justify-content:center;gap:clamp(3px,1vw,12px);max-width:100%;overflow-x:auto;overflow-y:visible;padding:15px 16px 10px;scrollbar-color:#bde3ff transparent;min-height:165px}.hand-row>.playing-card{flex-shrink:0}.finish-message{position:absolute;top:12%;left:50%;transform:translate(-50%);z-index:6;background:#fff9e9;border:5px solid #ffdc5b;border-radius:26px;padding:20px 28px;text-align:center;box-shadow:0 15px 22px #03286f40;width:min(400px,100%);font-family:Fredoka,sans-serif}.finish-message>span{font-size:27px}.finish-message h2{font-size:clamp(24px,3vw,36px);margin:2px}.finish-message p{margin:5px}.finish-message button{border:0;background:#ffd23e;padding:11px 27px;border-radius:99px;color:#1e3e79;font-weight:600;font-size:21px}.finish-message small{display:block;margin-top:8px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0820528c;z-index:99;display:flex;align-items:center;justify-content:center;padding:20px}.rules-card{position:relative;background:#fffaf0;box-shadow:0 15px 45px #072c6e55;border:5px solid #a6d2ff;border-radius:26px;max-width:575px;max-height:90vh;overflow:auto;padding:25px;font-size:17px;line-height:1.45}.rules-card h2{font-family:Fredoka,sans-serif;font-size:31px;margin:0}.close-dialog{float:right;border:0;background:#d3eaff;border-radius:99px;width:33px;height:33px;color:#0e499e}@media(max-width:950px){.oval-table{border-radius:38%/12%;min-height:calc(100dvh - 80px);padding:32px 12px 22px}.deck-area{top:26%;left:3.5%}.set-area{width:76%;min-height:300px}.played-cards{gap:8px}.hand-row{justify-content:flex-start;width:100%}}@media(max-width:640px){.lobby-page{padding:20px 12px}.big-title{font-size:clamp(60px,18vw,93px)}.join-panel{padding:20px 16px 22px;border-radius:25px}.title-doodles span{font-size:31px}.table-header{flex-wrap:wrap;margin-bottom:8px;justify-content:center}.room-tools{justify-content:center}.room-tools button{padding:5px 9px;font-size:12px}.game-page{padding:6px 5px 15px}.oval-table{border:6px solid #0053a8;box-shadow:inset 0 0 0 5px #97d6ff2e,0 8px #e66b24;border-radius:60px;min-height:calc(100dvh - 115px);padding:22px 9px 12px;justify-content:space-between}.deck-area{position:relative;align-self:flex-start;left:auto;top:auto;margin:7px 0 0 20px}.suits-cardback{height:100px;border-width:4px;border-radius:10px;padding:5px}.suits-outline{border-width:2px}.suits-emblem{font-size:23px;gap:0 5px}.deck-label{font-size:10px;padding:3px 7px}.set-area{width:100%;min-height:240px;flex:1;padding:35px 4px 38px;margin-top:-30px}.played-cards{min-height:140px;gap:5px}.played-slot{gap:9px}.playing-card.small{width:clamp(60px,19vw,102px);height:clamp(91px,27vw,153px)}.playing-card{width:clamp(65px,21vw,112px);height:clamp(94px,30vw,162px)}.playing-card .card-corner-tl{font-size:clamp(20px,5vw,32px)}.card-corner-br{font-size:11px}.center-symbol{font-size:clamp(29px,8vw,50px)}.center-symbol.face{font-size:clamp(27px,7vw,45px)}.starter-chip{top:0;font-size:10px;padding:3px 9px}.name-tag{padding:5px 8px;font-size:13px}.gold-crown{font-size:27px;top:-34px}.lead-ribbon{font-size:22px;padding:8px 19px}.hand-section{margin-top:0;min-height:130px}.hand-row{padding:10px 3px 9px;gap:3px;justify-content:center}.hand-row>.playing-card{min-width:0;flex:0 1 100px}.your-turn{font-size:13px;margin:5px 0}.table-heart{font-size:35px;opacity:.45}.table-heart.one{top:16%;left:8px}.table-heart.two{top:15%;right:10px}.finish-message{top:20%}}@media(max-width:360px){.hand-row{justify-content:flex-start}.hand-row>.playing-card{flex:0 0 72px}.oval-table{border-radius:40px}.set-area{margin-top:0}.mode-buttons button{font-size:15px}}.opening-indicator{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:4px;position:absolute;left:155%;top:3%;transform:rotate(4deg);pointer-events:none}.opening-indicator .playing-card.small{width:52px;height:75px;border-width:2px;border-radius:7px;box-shadow:2px 3px #0000001a}.opening-indicator .card-corner-tl{font-size:16px;top:6%;left:9%}.opening-indicator .card-corner-tl small{padding-top:2px}.opening-indicator .card-corner-br{font-size:9px}.opening-indicator .center-symbol{font-size:27px}.opening-indicator .center-symbol.face{font-size:23px}.opening-indicator>span{font-family:Fredoka,sans-serif;font-size:10px;white-space:nowrap;color:#153e85;background:#ffdf78;padding:2px 6px;border-radius:99px}@media(max-width:640px){.opening-indicator{left:125%;top:0}.opening-indicator .playing-card.small{width:42px;height:62px}.opening-indicator .card-corner-tl{font-size:13px}.opening-indicator .center-symbol{font-size:20px}.opening-indicator>span{font-size:8px}}.support-link{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#fff1d7;border:3px solid #eabf76;color:#842f25;border-radius:20px;padding:12px 22px;text-decoration:none;max-width:100%;box-shadow:0 4px #cf9562;transition:transform .15s,box-shadow .15s;text-align:center}.support-link:hover,.support-link:focus-visible{transform:translateY(-2px);box-shadow:0 6px #cf9562}.support-link:active{transform:translateY(2px);box-shadow:0 2px #cf9562}.support-link:focus-visible{outline:3px solid #2179d6;outline-offset:4px}.support-main{display:inline-flex;align-items:center;gap:9px;font-family:Fredoka,Comic Sans MS,sans-serif;font-size:17px;font-weight:600;line-height:1.2}.support-arrow{font-size:17px;line-height:1}.support-subline{font-family:Comic Neue,Comic Sans MS,cursive,sans-serif;font-weight:700;font-style:italic;font-size:13px;line-height:1.4}.lobby-content>.support-link{margin-top:20px}.waiting-support{max-width:580px;margin:-3vh auto 28px;text-align:center}.support-header{padding:7px 12px;background:#fff2cf;border-width:2px;border-radius:99px;box-shadow:none;white-space:nowrap}.support-header .support-main{font-size:13px;gap:4px}.support-header:hover,.support-header:focus-visible{box-shadow:none}.finish-message .support-finished{display:flex;margin:13px auto 19px;width:100%;padding:11px 8px;border-width:2px;box-shadow:none}.finish-message .support-finished .support-main{font-size:17px}.finish-message .support-finished .support-subline{font-size:12px}@media(max-width:640px){.lobby-content>.support-link{margin-top:18px;padding:10px 12px;width:min(100%,350px)}.support-main{font-size:16px}.support-subline{font-size:12px}.waiting-support{margin:-2vh auto 20px}.support-header{padding:5px 9px}.support-header .support-main{font-size:12px}}@media(max-width:640px){.lobby-page{align-items:flex-start}.lobby-content{margin:auto 0}}.pickup-hint{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:5;max-width:95%;width:max-content;background:#ffe675;color:#164085;border:3px solid #fff;border-radius:999px;padding:7px 15px;font-family:Fredoka,sans-serif;font-size:clamp(12px,1.6vw,18px);text-align:center;box-shadow:0 5px #0d429447}.playing-card.pickup-card{cursor:pointer;border:4px solid #ffe047;box-shadow:0 0 0 5px #ffec7aa6,0 5px 18px #ffe84980;animation:pickupPulse .95s ease-in-out infinite alternate;pointer-events:auto}.playing-card.pickup-card:hover,.playing-card.pickup-card:focus-visible{transform:translateY(-8px) scale(1.04);outline:3px solid #fff;outline-offset:3px}@keyframes pickupPulse{to{box-shadow:0 0 0 9px #ffec7abf,0 7px 24px #ffe849b3}}.opening-indicator.opening-pickup{pointer-events:auto;z-index:7}.opening-indicator.opening-pickup .playing-card{pointer-events:auto}@media(max-width:640px){.pickup-hint{font-size:12px;border-width:2px;padding:5px 9px;top:5px}.set-area:has(.pickup-hint){padding-top:48px}}.hand-section{width:100%;min-width:0;max-width:100%}.hand-scroll-container{width:100%;max-width:100%;min-width:0;display:flex;align-items:center;gap:4px}.hand-row{width:100%;max-width:none;min-width:0;flex:1 1 0;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;gap:12px;padding:16px 12px 21px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scroll-snap-type:x proximity;scroll-padding-inline:12px;scrollbar-width:thin;scrollbar-color:#ffe16f #0d61bf}.hand-row::-webkit-scrollbar{height:7px}.hand-row::-webkit-scrollbar-track{background:#116cbb;border-radius:99px}.hand-row::-webkit-scrollbar-thumb{background:#ffe16f;border-radius:99px}.hand-row>.playing-card{flex:0 0 116px;width:116px;min-width:116px;height:166px;scroll-snap-align:start;scroll-snap-stop:normal}.hand-scroll-arrow{border:2px solid #ffe681;color:#173d7d;background:#ffdf78;border-radius:99px;width:30px;height:56px;flex:0 0 30px;padding:0;font:700 32px/1 Fredoka,sans-serif;box-shadow:0 3px #0238782e}.hand-scroll-arrow:disabled{opacity:.35}.hand-scroll-arrow:not(:disabled):active{transform:translateY(2px)}.swipe-hint{color:#effbff;font-size:12px;text-align:center;font-family:Fredoka,sans-serif;margin:0 0 2px}.player-name-wrap{position:relative;display:inline-flex;justify-content:center;max-width:100%;min-width:0}.player-name-wrap .name-tag{display:block;max-width:100%;padding-left:20px}.cards-remaining{display:flex;align-items:center;justify-content:center;position:absolute;top:-4px;left:-8px;width:29px;height:29px;z-index:5;border-radius:50%;background:#191d27;color:#fff;border:2px solid white;box-shadow:0 2px 3px #03275d59;font:700 16px/1 Fredoka,sans-serif;font-variant-numeric:tabular-nums}@media(max-width:640px){.hand-scroll-container{gap:3px}.hand-row{gap:10px;padding:14px 8px 19px;min-height:158px;justify-content:flex-start}.hand-row>.playing-card{flex:0 0 106px;width:106px;min-width:106px;height:154px}.hand-scroll-arrow{width:23px;height:52px;flex-basis:23px;font-size:27px}.cards-remaining{width:24px;height:24px;left:-5px;top:-4px;font-size:13px}.player-name-wrap .name-tag{padding-left:16px}.swipe-hint{font-size:11px}}@media(max-width:360px){.hand-row>.playing-card{flex:0 0 100px;width:100px;min-width:100px;height:148px}}.placements-progress{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;max-width:100%;margin:0 0 12px;position:relative;z-index:4}.placements-progress span{background:#fff3bc;color:#204679;border:2px solid #ffd44d;border-radius:99px;font:600 14px/1.15 Fredoka,sans-serif;padding:6px 12px;box-shadow:0 3px #00499d38}.final-rankings{list-style:none;margin:9px auto 15px;padding:0;display:flex;flex-direction:column;gap:7px;text-align:left;max-width:325px}.final-rankings li{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f1f8ff;border:2px solid #c5dfff;border-radius:12px;color:#184987;padding:8px 11px;font-size:15px}.final-rankings li:first-child{background:#fff0ab;border-color:#f7ca32}.final-rankings li.my-placement{box-shadow:inset 0 0 0 2px #f4a64b}.final-rankings strong{text-align:right;overflow-wrap:anywhere}@media(max-width:640px){.placements-progress{margin:0 0 9px;gap:5px}.placements-progress span{font-size:12px;padding:5px 8px}.finish-message{padding:15px;max-height:80dvh;overflow-y:auto}.final-rankings{margin:7px auto 10px}.final-rankings li{font-size:14px;padding:7px 9px}}.waiting-list .lobby-player{display:inline-flex;align-items:center;gap:5px;padding-right:10px}.remove-bot{background:#ffefe9;color:#bd3e25;border:2px solid #ffd0ae;border-radius:99px;width:26px;height:26px;display:grid;place-items:center;line-height:1;font-size:22px;margin-left:4px}.bot-controls{display:flex;flex-direction:column;align-items:center;gap:8px;margin:16px auto 8px}.bot-controls small{font-size:13px;color:#4874a7}.add-bot{border:3px solid #ffcc54;background:#fff2b9;color:#214a86;border-radius:99px;padding:11px 18px;font-family:Fredoka,sans-serif;font-size:17px;font-weight:600}.add-bot:not(:disabled):hover,.add-bot:not(:disabled):focus-visible{background:#ffe78b;outline:2px solid white}.waiting-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:640px){.waiting-header-actions{gap:5px}}.finish-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0b2b5ead;padding:max(10px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.finish-backdrop .finish-message{position:relative;top:auto;left:auto;transform:none;margin:auto;padding:14px clamp(12px,3vw,22px) 12px;width:min(440px,100%);max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:25px;box-shadow:0 17px 35px #03286f47}.finish-heading{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px}.finish-heading>span{font-size:29px;line-height:1.15}.finish-heading h2{font-size:clamp(24px,5vw,31px);margin:1px 0 4px}.finish-details{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 2px 3px}.finish-details>p{margin:2px 0 8px;font-size:18px}.finish-backdrop .final-rankings{margin:5px auto 7px;gap:5px;max-width:none}.finish-backdrop .final-rankings li{padding:7px 10px;min-height:40px}.finish-actions{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:7px;padding-top:9px;border-top:1px solid #ead99f;background:#fff9e9}.finish-actions .play-again-btn{width:100%;min-height:50px;background:#ffd23e;color:#163b7b;border:3px solid #ffad26;border-radius:999px;font:700 20px/1.15 Fredoka,sans-serif;box-shadow:0 4px #ef7a2745}.finish-actions .play-again-btn:focus-visible,.finish-actions .finish-leave:focus-visible{outline:3px solid #125dc5;outline-offset:2px}.finish-actions .waiting-rematch{margin:0;padding:8px;background:#e2f3ff;color:#1f5189;border-radius:14px;font-size:14px}.finish-actions .support-finished{margin:0;width:100%;padding:6px 8px;border-width:2px;border-radius:14px;box-shadow:none}.finish-actions .support-finished .support-main{font-size:15px}.finish-actions .support-finished .support-subline{font-size:11px;line-height:1.15}.finish-actions .finish-leave{width:100%;border:0;background:transparent;color:#41608a;padding:5px 8px;font:600 14px Fredoka,sans-serif;text-decoration:underline}@media(max-height:620px){.finish-backdrop .finish-message{padding-top:8px;padding-bottom:8px}.finish-heading>span{font-size:22px}.finish-heading h2{font-size:22px}.finish-details>p{font-size:15px}.finish-actions .play-again-btn{min-height:43px;font-size:18px}.finish-actions .support-finished{padding:4px}}.turn-alert-toggle{background:#fff1b8;color:#164a90;border:2px solid #ffc14b;border-radius:999px;padding:7px 11px;font:600 13px/1.25 Fredoka,Comic Sans MS,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:0 3px #0e437d2e}.turn-alert-toggle.enabled{background:#caffdc;border-color:#55bb73;color:#175333}.turn-alert-toggle:focus-visible{outline:3px solid white;outline-offset:3px}.turn-toast{position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);max-width:90vw;z-index:1500;background:#ffe463;color:#153f86;border:4px solid white;border-radius:99px;padding:13px 24px;text-align:center;white-space:nowrap;font:700 clamp(18px,5vw,28px)/1.2 "Fredoka","Comic Sans MS",sans-serif;box-shadow:0 9px #ff993b,0 12px 25px #00000040;pointer-events:none;animation:turnAlertPop .35s ease-out}@keyframes turnAlertPop{0%{opacity:.4;transform:translate(-50%) scale(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}.turn-alert-info{position:relative;z-index:5;max-width:660px;margin:8px auto 12px;padding:8px 14px;border-radius:14px;color:#1b3d76;background:#fff5d9;border:2px solid #ffcd5d;font:500 13px/1.4 Fredoka,sans-serif;text-align:center}@media(max-width:640px){.turn-alert-toggle{font-size:12px;padding:5px 8px}.turn-alert-info{margin:4px 12px 9px;font-size:12px}}.floating-chat-trigger{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:110;width:58px;height:58px;padding:0;border:3px solid #ffe46b;border-radius:50%;display:grid;place-items:center;background:#0c60c4;color:#fff;cursor:pointer;box-shadow:0 5px #07438b,0 8px 20px #06265e52;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.floating-chat-trigger:active{transform:translateY(2px);box-shadow:0 3px #07438b,0 5px 14px #06265e3d}.floating-chat-trigger:focus-visible{outline:3px solid white;outline-offset:3px}.floating-chat-trigger.is-chat-open{display:none}.floating-chat-ellipsis{font:700 22px/1 Fredoka,Comic Sans MS,sans-serif;letter-spacing:1px;transform:translateY(-3px)}.floating-chat-trigger .unread-badge{position:absolute;top:-9px;right:-9px;min-width:23px;height:23px;border:2px solid #fff;box-shadow:0 2px 4px #06265e4d}@media(max-width:700px){.floating-chat-trigger{right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));width:54px;height:54px}}.unread-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#ff533a;color:#fff!important;font-size:11px;padding:0 4px;box-shadow:0 1px 2px #98512f}.room-chat.chat-closed{display:none}.chat-panel{position:fixed;z-index:100;bottom:14px;right:14px;width:min(370px,calc(100vw - 24px));height:min(690px,calc(100dvh - 28px));border:4px solid #085ab3;border-radius:28px;background:#fffaf1;box-shadow:0 14px 45px #05205959;display:flex;flex-direction:column;overflow:hidden;font-family:Fredoka,Comic Sans MS,sans-serif}.chat-heading{flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(150deg,#0760bd,#034894);color:#fff;padding:15px 15px 14px;min-height:62px}.chat-heading h2{margin:0;font-size:25px;line-height:1.15;color:#fff;display:flex;align-items:center;gap:6px}.chat-heading h2 small{font-size:12px;color:#d9efff;font-weight:500}.chat-close{border:0;background:transparent;color:#fff;font:700 32px/1 Fredoka,sans-serif;min-width:42px;min-height:40px;border-radius:12px;display:grid;place-items:center}.chat-close:hover,.chat-close:focus-visible{background:#167bcf}.chat-messages{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;background:#fffaf1;padding:17px 12px 12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:15px}.chat-empty{margin:auto;text-align:center;line-height:1.7;color:#7795b9;font-size:17px}.chat-entry{display:flex;align-items:flex-start;gap:9px;max-width:98%;min-width:0}.chat-entry.chat-mine{flex-direction:row-reverse;align-self:flex-end}.chat-avatar{height:37px;width:37px;flex:0 0 37px;border:3px solid #f3ac56;background:#ffe0a4;color:#194e9d;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:700;box-shadow:0 2px #e3ba79}.chat-mine .chat-avatar{border-color:#66aefa;background:#d2ecff}.chat-entry-body{min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.chat-mine .chat-entry-body{align-items:flex-end}.chat-meta{display:flex;align-items:baseline;gap:9px;max-width:100%;font-size:12px;color:#78889c}.chat-meta strong{color:#935523;max-width:142px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-mine .chat-meta strong{color:#1d5aa8}.chat-meta time{white-space:nowrap;font-family:Comic Neue,sans-serif}.chat-bubble{margin:0;border-radius:18px 18px 18px 5px;background:#ffedbd;padding:10px 12px;color:#1e3559;line-height:1.35;font-size:15px;overflow-wrap:anywhere;white-space:pre-wrap}.chat-mine .chat-bubble{background:#d5ebff;border-radius:18px 18px 5px}.chat-error{background:#fff0f1;color:#a32543;font-size:12px;padding:6px 12px;text-align:center}.chat-compose{flex:0 0 auto;border-top:2px solid #e4d2b0;padding:10px;display:flex;gap:7px;background:#fffaf1;align-items:stretch}.chat-input-area{min-width:0;flex:1 1 auto;display:flex;align-items:center;border:2px solid #a3c9f4;border-radius:18px;background:#fff;overflow:hidden}.chat-input-area input{min-width:0;flex:1;border:0;outline:0;font:500 16px Fredoka,sans-serif;color:#183a71;padding:10px 9px 10px 12px;min-height:44px;background:transparent}.chat-input-area input::placeholder{color:#9ba9bf}.chat-input-area:focus-within{border-color:#2684ea;box-shadow:0 0 0 2px #d5ecff}.chat-emoji{border:0;background:transparent;color:#124781;font:700 27px Fredoka,sans-serif;padding:0 8px;min-width:36px}.chat-send{border:0;background:#157ded;color:#fff;min-width:48px;height:48px;border-radius:15px;font:700 26px Fredoka,sans-serif;box-shadow:0 3px #0b57ac}.chat-send:disabled{opacity:.45;box-shadow:none}@media(min-width:1000px){.game-page.chat-desktop-open{margin-right:395px;transition:margin-right .15s ease}}@media(max-width:700px){.chat-panel{bottom:0;left:0;right:0;width:100%;height:min(59dvh,560px);border-left:0;border-right:0;border-bottom:0;border-radius:25px 25px 0 0;box-shadow:0 -9px 40px #04204d66;padding-bottom:env(safe-area-inset-bottom,0px)}.chat-heading{padding:18px 14px 11px;min-height:62px}.chat-grabber{position:absolute;top:7px;left:50%;transform:translate(-50%);height:5px;width:46px;background:#8ab9e6;border-radius:99px}.chat-heading h2{font-size:23px}.chat-messages{padding:12px 13px 10px;gap:12px}.chat-compose{padding:8px 9px}}@media(max-height:440px)and (max-width:700px){.chat-panel{height:78dvh}}