@import "https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap";*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;touch-action:manipulation;margin:0;padding:0}#root{width:100%;min-height:100dvh}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.home-screen{min-height:100dvh;padding:20px;padding-bottom:max(20px, env(safe-area-inset-bottom));background:linear-gradient(160deg,#1a237e 0%,#1565c0 50%,#42a5f5 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.stars-bg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.star{animation:3s ease-in-out infinite star-pulse}.star-0{animation-delay:0s}.star-1{animation-delay:1s}.star-2{animation-delay:2s}@keyframes star-pulse{0%,to{opacity:.4;r:attr(r)}50%{opacity:1}}.floating-card{cursor:pointer;opacity:.75;-webkit-tap-highlight-color:transparent;transition:opacity .1s;animation:6s ease-in-out infinite float-card;position:absolute}.floating-card:active{opacity:1}.floating-card.popping{opacity:1;z-index:100;animation:.6s ease-out forwards card-pop}@keyframes float-card{0%{transform:translateY(0)rotate(-8deg)}25%{transform:translateY(-18px)rotate(-3deg)}50%{transform:translateY(-8px)rotate(5deg)}75%{transform:translateY(-22px)rotate(0)}to{transform:translateY(0)rotate(-8deg)}}@keyframes card-pop{0%{transform:scale(1)rotate(0)}20%{transform:scale(1.7)rotate(-15deg)}45%{transform:scale(.8)rotate(20deg)}70%{transform:scale(1.4)rotate(-5deg)}to{transform:scale(1)rotate(0)}}.card-sparkle{pointer-events:none;font-size:1.8rem;animation:.6s ease-out forwards sparkle-up;position:absolute;top:-24px;left:50%;transform:translate(-50%)}@keyframes sparkle-up{0%{opacity:1;transform:translate(-50%)translateY(0)scale(.5)}60%{opacity:1;transform:translate(-50%)translateY(-20px)scale(1.3)}to{opacity:0;transform:translate(-50%)translateY(-35px)scale(1)}}.creature{pointer-events:none;filter:drop-shadow(0 4px 10px #0000004d);position:absolute}.creature-left{bottom:12%;left:2%}.creature-right{top:18%;right:3%}.creature-bottom{bottom:3%;right:20%}.monster{display:block}.monster-blobby{animation:3s ease-in-out infinite wiggle}.monster-zappy{animation:4s ease-in-out 1s infinite wiggle}.monster-rounchy{animation:2.5s ease-in-out .5s infinite bounce-small}@keyframes wiggle{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-6deg)scale(1.03)}40%{transform:rotate(5deg)scale(.97)}60%{transform:rotate(-3deg)scale(1.02)}80%{transform:rotate(4deg)scale(.98)}}@keyframes bounce-small{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-content{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.home-title{color:#fff;text-shadow:0 3px 16px #0006,0 1px #0003;margin:0;font-family:Fredoka One,cursive;font-size:clamp(2.4rem,7vw,4.2rem);line-height:1.1;animation:3s ease-in-out infinite title-pulse}@keyframes title-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.home-subtitle{color:#ffffffd9;text-shadow:0 2px 8px #0000004d;margin:0;font-family:Fredoka One,cursive;font-size:clamp(1.1rem,3vw,1.6rem)}.home-buttons{flex-direction:column;gap:18px;width:100%;max-width:380px;margin-top:20px;display:flex}.btn-home{color:#fff;cursor:pointer;letter-spacing:.02em;WebkitTapHighlightColor:transparent;border:none;border-radius:24px;justify-content:center;align-items:center;gap:14px;min-height:80px;padding:0 28px;font-family:Fredoka One,cursive;font-size:clamp(1.3rem,4vw,1.8rem);transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 6px 20px #0000004d,inset 0 2px #0003}.btn-home:active{transform:scale(.93);box-shadow:0 2px 8px #0000004d}.btn-resume{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.btn-new-game{background:linear-gradient(135deg,#f59e0b,#f97316)}.btn-history{background:linear-gradient(135deg,#10b981,#059669)}.btn-icon{font-size:2rem}@media (orientation:landscape) and (height>=500px){.home-buttons{flex-direction:row;max-width:680px}.btn-home{flex:1}.creature-bottom{display:none}}.player-select-screen{min-height:100dvh;padding:max(52px, env(safe-area-inset-top,0px)) 20px max(40px, env(safe-area-inset-bottom,0px));background:linear-gradient(160deg,#1a237e 0%,#1565c0 50%,#42a5f5 100%);flex-direction:column;align-items:center;gap:20px;display:flex}.ps-header{align-items:center;gap:16px;width:100%;max-width:480px;display:flex}.btn-back{color:#fff;cursor:pointer;background:#fff3;border:2px solid #fff6;border-radius:16px;padding:10px 18px;font-family:Fredoka One,cursive;font-size:1.1rem;transition:transform .12s}.btn-back:active{transform:scale(.92)}.ps-title{color:#fff;text-shadow:0 2px 10px #0000004d;margin:0;font-family:Fredoka One,cursive;font-size:clamp(1.8rem,5vw,2.6rem)}.ps-players{flex-direction:column;flex:1;justify-content:center;gap:14px;width:100%;max-width:480px;display:flex}.ps-player-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff1f;border:3px solid #fff3;border-radius:20px;align-items:center;gap:16px;min-height:90px;padding:0 20px;font-family:Fredoka One,cursive;font-size:1.5rem;transition:transform .12s,background .15s,border-color .15s;display:flex}.ps-player-btn:active{transform:scale(.95)}.ps-player-btn.disabled{opacity:.35;cursor:default}.ps-player-btn.selected{background:#ffffff47;border-color:#facc15;box-shadow:0 0 20px #facc1566}.ps-emoji{font-size:2rem}.ps-name{flex:1}.ps-check{color:#facc15;text-align:center;width:30px;font-size:1.8rem}.btn-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:24px;min-height:80px;padding:0 36px;font-family:Fredoka One,cursive;font-size:clamp(1.4rem,4vw,1.9rem);transition:transform .12s;animation:.25s ease-out btn-appear;box-shadow:0 6px 20px #0000004d}.btn-start:active{transform:scale(.93)}@keyframes btn-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ps-hint{color:#ffffffa6;margin:0;font-family:Fredoka One,cursive;font-size:1.1rem}.ps-mode{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:480px;display:flex}.ps-mode-label{color:#ffffffe6;margin:0;font-family:Fredoka One,cursive;font-size:1.2rem}.ps-mode-btns{gap:16px;width:100%;display:flex}.ps-mode-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:3px solid #ffffff40;border-radius:20px;flex:1;min-height:72px;font-family:Fredoka One,cursive;font-size:1.5rem;transition:transform .12s,background .15s,border-color .15s}.ps-mode-btn:active{transform:scale(.95)}.ps-mode-btn.active{background:#ffffff47;border-color:#facc15;box-shadow:0 0 20px #facc1566}.re-screen{height:100dvh;padding:max(52px, env(safe-area-inset-top,0px)) 14px max(20px, env(safe-area-inset-bottom,0px));background:linear-gradient(160deg,#0f172a 0%,#1e293b 100%);flex-direction:column;align-items:center;gap:10px;display:flex;position:relative;overflow:hidden}.btn-menu{top:max(14px, env(safe-area-inset-top,14px));color:#fff;cursor:pointer;z-index:10;background:#ffffff26;border:2px solid #ffffff40;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;transition:transform .12s;display:flex;position:absolute;left:16px}.re-header{flex-direction:column;align-items:center;gap:8px;display:flex}.re-progress{gap:8px;display:flex}.re-dot{background:#fff3;border-radius:50%;width:12px;height:12px;transition:background .2s}.re-dot.done{background:#22c55e}.re-dot.active{background:#facc15;box-shadow:0 0 8px #facc15}.re-player-name{color:#facc15;text-shadow:0 2px 16px #facc1566;margin:0;font-family:Fredoka One,cursive;font-size:clamp(1.8rem,6vw,2.6rem)}.re-total-display{background:#ffffff12;border:2px solid #ffffff1f;border-radius:16px;align-items:center;gap:16px;padding:8px 28px;display:flex}.re-total-num{font-family:Fredoka One,cursive;font-size:clamp(2rem,7vw,3rem);line-height:1;transition:color .2s}.re-card-count{color:#ffffff73;font-family:Fredoka One,cursive;font-size:1rem}.re-values-grid{flex:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,1fr);gap:10px;width:100%;display:grid}.re-value-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:3px solid #ffffff40;border-radius:18px;justify-content:center;align-items:center;width:100%;height:100%;font-family:Fredoka One,cursive;font-size:clamp(1.8rem,5vw,3rem);font-weight:900;transition:box-shadow 80ms,filter 80ms;display:flex;box-shadow:0 6px #0000004d}.re-value-btn:active{filter:brightness(.88);box-shadow:0 2px #0000004d}.re-bottom{flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;width:100%;height:130px;display:flex}.re-tapped-list{flex-wrap:wrap;justify-content:center;gap:6px;min-height:28px;display:flex}.re-tapped-chip{color:#fff;border:2px solid #ffffff4d;border-radius:20px;padding:4px 12px;font-family:Fredoka One,cursive;font-size:1rem}.re-tapped-more{color:#ffffff80;padding:4px 8px;font-family:Fredoka One,cursive;font-size:1rem}.re-actions{justify-content:center;align-items:center;gap:12px;display:flex}.btn-undo{color:#fffc;cursor:pointer;background:#ffffff1a;border:2px solid #ffffff40;border-radius:18px;min-height:64px;padding:0 24px;font-family:Fredoka One,cursive;font-size:1.2rem;transition:transform .12s}.btn-undo:active{transform:scale(.93)}.btn-next-player{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:20px;min-height:70px;padding:0 32px;font-family:Fredoka One,cursive;font-size:clamp(1.2rem,3.5vw,1.6rem);transition:transform .12s;box-shadow:0 4px 16px #0000004d}.btn-next-player:active{transform:scale(.93)}.round-summary-screen{background:linear-gradient(160deg,#0f172a 0%,#1e293b 100%);flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;padding:32px 20px;display:flex}.rs-title{color:#fff;margin:0;font-family:Fredoka One,cursive;font-size:clamp(1.8rem,5vw,2.8rem)}.rs-table{flex-direction:column;gap:12px;width:100%;max-width:440px;display:flex}.rs-row{color:#fff;background:#ffffff14;border-radius:16px;align-items:center;gap:12px;padding:14px 20px;font-family:Fredoka One,cursive;font-size:1.3rem;display:flex}.rs-name{flex:1}.rs-score{color:#93c5fd;text-align:center;width:60px;font-size:1.5rem}.rs-total{color:#fde68a;text-align:right;width:70px;font-size:1.5rem}.btn-validate{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:24px;min-height:76px;padding:0 36px;font-family:Fredoka One,cursive;font-size:clamp(1.3rem,4vw,1.8rem);transition:transform .12s;box-shadow:0 6px 20px #0000004d}.btn-validate:active{transform:scale(.93)}@media (orientation:landscape){.re-values-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(8,1fr)}}.scoreboard-screen{min-height:100dvh;padding:32px 20px;padding-bottom:max(32px, env(safe-area-inset-bottom));background:linear-gradient(160deg,#1a237e 0%,#1565c0 60%,#42a5f5 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:relative}.sb-top-bar{top:max(14px, env(safe-area-inset-top,14px));position:absolute;left:16px}.btn-menu{color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #ffffff40;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;transition:transform .12s;display:flex}.btn-menu:active{transform:scale(.9)}.sb-limit{color:#ffffff8c;margin:-12px 0 0;font-family:Fredoka One,cursive;font-size:1rem}.sb-title{color:#fff;text-shadow:0 2px 10px #0000004d;margin:0;font-family:Fredoka One,cursive;font-size:clamp(1.8rem,5vw,2.6rem)}.sb-table{flex-direction:column;gap:12px;width:100%;max-width:480px;display:flex}.sb-row{color:#fff;background:#ffffff1f;border:2px solid #0000;border-radius:18px;align-items:center;gap:12px;padding:16px 20px;font-family:Fredoka One,cursive;font-size:1.4rem;transition:transform .15s;display:flex}.sb-row.sb-leader{background:#facc1533;border-color:#facc1580;box-shadow:0 0 20px #facc1533}.sb-rank{text-align:center;width:36px;font-size:1.6rem}.sb-name{flex:1}.sb-round-score{color:#93c5fd;text-align:center;width:60px;font-size:1.3rem}.sb-total{color:#fde68a;text-align:right;width:60px;font-size:1.5rem;font-weight:700}.sb-legend{color:#ffffff80;justify-content:flex-end;gap:12px;width:100%;max-width:480px;padding-right:20px;font-family:Fredoka One,cursive;font-size:.9rem;display:flex}.sb-legend span:first-child{margin-right:14px}.btn-next-round,.btn-endgame{color:#fff;cursor:pointer;border:none;border-radius:24px;min-height:76px;padding:0 36px;font-family:Fredoka One,cursive;font-size:clamp(1.3rem,4vw,1.8rem);transition:transform .12s;box-shadow:0 6px 20px #0000004d}.btn-next-round{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.btn-endgame{background:linear-gradient(135deg,#f59e0b,#f97316)}.btn-next-round:active,.btn-endgame:active{transform:scale(.93)}.endgame-screen{min-height:100dvh;padding:32px 20px;padding-bottom:max(32px, env(safe-area-inset-bottom));background:linear-gradient(160deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.eg-winner-box{background:#facc151f;border:3px solid #facc1566;border-radius:28px;flex-direction:column;align-items:center;padding:28px 40px;display:flex;box-shadow:0 0 40px #facc1533}.eg-trophy{font-size:5rem;animation:1s ease-in-out infinite alternate trophy-bounce}@keyframes trophy-bounce{0%{transform:translateY(0)rotate(-5deg)}to{transform:translateY(-12px)rotate(5deg)}}.eg-winner-name{color:#facc15;text-shadow:0 0 20px #facc1599;margin:8px 0 4px;font-family:Fredoka One,cursive;font-size:clamp(2.2rem,8vw,3.8rem)}.eg-winner-sub{color:#fff;margin:0;font-family:Fredoka One,cursive;font-size:1.4rem}.eg-winner-score{color:#fff9;margin:6px 0 0;font-family:Fredoka One,cursive;font-size:1.1rem}.eg-ranking{flex-direction:column;gap:10px;width:100%;max-width:400px;display:flex}.eg-row{color:#fff;background:#ffffff14;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;font-family:Fredoka One,cursive;font-size:1.3rem;display:flex}.eg-row-0{background:#facc152e}.eg-medal{text-align:center;width:36px;font-size:1.8rem}.eg-name{flex:1}.eg-score{color:#93c5fd}.btn-new-game-end{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:24px;min-height:76px;padding:0 36px;font-family:Fredoka One,cursive;font-size:clamp(1.3rem,4vw,1.8rem);transition:transform .12s;box-shadow:0 6px 20px #0006}.btn-new-game-end:active{transform:scale(.93)}.history-screen{min-height:100dvh;padding:24px 20px 40px;padding-bottom:max(40px, env(safe-area-inset-bottom));background:linear-gradient(160deg,#1a237e 0%,#1565c0 50%,#42a5f5 100%);flex-direction:column;align-items:center;gap:20px;display:flex}.hist-header{align-items:center;gap:16px;width:100%;max-width:480px;display:flex}.btn-back-hist{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:2px solid #fff6;border-radius:16px;padding:10px 18px;font-family:Fredoka One,cursive;font-size:1.1rem;transition:transform .12s}.btn-back-hist:active{transform:scale(.92)}.hist-title{color:#fff;text-shadow:0 2px 10px #0000004d;margin:0;font-family:Fredoka One,cursive;font-size:clamp(1.6rem,5vw,2.4rem)}.hist-empty{color:#ffffffb3;text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:60px;font-family:Fredoka One,cursive;font-size:1.3rem;display:flex}.hist-list{flex-direction:column;gap:16px;width:100%;max-width:480px;display:flex}.hist-game{background:#ffffff1a;border:2px solid #ffffff26;border-radius:20px;padding:18px}.hist-game-header{color:#ffffffb3;justify-content:space-between;align-items:center;margin-bottom:12px;font-family:Fredoka One,cursive;font-size:1rem;display:flex}.hist-ranking{flex-direction:column;gap:8px;display:flex}.hist-row{color:#fff;background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-family:Fredoka One,cursive;font-size:1.2rem;display:flex}.hist-row.hist-winner{background:#facc152e}.hist-pos{text-align:center;width:32px;font-size:1.4rem}.hist-pname{flex:1}.hist-pscore{color:#fde68a}