:root{--bg-primary:#fbf7ef;--bg-secondary:#fff;--bg-tertiary:#f3e9d8;--bg-input:#fff;--text-primary:#2e2921;--text-secondary:#6b6357;--border-color:#e4d9c4;--shadow-color:#5a46281a;--accent-blue:#d96a47;--accent-blue-hover:#c55a38;--accent-green:#3a9e8f;--accent-green-hover:#2e8a7c;--accent-red:#d64545;--accent-red-hover:#c13a3a;--accent-yellow:#e8b33c;--accent-orange:#e8965a;--team-1:#d96a47;--team-2:#3a9e8f;--team-3:#8e6bae;--team-4:#e0a32e;--team-5:#5d9fc7;--team-6:#c25276;--team-7:#7ba05b;--team-8:#b65c38;--team-9:#6b6357;--team-10:#4c6e91;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px}@media (prefers-color-scheme:dark){:root{--bg-primary:#211d18;--bg-secondary:#2b2620;--bg-tertiary:#363028;--bg-input:#2b2620;--text-primary:#f5efe4;--text-secondary:#b5ac9d;--border-color:#4a4238;--shadow-color:#0000004d;--accent-blue:#e07b57;--accent-blue-hover:#ec8d6b;--accent-green:#4fb3a2;--accent-green-hover:#5fc3b2;--accent-red:#e56a5f;--accent-red-hover:#ee7c71}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fbf7ef;background-color:var(--bg-primary);color:#2e2921;color:var(--text-primary);font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;margin:0}h1,h2,h3,h4,h5,h6{font-family:Baloo\ 2,sans-serif;font-weight:700;line-height:1.2;margin:0 0 16px;margin:0 0 var(--space-md) 0}button{border:none;cursor:pointer;font-family:Nunito Sans,sans-serif;font-weight:600;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}button:active{transform:scale(.97)}input,select{font-family:Nunito Sans,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}a{color:#d96a47;color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}.game-setup-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:560px;min-height:100vh;padding:var(--space-lg)}.game-setup-container>h1{color:var(--accent-blue);font-family:Baloo\ 2,sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:var(--space-xs)}.error{background-color:var(--accent-red);border-radius:var(--radius-sm);color:#fff;font-size:.9rem;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);text-align:center}.error,.game-setup-container form{width:100%}.game-intro{margin-bottom:var(--space-lg);text-align:center}.game-intro>p{color:var(--text-secondary);font-size:1.05rem;margin:0 0 var(--space-md) 0}.rules-button{background:none;border:1px solid var(--accent-blue);border-radius:var(--radius-full);color:var(--accent-blue);font-size:.9rem;padding:var(--space-xs) var(--space-md)}.rules-button:hover{background-color:var(--accent-blue);color:#fff}.rules-section{background-color:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-top:var(--space-md);padding:var(--space-md);text-align:left}.rules-section p{margin:0 0 var(--space-sm) 0}.rules-section p:last-child{margin-bottom:0}.custom-genre,.difficulty-selection,.duration-selection,.genre-selection,.rounds-selection,.team-selection{margin-bottom:var(--space-md);text-align:left}.custom-genre label,.difficulty-selection label,.duration-selection label,.genre-selection label,.rounds-selection label,.team-selection label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:var(--space-xs)}.team-selection label p{display:none}.difficulty-select,.duration-select,.genre-select,.rounds-select,.team-select{-webkit-appearance:none;appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%23555770%22%20d%3D%22M6%208L1%203h10z%22%2F%3E%3C%2Fsvg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px;border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:1rem;min-height:48px;padding:var(--space-sm) var(--space-md);width:100%}.difficulty-select:focus,.duration-select:focus,.genre-select:focus,.rounds-select:focus,.team-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #6c5ce726;outline:none}.custom-genre input,.custom-wordlist textarea{background-color:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;min-height:48px;padding:var(--space-sm) var(--space-md);width:100%}.custom-genre input:focus,.custom-wordlist textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #6c5ce726;outline:none}.custom-wordlist textarea{font-family:Nunito Sans,sans-serif;min-height:120px;resize:vertical}.custom-wordlist .word-count{color:var(--text-secondary);font-size:.8rem;margin-top:var(--space-xs)}.setup-section{margin-bottom:var(--space-lg);text-align:left}.setup-label{color:var(--text-primary);display:block;font-family:Baloo\ 2,sans-serif;font-size:1rem;font-weight:700;margin-bottom:var(--space-sm)}.category-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.category-card{align-items:center;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 1px 2px var(--shadow-color);cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:84px;padding:var(--space-md) var(--space-xs);position:relative;transition:border-color .15s ease,background-color .15s ease,transform .1s ease}.category-card:hover{border-color:var(--accent-blue)}.category-card:active{transform:scale(.97)}.category-card .cat-icon{align-items:center;display:flex;justify-content:center;line-height:0}.cat-icon-svg{color:var(--text-secondary);display:block;height:32px;transition:color .15s ease;width:32px}.category-card.selected .cat-icon-svg,.category-card:hover .cat-icon-svg{color:var(--accent-blue)}.category-card .cat-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;line-height:1.15;text-align:center}.category-card.selected{background-color:var(--bg-tertiary);border-color:var(--accent-blue);box-shadow:0 0 0 3px #6c5ce72e}.category-card.selected .cat-label{color:var(--accent-blue)}.category-card.selected:after{align-items:center;background-color:var(--accent-blue);border-radius:50%;color:#fff;content:"\2713";display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:6px;top:6px;width:18px}.category-grid.custom-cards{grid-template-columns:repeat(2,1fr);margin-top:var(--space-sm)}.category-card.custom-card{border-style:dashed;flex-direction:row;gap:var(--space-sm);min-height:68px}.category-card.custom-card .cat-icon-svg{height:22px;width:22px}.category-card.custom-card .cat-label{font-size:.85rem}.settings-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.settings-row>div{flex:1 1;margin-bottom:0}.settings-row label{font-size:.8rem}.segmented{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;gap:4px;padding:4px}.segmented-option{background:#0000;border-radius:calc(var(--radius-sm) - 2px);color:var(--text-secondary);flex:1 1;font-size:.9rem;font-weight:600;min-height:42px;padding:var(--space-sm)}.segmented-option:hover{color:var(--text-primary)}.segmented-option.active{background-color:var(--bg-secondary);box-shadow:0 1px 3px var(--shadow-color);color:var(--accent-blue)}.difficulty-hint{color:var(--text-secondary);font-size:.8rem;margin-top:var(--space-xs)}.game-setup-container form>div{margin-bottom:var(--space-sm)}.game-setup-container form>div>label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:var(--space-xs)}.game-setup-container form>div>label>input{background-color:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);display:block;font-size:1rem;margin-top:var(--space-xs);min-height:48px;padding:var(--space-sm) var(--space-md);width:100%}.game-setup-container form>div>label>input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #6c5ce726;outline:none}.game-setup-container form>button[type=submit]{background-color:var(--accent-green);border-radius:var(--radius-sm);color:#fff;display:block;font-size:1.1rem;font-weight:700;letter-spacing:.3px;margin-top:var(--space-lg);min-height:52px;padding:var(--space-md);width:100%}.game-setup-container form>button[type=submit]:hover{background-color:var(--accent-green-hover);box-shadow:0 4px 12px #00b8944d}.game-created{text-align:center;width:100%}.game-created h2{color:var(--accent-green);font-size:1.5rem;margin-bottom:var(--space-sm)}.invite-toggle{align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:0 1px 3px var(--shadow-color);color:var(--text-primary);display:flex;font-size:.95rem;justify-content:space-between;padding:var(--space-md);width:100%}.invite-toggle:hover{background-color:var(--bg-tertiary)}.invite-toggle-label strong{color:var(--accent-blue);letter-spacing:2px;margin-left:2px}.invite-chevron{color:var(--text-secondary);transition:transform .2s ease}.invite-chevron.open{transform:rotate(180deg)}.invite-panel{margin-top:var(--space-md)}.game-code-display{background-color:var(--bg-secondary);border:2px dashed var(--accent-blue);border-radius:var(--radius-md);margin:var(--space-md) 0;padding:var(--space-lg)}.game-code-display .code-label{color:var(--text-secondary);font-size:.85rem;letter-spacing:1px;margin-bottom:var(--space-sm);text-transform:uppercase}.game-code-display .code-value{color:var(--accent-blue);font-family:Baloo\ 2,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:8px}.game-code-display .join-url{color:var(--text-secondary);font-size:.85rem;margin-top:var(--space-sm)}.qr-code-container{display:flex;justify-content:center;margin:var(--space-md) 0}.qr-code-container canvas,.qr-code-container svg{border-radius:var(--radius-sm)}.spectator-link{align-items:center;background-color:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-weight:600;gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-md);padding:var(--space-md);text-decoration:none;transition:background-color .2s ease;width:100%}.spectator-link:hover{background-color:var(--border-color);text-decoration:none}.share-section{margin-top:var(--space-lg)}.share-section p{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-md)}.team-share-row{background-color:var(--bg-secondary);border-radius:var(--radius-sm);box-shadow:0 1px 3px var(--shadow-color);margin-bottom:var(--space-sm);padding:var(--space-md)}.team-share-row p{color:var(--text-primary);font-weight:600;margin:0 0 var(--space-sm) 0}.team-share-row a{display:block;font-size:.8rem;margin-bottom:var(--space-sm);word-break:break-all}.share-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.share-buttons button{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-size:.8rem;min-width:80px;padding:var(--space-sm) var(--space-md)}.share-buttons button:hover{background-color:var(--accent-blue);color:#fff}.scoreboard{background-color:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:0 2px 8px var(--shadow-color);margin-bottom:var(--space-lg);padding:var(--space-lg);width:100%}.scoreboard h2{font-size:1.4rem}.round-info,.scoreboard h2{margin-bottom:var(--space-md);text-align:center}.round-info{color:var(--text-secondary);font-size:.9rem}.scores{display:flex;flex-direction:column;gap:var(--space-sm)}.team-score{align-items:center;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;gap:var(--space-md);padding:var(--space-sm) var(--space-md);transition:transform .3s ease}.team-score-bar-wrapper{display:flex;flex:1 1;flex-direction:column;gap:4px}.team-score-header{align-items:center;display:flex;justify-content:space-between}.team-name{font-size:.95rem;font-weight:600}.team-points{color:var(--accent-blue);font-size:.95rem;font-weight:700}.team-score-bar{background-color:var(--border-color);border-radius:var(--radius-full);height:8px;overflow:hidden}.team-score-bar-fill{border-radius:var(--radius-full);height:100%;min-width:4px;transition:width .5s ease}.team-status{color:var(--text-secondary);font-size:.8rem;white-space:nowrap}.team-status.ready{color:var(--accent-green)}.game-status{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.95rem;margin-top:var(--space-md);padding:var(--space-md);text-align:center}.round-in-progress{align-items:center;color:var(--accent-blue);display:flex;font-weight:600;gap:var(--space-sm);justify-content:center}.pulse-dot{animation:pulse-dot 1.5s ease-in-out infinite;background-color:var(--accent-green);border-radius:50%;height:10px;width:10px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.next-round-button{background-color:var(--accent-green);border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:1rem;font-weight:700;min-height:48px;padding:var(--space-sm) var(--space-lg);transition:background-color .2s ease,box-shadow .2s ease}.next-round-button:hover{background-color:var(--accent-green-hover);box-shadow:0 4px 12px #00b8944d}.game-status.action-needed{background:none;padding:0}.next-round-button.primary-cta{animation:cta-pulse 2s ease-in-out infinite;border-radius:var(--radius-md);display:block;font-size:1.3rem;min-height:64px;padding:var(--space-md) var(--space-lg);width:100%}@keyframes cta-pulse{0%,to{box-shadow:0 0 0 0 #00b89473}50%{box-shadow:0 0 0 12px #00b89400}}@media (prefers-reduced-motion:reduce){.next-round-button.primary-cta{animation:none}}.scoreboard.game-over{text-align:center}.winner-announcement{color:var(--accent-blue);font-family:Baloo\ 2,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:var(--space-md)}.placement-badge{align-items:center;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:28px;justify-content:center;margin-right:var(--space-sm);width:28px}.placement-badge.gold{background:linear-gradient(135deg,#f9d423,#f5af19)}.placement-badge.silver{background:linear-gradient(135deg,silver,#a0a0a0)}.placement-badge.bronze{background:linear-gradient(135deg,#cd7f32,#b87333)}.placement-badge.other{background-color:var(--bg-tertiary);color:var(--text-secondary)}.restart-section{border-top:1px solid var(--border-color);margin-top:var(--space-xl);padding-top:var(--space-lg)}.restart-section h3{font-size:1.1rem}.restart-genre-selection,.restart-section h3{margin-bottom:var(--space-md)}.restart-genre-selection label{color:var(--text-secondary);display:block;font-size:.9rem;margin-bottom:var(--space-xs)}.restart-custom-genre input,.restart-genre-selection .genre-select{background-color:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;min-height:48px;padding:var(--space-sm) var(--space-md);width:100%}.restart-button{background-color:var(--accent-blue);border-radius:var(--radius-sm);color:#fff;display:block;font-size:1rem;font-weight:700;margin-top:var(--space-md);min-height:48px;padding:var(--space-md);width:100%}.restart-button:hover{background-color:var(--accent-blue-hover);box-shadow:0 4px 12px #6c5ce74d}.round-recap-host{border-top:1px solid var(--border-color);margin-top:var(--space-md);padding-top:var(--space-md)}.round-recap-host h4{color:var(--text-secondary);font-size:.9rem}.recap-team,.round-recap-host h4{margin-bottom:var(--space-sm)}.recap-team-name{font-size:.85rem;font-weight:600;margin-bottom:var(--space-xs)}.recap-stats{color:var(--text-secondary);display:flex;font-size:.8rem;gap:var(--space-md)}.recap-correct{color:var(--accent-green)}.recap-skipped{color:var(--accent-red)}.mute-button{align-items:center;background-color:var(--bg-secondary);border-radius:50%;box-shadow:0 2px 8px var(--shadow-color);color:var(--text-primary);display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:0;position:fixed;right:var(--space-md);top:var(--space-md);width:40px;z-index:100}.mute-button:hover{background-color:var(--bg-tertiary)}@media (min-width:700px){.game-setup-container{position:relative}.mute-button{position:absolute;right:0;top:var(--space-lg)}}.download-button{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-primary);display:block;font-size:.9rem;margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);width:100%}.download-button:hover{background-color:var(--accent-blue);color:#fff}@media (max-width:600px){.game-setup-container{padding:var(--space-md)}.game-code-display .code-value{font-size:2rem;letter-spacing:6px}}.player-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px;min-height:100vh;min-height:100dvh;padding:var(--space-lg);padding-bottom:140px;text-align:center}.player-container.no-buttons{padding-bottom:var(--space-lg)}@media (min-width:700px){.player-container{position:relative}}.player-container .error{background-color:var(--accent-red);border-radius:var(--radius-sm);color:#fff;font-size:.9rem;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);width:100%}.genre-display{color:var(--text-secondary);font-size:.95rem;margin:var(--space-sm) 0}.genre-display strong{color:var(--accent-blue);font-weight:700}.round-pill{align-items:center;background-color:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-size:.8rem;font-weight:600;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md)}.ready-button{animation:ready-pulse 2s ease-in-out infinite;background-color:var(--accent-green);border-radius:var(--radius-md);color:#fff;font-size:1.2rem;font-weight:700;min-height:56px;min-width:200px;padding:var(--space-md) var(--space-xl)}.ready-button:hover{background-color:var(--accent-green-hover);box-shadow:0 4px 16px #00b89459}@keyframes ready-pulse{0%,to{box-shadow:0 0 0 0 #00b89466}50%{box-shadow:0 0 0 12px #00b89400}}.waiting-text{color:var(--text-secondary);font-size:1rem;margin:var(--space-md) 0}.waiting-dots{display:inline-flex;gap:6px;margin-left:var(--space-sm)}.waiting-dots span{animation:dot-bounce 1.4s ease-in-out infinite;background-color:var(--accent-blue);border-radius:50%;height:8px;width:8px}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}.team-ready-list{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-md) auto;max-width:320px;width:100%}.team-ready-row{align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-sm);box-shadow:0 1px 3px var(--shadow-color);display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-align:left}.team-ready-swatch{border-radius:50%;flex-shrink:0;height:10px;width:10px}.team-ready-name{flex:1 1;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-ready-state{color:var(--text-secondary);font-size:.8rem;font-weight:600}.team-ready-row.ready .team-ready-state{color:var(--accent-green)}.game-info-chips{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-md)}.info-chip{background-color:var(--bg-tertiary);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;padding:var(--space-xs) var(--space-md)}.how-to-hint,.info-chip{color:var(--text-secondary)}.how-to-hint{background-color:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:0 1px 3px var(--shadow-color);font-size:.9rem;line-height:1.5;max-width:320px;padding:var(--space-md);text-align:left}.how-to-hint p{margin:0 0 var(--space-sm) 0}.how-to-hint p:last-child{margin-bottom:0}.how-to-hint strong{color:var(--text-primary)}.hint-got-it{color:var(--accent-green);font-weight:700}.hint-skip{color:var(--accent-red);font-weight:700}.countdown-overlay{align-items:center;background-color:var(--bg-primary);display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.countdown-number{animation:countdown-pop .8s ease-out;color:var(--accent-blue);font-family:Baloo\ 2,sans-serif;font-size:8rem;font-weight:800}.countdown-number.go{animation:countdown-burst .6s ease-out;color:var(--accent-green);font-size:5rem}@keyframes countdown-pop{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes countdown-burst{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.word-stage{align-items:center;display:flex;justify-content:center;margin:var(--space-md) 0;min-height:200px;padding:0 var(--space-sm);width:100%}.word-hero{color:var(--text-primary);font-family:Baloo\ 2,sans-serif;font-size:3.4rem;font-weight:800;letter-spacing:-.5px;line-height:1.05;text-align:center;transition:opacity .15s ease,transform .15s ease;word-break:break-word}.word-hero.word-long{font-size:2.7rem}.word-hero.word-xlong{font-size:2rem}.word-hero.word-xxlong{font-size:1.5rem}.word-hero.exit{opacity:0;transform:translateY(-12px)}.word-hero.enter{opacity:0;transform:translateY(12px)}.round-timer{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);max-width:320px;width:100%}.round-timer-seconds{font-feature-settings:"tnum";color:var(--accent-green);font-family:Baloo\ 2,sans-serif;font-size:2.2rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1;transition:color .3s ease}.round-timer.warning .round-timer-seconds{color:var(--accent-orange)}.round-timer.critical .round-timer-seconds{animation:seconds-pulse .8s ease-in-out infinite;color:var(--accent-red)}@keyframes seconds-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.round-timer-track{background-color:var(--border-color);border-radius:var(--radius-full);height:10px;overflow:hidden;width:100%}.round-timer-fill{background-color:var(--accent-green);border-radius:var(--radius-full);height:100%;transition:width 1s linear,background-color .3s ease}.round-timer.warning .round-timer-fill{background-color:var(--accent-orange)}.round-timer.critical .round-timer-fill{background-color:var(--accent-red)}@media (prefers-reduced-motion:reduce){.round-timer.critical .round-timer-seconds{animation:none}}.score-badge{color:var(--accent-blue);font-family:Baloo\ 2,sans-serif;font-size:1.4rem;font-weight:700;margin:var(--space-sm) 0}.guess-buttons{bottom:0;display:flex;height:120px;left:0;position:fixed;right:0;z-index:40}.right-button,.wrong-button{align-items:center;border:none;cursor:pointer;display:flex;flex:1 1;font-size:1.6rem;font-weight:700;justify-content:center;padding-bottom:env(safe-area-inset-bottom,0)}.wrong-button{background-color:var(--accent-red);color:#fff}.wrong-button:active,.wrong-button:hover{background-color:var(--accent-red-hover)}.wrong-button:active{transform:none}.right-button{background-color:var(--accent-green);color:#fff}.right-button:active,.right-button:hover{background-color:var(--accent-green-hover)}.right-button:active{transform:none}.flash-overlay{inset:0;opacity:0;pointer-events:none;position:fixed;z-index:30}.flash-overlay.correct{animation:flash-feedback .35s ease-out;background-color:var(--accent-green)}.flash-overlay.skip{animation:flash-feedback .35s ease-out;background-color:var(--accent-red)}@keyframes flash-feedback{0%{opacity:.35}to{opacity:0}}.round-recap{margin-top:var(--space-md);width:100%}.round-recap h3{font-size:1rem;margin-bottom:var(--space-md)}.recap-summary{display:flex;gap:var(--space-lg);justify-content:center;margin-bottom:var(--space-md)}.recap-count{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:var(--space-xs)}.recap-count.correct{color:var(--accent-green)}.recap-count.skipped{color:var(--accent-red)}.recap-word-list{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none;margin:0;padding:0}.recap-word-item{background-color:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.9rem;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.recap-icon,.recap-word-item{align-items:center;display:flex}.recap-icon{border-radius:50%;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.recap-icon.correct{background-color:var(--accent-green)}.recap-icon.skipped{background-color:var(--accent-red)}.player-container.game-over{padding-bottom:var(--space-lg)}.game-over-title{font-size:2rem;margin-bottom:var(--space-md)}.final-leaderboard{margin-top:var(--space-md);width:100%}.final-leaderboard-item{align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;gap:var(--space-sm);margin-bottom:var(--space-xs);padding:var(--space-sm) var(--space-md)}.final-leaderboard-item.current-team{border:2px solid var(--accent-blue)}.final-leaderboard-name{flex:1 1;font-weight:600}.final-leaderboard-score{color:var(--accent-blue);font-family:Baloo\ 2,sans-serif;font-weight:700}.all-ready-flash{animation:all-ready .6s ease-out;color:var(--accent-green);font-family:Baloo\ 2,sans-serif;font-size:2rem;font-weight:800}@keyframes all-ready{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:400px){.word-stage{min-height:160px}.word-hero{font-size:2.7rem}.word-hero.word-long{font-size:2.1rem}.word-hero.word-xlong{font-size:1.6rem}.word-hero.word-xxlong{font-size:1.2rem}.round-timer-seconds{font-size:1.8rem}.guess-buttons{height:100px}.right-button,.wrong-button{font-size:1.3rem}.player-container{padding-bottom:120px}}.join-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:420px;min-height:100vh;min-height:100dvh;padding:var(--space-lg);text-align:center}.join-container h1{color:var(--accent-blue);font-family:Baloo\ 2,sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:var(--space-xs)}.join-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:var(--space-xl)}.join-error{background-color:var(--accent-red);border-radius:var(--radius-sm);color:#fff;font-size:.9rem;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);width:100%}.code-form{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.code-input{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:Baloo\ 2,sans-serif;font-size:2rem;font-weight:700;letter-spacing:6px;padding:var(--space-md);text-align:center;width:100%}.code-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #6c5ce726;outline:none}.code-input::placeholder{color:var(--border-color);font-size:1.5rem;letter-spacing:4px}.code-submit{background-color:var(--accent-green);border-radius:var(--radius-sm);color:#fff;font-size:1.1rem;font-weight:700;min-height:52px;padding:var(--space-md);width:100%}.code-submit:hover:not(:disabled){background-color:var(--accent-green-hover);box-shadow:0 4px 12px #00b8944d}.code-submit:disabled{background-color:var(--border-color);box-shadow:none;color:var(--text-secondary);cursor:not-allowed}.team-picker{width:100%}.pick-label{color:var(--text-secondary);font-weight:600;margin-bottom:var(--space-md)}.team-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.team-pick-button{align-items:center;background-color:var(--bg-secondary);border-left:4px solid var(--accent-blue);border-radius:var(--radius-sm);box-shadow:0 1px 3px var(--shadow-color);display:flex;justify-content:space-between;padding:var(--space-md);text-align:left;width:100%}.team-pick-button:hover{background-color:var(--bg-tertiary);transform:translateX(4px)}.team-pick-name{font-size:1.1rem;font-weight:600}.team-pick-arrow{color:var(--text-secondary);font-size:1.2rem}.back-button{background:none;color:var(--accent-blue);font-size:.9rem;padding:var(--space-sm) var(--space-md)}.back-button:hover{text-decoration:underline}.spectator-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:min(92vw,1100px);min-height:100vh;min-height:100dvh;padding:clamp(var(--space-lg),4vw,var(--space-2xl))}.spectator-container h1{color:var(--accent-blue);font-family:Baloo\ 2,sans-serif;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:800;margin-bottom:clamp(var(--space-sm),2vw,var(--space-lg))}.spectator-error{background-color:var(--accent-red);border-radius:var(--radius-sm);color:#fff;font-size:.9rem;padding:var(--space-sm) var(--space-md)}.spectator-status{margin-bottom:clamp(var(--space-lg),3.5vw,var(--space-2xl));text-align:center}.spectator-status-heading{color:var(--text-primary);font-family:Baloo\ 2,sans-serif;font-size:clamp(1.5rem,3.5vw,2.6rem);font-weight:700}.spectator-status-detail{color:var(--text-secondary);font-size:clamp(1.1rem,2.2vw,1.7rem);margin-top:var(--space-xs)}.spectator-code{color:var(--accent-blue);font-family:Baloo\ 2,sans-serif;letter-spacing:4px}.spectator-round-label{align-items:center;color:var(--text-secondary);display:flex;font-size:clamp(1.1rem,2.2vw,1.7rem);font-weight:700;gap:var(--space-sm);justify-content:center}.spectator-timer{font-feature-settings:"tnum";color:var(--accent-green);font-family:Baloo\ 2,sans-serif;font-size:clamp(3.5rem,9vw,7rem);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.spectator-timer.critical{color:var(--accent-red)}.spectator-live-dot{animation:pulse-dot 1.5s ease-in-out infinite;background-color:var(--accent-red);border-radius:50%;height:clamp(10px,1.2vw,16px);width:clamp(10px,1.2vw,16px)}.spectator-scores{display:flex;flex-direction:column;gap:clamp(var(--space-md),2vw,var(--space-lg));width:100%}.spectator-team{background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 2px 8px var(--shadow-color);padding:clamp(var(--space-md),2.5vw,var(--space-xl))}.spectator-team-header{align-items:center;display:flex;gap:clamp(var(--space-sm),1.5vw,var(--space-md));margin-bottom:var(--space-sm)}.spectator-rank{align-items:center;background-color:var(--bg-tertiary);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:clamp(.85rem,1.8vw,1.4rem);font-weight:700;height:clamp(28px,3.5vw,48px);justify-content:center;width:clamp(28px,3.5vw,48px)}.spectator-name{flex:1 1;font-size:clamp(1.1rem,3vw,2.2rem);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectator-round-count{background-color:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--accent-green);flex-shrink:0;font-size:clamp(.8rem,1.5vw,1.2rem);font-weight:700;padding:var(--space-xs) var(--space-md)}.spectator-points{font-feature-settings:"tnum";color:var(--accent-blue);font-family:Baloo\ 2,sans-serif;font-size:clamp(1.4rem,3.5vw,2.8rem);font-variant-numeric:tabular-nums;font-weight:800}.spectator-bar{background-color:var(--border-color);border-radius:var(--radius-full);height:clamp(10px,1.5vw,20px);overflow:hidden}.spectator-bar-fill{border-radius:var(--radius-full);height:100%;min-width:4px;transition:width .5s ease}.App{display:flex;flex-direction:column;min-height:100vh}.yk-bar{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-md);justify-content:space-between;padding:10px 18px}.yk-bar__logo{color:#d96a47;font-family:Baloo\ 2,sans-serif;font-size:19px;font-weight:700;line-height:1;text-decoration:none}.yk-bar__dot{color:#3a9e8f}.yk-bar__exit{color:var(--text-secondary);font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap}.yk-bar__exit:hover{color:var(--accent-blue)}
/*# sourceMappingURL=main.c9fb3439.css.map*/