.board{display:flex;flex-direction:row;flex-wrap:wrap;gap:0px;overflow:visible;justify-content:flex-start;align-items:flex-start;max-width:600px;width:100%;margin:0 auto;min-height:60px}.ml6{position:relative;font-weight:900;font-size:3.3em;overflow:visible}.ml6 .text-wrapper{position:relative;display:flex;flex-direction:row;gap:6px;padding-top:.2em;padding-right:.05em;padding-bottom:.1em;overflow:visible}.ml6 .letter{display:inline-block;line-height:1em;overflow:visible;transition:color .3s,text-shadow .3s;text-align:center}.board-cell{width:clamp(22px,3.8vw,38px);height:clamp(22px,3.8vw,38px);min-width:clamp(22px,3.8vw,38px);min-height:clamp(22px,3.8vw,38px);aspect-ratio:1 / 1;background:#fff;color:#222;font-weight:700;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #8cc5fc2e;border:3px solid #7c3aed;margin:0;overflow:visible;transition:border-color .3s,box-shadow .3s,transform .18s;cursor:pointer}.board-cell:hover{box-shadow:0 8px 32px #ffb74d52;border-color:#8ec5fc;transform:scale(1.08) rotate(-2deg)}.board-cell .letter{width:100%;font-size:.95em;transition:color .3s,text-shadow .3s;color:#111!important;line-height:38px;font-family:inherit;text-decoration:none!important}.board-cell .letter.revealed{text-shadow:0 0 12px #e0c3fc,0 0 4px #ffd54f;animation:letter-pop .5s cubic-bezier(.68,-.55,.27,1.55);color:#111!important;font-size:.7em}@media (max-width: 960px){.ml6{font-size:1em}.board{justify-content:center}.board-cell .letter.revealed{text-shadow:0 0 12px #e0c3fc,0 0 4px #ffd54f;animation:letter-pop .5s cubic-bezier(.68,-.55,.27,1.55);color:#111!important;font-size:1.2em}}@keyframes letter-pop{0%{transform:scale(.2) rotate(-45deg);opacity:0}60%{transform:scale(1.08) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.board-cell .letter{width:100%}.letters{display:flex;flex-direction:row;flex-wrap:wrap;gap:0px;justify-content:flex-start}.board-separator.visible-separator{width:clamp(14px,2.5vw,38px);height:clamp(22px,3.8vw,38px);min-width:clamp(22px,2.5vw,38px);min-height:clamp(22px,3.8vw,38px);background:#3b217d;border-radius:10px;display:inline-block;margin:0;box-shadow:0 2px 8px #0000002e;opacity:1;border:2px solid #7c3aed}.board-separator{min-width:32px;min-height:40px;background:#e2e8f0;border-radius:10px;display:inline-block;margin:0 6px;box-shadow:0 2px 8px #8cc5fc1a}.word-group{display:flex;flex-direction:row}@media (max-width: 820px){.board{justify-content:center}}.category-icon{margin-right:8px;font-size:22px}.category-label-fancy{background:linear-gradient(90deg,#e0c3fc,#8ec5fc);color:#222;font-size:1.25em;font-weight:700;border-radius:10px;box-shadow:0 2px 8px #8cc5fc2e;padding:10px 22px;margin-bottom:8px;display:flex;align-items:center;gap:0px;animation:pulse-category 1.2s infinite alternate}@media (max-width: 960px){.category-label-fancy{font-size:.95em;padding:6px 12px;margin-bottom:4px}.category-icon{font-size:16px}}@media (max-width: 820px){.category-label-fancy{font-size:.85em;padding:5px 10px}}@keyframes pulse-category{0%{box-shadow:0 2px 8px #8cc5fc2e}to{box-shadow:0 4px 16px #8cc5fc52}}.category-title{color:#3f51b5;font-weight:700;letter-spacing:.5px}.category-value{color:#3f51b5;font-weight:600;text-transform:uppercase;letter-spacing:1px}.letters-grid-container{position:relative}.letters-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:16px auto;justify-content:center;max-width:100%}.letter-btn{background:#f7c948;color:#222;font-size:clamp(.8rem,2vw,1.5rem);font-weight:700;border:none;border-radius:6px;padding:10px 0;cursor:pointer;box-shadow:0 2px 6px #0000001a;transition:background .2s}.letter-btn.used{background:#f7c948;color:#000;cursor:not-allowed;border:2px solid #f7c948;box-shadow:none;opacity:.2}@media (max-width: 960px){.letters-grid{gap:4px;margin:8px auto}.letter-btn{font-size:clamp(.7rem,2.5vw,1.1rem);padding:6px 0}}.letter-btn:active{background:#b7b7b3}.letter-btn.wrong{animation:shake .4s;background:#ff6f6f!important;color:#fff!important;border:6px solid #d32f2f!important;box-shadow:0 0 12px 6px #d32f2f!important}.letter-btn.wrong:disabled{animation:shake .4s;background:#ff6f6f!important;color:#fff!important;border:2px solid #d32f2f!important}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.letter-btn.vowel-mode-disabled,.letter-btn.consonant-mode-disabled{opacity:.3;cursor:not-allowed}.letter-btn.vowel-mode-active{opacity:1;background:#80d8ff;color:#222;box-shadow:0 4px 12px #42bcff40;border:2px solid #42bcff}.letter-btn.vowel-mode-active:hover:not(:disabled){background:#6cf;transform:translateY(-2px)}.letters-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;cursor:not-allowed;background:#0000}@media (max-width: 820px){.letters-grid{grid-template-columns:repeat(auto-fit,minmax(36px,1fr));gap:2px;justify-content:center;width:100%}.letter-btn{font-size:clamp(.6rem,2.8vw,.9rem);padding:5px 0}}.overlay-trophy-icon{font-size:64px;margin-bottom:8px}.overlay-celebration-icon{font-size:24px}.overlay-sparkles-icon{margin-right:8px;font-size:22px}.overlay-warning-icon{font-size:60px;margin-bottom:8px}.victory-ranking-container{margin:18px 0 10px;width:100%}.victory-ranking-title{font-size:20px;font-weight:700;margin-bottom:8px;color:#d84315;text-align:center}.victory-ranking-list{list-style:none;padding:0;margin:0}.victory-ranking-item{display:flex;justify-content:space-between;align-items:center;background:#f7f7f7;border-radius:10px;padding:8px 18px;margin-bottom:6px;font-weight:600;font-size:16px;color:#333}.victory-ranking-item.first{background:#ffe082;font-weight:900;font-size:20px;color:#d84315;box-shadow:0 2px 8px #ffd54f}.victory-ranking-pos{min-width:28px;text-align:center}.victory-ranking-name{flex:1}.victory-ranking-score{min-width:60px;text-align:right}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;display:flex;align-items:center;justify-content:center}.overlay-box{border-radius:32px;padding:44px 52px;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;max-width:500px;width:90vw;max-height:90vh;overflow-y:auto;margin:0 auto}.overlay-title{font-size:2.2em;font-weight:700;margin:0;letter-spacing:2px;text-align:center}.overlay-shield-title{font-size:2em;font-weight:700;margin:0;letter-spacing:1.5px;text-align:center;color:#3949ab}.overlay-double-title{font-size:2em;font-weight:700;margin:0;letter-spacing:1.5px;text-align:center;color:#fbc02d}.overlay-wrong-letter-title,.overlay-lose-it-all-title{font-size:2em;font-weight:700;margin:0;letter-spacing:1.5px;text-align:center;color:#d32f2f}.overlay-wheel-bankrupt-title{font-size:2em;font-weight:700;margin:0;letter-spacing:1.5px;text-align:center;color:#660404}.overlay-wheel-next-title,.overlay-swap-title{font-size:2em;font-weight:700;margin:0;letter-spacing:1.5px;text-align:center;color:#0aaff0}.overlay-bought-vowel-title{font-size:2em;font-weight:700;margin:0;letter-spacing:1.5px;text-align:center;color:#6d4c41}.overlay-guess-phrase-incorrect-title{font-size:2em;font-weight:700;margin:0;letter-spacing:1.5px;text-align:center;color:#d32f2f}.overlay-reel-title{font-size:2em;font-weight:700;margin:0;letter-spacing:1.5px;text-align:center;color:#0ed294}.overlay-text{font-size:1.15em;font-weight:500;margin:0;text-align:center;letter-spacing:1px;line-height:1.4;color:#6d4c41}.overlay-button{margin-top:18px;padding:12px 32px;font-size:18px;font-weight:700;border:none;border-radius:24px;cursor:pointer;transition:transform .15s,box-shadow .15s;outline:none;letter-spacing:1px}.overlay-button:hover{transform:translateY(-2px)}.victory-overlay{background:#ffecb3d9;animation:fadeInVictory .7s}.victory-box{background:linear-gradient(120deg,#ffe082,#ffd54f);box-shadow:0 6px 32px #ffbc4240;animation:popVictory .7s;padding:48px 56px;gap:18px}.victory-title{color:#d84315;font-size:2.5em;text-shadow:0 2px 8px #fff3e0}.victory-button{background:linear-gradient(90deg,#ffb347,#ffcc80);color:#333;box-shadow:0 2px 8px #ffbc422e}.victory-button:hover{box-shadow:0 4px 12px #ffbc4240}.defeat-overlay{background:#ffecb3d9;animation:fadeInDefeat .7s}.defeat-box{background:linear-gradient(120deg,#ff8a80,#ffb199);box-shadow:0 6px 32px #ff8a802e;animation:popDefeat .7s}.defeat-title{color:#c62828;text-shadow:0 2px 8px #ffebee}.error-overlay{background:#ffeeeed9;animation:fadeInError .5s}.error-box{background:linear-gradient(120deg,#ff8a80,#ffab91);box-shadow:0 6px 32px #ff8a8040;animation:popError .5s}.error-title{color:#c62828;text-shadow:0 2px 8px #ffebee}@keyframes fadeInVictory{0%{opacity:0}to{opacity:1}}@keyframes popVictory{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fadeInDefeat{0%{opacity:0}to{opacity:1}}@keyframes popDefeat{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fadeInError{0%{opacity:0}to{opacity:1}}@keyframes popError{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.guess-phrase-overlay{background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:3000;animation:fadeInVictory .4s ease-out}.guess-phrase-box{background:linear-gradient(135deg,#fff,#f0f0f0);border:4px solid #a036fc;box-shadow:0 0 40px #a036fc66;animation:popVictory .4s cubic-bezier(.175,.885,.32,1.275);max-width:60vw;width:auto;min-width:320px}.guess-phrase-title{background:linear-gradient(135deg,#a036fc,#fc4e4e);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:28px;margin-bottom:16px;text-transform:uppercase}@media (max-width: 600px){.overlay-box{padding:28px 24px;border-radius:20px;gap:12px}.overlay-title{font-size:1.6em}.overlay-shield-title,.overlay-double-title,.overlay-wrong-letter-title,.overlay-lose-it-all-title,.overlay-wheel-bankrupt-title,.overlay-wheel-next-title,.overlay-swap-title,.overlay-bought-vowel-title,.overlay-guess-phrase-incorrect-title,.overlay-reel-title{font-size:1.5em}.overlay-text{font-size:1em}.overlay-button{padding:10px 24px;font-size:16px}.victory-box{padding:28px 24px}.victory-title{font-size:2em}.victory-ranking-item{font-size:14px;padding:6px 12px}.victory-ranking-item.first{font-size:16px}.guess-phrase-box{max-width:95vw;min-width:0}.overlay-trophy-icon{font-size:48px}.overlay-warning-icon{font-size:44px}}.phrase-input-container{display:flex;flex-direction:column;align-items:center;gap:12px}.phrase-input{padding:12px 18px;font-size:18px;width:270px;border-radius:18px;border:2px solid #ffb347;box-shadow:0 2px 8px #ffbc421a;outline:none;background:#fff8e1;color:#333;font-weight:500;letter-spacing:1px;transition:border-color .2s,box-shadow .2s}.phrase-input:focus{border-color:#ffa726;box-shadow:0 4px 12px #ffbc422e}.phrase-input:disabled{opacity:.6;cursor:not-allowed}.phrase-input-buttons{display:flex;gap:12px}.phrase-input-button{padding:12px 28px;font-size:18px;font-weight:700;border:none;border-radius:24px;cursor:pointer;transition:transform .15s,box-shadow .15s;outline:none;letter-spacing:1px}.phrase-input-button:disabled{cursor:not-allowed;opacity:.6}.confirm-btn{background:linear-gradient(90deg,#ffb347,#ffcc80);color:#333;box-shadow:0 2px 8px #ffbc422e}.confirm-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffbc4240}.cancel-btn{background:linear-gradient(90deg,#e0e0e0,#f5f5f5);color:#666;box-shadow:0 2px 8px #00000014}.cancel-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}@media (max-width: 600px){.phrase-input{width:200px;font-size:16px}.phrase-input-button{font-size:14px;padding:10px 20px}}.game-actions-container{margin-top:32px;display:flex;justify-content:center;align-items:center}.actions-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;justify-items:center}.action-icon{margin-right:8px;font-size:22px}.action-button{padding:12px 28px;font-size:18px;font-weight:700;border:none;border-radius:24px!important;justify-content:center!important;cursor:pointer;transition:transform .15s,box-shadow .15s;outline:none;position:relative;letter-spacing:1px;width:100%!important}.buy-vowel-price{position:absolute;left:50%;transform:translate(-52%,6px);bottom:6px;font-size:.72rem;font-weight:700;padding:0 3px;border-radius:999px;color:#fff;background:#0000008c;box-shadow:0 2px 6px #00000040;pointer-events:none;z-index:3;letter-spacing:.2px}.action-button:disabled{cursor:not-allowed;opacity:.6}.action-button:not(:disabled):hover{transform:translateY(-2px)}.action-button:not(:disabled):active{transform:scale(.97)}@media (max-width: 960px){.game-actions-container{margin-top:0}.actions-buttons-grid{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.action-button{width:clamp(44px,12vw,60px)!important;height:clamp(44px,12vw,60px)!important;border-radius:50%!important;flex-shrink:0!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important}.action-icon{font-size:clamp(18px,5vw,26px)!important;display:inline-block!important;margin:0!important;padding:0!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.btn-text{display:none!important}.buy-vowel-price{position:absolute!important;bottom:-4px!important;background:#333!important;color:gold!important;padding:1px 4px!important;border-radius:10px!important;border:1px solid white!important;white-space:nowrap!important;z-index:10!important;font-weight:700!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:2px!important;font-size:.6rem!important;transform:none!important;left:auto!important;pointer-events:none!important}.buy-vowel-button.disabled .buy-vowel-price{background:#888!important;color:#eee!important}}.guess-phrase-btn{background:linear-gradient(135deg,#a036fc,#fc4e4e)!important;border:2px solid #ffffff!important;box-shadow:0 4px 12px #f59f004d!important;color:#fff}.buy-vowel-btn{background:linear-gradient(135deg,#036e04,#0cc402)!important;border:2px solid #ffffff!important;box-shadow:0 4px 12px #e031314d!important;color:#fff}.show-rules-btn{background:linear-gradient(135deg,#1971c2,#4dabf7)!important;border:2px solid #ffffff!important;box-shadow:0 4px 12px #0003!important;color:#fff}.new-game-btn{background:linear-gradient(135deg,#d50202,#ffa05d)!important;border:2px solid #ffffff!important;box-shadow:0 4px 12px #ff69b44d!important;color:#fff!important;justify-content:center!important}.new-game-btn-cancel{background:#929090;color:#fff;font-weight:700;font-size:1.1em;border:none;border-radius:8px;box-shadow:0 2px 8px #f443362e;padding:10px 22px;cursor:pointer;transition:transform .18s,box-shadow .18s;display:flex;align-items:center;gap:6px;width:95px;text-align:center}.guess-phrase-btn:not(:disabled):hover{box-shadow:0 4px 12px #42bcff40}.buy-vowel-btn:not(:disabled):hover{box-shadow:0 4px 12px #42bcff40}*{margin:0;padding:0;box-sizing:border-box}#wheelOfFortune{display:flex;justify-content:center;align-items:center;position:relative;width:100%;margin:0 auto;max-width:min(85vw,35vh,450px);aspect-ratio:1 / 1;text-align:center;padding:5px;z-index:5}#wheel{display:block}.wheel-canvas{display:block;width:100%!important;height:100%!important;transform-origin:50% 50%;will-change:transform;transition:transform .8s cubic-bezier(.15,0,.15,1)}.spin-btn,.spin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;height:25%;background:#fb0303;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 0 0 4px currentColor,0 4px 10px #d70a0a00;font-family:sans-serif;font-weight:700;font-size:clamp(.6rem,2.5vmin,1rem);text-transform:uppercase}.spin-btn:after{content:"";position:absolute;top:-13%;border:8px solid transparent;border-bottom-color:currentColor;border-top:none}.spin-btn:active{transform:translate(-50%,-50%) scale(.92)}@media (max-width: 360px){#wheelOfFortune{max-width:min(85vw,30vh)}.spin-btn:after{top:-10%;border-width:6px}}@media (max-height: 500px){#wheelOfFortune{max-width:25vh;margin:5px auto}.spin-btn:after{top:-10%;border-width:6px}}@media (max-width: 960px){#wheelOfFortune{max-width:min(80vw,32vh);margin-top:10px;margin-bottom:20px}.spin-btn:after{top:-22%;border-width:6px}}@media (min-width: 1200px){#wheelOfFortune{max-width:450px}}.game-center-container{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;min-height:auto;margin-top:20px}.wheel-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.wheel-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;margin:0 auto;padding:0;left:0;right:0;justify-content:center}.wheel-position{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.wheel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;cursor:not-allowed;background:#0000}.wheel-info-bar{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;background:linear-gradient(120deg,#f8f9fa,#e9ecef);border-radius:16px;padding:16px;box-shadow:0 4px 16px #0000001a}.wheel-info-row{display:flex;flex-direction:row;gap:32px;justify-content:center}.wheel-info-item{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.score-container{position:relative}.wheel-info-label{font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1px}.wheel-info-value{font-size:20px;font-weight:700;color:#333}.score-increment-anim,.score-decrement-anim{position:absolute;top:-30px;right:-20px;font-size:16px;font-weight:700;pointer-events:none;animation:scoreAnim 1.2s ease-out forwards}@keyframes scoreAnim{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-15px) scale(1.1)}to{opacity:0;transform:translateY(-30px) scale(.9)}}.new-game-btn-gc{background:linear-gradient(90deg,#ffb74d,#ffd54f);color:#222;font-weight:700;font-size:1.1em;border:none;border-radius:8px;box-shadow:0 2px 8px #ffb74d2e;padding:10px 22px;cursor:pointer;transition:transform .18s,box-shadow .18s;display:flex;align-items:center;gap:6px;width:200px;margin-top:10px}.new-game-btn-gc:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5040}@media (max-width: 960px){.game-center-container{margin-top:0;gap:8px}}.rules-btn-container{position:absolute;top:16px;right:16px;z-index:6}.rules-btn{display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0000001a;background:linear-gradient(90deg,#ffe680,gold);color:#7a5c00;border:none;font-weight:600;font-size:16px;border-radius:24px;padding:8px 18px;transition:transform .1s;cursor:pointer}.rules-btn-icon{font-size:20px;margin-right:4px;display:flex;align-items:center}.rules-btn:hover,.rules-close-btn:hover{transform:scale(1.07)}.rules-btn:active,.rules-close-btn:active{transform:scale(1)}.rules-page-btn{background:linear-gradient(90deg,#ffe680,gold);color:#7a5c00;font-weight:400;font-size:12px;border:none;border-radius:24px;padding:8px 12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .1s}.players-names{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.1rem;margin-bottom:auto;margin-top:auto}.players-names.players-names-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:.5rem;margin-top:auto;margin-bottom:auto}.players-names.players-names-grid .player-name-input{width:90%;box-sizing:border-box;margin-left:auto;margin-right:auto}.player-name-input,.pretty-input{width:130px;max-width:100%;padding:.3rem .5rem;font-size:1rem;border-radius:8px;border:1px solid #1976d2;background:#f6f8fa;color:#222;outline:none;box-shadow:0 1px 6px #1976d212;transition:border .2s,box-shadow .2s;box-sizing:border-box}.player-name-input:focus,.pretty-input:focus{border:2px solid #f49f31;box-shadow:0 0 0 2px #ffe06644;background:#fffbe6}.start-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 2rem 2rem;background:#fff;border-radius:18px;box-shadow:0 4px 24px #0000001a;width:420px;margin-top:3rem;margin-bottom:-2rem;max-width:calc(100vw - 2rem);position:relative;z-index:1}.title{font-size:20.5rem;margin-bottom:1rem;letter-spacing:2px;text-align:center}.players-select{justify-content:center;margin-bottom:auto;margin-top:1rem;width:100%;display:flex;flex-direction:column;align-items:center}.custom-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#f6f8fa url('data:image/svg+xml;utf8,<svg fill="%231976d2" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right .7em center/1.2em 1.2em;border:1.5px solid #1976d2;border-radius:8px;padding:.5rem 2.2rem .5rem 1rem;font-size:1.1rem;color:#1976d2;font-weight:600;outline:none;transition:border .2s,box-shadow .2s;box-shadow:0 1px 4px #1976d212;cursor:pointer}.custom-dropdown:focus{border:2px solid #f49f31;box-shadow:0 0 0 2px #ffe06644}.custom-dropdown-wrapper-create-room{display:flex;align-items:center;margin-top:auto;margin-bottom:auto}.actions-row{margin-top:1.5rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.start-btn{margin-bottom:.7rem}.lang-toggle{margin-top:.2rem;margin-left:auto;margin-right:auto;background:#f6f8fa;border-radius:999px;box-shadow:0 1px 6px #1976d212;padding:.25rem .5rem;display:flex;align-items:center;gap:.5rem;border:1.5px solid #ececec;width:200px}.lang-btn{padding:7px 18px;border-radius:999px;border:none;background:transparent;cursor:pointer;font-weight:600;color:#1976d2;font-size:1.05rem;transition:background .18s,color .18s,box-shadow .18s;margin:0 2px;position:relative;z-index:1}.lang-btn.active{background:linear-gradient(90deg,#1976d2 60%,#4fc3f7);color:#fff;box-shadow:0 2px 8px #1976d221}.lang-btn:not(.active):hover{background:#e3f2fd;color:#1976d2}.start-screen,.pretty-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(120deg,#ffe680,#fffbe6 40%,#f6f8fa);overflow-x:hidden;overflow-y:auto;color:#000;margin:0;padding:0;z-index:1000}.bg-star.star4{left:20vw;top:10vh;animation-delay:.5s}.players-select-label-group{display:flex;align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000012;padding:.5rem 1rem;border:1px solid #ececec;margin-top:auto;margin-bottom:auto}.players-label{font-size:1.15rem;font-weight:600;color:#1976d2;letter-spacing:1px;margin-right:.5rem}.custom-dropdown-wrapper{display:flex;align-items:center}.start-btn{padding:.7rem 2rem;font-size:1.1rem;background:#f49f31;color:#222;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background .2s}.start-btn:hover{background:#ffe066}.lang-btn{padding:6px 10px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:600}.lang-btn.active{background:#1976d2;color:#fff;border-color:#1976d2}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.loading-text{margin-top:0;font-size:1.25rem;color:#111;text-align:center;min-height:7.5em;font-weight:500}.game-mode-toggles{display:flex;justify-content:center;gap:10px;margin-top:auto;margin-bottom:auto;flex-wrap:wrap}.mode-btn{background:#fffc;border:2px solid #ffd700;border-radius:20px;padding:8px 16px;cursor:pointer;font-weight:700;color:#333;transition:all .2s ease;font-size:.9rem;margin-top:auto;margin-bottom:auto}.mode-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.mode-btn.active{background:linear-gradient(90deg,#edbc0c,#ca06f1);color:#fff;border-color:#e6c200;box-shadow:inset 0 2px 4px #0000001a;margin-bottom:auto;margin-top:auto}.carousel-viewport{width:100%;overflow:hidden;position:relative}.carousel-inner{display:flex;width:100%;will-change:transform}.carousel-slide{flex:0 0 100%;min-width:100%;width:100%;box-sizing:border-box}.slide-content{display:flex;flex-direction:column;align-items:center;width:100%;height:250px;padding:.5rem 0;gap:.75rem;overflow-y:auto}.carousel-steps{display:flex;align-items:center;justify-content:center;gap:0;width:100%;padding-top:1rem}.carousel-step-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;position:relative}.carousel-step-item:not(:last-child):after{content:"";position:absolute;top:14px;left:60%;width:80%;height:2px;background:#e0e0e0;z-index:0}.carousel-step-item.completed:not(:last-child):after{background:linear-gradient(90deg,#edbc0c,#ca06f1)}.carousel-step-dot{width:28px;height:28px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;z-index:1;position:relative;transition:all .2s ease}.carousel-step-item.active .carousel-step-dot{background:linear-gradient(135deg,#edbc0c,#ca06f1);color:#fff;box-shadow:0 2px 8px #ca06f14d;transform:scale(1.15)}.carousel-step-item.completed .carousel-step-dot{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.carousel-step-item.skipped .carousel-step-dot{background:#ccc;color:#999;opacity:.65}.carousel-step-label{font-size:.65rem;color:#999;font-weight:500;text-align:center;white-space:nowrap;max-width:60px;overflow:hidden;text-overflow:ellipsis}.carousel-step-item.active .carousel-step-label{color:#ca06f1;font-weight:700}.carousel-step-item.completed .carousel-step-label{color:#388e3c}.carousel-nav{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.25rem;width:100%}.nav-btn{padding:.6rem 1.4rem;font-size:1rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease;min-width:100px}.back-btn{background:#f6f8fa;color:#555;border:1.5px solid #ddd}.back-btn:hover{background:#ececec;transform:translateY(-1px)}.next-btn{background:linear-gradient(90deg,#edbc0c,#f49f31);color:#333}.next-btn:hover{background:linear-gradient(90deg,#f49f31,#edbc0c);transform:translateY(-1px);box-shadow:0 4px 10px #f49f314d}.disabled-look{opacity:.5;cursor:default}.slide-subtitle{font-size:1rem;color:#666;margin:0 0 .5rem;text-align:center}.login-options{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;margin-top:auto;margin-bottom:auto}.google-login-wrapper{display:flex;justify-content:center}.google-btn-placeholder{display:flex;align-items:center;gap:10px;background:#fff;color:#444;border:1.5px solid #ddd!important;padding:.65rem 1.5rem;font-size:.95rem;font-weight:500;cursor:not-allowed;opacity:.7;min-width:240px;justify-content:center}.google-icon{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.login-divider{display:flex;align-items:center;width:240px;gap:.75rem;color:#aaa;font-size:.85rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e0e0e0}.guest-btn{background:#fff;color:#333;border:1.5px solid #ffd700!important;padding:.65rem 1.5rem;font-size:.95rem;min-width:240px;text-align:center}.guest-btn:hover{background:#fffbe6;transform:translateY(-1px);box-shadow:0 3px 8px #0000001a}.guest-form{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;animation:fadeIn .2s ease;margin-top:auto;margin-bottom:auto}.guest-form-title{font-size:1rem;font-weight:600;color:#333;margin:0}.guest-name-input{width:240px;font-size:1.05rem}.guest-form-actions{display:flex;gap:.75rem;align-items:center}.guest-back-btn{background:#f6f8fa;color:#555;border:1.5px solid #ddd!important;padding:.55rem 1rem;font-size:.9rem}.guest-confirm-btn{background:linear-gradient(90deg,#edbc0c,#f49f31);color:#333;border:none!important;padding:.55rem 1.2rem;font-size:.9rem;font-weight:700}.guest-confirm-btn:hover{background:linear-gradient(90deg,#f49f31,#edbc0c);transform:translateY(-1px)}.logged-in-state{display:flex;flex-direction:column;align-items:center;margin-top:auto;margin-bottom:auto;gap:.5rem;padding:.5rem;background:linear-gradient(135deg,#f0fff4,#e8f5e9);border-radius:12px;border:1.5px solid #a5d6a7;min-width:240px}.google-avatar{font-size:1.5rem}.logged-in-label{font-size:.85rem;color:#666;margin:0}.logged-in-name{font-size:1.25rem;font-weight:700;color:#2e7d32;margin:0}.change-user-btn{background:transparent;border:1px solid #a5d6a7;border-radius:20px;font-size:.8rem;padding:6px 12px}.category-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:auto;margin-bottom:auto;grid-template-columns:repeat(3,1fr)}.category-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:3px 4px;font-size:.9rem}.category-emoji{font-size:1.4rem;margin-bottom:4px}.category-selection{text-align:center;margin-top:auto;margin-bottom:auto}.seo-content-container{max-width:800px;width:calc(100% - 2rem);margin:40px auto;padding:10px;background-color:#ffffffe6;border-radius:15px;box-shadow:0 4px 6px #0000001a;color:#333;line-height:1.4;font-size:.95rem;text-align:left;position:relative;z-index:1}.start-summary{margin-top:auto;margin-bottom:auto}@media (max-width: 820px){.start-screen,.pretty-bg{justify-content:flex-start;padding-top:1.25rem;padding-bottom:2rem}.start-card{padding:2rem 1.25rem 1.5rem;margin:0 1rem;width:calc(100% - 2rem)}.title{font-size:1.8rem;margin-bottom:1.5rem;letter-spacing:1px}.player-name-input,.pretty-input,.players-names{width:100%}.rules-btn{font-size:14px;padding:7px 12px}.mode-btn{padding:8px 12px;font-size:.85rem}.start-btn{width:100%;padding:.85rem 1rem;font-size:1.1rem}.actions-row{width:100%}.seo-content-container{margin:20px auto;padding:16px;font-size:.95rem}.players-select-label-group{padding:.6rem 1rem;gap:.75rem}.category-btn{padding:4px 5px;font-size:.85rem}.category-selection{text-align:center;margin-top:auto;margin-bottom:auto}}@media (max-width: 360px){.title{font-size:1.5rem}.mode-btn{font-size:.78rem;padding:7px 9px}.start-card{padding:1.5rem 1rem 1.25rem}.category-btn{padding:3px 4px;font-size:.77rem}.category-selection{text-align:center;margin-top:auto;margin-bottom:auto}}.app-root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.game-layout{display:flex;gap:24px;margin-top:5px;align-items:flex-start}.game-sidebar{display:flex;flex-direction:column;gap:12px;width:100%;max-width:260px;flex-shrink:0}.powerups-container{background:#f7f7f7;border-radius:12px;padding:16px;box-shadow:0 2px 8px #eee;height:fit-content}.game-main-content{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}@media (max-width: 960px){.game-layout{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:4px;padding:0 4px 8px;justify-content:center;align-items:flex-start}.game-sidebar,.game-main-content,.game-center-container{display:contents}.category-label-fancy{order:1;width:100%;justify-content:center;margin:0!important}.board{order:2;width:100%;margin:0!important;justify-content:center}.letters-grid-container{order:3;width:100%;margin:0!important;display:flex;justify-content:center}.game-actions-container{order:4;width:14%;display:flex!important;flex-direction:column!important;gap:8px!important;align-items:center!important;justify-content:center!important;margin:0!important}.wheel-container{order:5;width:calc(68% - 12px);margin:0!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important}.wheel-container div{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important}.powerups-wrapper{order:6;width:14%;margin:0!important}.leaderboard-root{order:7;width:100%;margin:0!important;min-width:0!important}.new-game-btn{order:10;width:48px}}@media (max-width: 480px){.game-layout{gap:4px;padding:0 2px 6px}.game-actions-container{width:13%!important;gap:6px!important}.wheel-container{width:calc(72% - 8px)!important}.powerups-wrapper{width:13%!important}}div[style*="z-index: 9999"]{background:#ffffff80!important}.fancy-title{background:linear-gradient(90deg,#ffb74d,#e0c3fc);color:#222;font-size:2em;font-weight:900;border-radius:16px;box-shadow:0 4px 24px #e0c3fc2e;padding:16px 28px;margin:0;display:flex;align-items:center;gap:12px;letter-spacing:2px;border-bottom:3px solid #ffd54f;transition:box-shadow .18s,transform .18s,font-size .18s;cursor:pointer}.fancy-title:hover{box-shadow:0 8px 32px #ffb74d52;transform:translateY(-3px) scale(1.04)}@media (max-width: 960px){.fancy-title{font-size:1.1em;padding:8px 16px}}@media (max-width: 820px){.fancy-title{font-size:.95em;padding:6px 12px}}@keyframes title-bounce{0%{transform:scale(1) translateY(0)}20%{transform:scale(1.08,.92) translateY(-6px)}40%{transform:scale(.96,1.04) translateY(2px)}60%{transform:scale(1.04,.98) translateY(-4px)}80%{transform:scale(.98,1.02) translateY(2px)}to{transform:scale(1) translateY(0)}}@keyframes title-spin{0%{box-shadow:0 4px 24px #e0c3fc2e;transform:scale(1) rotate(-2deg)}to{box-shadow:0 8px 32px #ffb74d52;transform:scale(1.04) rotate(2deg)}}.score-increment-anim{position:absolute;left:100%;top:0;font-size:1.3em;font-weight:700;color:#4caf50;pointer-events:none;animation:scorePop 1.2s cubic-bezier(.4,0,.2,1);z-index:10;white-space:nowrap}@keyframes scorePop{0%{opacity:0;transform:translateY(0) scale(.8)}10%{opacity:1;transform:translateY(-10px) scale(1.1)}80%{opacity:1;transform:translateY(-30px) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.8)}}.score-decrement-anim{position:absolute;left:100%;top:0;font-size:1.3em;font-weight:700;color:#f44336;pointer-events:none;animation:scoreDecrease 1.2s cubic-bezier(.4,0,.2,1);z-index:10;white-space:nowrap}@keyframes scoreDecrease{0%{opacity:0;transform:translateY(0) scale(.8)}10%{opacity:1;transform:translateY(10px) scale(1.1)}80%{opacity:1;transform:translateY(30px) scale(1)}to{opacity:0;transform:translateY(50px) scale(.8)}}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif}.app-root{max-width:1400px;margin:0 auto;padding:0 8px;font-family:Inter,system-ui,sans-serif}.new-game-btn{background:linear-gradient(90deg,#ffb74d,#ffd54f);color:#222;font-weight:700;font-size:1.1em;border:none;border-radius:8px;box-shadow:0 2px 8px #ffb74d2e;padding:10px 22px;cursor:pointer;transition:transform .18s,box-shadow .18s;display:flex;align-items:center;gap:6px;width:48px}.new-game-btn:hover{transform:scale(1.07) rotate(-2deg);box-shadow:0 4px 16px #ffb74d47;background:linear-gradient(90deg,#ffd54f,#ffb74d)}.powerups-wrapper{background:#f7f7f7;border-radius:12px;padding:12px;box-shadow:0 2px 8px #eee;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.powerups-title{margin:0 0 10px;font-weight:700;color:#d14c4c;font-size:18px;text-align:center}.game-actions-right-container{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.powerups-root{margin-top:0;width:100%;display:flex;flex-direction:column;align-items:center}@media (max-width: 960px){.powerups-wrapper{background:none;padding:0;box-shadow:none;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.powerups-title{display:none}.game-actions-right-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%}.powerup-card{background:none;box-shadow:none;cursor:pointer;min-width:0;position:relative;overflow:visible;font-weight:700;font-size:.9rem;width:clamp(44px,12vw,60px)!important;height:clamp(44px,12vw,60px)!important;border-radius:50%!important;flex-shrink:0!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important;transform:none}.powerup-btn{background:#1976d2;color:#fff;border:none;cursor:pointer;overflow:visible!important;font-weight:700;width:clamp(44px,12vw,60px)!important;height:clamp(44px,12vw,60px)!important;border-radius:50%!important;flex-shrink:0!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important;border:2px solid #ffffff!important}.powerup-image{width:100%!important;height:100%!important;object-fit:contain;border-radius:50%!important;display:block;background:transparent;margin:0;padding:0}.powerup-img-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.powerup-price{position:absolute!important;bottom:-4px!important;background:#333!important;color:gold!important;padding:1px 4px!important;border-radius:10px!important;border:1px solid white!important;white-space:nowrap!important;z-index:10!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;font-size:.65rem!important;transform:none!important;left:auto!important;scale:1!important}.powerup-button.disabled .powerup-price{background:#888!important;color:#eee!important}}.powerups-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0px}.powerup-card{background:none;border:none;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer;min-width:0;position:relative;overflow:visible;font-size:.9rem;transform:scale(.82);transform-origin:center;transition:transform .12s ease,box-shadow .12s ease;width:100%;height:100%}.powerup-label{display:none}.powerup-btn{background:transparent;color:#fff;border:none;border-radius:6px;padding:5px 7px;cursor:pointer;font-weight:700;font-size:.9rem}.powerup-btn:focus{outline:2px solid rgba(25,118,210,.25);outline-offset:2px}.powerup-card.vertical{width:100px}.powerup-card:hover .powerup-img-wrapper{box-shadow:0 4px 18px #1976d221}.powerup-image{width:100%;height:100%;object-fit:cover;border-radius:0;display:block;box-shadow:none;background:transparent;margin:0;padding:0;transition:transform .18s cubic-bezier(.4,1.4,.6,1)}.powerup-card:hover .powerup-image{transform:scale(1.08) translateY(-4px);box-shadow:none;background:transparent}.powerup-button{background:transparent;padding:0;cursor:pointer;border:none;outline:none}.powerup-button:focus{outline:2.5px solid #1976d2;outline-offset:2px;z-index:2}.powerup-price{position:absolute;left:50%;transform:translate(-35%,-4px);bottom:6px;font-size:.69rem;font-weight:700;padding:3px 8px;border-radius:999px;color:#fff;background:#0000008c;box-shadow:0 2px 6px #00000040;pointer-events:none;z-index:3;letter-spacing:.2px;scale:1.5}.powerup-card.vertical .powerup-price{bottom:6px}.overlay.target-overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;background:#1976d22e;display:flex;align-items:center;justify-content:center;animation:fadeInOverlay .18s}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.overlay-box{background:#fff;border-radius:18px;box-shadow:0 8px 32px #1976d22e,0 1.5px 8px #1976d222;padding:32px 28px 22px;min-width:260px;display:flex;flex-direction:column;align-items:center;animation:popInOverlayBox .18s}@keyframes popInOverlayBox{0%{transform:scale(.96) translateY(18px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.overlay-box h3{color:#1976d2;font-size:1.18rem;font-weight:700;margin-bottom:18px;letter-spacing:.5px;text-align:center}.target-btn{background:#1976d2;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;padding:10px 0;margin-bottom:4px;cursor:pointer;transition:background .15s,transform .12s;box-shadow:0 2px 8px #1976d214;outline:none}.target-btn:hover,.target-btn:focus{background:#1253a2;transform:translateY(-2px) scale(1.03)}.target-cancel-btn{background:#eee;color:#1976d2;border:none;border-radius:8px;font-size:1rem;font-weight:600;padding:10px 0;margin-top:10px;cursor:pointer;transition:background .15s,color .15s;box-shadow:0 1px 4px #1976d20a;outline:none}.target-cancel-btn:hover,.target-cancel-btn:focus{background:#e3eafc;color:#0d47a1}.leaderboard-root{background:#f7f7f7;border-radius:12px;padding:12px;box-shadow:0 2px 8px #eee;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.leaderboard-title{margin:0 0 10px;font-weight:700;color:#d14c4c;font-size:18px;text-align:center}.leaderboard-list{display:flex;flex-direction:column;gap:8px;width:100%}.leaderboard-entry{display:grid;grid-template-areas:"name score" "icons .";grid-template-columns:1fr auto;align-items:center;padding:8px 12px;border-radius:10px;width:100%;min-width:0;transition:all .2s ease;border:2px solid transparent;box-sizing:border-box}.leaderboard-entry.active{background:#e3f0ff;border-color:#1976d2;box-shadow:0 0 8px #90caf9}.leaderboard-player{grid-area:name;display:flex;flex-direction:column;align-items:flex-start;width:auto;margin-bottom:0;position:relative}.leaderboard-name{font-weight:700;color:#333;font-size:14px;text-align:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-player-meta{grid-area:icons;display:flex;gap:4px;justify-content:flex-start;margin-bottom:0;margin-top:4px}.status-icon{font-size:14px;opacity:.2}.status-icon.active{opacity:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.leaderboard-score-container{grid-area:score;width:auto;display:flex;justify-content:flex-end}.leaderboard-score{background:#ffd54f;border-radius:6px;padding:2px 8px;font-weight:800;color:#222;font-size:12px;white-space:nowrap}.leaderboard-change{position:absolute;top:-14px;left:0;right:0;margin:0 auto;width:fit-content;font-size:11px;padding:1px 5px;border-radius:4px;font-weight:700;animation:lb-pop-float 2s ease forwards;pointer-events:none;white-space:nowrap;z-index:10}.leaderboard-change.positive{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.leaderboard-change.negative{background:#ffebee;color:#b71c1c;border:1px solid #ffcdd2}@media (max-width: 960px){.leaderboard-root{margin:0;padding:6px 4px}.leaderboard-list{flex-direction:row;justify-content:space-around}.leaderboard-entry{display:flex;flex-direction:column;align-items:center;padding:8px 4px;width:auto;flex:1;gap:0}.leaderboard-player{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:4px}.leaderboard-title{font-size:14px}.leaderboard-name{font-size:11px;text-align:center}.leaderboard-player-meta{justify-content:center;margin-top:0;margin-bottom:6px}.leaderboard-score-container{width:100%;justify-content:center}.leaderboard-score{font-size:11px;padding:1px 6px}.status-icon{font-size:12px}}@keyframes lb-pop-float{0%{transform:translateY(0) scale(.9);opacity:0}12%{transform:translateY(-5px) scale(1.1);opacity:1}to{transform:translateY(-20px) scale(1);opacity:0}}.lobby-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(120deg,#ffe680,#fffbe6 40%,#f6f8fa);overflow:hidden;color:#222;margin:0;padding:16px;z-index:1000}.start-screen .bg-decor,.pretty-bg .bg-decor{position:absolute;pointer-events:none;z-index:0}.bg-star{position:absolute;width:38px;height:38px;opacity:.7;animation:twinkle 2.5s infinite alternate}.bg-circle{position:absolute;border-radius:50%;opacity:.18;filter:blur(1.5px);animation:float 7s infinite alternate}.title{font-size:2.5rem;margin-bottom:2.5rem;letter-spacing:2px}.lobby-card{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;background:#fff;padding:2.5rem 2rem;border-radius:18px;box-shadow:0 4px 24px #0000001a;width:100%;max-width:480px;text-align:center}.lobby-waiting-text{font-size:1.2rem;margin-bottom:2rem;color:#555;font-weight:500}.lobby-details{width:100%;display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2rem}.lobby-section{display:flex;flex-direction:column;gap:.5rem;background:#fff;border:1px solid #ececec;border-radius:12px;padding:1rem 1.5rem;box-shadow:0 2px 12px #00000012;align-items:flex-start}.lobby-category{display:flex;justify-content:space-between;width:100%;background:#fff;border:1px solid #ececec;border-radius:12px;padding:1rem 1.5rem;box-shadow:0 2px 12px #00000012;align-items:center}.lobby-label{font-size:1rem;text-transform:uppercase;color:#1976d2;font-weight:600;letter-spacing:1px}.room-code{letter-spacing:3px;color:#f49f31;font-size:2rem}.room-code-row{display:flex;align-items:center;gap:.75rem}.copy-room-btn{border:1px solid #f49f31;background:#fff8e1;color:#d9822b;padding:6px 10px;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;white-space:nowrap}.copy-room-btn:hover{background-color:#ffe0a3;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.copy-confirm{font-size:.8rem;color:#2e7d32;opacity:0;animation:copyFade 1.5s forwards}@keyframes copyFade{0%{opacity:0;transform:translateY(0)}20%{opacity:1;transform:translateY(-2px)}to{opacity:0;transform:translateY(-4px)}}.lobby-player-list{list-style:none;padding:0;margin:0;width:100%;text-align:left}.lobby-player-item{font-size:1.1rem;padding:.6rem 0;border-bottom:1px solid #eee;color:#444}.lobby-player-item:last-child{border-bottom:none}.lobby-spinner-container{display:flex;justify-content:center;margin-top:1rem}.lobby-back-btn{background:#f4d03f;border:none;color:#333;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;transition:transform .2s ease,opacity .2s ease}.lobby-back-btn:hover{transform:translateY(-2px);opacity:.9}.copy-room-btn{font-size:24px!important;display:inline-block!important;margin:0!important;padding:0!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))!important;transform:translateY(0)!important}.reel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000}.reel-box{background:#fff;border-radius:18px;padding:32px 48px;box-shadow:0 6px 32px #0000002e;display:flex;flex-direction:column;align-items:center}.reel-values{display:flex;flex-direction:column;gap:18px;font-size:2rem;font-weight:700}.reel-value.selected{color:#ff9800;background:#ffe0b2;border-radius:8px;padding:8px 24px}.reel-close-btn{margin-top:24px;padding:10px 28px;font-size:1.1rem;border-radius:8px;border:none;background:#ffd54f;font-weight:700;cursor:pointer}html,body{min-height:100vh;width:100%;background:linear-gradient(120deg,#ffe680,#fffbe6 40%,#f6f8fa);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.rules-page{position:fixed;top:0;left:0;width:100%;height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:60px;padding-bottom:calc(100px + env(safe-area-inset-bottom));gap:50px;background:transparent;z-index:100}.title.fancy-title{position:relative;font-size:2.5rem;color:#7a5c00;text-shadow:2px 2px 0px #fff;margin:0;flex-shrink:0;z-index:5;text-align:center;line-height:1.2}@media (max-width: 960px){.title.fancy-title{position:relative;font-size:1.5rem;color:#7a5c00;text-shadow:2px 2px 0px #fff;margin:0;flex-shrink:0;z-index:5;text-align:center;line-height:1.2}}.rules-page .title{position:relative;flex-shrink:0;z-index:2;margin:0;text-align:center}.rules-page .bg-decor{position:fixed;z-index:-1}.bg-star{width:38px;height:38px;opacity:.7;animation:twinkle 2.5s infinite alternate}.bg-star.star1{left:8vw;top:12vh;animation-delay:.2s}.bg-star.star2{left:80vw;top:18vh;animation-delay:.7s}.bg-star.star3{left:60vw;top:80vh;animation-delay:1.1s}.bg-star.star4{left:20vw;top:70vh;animation-delay:.5s}.bg-star.star5{left:50vw;top:10vh;animation-delay:1.7s}.bg-circle{border-radius:50%;opacity:.18;filter:blur(1.5px);animation:float 7s infinite alternate}.bg-circle.c1{width:120px;height:120px;left:10vw;top:60vh;background:gold;animation-delay:.5s}.bg-circle.c2{width:80px;height:80px;left:85vw;top:75vh;background:#f49f31;animation-delay:1.2s}.bg-circle.c3{width:60px;height:60px;left:70vw;top:8vh;background:#ffe680;animation-delay:.8s}.bg-circle.c4{width:100px;height:100px;left:40vw;top:85vh;background:gold;animation-delay:1.7s}.bg-circle.c5{width:50px;height:50px;left:25vw;top:20vh;background:#f49f31;animation-delay:.3s}.rules-page-wrapper{position:relative;z-index:1;width:100%;display:flex;justify-content:center;flex-shrink:0}.rules-modal{max-width:800px;width:90%;background:#fffbe6;padding:50px 24px 32px;border-radius:18px;box-shadow:0 6px 32px #0000002e;border:3px solid #ffd700;position:relative;height:auto;margin:0 auto}.rules-modal-icon-wrapper{position:absolute;top:-38px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#ffe680,gold);border-radius:50%;width:76px;height:76px;display:flex;align-items:center;justify-content:center;border:2.5px solid #fff;box-shadow:0 2px 12px #00000026;z-index:10}.rules-modal-icon{font-size:40px}.rules-modal-title{margin-top:18px;margin-bottom:18px;text-align:left;color:#7a5c00;font-weight:800;letter-spacing:.5px;margin-left:8px}.rules-content{margin-bottom:18px}.rules-section{margin-bottom:16px}.rules-section-title{margin:0 0 8px;color:#7a5c00;font-weight:700;font-size:18px;text-align:left}.rules-list{padding-left:24px;margin:0;color:#3d2c00;font-size:17px;line-height:1.7}.rules-list-item{margin-bottom:8px}.rules-list-item ul{list-style-type:disc;padding-left:20px;margin:6px 0 0}.rules-list-item ul li{margin-bottom:4px}.rules-empty{margin:0;text-align:center;color:#7a5c00;font-size:16px}.rules-disclaimer{margin-top:8px;color:#a67c00;font-size:14px;text-align:center;font-style:italic}.rules-footer-action{flex-shrink:0;margin-top:10px;z-index:10}.rules-modal-footer{text-align:center;margin-top:24px}.rules-close-btn{background:linear-gradient(90deg,gold,#ffc107);color:#5d4037;font-weight:800;font-size:1.2rem;border:2px solid #fff;border-radius:50px;padding:14px 40px;box-shadow:0 4px 15px #0003;cursor:pointer;transition:transform .2s}.rules-close-btn:hover{transform:scale(1.07)}.rules-close-btn:active{transform:scale(.95)}.rules-overlay{z-index:2000;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;position:fixed}@media (min-width: 768px){.rules-page{padding-top:64px;padding-bottom:96px}.rules-modal{padding:36px 32px 40px;max-width:1000px;width:100%}}.scoreboard-rules{background:linear-gradient(135deg,#fffbe6 60%,#ffe066);border-radius:14px;box-shadow:0 2px 12px #f49f311a;padding:28px 18px 22px;text-align:left;position:relative;z-index:2}.scoreboard-rules-title{font-size:1.5rem;color:#f49f31;font-weight:700;text-align:center;letter-spacing:.5px;display:flex;align-items:center;justify-content:center}.scoreboard-rules-list li{background:#fff9e3;border-radius:8px;font-size:1.08rem;color:#7a5a00;position:relative;box-shadow:0 1px 4px #f49f3112;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.scoreboard-rules-list li .scoreboard-rule-icon{display:block;font-size:1.6rem;margin-bottom:4px;opacity:.92;position:static;left:unset;top:unset;transform:none}.scoreboard-page{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;background:transparent;color:#000;overflow:hidden}html,body{overflow-y:auto!important;overflow-x:hidden!important;position:static!important;overscroll-behavior:auto!important}.bg-star polygon{fill:gold}.bg-star{position:absolute;width:38px;height:38px;opacity:.7;animation:twinkle 2.5s infinite alternate;z-index:0;pointer-events:none}.star1{left:20px;top:20px;animation-delay:.2s}.star2{left:80px;top:40px;animation-delay:.7s}.star3{left:120px;top:120px;animation-delay:1.1s}.star4{left:160px;top:160px;animation-delay:.5s}.star5{left:200px;top:60px;animation-delay:1.7s}@keyframes twinkle{0%{opacity:.5;transform:scale(1) rotate(0)}to{opacity:1;transform:scale(1.18) rotate(15deg)}}.bg-circle{position:absolute;border-radius:50%;opacity:.18;filter:blur(1.5px);animation:float 7s infinite alternate;z-index:0;pointer-events:none}.bg-circle.c1{width:120px;height:120px;left:40px;top:220px;background:gold;animation-delay:.5s}.bg-circle.c2{width:80px;height:80px;left:180px;top:320px;background:#f49f31;animation-delay:1.2s}.bg-circle.c3{width:60px;height:60px;left:280px;top:80px;background:#ffe680;animation-delay:.8s}.bg-circle.c4{width:100px;height:100px;left:380px;top:400px;background:gold;animation-delay:1.7s}.bg-circle.c5{width:50px;height:50px;left:480px;top:120px;background:#f49f31;animation-delay:.3s}@keyframes float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-18px) scale(1.12)}}.scoreboard-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001f;padding:32px 24px;position:relative;z-index:2}.trophy-icon{font-size:2.5rem;display:block;text-align:center;margin-bottom:8px}.victory-title{font-size:2rem;text-align:center;margin-bottom:8px;color:#2ecc40}.subtitle{text-align:center;margin-bottom:16px;font-family:Arial,Helvetica,sans-serif;font-size:1.25rem;text-shadow:1px 1px 6px #f9f9f9}.celebration-icon{font-size:1.5rem}.ranking-container{margin-bottom:16px}.ranking-title{font-size:1.2rem;margin-bottom:8px}.ranking-list{list-style:none;padding:0;margin:0}.ranking-item{display:flex;align-items:center;justify-content:flex-start;padding:6px 0}.ranking-item.first{font-weight:700;color:#d4af37}.ranking-pos{width:2em;text-align:right;margin-right:8px}.ranking-name{flex:1}.ranking-score{margin-left:12px;font-weight:700}.play-again-btn{background:gold;color:#222;border:none;border-radius:8px;padding:8px 24px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #00000014;transition:background .2s}.play-again-btn:hover{background:#ffe066}.sparkles-icon{font-size:1.2rem}.scoreboard-wrapper{width:100%;display:flex;align-items:center;justify-content:center;padding:32px 16px;box-sizing:border-box;position:relative;z-index:1}.scoreboard-card{width:min(900px,100%);margin:0 auto}.scoreboard-actions{margin-top:12px;width:100%;display:flex;justify-content:center}@media (max-width: 480px){.scoreboard-wrapper{padding:24px 12px}.scoreboard-card{width:100%}}