:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;min-width:320px;height:100vh;max-height:100vh;overflow:hidden}#root{width:100%;height:100vh;max-height:100vh;overflow:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a0a2e}::-webkit-scrollbar-thumb{background:#8a2be2;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#9370db}::selection{background:#8a2be24d;color:#fff}.team-panel-container{display:flex;flex-direction:column;gap:10px;height:100%;max-height:none;overflow:hidden;border:none!important;outline:none!important;box-shadow:none!important;margin-top:0}.team-panel-container.red-team-panel,.team-panel-container.green-team-panel,.red-team-panel,.green-team-panel{border:none!important;outline:none!important;box-shadow:none!important}.team-score-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 20px;background:linear-gradient(135deg,#8a2be24d,#a855f733);border:2px solid rgba(138,43,226,.6);border-radius:12px;margin-bottom:10px;gap:4px}.red-score{background:linear-gradient(135deg,#9112bc66,#7a0fa04d);border-color:#9112bccc}.green-score{background:linear-gradient(135deg,#6f00ff66,#5a00c84d);border-color:#6f00ffcc}.score-label{font-size:.65rem;font-weight:700;color:#ffffffb3;letter-spacing:2px;text-transform:uppercase}.score-value{font-size:2rem;font-weight:900;color:#fff;font-family:Courier New,monospace;text-shadow:0 0 15px rgba(138,43,226,.8);line-height:1}.round-counter{font-size:.6rem;font-weight:700;color:#fffc;letter-spacing:1.5px;text-transform:uppercase;margin-top:4px}.team-title-button{background:#14141ef2;border:2px solid rgba(138,43,226,.6);border-radius:12px;padding:12px 20px;font-size:.9rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;align-self:stretch;flex-shrink:0;text-align:center;position:relative}.team-title-button:hover{border-color:#8a2be2e6}.team-title-button .lock-icon{font-size:.75rem;margin-right:8px;opacity:.9}.team-title-button.selected{border-color:#8a2be2e6;background:#8a2be24d}.red-team-title-btn{color:#fff;background:#9112bc4d;border-color:#9112bccc}.red-team-title-btn:hover{border-color:#9112bc}.red-team-title-btn.selected{background:#9112bc80;border-color:#9112bc}.green-team-title-btn{color:#fff;background:#6f00ff4d;border-color:#6f00ffcc}.green-team-title-btn:hover{border-color:#6f00ff}.green-team-title-btn.selected{background:#6f00ff80;border-color:#6f00ff}.team-title-button.locked{opacity:.5;cursor:not-allowed}.team-title-button.locked:hover{transform:none;border-color:inherit}.team-section-box{flex:1;border:3px solid;border-radius:15px;padding:4px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.red-team-box{background:linear-gradient(135deg,#9112bc,#7a0fa0);border-color:#9112bc;box-shadow:0 4px 20px #9112bc80}.green-team-box{background:linear-gradient(135deg,#6f00ff,#5a00c8);border-color:#6f00ff;box-shadow:0 4px 20px #6f00ff80}.team-section-box:before{content:"";position:absolute;inset:0;border:2px solid;border-radius:12px;pointer-events:none;z-index:0}.red-team-box:before{border-color:#9112bc80}.green-team-box:before{border-color:#6f00ff80}.team-players-list{flex:1;display:flex;flex-direction:column;gap:10px;margin-bottom:12px;overflow-y:auto;min-height:0;padding:12px;position:relative;z-index:1}.team-players-list::-webkit-scrollbar{width:6px}.team-players-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.team-players-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.team-players-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.team-player-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff1f;border:2px solid rgba(255,255,255,.25);border-radius:10px;transition:all .3s ease;flex-shrink:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;box-shadow:0 2px 8px #0003}.team-player-item:before{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.15);border-radius:8px;pointer-events:none}.team-player-item:hover{background:#fff3;border-color:#fff6;transform:translate(5px);box-shadow:0 4px 12px #0000004d}.red-team-box .team-player-item{background:#fff3;border-color:#9112bc99}.red-team-box .team-player-item:hover{background:#ffffff4d;border-color:#a82dd4cc}.green-team-box .team-player-item{background:#fff3;border-color:#6f00ff99}.green-team-box .team-player-item:hover{background:#ffffff4d;border-color:#6f00ffe6}.team-player-avatar{width:40px;height:40px;border-radius:50%;object-fit:contain;border:3px solid rgba(255,255,255,.5);flex-shrink:0;background:#ffffff1a;transition:all .3s ease}.team-player-item:hover .team-player-avatar{border-color:#fffc;transform:scale(1.1)}.team-player-name{flex:1;color:#fff;font-weight:700;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 5px rgba(0,0,0,.5)}.host-indicator{background:transparent;color:inherit;padding:0;border-radius:0;font-size:1.2rem;flex-shrink:0;box-shadow:none;border:none;display:flex;align-items:center;justify-content:center;min-width:auto;height:auto}.empty-team-text{text-align:center;color:#fff9;font-style:italic;font-size:.85rem;padding:40px 20px;border:2px dashed rgba(255,255,255,.4);border-radius:12px;margin:10px 0;background:#ffffff14}.join-team-action-button{background:linear-gradient(135deg,#0f8,#00cc6a);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:12px 24px;font-size:.85rem;font-weight:900;color:#000;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;margin-top:auto;flex-shrink:0;position:relative;overflow:hidden}.join-team-action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.join-team-action-button:hover:before{left:100%}.join-team-action-button:hover{transform:translateY(-3px);background:linear-gradient(135deg,#00cc6a,#0f8);border-color:#ffffff80}.join-team-action-button:active{transform:translateY(-1px)}.join-team-action-button span{position:relative;z-index:1}@media(max-width:768px){.team-panel-container{gap:6px;margin-top:0!important;max-height:none;flex:1}.team-score-display{padding:4px 8px;margin-bottom:0;gap:2px}.score-label{font-size:.55rem}.score-value{font-size:1.2rem}.round-counter{font-size:.5rem;margin-top:2px}.team-title-button{padding:6px 12px;font-size:.65rem;letter-spacing:1px;border-radius:8px}.team-section-box{padding:8px;border-width:2px;border-radius:10px;min-height:200px;max-height:100%;overflow-y:visible;flex:1 1 auto}.team-players-list{gap:6px;margin-bottom:6px;padding:6px;max-height:none;overflow-y:auto}.team-player-item{padding:6px 8px;gap:8px;border-radius:8px;border-width:1.5px}.team-player-avatar{width:28px;height:28px;border-width:2px}.team-player-name{font-size:.7rem;font-weight:600}.host-indicator{font-size:.9rem}.empty-team-text{font-size:.65rem;padding:20px 10px;margin:5px 0;border-radius:8px}.join-team-action-button{padding:6px 12px;font-size:.65rem;letter-spacing:1px;border-radius:8px;margin-top:6px}}.game-settings-container{background:linear-gradient(135deg,#0f0f19fa,#14141ef2);border:2px solid rgba(138,43,226,.5);border-radius:15px;padding:12px;display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:0}.settings-title-header{font-size:.85rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:#fff;text-align:center;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid rgba(138,43,226,.4);text-shadow:0 0 10px rgba(138,43,226,.5);flex-shrink:0}.settings-content-wrapper{flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0}.settings-content-wrapper::-webkit-scrollbar{width:5px}.settings-content-wrapper::-webkit-scrollbar-track{background:#8a2be21a;border-radius:3px}.settings-content-wrapper::-webkit-scrollbar-thumb{background:#8a2be266;border-radius:3px}.settings-content-wrapper::-webkit-scrollbar-thumb:hover{background:#8a2be299}.setting-section{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.setting-label-text{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#fffc}.setting-options-row{display:flex;gap:6px;flex-wrap:wrap}.setting-option-button{background:#8a2be226;border:2px solid rgba(138,43,226,.4);border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:800;color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;flex:1;min-width:40px}.setting-option-button:hover{background:#8a2be24d;border-color:#8a2be2b3;transform:translateY(-1px);box-shadow:0 3px 10px #8a2be24d}.setting-option-button.active{background:linear-gradient(135deg,#8a2be2b3,#8a2be280);border-color:#8a2be2;box-shadow:0 0 15px #8a2be280;color:#fff}.setting-option-button.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.setting-option-button.disabled:hover{background:#8a2be226;border-color:#8a2be266;transform:none;box-shadow:none}.mode-options-inline{display:flex;gap:6px}.mode-button-inline{padding:6px 12px}.timer-options-inline{display:flex;gap:5px}.timer-options-inline .setting-option-button{padding:6px 8px;min-width:35px;font-size:.7rem}.settings-actions-row{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:2px solid rgba(138,43,226,.3);flex-shrink:0}.settings-action-btn{flex:1;background:#8a2be226;border:2px solid rgba(138,43,226,.4);border-radius:8px;padding:6px 12px;font-size:.7rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease}.settings-action-btn:hover{background:#8a2be24d;border-color:#8a2be2;transform:translateY(-1px);box-shadow:0 3px 10px #8a2be24d}.reset-btn:hover{border-color:#f44c;background:#ff444440}.randomize-btn:hover{border-color:#4f8c;background:#44ff8840}@media(max-width:1200px){.game-settings-container{min-height:auto;max-width:100%}}@media(max-width:768px){.game-settings-container{padding:8px}.settings-title-header{font-size:.7rem;margin-bottom:6px;padding-bottom:6px}.settings-content-wrapper{gap:6px;overflow-y:hidden}.setting-section{gap:5px}.inline-setting{flex-direction:row;align-items:center;gap:8px;justify-content:space-between}.inline-setting .setting-label-text{flex-shrink:0;min-width:75px;font-size:.55rem;letter-spacing:.3px;text-align:left}.inline-setting .setting-options-row{flex:1;flex-wrap:nowrap;justify-content:flex-end;gap:3px}.setting-label-text{font-size:.55rem;letter-spacing:.3px}.setting-option-button{font-size:.6rem;padding:4px 8px;border-radius:6px;min-width:32px;white-space:nowrap;letter-spacing:.3px}.mode-button-inline{padding:4px 10px;font-size:.6rem}.timer-options-inline{gap:3px}.timer-options-inline .setting-option-button{font-size:.55rem;padding:4px 6px;min-width:28px}.settings-actions-row{gap:6px;margin-top:8px;padding-top:8px}.settings-action-btn{font-size:.6rem;padding:4px 8px;border-radius:6px;letter-spacing:.5px}}.game-panel-container{width:fit-content;margin:0;padding:0;background:transparent;border:none;display:flex;flex-direction:column;gap:10px;height:100%;min-height:0;position:relative}.game-cards-grid{display:grid;grid-template-columns:repeat(5,109.6px);gap:10px;width:fit-content;margin:0 auto;flex:1;align-content:start}.word-card-outer{position:relative;width:109.6px;height:77.29px;border-radius:6px;background:#8a2be233;border:1px solid rgba(200,150,255,.5);padding:5px;transition:all .3s ease;cursor:pointer}.word-card-outer:hover{transform:translateY(-2px);box-shadow:0 4px 16px #a855f799;border-color:#dcb4ffb3}.word-card-inner{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(138,43,226,.8);border-radius:3.35px;background:linear-gradient(to bottom,#ba87ffd9 0% 0%,#a855f7e6);padding:2.5px;gap:2.5px;transition:background .3s ease}.word-card-border-line{width:100%;height:2px;background:#64329699;transition:background .3s ease}.word-card-content{width:100%;flex:1;display:flex;flex-direction:column;justify-content:space-between;border-radius:1.67px;background-color:#604985e6;color:#fff;text-transform:uppercase;font-weight:700;line-height:1;-webkit-user-select:text;user-select:text;overflow:hidden}.word-text-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;flex:1;padding:4px 2px 2px;gap:2px}.word-text{display:block;font-size:.7rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.5px;text-align:center;line-height:1.2;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-points-section{width:100%;background-color:#140f1ef2;padding:4px 2px;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(0,0,0,.3)}.word-points{font-size:.55rem;font-weight:600;color:#ffffffd9;text-transform:lowercase;letter-spacing:.3px;text-align:center}.game-bottom-section{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.game-log-container{flex:1;min-height:0;background:linear-gradient(135deg,#0f0f19fa,#14141ef2);border:2px solid rgba(138,43,226,.5);border-radius:10px;padding:8px;display:flex;flex-direction:column;overflow:hidden}.log-header{font-size:.7rem;font-weight:900;color:#8a2be2;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(138,43,226,.3)}.log-content{flex:1;overflow-y:auto;font-size:.7rem;color:#fffc;max-height:100%}.log-entry{padding:3px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.65rem}.guessing-text-container{background:linear-gradient(135deg,#8a2be24d,#a855f733);border:2px solid rgba(138,43,226,.6);border-radius:8px;padding:6px 10px;display:flex;align-items:center;flex:0 0 auto;height:40px;min-height:40px}.guessing-text-input{flex:1;font-size:.8rem;font-weight:700;color:#fff;text-align:center;background:transparent;border:none;outline:none;padding:6px}.guessing-text-input::placeholder{color:#ffffff80;font-weight:600}@media(max-width:1400px){.word-card-outer{width:95px;height:67px}.word-text{font-size:.65rem}}@media(max-width:1200px){.game-cards-grid{gap:8px}.word-card-outer{width:85px;height:60px}.word-text{font-size:.6rem}}@media(max-width:768px){.game-panel-container{height:auto;min-height:0;gap:6px;padding:0 4px}.game-cards-grid{grid-template-columns:repeat(5,59px);gap:4px;margin:0 auto;flex:0 0 auto;min-height:0}.word-card-outer{width:66px;height:46px;padding:4px}.word-card-inner{padding:2px;gap:2px}.word-text{font-size:.5rem;letter-spacing:.3px}.game-bottom-section{gap:6px;flex:0 0 auto;min-height:0}.game-log-container{min-height:80px;max-height:120px;flex:0 0 auto;padding:8px;border-radius:10px}.log-header{font-size:.7rem;margin-bottom:6px;padding-bottom:4px}.log-content{font-size:.65rem}.log-entry{padding:3px 0;font-size:.63rem}.guessing-text-container{display:none}.turn-popup-overlay{height:calc(100% - 180px);border-radius:12px}.turn-popup-content{padding:30px 40px;border-radius:16px}.turn-popup-title{font-size:1.5rem;margin-bottom:20px}.turn-popup-button{padding:12px 30px;font-size:.9rem}.turn-summary-overlay{height:calc(100% - 180px)}.turn-summary-content{padding:20px 25px;max-width:90%}.turn-summary-title{font-size:1.4rem;margin-bottom:20px}}.turn-popup-overlay{position:absolute;top:0;left:0;width:100%;height:calc(100% - 260px);background:#2d0a46fa;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px}.turn-popup-content{background:linear-gradient(135deg,#8a2be2f2,#a855f7f2);border:3px solid rgba(200,150,255,.8);border-radius:20px;padding:40px 60px;text-align:center;box-shadow:0 10px 40px #8a2be299;animation:popupFadeIn .3s ease}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.turn-popup-title{font-size:2rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.turn-popup-buttons{display:flex;gap:20px;justify-content:center}.turn-popup-button{padding:15px 40px;font-size:1rem;font-weight:700;text-transform:uppercase;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.turn-popup-button.start-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b98166}.turn-popup-button.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.turn-popup-button.skip-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef444466}.turn-popup-button.skip-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444499}.turn-summary-overlay{position:absolute;top:0;left:0;width:100%;height:calc(100% - 260px);background:#140a28fa;display:flex;justify-content:center;align-items:center;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px}.turn-summary-content{background:linear-gradient(135deg,#4b1482f2,#6a28b4f2);border:3px solid rgba(168,85,247,.8);border-radius:20px;padding:30px 40px;max-width:600px;width:90%;box-shadow:0 10px 40px #6a28b499;animation:popupFadeIn .3s ease}.turn-summary-title{font-size:1.8rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:3px;margin-bottom:25px;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.5);border-bottom:2px solid rgba(255,255,255,.3);padding-bottom:15px}.turn-summary-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto}.turn-summary-list::-webkit-scrollbar{width:6px}.turn-summary-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.turn-summary-list::-webkit-scrollbar-thumb{background:#a855f799;border-radius:3px}.turn-summary-item{background:#ffffff0d;border:2px solid rgba(168,85,247,.3);border-radius:12px;padding:15px 20px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease}.turn-summary-item:hover{background:#ffffff14;border-color:#a855f780}.summary-player-header{display:flex;align-items:center;gap:10px}.summary-player-name{font-size:1.1rem;font-weight:900;color:#0f8;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(0,255,136,.5)}.summary-points{font-size:.85rem;font-weight:600;color:#fff9;font-style:italic}.summary-words-container{display:flex;flex-wrap:wrap;gap:8px}.summary-word-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:8px 16px;border-radius:8px;border:2px solid rgba(59,130,246,.6);box-shadow:0 2px 8px #3b82f64d;transition:all .2s ease}.summary-word-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f680;border-color:#60a5facc}.summary-words{font-size:.95rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;line-height:1.6}.turn-summary-empty{text-align:center;color:#fff9;font-style:italic;font-size:1rem;padding:40px 20px}.word-card-hidden .word-text-wrapper{opacity:0}.word-card-hidden .word-card-content{background-color:#60498580}.word-card-guessed{opacity:.5;pointer-events:none}.word-card-guessed .word-card-outer{background:#5050504d;border-color:#64646466}.word-card-guessed .word-card-inner{background:linear-gradient(to bottom,#64646499,#505050b3)}.word-card-guessed .word-card-content{background-color:#3c3c3ccc}.word-card-dummy{opacity:.35;pointer-events:none}.word-card-dummy .word-card-outer{background:#50505033;border-color:#6464644d}.word-card-dummy .word-card-inner{background:linear-gradient(to bottom,#78787866,#64646480);filter:grayscale(.8)}.word-card-dummy .word-card-content{background-color:#50505099}.word-card-dummy .word-card-border-line{background:#64646466}.taboo-words{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:.5rem}.taboo-word{color:#ff6464e6;font-weight:600;text-transform:lowercase}.timer-display{display:flex;align-items:center;justify-content:center;margin-bottom:15px;padding:15px 30px;background:linear-gradient(135deg,#8a2be24d,#a855f733);border:2px solid rgba(138,43,226,.6);border-radius:10px;width:fit-content;margin-left:auto;margin-right:auto}.timer-value{font-size:2.5rem;font-weight:900;color:#fff;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(138,43,226,.8)}@keyframes cardReveal{0%{transform:scale(.95);box-shadow:0 0 #a855f700}50%{transform:scale(1.1);box-shadow:0 0 30px #a855f7cc}to{transform:scale(1);box-shadow:0 4px 16px #a855f799}}.word-card-outer.revealing{animation:cardReveal .4s ease}.word-card-outer.golden{background:linear-gradient(135deg,gold,#fdb931,gold);border:2px solid #FFF8DC;box-shadow:0 0 20px gold,0 0 40px gold,inset 0 0 10px #fff;transform:scale(1.15);z-index:100;animation:goldenShine 2s infinite linear}.word-card-outer.golden .word-card-inner{background:linear-gradient(to bottom,gold,#daa520);border-color:#fffacd}.word-card-outer.golden .word-card-content{background:linear-gradient(45deg,#b8860b,#daa520);border:1px solid #FFD700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.word-card-outer.golden .word-card-border-line{display:none}.word-card-outer.golden .word-text{color:#fff;font-size:.75rem;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.4);letter-spacing:1px}.word-card-outer.golden .word-points-section{background:#b8860b66;border-top:1px solid rgba(255,215,0,.5)}.word-card-outer.golden .word-points{color:#fff8dc;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.5)}@keyframes goldenShine{0%{box-shadow:0 0 20px gold,0 0 40px gold;filter:brightness(1)}50%{box-shadow:0 0 30px gold,0 0 60px gold;filter:brightness(1.2)}to{box-shadow:0 0 20px gold,0 0 40px gold;filter:brightness(1)}}.lobby-room-container{position:relative;width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:column;padding:12px;padding-top:10vh;overflow:auto;z-index:10;box-sizing:border-box}.lobby-lock-section{position:absolute;top:10px;left:10px;z-index:100;display:flex;gap:10px;align-items:center}.lobby-lock-button{background:#8a2be24d;border:2px solid rgba(138,43,226,.6);border-radius:50%;width:45px;height:45px;font-size:1.3rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.lobby-lock-button:hover{background:#8a2be280;border-color:#8a2be2;transform:scale(1.05);box-shadow:0 0 15px #8a2be299}.lobby-lock-button.locked{background:#8a2be280;border-color:#8a2be2}.lobby-lock-button.disabled{opacity:.5;cursor:not-allowed}.lobby-lock-button.disabled:hover{transform:none;box-shadow:none;background:#8a2be24d;border-color:#8a2be299}.lobby-lock-button.locked:hover{background:#8a2be2b3;border-color:#9d4eed;box-shadow:0 0 15px #8a2be299}.lobby-reset-button{background:#8a2be24d;border:2px solid rgba(138,43,226,.6);border-radius:50%;width:45px;height:45px;font-size:1.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.lobby-reset-button:hover{background:#8a2be280;border-color:#8a2be2;transform:scale(1.05) rotate(180deg);box-shadow:0 0 15px #8a2be299}.lobby-admin-button{background:#8a2be24d;border:2px solid rgba(138,43,226,.6);border-radius:25px;padding:8px 16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:#fff;white-space:nowrap}.lobby-admin-button:hover{background:#8a2be280;border-color:#8a2be2;transform:translateY(-1px);box-shadow:0 4px 15px #8a2be299}.lobby-admin-button.active{background:#8a2be299;border-color:#8a2be2;box-shadow:0 0 20px #8a2be2cc}.admin-text{font-size:.85rem;font-weight:700;color:#fff;text-transform:capitalize;letter-spacing:.5px}.admin-icon{font-size:1rem;display:flex;align-items:center}.admin-count{background:#fff3;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.admin-panel-container{position:relative}.admin-panel-dropdown{position:absolute;top:calc(100% + 10px);left:0;background:#1e1432f2;border:2px solid rgba(138,43,226,.6);border-radius:12px;padding:12px;min-width:280px;max-width:350px;box-shadow:0 8px 30px #000c;z-index:1000;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-panel-header{font-size:.75rem;font-weight:900;color:#8a2be2;text-transform:uppercase;letter-spacing:1.5px;text-align:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(138,43,226,.3)}.admin-panel-players{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;max-height:300px;overflow-y:visible}.admin-player-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;background:transparent;border:none;transition:all .3s ease;cursor:pointer;max-width:60px}.admin-player-item:hover{transform:translateY(-2px);position:relative;z-index:100}.admin-player-avatar-wrapper{width:40px;height:40px;border-radius:50%;border:2px solid rgba(138,43,226,.6);padding:3px;background:#0000004d;display:flex;align-items:center;justify-content:center}.admin-player-avatar{width:100%;height:100%;border-radius:50%;object-fit:contain}.admin-player-name{font-size:.7rem;font-weight:700;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.5px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-action-menu{position:absolute;top:100%;left:60%;transform:translate(0);margin-top:0;margin-left:8px;background:#140f23fa;border:2px solid rgba(138,43,226,.7);border-radius:10px;padding:10px;min-width:160px;box-shadow:0 8px 30px #000000e6;z-index:2000;animation:actionMenuFadeIn .2s ease}@keyframes actionMenuFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.action-btn{width:100%;padding:8px 12px;margin-bottom:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.action-btn:last-child{margin-bottom:0}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000080}.describer-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.describer-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.blue-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.blue-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.purple-btn{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff}.purple-btn:hover{background:linear-gradient(135deg,#9333ea,#7e22ce)}.observer-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.observer-btn:hover{background:linear-gradient(135deg,#4b5563,#374151)}.kick-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.kick-btn:hover{background:linear-gradient(135deg,#d97706,#b45309)}.ban-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.ban-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.lobby-timer-section{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:100}.timer-circle{background:#8a2be24d;border:3px solid rgba(138,43,226,.6);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.timer-circle:hover{background:#8a2be280;border-color:#8a2be2;transform:scale(1.05);box-shadow:0 0 20px #8a2be299}.timer-seconds{font-size:1.5rem;font-weight:900;color:#fff;font-family:Courier New,monospace}.lobby-avatar-section{position:absolute;top:10px;right:10px;z-index:100;display:flex;gap:10px;align-items:center}.lobby-spectator-button{background:#8a2be24d;border:2px solid rgba(138,43,226,.6);border-radius:50%;width:45px;height:45px;font-size:1.3rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.lobby-spectator-button:hover{background:#8a2be280;border-color:#8a2be2;transform:scale(1.05);box-shadow:0 0 15px #8a2be299}.lobby-spectator-img{width:70%;height:70%;object-fit:contain}.lobby-avatar-button{background:#8a2be24d;border:2px solid rgba(138,43,226,.6);border-radius:50%;width:45px;height:45px;padding:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.lobby-avatar-button:hover{background:#8a2be280;border-color:#8a2be2;transform:scale(1.05);box-shadow:0 0 15px #8a2be299}.lobby-avatar-img{width:100%;height:100%;object-fit:contain;border-radius:50%}.lobby-avatar-selector{position:absolute;top:50px;right:0;background:#0f0f19fa;border:2px solid rgba(138,43,226,.6);border-radius:12px;padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;min-width:220px;box-shadow:0 8px 30px #000000e6;z-index:101}.lobby-avatar-option{background:#ffffff14;border:2px solid rgba(138,43,226,.3);border-radius:50%;width:45px;height:45px;padding:4px;cursor:pointer;transition:all .3s ease}.lobby-avatar-option:hover{border-color:#8a2be2;transform:scale(1.05);background:#8a2be240}.lobby-avatar-option.selected{border-color:#8a2be2;background:#8a2be259;box-shadow:0 0 12px #8a2be280}.lobby-avatar-option-img{width:100%;height:100%;object-fit:contain;border-radius:50%}.lobby-layout-grid{flex:1;display:grid;grid-template-columns:270px 416px 260px;gap:20px;min-height:0;margin-bottom:15px;margin-top:20px;max-height:calc(80vh - 100px);justify-content:center;align-items:start}.game-view-layout{display:flex;flex-direction:row;gap:10px;width:100%;height:calc(100vh - 100px);max-height:calc(100vh - 100px);padding:20px;box-sizing:border-box;align-items:stretch;justify-content:center}.game-view-layout>:first-child{flex:0 0 270px;max-width:270px;display:flex;flex-direction:column}.game-view-layout>:nth-child(2){flex:0 1 auto;display:flex;flex-direction:column;min-height:0}.game-view-layout>:last-child{flex:0 0 270px;max-width:270px;display:flex;flex-direction:column}.lobby-start-section{display:flex;justify-content:center;margin-bottom:8px;margin-top:20px;flex-shrink:0}.start-game-button{background:linear-gradient(135deg,#0f8,#00cc6a);border:none;border-radius:10px;padding:10px 30px;font-size:.9rem;font-weight:900;color:#000;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0f86;position:relative;overflow:hidden}.start-game-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0f89;background:linear-gradient(135deg,#00cc6a,#0f8)}.start-game-button:active{transform:translateY(0)}@media(max-width:1200px){.lobby-layout-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:12px;max-height:calc(100vh - 140px)}}@media(max-width:768px){.lobby-room-container{padding:65px 8px 8px}.lobby-avatar-section{top:10px;right:10px;gap:8px}.lobby-lock-section{top:10px;left:10px;gap:8px}.lobby-timer-section{top:10px}.timer-circle{width:55px;height:55px;border-width:2.5px}.timer-seconds{font-size:1.4rem}.lobby-avatar-button,.lobby-spectator-button{width:42px;height:42px}.lobby-lock-button,.lobby-reset-button{width:42px;height:42px;font-size:1.6rem}.lobby-lock-button{font-size:1.2rem}.game-view-layout{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;height:auto;min-height:calc(100vh - 70px);padding:5px 10px 10px;gap:10px;overflow-y:visible}.game-view-layout>:nth-child(2){width:100%;flex:0 0 100%;max-height:none;overflow-y:visible;order:1}.game-view-layout>:first-child{width:48%;flex:0 0 48%;min-height:180px;max-height:220px;order:2;display:flex!important;visibility:visible!important;opacity:1!important}.game-view-layout>:last-child{width:48%;flex:0 0 48%;min-height:180px;max-height:220px;order:3;display:flex!important;visibility:visible!important;opacity:1!important}.game-view-layout:after{content:"";display:block;width:100%;height:0;clear:both}.lobby-admin-button{width:42px;height:42px;border-radius:50%;padding:0;justify-content:center}.admin-text{display:none}.admin-icon{font-size:1.15rem}.admin-count{position:absolute;top:-5px;right:-5px;width:20px;height:20px;font-size:.7rem;background:#8a2be2f2;border:2px solid rgba(255,255,255,.9)}.lobby-layout-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:8px;max-height:calc(100vh - 95px);margin-bottom:0;margin-top:15px}.lobby-layout-grid>:nth-child(2){grid-column:1 / -1;order:1;max-height:40vh;overflow:hidden}.lobby-layout-grid>:nth-child(1){order:2}.lobby-layout-grid>:nth-child(3){order:3}.start-game-button{padding:8px 20px;font-size:.7rem;letter-spacing:1.5px;border-radius:8px}.lobby-start-section{margin-top:8px;margin-bottom:8px}.admin-panel-dropdown{min-width:260px;max-width:90vw}.admin-panel-players{grid-template-columns:repeat(4,1fr);gap:4px}.admin-player-item{max-width:55px}.admin-player-avatar-wrapper{width:36px;height:36px}.admin-player-name{font-size:.65rem}.mobile-bottom-input{position:fixed;bottom:0;left:0;right:0;width:100%;background:linear-gradient(135deg,#8a2be2f2,#a855f7f2);border-top:2px solid rgba(138,43,226,.8);padding:10px;z-index:1000;box-shadow:0 -4px 20px #00000080}.mobile-bottom-input input{width:100%;padding:12px 16px;font-size:.85rem;font-weight:700;color:#fff;text-align:center;background:#140f1ee6;border:2px solid rgba(138,43,226,.6);border-radius:8px;outline:none}.mobile-bottom-input input::placeholder{color:#ffffff80;font-weight:600}.game-view-layout{padding-bottom:70px}}.room-code-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.room-code-modal{background:linear-gradient(135deg,#1e1432fa,#140f23fa);border:3px solid rgba(138,43,226,.8);border-radius:20px;padding:40px;min-width:400px;box-shadow:0 10px 50px #8a2be280,0 0 100px #8a2be24d;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.room-code-title{font-size:2rem;font-weight:900;color:#fff;text-align:center;margin:0 0 10px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(138,43,226,.8)}.room-code-subtitle{font-size:.95rem;color:#ffffffb3;text-align:center;margin:0 0 30px;font-weight:500}.room-code-input{width:100%;padding:16px 20px;font-size:1.5rem;font-weight:700;color:#fff;background:#0006;border:2px solid rgba(138,43,226,.6);border-radius:12px;text-align:center;letter-spacing:4px;text-transform:uppercase;outline:none;transition:all .3s ease;box-sizing:border-box}.room-code-input::placeholder{color:#ffffff4d;letter-spacing:6px}.room-code-input:focus{border-color:#8a2be2;box-shadow:0 0 20px #8a2be299;background:#0009}.room-code-buttons{display:flex;gap:15px;margin-top:25px}.room-code-join-btn,.room-code-cancel-btn{flex:1;padding:14px 30px;font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.room-code-join-btn{background:linear-gradient(135deg,#0f8,#00cc6a);color:#000;box-shadow:0 4px 15px #0f86}.room-code-join-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0f89;background:linear-gradient(135deg,#00cc6a,#0f8)}.room-code-join-btn:active{transform:translateY(0)}.room-code-cancel-btn{background:#8a2be24d;color:#fff;border:2px solid rgba(138,43,226,.6)}.room-code-cancel-btn:hover{background:#8a2be280;border-color:#8a2be2;transform:translateY(-2px);box-shadow:0 4px 15px #8a2be299}.room-code-cancel-btn:active{transform:translateY(0)}@media(max-width:768px){.room-code-modal{min-width:320px;padding:30px 20px}.room-code-title{font-size:1.5rem}.room-code-input{font-size:1.2rem;padding:14px 16px}.room-code-buttons{flex-direction:column;gap:10px}}.app-container{height:100vh;max-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0a0f,#1a0a2e,#16213e)}.background-effects{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#8a2be280;border-radius:50%;animation:float 15s infinite ease-in-out}.particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:12s}.particle:nth-child(2){left:30%;animation-delay:2s;animation-duration:18s}.particle:nth-child(3){left:50%;animation-delay:4s;animation-duration:14s}.particle:nth-child(4){left:70%;animation-delay:1s;animation-duration:16s}.particle:nth-child(5){left:90%;animation-delay:3s;animation-duration:20s}@keyframes float{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px);opacity:0}}.lobby-container{position:relative;z-index:1;width:100%;max-width:550px;padding:30px;display:flex;flex-direction:column;align-items:center;gap:20px;justify-content:center}.logo-wrapper{margin-bottom:0;animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(138,43,226,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(138,43,226,.8))}}.game-logo{max-width:180px;width:100%;height:auto;object-fit:contain}.lobby-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}.game-title{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#8a2be2,#9370db,#ba55d3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 0 30px rgba(138,43,226,.5);letter-spacing:4px;text-transform:uppercase;font-family:Arial Black,Arial Bold,sans-serif;line-height:1.1}.game-subtitle{font-size:1rem;color:#b19cd9;margin:-8px 0 0;font-weight:300;letter-spacing:2px;text-transform:uppercase}.input-group{width:100%;margin:8px 0}.name-input{width:100%;padding:16px 24px;font-size:1.05rem;background:#1a1a2ecc;border:2px solid rgba(138,43,226,.3);border-radius:12px;color:#fff;outline:none;transition:all .3s ease;box-sizing:border-box;font-family:inherit}.name-input::placeholder{color:#b19cd980}.name-input:focus{border-color:#8a2be2;box-shadow:0 0 20px #8a2be266;background:#1a1a2ef2}.button-group{width:100%;display:flex;flex-direction:column;gap:16px;margin-top:8px}.lobby-button{position:relative;width:100%;padding:16px 32px;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#6a1b9a,#8a2be2,#9370db);border:none;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;font-family:inherit;box-shadow:0 8px 20px #8a2be24d}.lobby-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.lobby-button:hover:before{left:100%}.button-text{position:relative;z-index:2}.button-glow{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;z-index:1}.lobby-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #8a2be280}.lobby-button:active{transform:translateY(-1px)}.lobby-button:hover .button-glow{width:300px;height:300px}.create-button{background:linear-gradient(135deg,#6a1b9a,#8a2be2,#9370db)}.join-button{background:linear-gradient(135deg,#4a148c,#7b1fa2,#8a2be2)}.join-button:hover{box-shadow:0 12px 30px #7b1fa280}@media(min-width:769px){.lobby-container{max-width:600px;padding:35px;gap:24px}.game-logo{max-width:200px}.game-title{font-size:4rem}.game-subtitle{font-size:1.1rem}.lobby-content{gap:20px}.name-input{padding:18px 24px;font-size:1.1rem}.lobby-button{padding:18px 32px;font-size:1.2rem}.button-group{gap:18px}}@media(max-width:600px){.lobby-container{padding:20px;gap:12px}.game-title{font-size:2.5rem}.game-subtitle{font-size:.85rem}.lobby-button{padding:14px 24px;font-size:1rem}.game-logo{max-width:140px}.lobby-content{gap:12px}.name-input{padding:14px 20px;font-size:1rem}.button-group{gap:12px}}.settings-container{position:relative;z-index:10;width:100%;max-width:600px;padding:30px;background:#0a0a0ff2;border:2px solid rgba(138,43,226,.3);border-radius:20px;box-shadow:0 20px 60px #8a2be24d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;max-height:90vh;overflow-y:auto}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid rgba(138,43,226,.2)}.settings-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#8a2be2,#9370db,#ba55d3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-transform:uppercase;letter-spacing:2px}.close-button{background:transparent;border:2px solid rgba(138,43,226,.5);color:#b19cd9;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;padding:0}.close-button:hover{background:#8a2be233;border-color:#8a2be2;color:#fff;transform:rotate(90deg)}.settings-content{flex:1;display:flex;flex-direction:column;gap:25px;margin-bottom:20px}.setting-group{display:flex;flex-direction:column;gap:12px}.setting-label{font-size:1rem;font-weight:600;color:#b19cd9;text-transform:uppercase;letter-spacing:1px}.option-group{display:flex;gap:12px;flex-wrap:wrap}.time-options{gap:10px}.option-button{flex:1;min-width:80px;padding:12px 20px;font-size:1rem;font-weight:600;color:#b19cd9;background:#1a1a2e99;border:2px solid rgba(138,43,226,.3);border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-family:inherit}.option-button:hover{border-color:#8a2be2;background:#8a2be21a;transform:translateY(-2px);box-shadow:0 4px 12px #8a2be24d}.option-button.active{background:linear-gradient(135deg,#6a1b9a,#8a2be2,#9370db);border-color:#8a2be2;color:#fff;box-shadow:0 6px 20px #8a2be280;transform:translateY(-2px)}.option-button.active:hover{box-shadow:0 8px 25px #8a2be299}.settings-footer{margin-top:10px;padding-top:20px;border-top:2px solid rgba(138,43,226,.2)}.start-button{width:100%}.settings-container::-webkit-scrollbar{width:8px}.settings-container::-webkit-scrollbar-track{background:#1a1a2e80;border-radius:10px}.settings-container::-webkit-scrollbar-thumb{background:#8a2be280;border-radius:10px}.settings-container::-webkit-scrollbar-thumb:hover{background:#8a2be2b3}@media(min-width:769px){.settings-container{max-width:650px;padding:40px}.settings-title{font-size:2.5rem}.setting-label{font-size:1.1rem}.option-button{padding:14px 24px;font-size:1.05rem}.settings-content{gap:30px}}@media(max-width:600px){.settings-container{padding:20px;max-width:95%;border-radius:15px}.settings-title{font-size:1.5rem}.setting-label{font-size:.9rem}.option-button{min-width:70px;padding:10px 16px;font-size:.9rem}.option-group{gap:8px}.settings-content{gap:20px}.close-button{width:35px;height:35px;font-size:1.5rem}}.lobby-wait-room{position:relative;z-index:10;width:100%;max-width:1200px;height:100vh;max-height:100vh;padding:25px;display:flex;flex-direction:column;overflow:hidden;margin:0 auto}.avatar-section{position:absolute;top:25px;right:25px;z-index:100}.avatar-button{background:#1a1a2ecc;border:3px solid rgba(138,43,226,.6);border-radius:50%;width:65px;height:65px;padding:5px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 15px #8a2be24d}.avatar-button:hover{border-color:#8a2be2;box-shadow:0 6px 25px #8a2be299;transform:scale(1.05);background:#8a2be233}.avatar-img{width:100%;height:100%;object-fit:contain;border-radius:50%}.avatar-selector{position:absolute;top:75px;right:0;background:#0a0a0ffa;border:2px solid rgba(138,43,226,.6);border-radius:15px;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-width:220px;z-index:101;box-shadow:0 10px 40px #000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.avatar-option{background:#1a1a2ecc;border:2px solid rgba(138,43,226,.4);border-radius:12px;padding:10px;cursor:pointer;transition:all .3s ease;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-option:hover{border-color:#8a2be2;background:#8a2be24d;transform:scale(1.1);box-shadow:0 4px 15px #8a2be280}.avatar-option.selected{border-color:#8a2be2;background:#8a2be266;box-shadow:0 0 20px #8a2be2cc}.avatar-option-img{width:100%;height:100%;object-fit:contain}.lobby-content-wrapper{flex:1;display:flex;flex-direction:column;gap:20px;min-height:0;overflow:hidden;justify-content:space-between}.teams-container{display:grid;grid-template-columns:1fr 1fr;gap:25px;width:100%;max-width:900px;margin:0 auto;flex:1;min-height:0;overflow:hidden}.team-section{background:#14141ef2;border:3px solid;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:15px;box-shadow:0 8px 30px #0006;flex:1;min-height:0}.red-team{border-color:#dc143c80}.green-team{border-color:#32cd3280}.join-team-button{width:100%;padding:14px 24px;font-size:1.15rem;font-weight:800;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;font-family:inherit;position:relative;overflow:hidden;flex-shrink:0}.red-team-btn{background:linear-gradient(135deg,#8b0000,#b22222,#dc143c);box-shadow:0 2px 8px #0000004d}.red-team-btn:hover{background:linear-gradient(135deg,#a00000,#c22727,#e0144c);box-shadow:0 3px 10px #0006;transform:translateY(-3px)}.red-team-btn.selected{background:linear-gradient(135deg,#a00000,#c22727,#e0144c);box-shadow:0 3px 12px #00000080}.green-team-btn{background:linear-gradient(135deg,#006400,#228b22,#32cd32);box-shadow:0 2px 8px #0000004d}.green-team-btn:hover{background:linear-gradient(135deg,#007500,#289b28,#3cdd3c);box-shadow:0 3px 10px #0006;transform:translateY(-3px)}.green-team-btn.selected{background:linear-gradient(135deg,#007500,#289b28,#3cdd3c);box-shadow:0 3px 12px #00000080}.team-list{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.player-card{background:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;pointer-events:none;flex-shrink:0}.red-team .player-card{background:#dc143c66;border-color:#dc143cb3}.green-team .player-card{background:#32cd3266;border-color:#32cd32b3}.player-info{display:flex;align-items:center;gap:12px;flex:1}.player-avatar{width:40px;height:40px;border-radius:50%;object-fit:contain;flex-shrink:0;background:#ffffff1a;padding:4px;border:2px solid rgba(255,255,255,.3)}.player-name{color:#fff;font-weight:700;font-size:1.05rem;text-shadow:0 2px 4px rgba(0,0,0,.6);letter-spacing:.5px}.host-badge{background:linear-gradient(135deg,#8a2be2,#9370db,#ba55d3);color:#fff;font-size:.75rem;font-weight:800;padding:6px 12px;border-radius:8px;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 2px 8px #8a2be280}.empty-team{color:#fff9;text-align:center;font-style:italic;pointer-events:none;font-size:.95rem;font-weight:500;margin:auto 0}.lobby-actions{display:flex;flex-direction:column;gap:15px;width:100%;max-width:900px;margin:0 auto;flex-shrink:0}.action-button{position:relative;width:100%;padding:14px 28px;font-size:1.05rem;font-weight:800;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;font-family:inherit;overflow:hidden;flex-shrink:0}.randomize-button{background:linear-gradient(135deg,#6a1b9a,#8a2be2,#9370db);box-shadow:0 8px 25px #8a2be266}.randomize-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #8a2be299;background:linear-gradient(135deg,#7a2baa,#9a2bf2,#a370eb)}.start-game-button{background:linear-gradient(135deg,#8a2be2,#9370db,#ba55d3);box-shadow:0 10px 30px #8a2be280;padding:16px 28px;font-size:1.15rem;letter-spacing:3px}.start-game-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #8a2be2b3;background:linear-gradient(135deg,#9a2bf2,#a370eb,#ca65e3)}.action-button:active{transform:translateY(-1px)}@media(min-width:769px){.lobby-wait-room{padding:30px}.avatar-section{top:30px;right:30px}.avatar-button{width:75px;height:75px}.avatar-selector{top:85px;min-width:260px;padding:22px;gap:15px}.lobby-content-wrapper{gap:25px}.teams-container{gap:25px;max-width:900px}.team-section{padding:22px}.join-team-button{padding:16px 24px;font-size:1.2rem}.team-list{gap:10px}.player-card{padding:12px 16px;font-size:1rem}.player-avatar{width:45px;height:45px}.lobby-actions{gap:15px;max-width:900px}.action-button{padding:16px 32px;font-size:1.1rem}.start-game-button{padding:18px 32px;font-size:1.2rem}}@media(max-width:768px){.lobby-wait-room{padding:15px}.avatar-section{top:15px;right:15px}.avatar-button{width:55px;height:55px}.avatar-selector{top:65px;right:0;width:75%;min-width:200px;padding:15px;gap:10px}.lobby-content-wrapper{gap:15px}.teams-container{grid-template-columns:1fr;gap:15px;max-width:100%}.team-section{padding:15px}.join-team-button{padding:14px 20px;font-size:1rem}.team-list{gap:8px}.player-card{padding:10px 14px;font-size:.95rem}.player-avatar{width:35px;height:35px}.player-info{gap:10px}.lobby-actions{gap:12px}.action-button{padding:14px 24px;font-size:1rem}.start-game-button{padding:16px 24px;font-size:1.1rem;letter-spacing:2px}}.taboo-game-container{position:relative;z-index:10;width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;padding:20px}.game-timer-section{display:flex;justify-content:center;margin-bottom:20px;flex-shrink:0}.timer-banner{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 40px;border-radius:15px;min-width:300px}.timer-banner.red-team-turn{background:#dc143c4d;border:3px solid rgba(220,20,60,.7)}.timer-banner.green-team-turn{background:#32cd324d;border:3px solid rgba(50,205,50,.7)}.timer-display{font-size:3.5rem;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5);letter-spacing:2px}.timer-label{font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:#fff}.game-layout{flex:1;display:grid;grid-template-columns:250px 1fr 250px;gap:20px;min-height:0;overflow:hidden}.team-panel{display:flex;flex-direction:column;background:#14141ef2;border-radius:15px;padding:20px;overflow-y:auto}.red-team-panel{border:3px solid rgba(220,20,60,.6)}.green-team-panel{border:3px solid rgba(50,205,50,.6)}.team-title{font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:3px;text-align:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid rgba(138,43,226,.3)}.red-team-title{color:#ff6b6b;text-shadow:0 0 15px rgba(220,20,60,.5)}.green-team-title{color:#32cd32;text-shadow:0 0 15px rgba(50,205,50,.5)}.team-score-display{font-size:3rem;font-weight:900;text-align:center;margin-bottom:20px;text-shadow:0 0 20px rgba(138,43,226,.6)}.red-score{color:#ff6b6b}.green-score{color:#32cd32}.team-players-list{display:flex;flex-direction:column;gap:12px}.team-player-card{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff1a;border:2px solid rgba(138,43,226,.3);border-radius:10px;transition:all .3s ease}.team-player-card:hover{background:#ffffff26;border-color:#8a2be280}.player-avatar-img{width:45px;height:45px;border-radius:50%;object-fit:contain;border:2px solid rgba(138,43,226,.5);flex-shrink:0}.player-name-text{color:#fff;font-weight:700;font-size:1rem;flex:1}.empty-team-message{color:#ffffff80;text-align:center;font-style:italic;padding:20px}.cards-panel{display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:10px}.words-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;max-width:700px}.word-card{aspect-ratio:1;background:#1a1a2ef2;border:3px solid rgba(138,43,226,.5);border-radius:15px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;min-height:140px}.word-card:hover{transform:translateY(-5px) scale(1.02);border-color:#8a2be2;box-shadow:0 10px 30px #8a2be280;background:#8a2be233}.word-card.guessed{background:#dc143c66;border-color:#dc143ccc;cursor:not-allowed;opacity:.8}.word-text-content{font-size:1.1rem;font-weight:800;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1px;word-break:break-word;line-height:1.3}.checkmark{position:absolute;top:10px;right:10px;width:35px;height:35px;background:#ff6b6b;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:900;box-shadow:0 4px 15px #dc143c99}@media(max-width:1200px){.game-layout{grid-template-columns:200px 1fr 200px}.words-grid-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.taboo-game-container{padding:15px}.game-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:15px}.team-panel{max-height:200px}.words-grid-container{grid-template-columns:repeat(2,1fr);gap:10px}.word-card{min-height:120px;padding:15px}.word-text-content{font-size:1rem}.timer-display{font-size:2.5rem}.timer-banner{min-width:250px;padding:12px 30px}}