@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--accent: #00ff88;--accent-dim: #00cc6a;--text: #f0f0f0;--text-dim: #888;--danger: #ff4466;--warning: #ffaa00}.holiday-halloween{--accent: #ff8c00;--accent-dim: #ff6b00;--bg-primary: #1a0a0a;--bg-secondary: #2a1515}.holiday-christmas{--accent: #ff0000;--accent-dim: #cc0000;--bg-primary: #0a0f0a;--bg-secondary: #151a15}.holiday-newyear{--accent: #ffd700;--accent-dim: #ffaa00;--bg-primary: #0a0a1a;--bg-secondary: #151520}.holiday-valentines{--accent: #ff69b4;--accent-dim: #ff1493;--bg-primary: #1a0a0f;--bg-secondary: #2a1520}.holiday-independenceday,.holiday-canadaday{--accent: #ff0000;--accent-dim: #cc0000;--bg-primary: #0a0a1a;--bg-secondary: #151520}.holiday-thanksgiving{--accent: #ff8c00;--accent-dim: #ff6b00;--bg-primary: #1a0f0a;--bg-secondary: #2a1f15}.holiday-easter{--accent: #ffb6c1;--accent-dim: #ff91a4;--bg-primary: #1a0f1a;--bg-secondary: #2a1f2a}.holiday-stpatricks{--accent: #00ff00;--accent-dim: #00cc00;--bg-primary: #0a0f0a;--bg-secondary: #151a15}.holiday-laborday{--accent: #4169e1;--accent-dim: #1e3a8a;--bg-primary: #0a0a1a;--bg-secondary: #151520}.holiday-memorialday{--accent: #ffd700;--accent-dim: #ffaa00;--bg-primary: #0a0a1a;--bg-secondary: #151520}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,monospace;background:var(--bg-primary);color:var(--text);min-height:100vh;overflow-x:hidden}.app{min-height:100vh;background:radial-gradient(ellipse at 20% 0%,rgba(0,255,136,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(0,200,100,.05) 0%,transparent 50%),var(--bg-primary);transition:background .5s ease}.holiday-halloween.app{background:radial-gradient(ellipse at 20% 0%,rgba(255,140,0,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(255,107,0,.1) 0%,transparent 50%),var(--bg-primary)}.holiday-christmas.app{background:radial-gradient(ellipse at 20% 0%,rgba(255,0,0,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(0,255,0,.1) 0%,transparent 50%),var(--bg-primary)}.holiday-newyear.app{background:radial-gradient(ellipse at 20% 0%,rgba(255,215,0,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(255,170,0,.1) 0%,transparent 50%),var(--bg-primary)}.holiday-valentines.app{background:radial-gradient(ellipse at 20% 0%,rgba(255,105,180,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(255,20,147,.1) 0%,transparent 50%),var(--bg-primary)}.holiday-independenceday.app,.holiday-canadaday.app{background:radial-gradient(ellipse at 20% 0%,rgba(255,0,0,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(0,0,255,.1) 0%,transparent 50%),var(--bg-primary)}.holiday-thanksgiving.app{background:radial-gradient(ellipse at 20% 0%,rgba(255,140,0,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(139,69,19,.1) 0%,transparent 50%),var(--bg-primary)}.holiday-easter.app{background:radial-gradient(ellipse at 20% 0%,rgba(255,182,193,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(255,192,203,.1) 0%,transparent 50%),var(--bg-primary)}.holiday-stpatricks.app{background:radial-gradient(ellipse at 20% 0%,rgba(0,255,0,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(0,200,0,.1) 0%,transparent 50%),var(--bg-primary)}.holiday-laborday.app,.holiday-memorialday.app{background:radial-gradient(ellipse at 20% 0%,rgba(65,105,225,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(255,215,0,.1) 0%,transparent 50%),var(--bg-primary)}.game-screen-wrapper{min-height:100vh;display:flex;position:relative;overflow:hidden}.holiday-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.15}.holiday-background:before,.holiday-background:after{display:block;filter:blur(2px)}.holiday-halloween .holiday-background:before{content:"🎃";position:absolute;font-size:8rem;top:10%;left:10%;animation:float 6s ease-in-out infinite}.holiday-halloween .holiday-background:after{content:"🦇";position:absolute;font-size:6rem;top:20%;right:15%;animation:float 8s ease-in-out infinite reverse}.holiday-christmas .holiday-background:before{content:"🎄";position:absolute;font-size:8rem;top:10%;left:10%;animation:float 6s ease-in-out infinite}.holiday-christmas .holiday-background:after{content:"❄️";position:absolute;font-size:4rem;top:20%;right:15%;animation:float 8s ease-in-out infinite reverse}.holiday-newyear .holiday-background:before{content:"🎆";position:absolute;font-size:8rem;top:10%;left:10%;animation:float 6s ease-in-out infinite}.holiday-newyear .holiday-background:after{content:"🎊";position:absolute;font-size:6rem;top:20%;right:15%;animation:float 8s ease-in-out infinite reverse}.holiday-valentines .holiday-background:before{content:"💕";position:absolute;font-size:8rem;top:10%;left:10%;animation:float 6s ease-in-out infinite}.holiday-valentines .holiday-background:after{content:"💖";position:absolute;font-size:6rem;top:20%;right:15%;animation:float 8s ease-in-out infinite reverse}.holiday-independenceday .holiday-background:before{content:"🇺🇸";position:absolute;font-size:8rem;top:10%;left:10%;animation:float 6s ease-in-out infinite}.holiday-independenceday .holiday-background:after{content:"🎆";position:absolute;font-size:6rem;top:20%;right:15%;animation:float 8s ease-in-out infinite reverse}.holiday-canadaday .holiday-background:before{content:"🇨🇦";position:absolute;font-size:8rem;top:10%;left:10%;animation:float 6s ease-in-out infinite}.holiday-canadaday .holiday-background:after{content:"🍁";position:absolute;font-size:6rem;top:20%;right:15%;animation:float 8s ease-in-out infinite reverse}.holiday-thanksgiving .holiday-background:before{content:"🦃";position:absolute;font-size:8rem;top:10%;left:10%;animation:float 6s ease-in-out infinite}.holiday-thanksgiving .holiday-background:after{content:"🍂";position:absolute;font-size:6rem;top:20%;right:15%;animation:float 8s ease-in-out infinite reverse}.holiday-easter .holiday-background:before{content:"🐰";position:absolute;font-size:8rem;top:10%;left:10%;animation:float 6s ease-in-out infinite}.holiday-easter .holiday-background:after{content:"🥚";position:absolute;font-size:6rem;top:20%;right:15%;animation:float 8s ease-in-out infinite reverse}.holiday-stpatricks .holiday-background:before{content:"☘️";position:absolute;font-size:8rem;top:10%;left:10%;animation:float 6s ease-in-out infinite}.holiday-stpatricks .holiday-background:after{content:"🍀";position:absolute;font-size:6rem;top:20%;right:15%;animation:float 8s ease-in-out infinite reverse}.holiday-laborday .holiday-background:before{content:"🔧";position:absolute;font-size:8rem;top:10%;left:10%;animation:float 6s ease-in-out infinite}.holiday-laborday .holiday-background:after{content:"⚙️";position:absolute;font-size:6rem;top:20%;right:15%;animation:float 8s ease-in-out infinite reverse}.holiday-memorialday .holiday-background:before{content:"🇺🇸";position:absolute;font-size:8rem;top:10%;left:10%;animation:float 6s ease-in-out infinite}.holiday-memorialday .holiday-background:after{content:"🕊️";position:absolute;font-size:6rem;top:20%;right:15%;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.game-screen{position:relative;z-index:1}.game-screen{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:2rem}.word-hints-sidebar,.game-screen-wrapper .word-hints-sidebar,.waiting-screen .word-hints-sidebar{display:none!important}@media(min-width:1024px){.results-screen-wrapper .word-hints-sidebar{display:flex!important;flex-direction:column;width:200px;padding:1.5rem 1rem;background:var(--bg-secondary);border-left:1px solid #222;position:fixed;right:0;top:0;height:100vh;overflow-y:auto}.results-screen-wrapper .results-screen{padding-right:220px}.hints-header{font-family:Archivo Black,sans-serif;font-size:.875rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #222}.hints-list{display:flex;flex-direction:column;gap:.5rem}.hint-word{font-size:.875rem;color:var(--text-dim);padding:.25rem .5rem;border-radius:4px;transition:all .2s}.hint-word.found{color:var(--accent);background:#00ff881a;border:1px solid var(--accent-dim);font-weight:600}}.timer{font-family:Archivo Black,sans-serif;font-size:4rem;color:var(--accent);text-shadow:0 0 30px rgba(0,255,136,.5);transition:all .3s}.timer.urgent{color:var(--danger);text-shadow:0 0 30px rgba(255,68,102,.5);animation:pulse .5s infinite}.player-count{font-size:.875rem;color:var(--text-dim);font-family:Inter,sans-serif;letter-spacing:.5px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.word-display{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;max-width:600px}.letter{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:var(--bg-secondary);border:2px solid var(--accent);border-radius:8px;font-family:Archivo Black,sans-serif;font-size:1.8rem;color:var(--accent);box-shadow:0 4px 20px #0f83;transition:opacity .3s ease,border-color .3s ease,transform .1s ease;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.letter:active{transform:scale(.95)}.letter.used{opacity:.4;border-color:var(--accent-dim);box-shadow:0 2px 10px #00ff881a;cursor:default}.letter:disabled{opacity:.4;cursor:default;pointer-events:none}.letter.dimmed{border-color:var(--accent-dim);box-shadow:0 2px 10px #00ff881a}.input-form{width:100%;max-width:400px}.input-wrapper{position:relative;width:100%}.word-input{width:100%;padding:1rem 3.5rem 1rem 1.5rem;font-size:1.5rem;font-family:JetBrains Mono,monospace;background:var(--bg-secondary);border:2px solid #333;border-radius:12px;color:var(--text);outline:none;transition:all .2s}.submit-button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:var(--accent);border:none;border-radius:8px;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--bg-primary);transition:all .2s;-webkit-tap-highlight-color:transparent}.submit-button:hover{background:var(--accent-dim);transform:translateY(-50%) scale(1.05)}.submit-button:active{transform:translateY(-50%) scale(.95)}.submit-button svg{width:18px;height:18px}.word-input:focus{border-color:var(--accent);box-shadow:0 0 20px #0f83}.word-input.valid{border-color:var(--accent);background:#00ff881a}.word-input.invalid{border-color:var(--danger);background:#ff44661a}.score-display{display:flex;flex-direction:column;align-items:center;gap:.25rem}.score-label{font-size:.875rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px}.score-value{font-family:Archivo Black,sans-serif;display:inline-flex;align-items:center;gap:.5rem}.player-count-inline{font-size:.875rem;color:var(--text-dim);font-family:Inter,sans-serif;font-weight:400}.score-value{font-family:Archivo Black,sans-serif;font-size:3rem;color:var(--accent);display:inline-flex;align-items:center;gap:.5rem}.found-words{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:600px;max-height:200px;overflow-y:auto;padding:1rem}.found-word{padding:.5rem 1rem;background:#00ff881a;border:1px solid var(--accent-dim);border-radius:20px;font-size:.875rem;color:var(--accent)}.waiting-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.waiting-content{text-align:center}.waiting-content h2{font-family:Archivo Black,sans-serif;font-size:3rem;color:var(--accent);margin-bottom:2rem}.final-stats{display:flex;gap:3rem;justify-content:center;margin-bottom:2rem}.stat{display:flex;flex-direction:column}.stat-value{font-family:Archivo Black,sans-serif;font-size:4rem;color:var(--text)}.stat-label{font-size:.875rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px}.loading-dots{color:var(--text-dim);font-size:1.25rem}.waiting-message{color:var(--text-dim);font-size:1.25rem;padding:1rem 2rem;text-align:center}.results-screen-wrapper{display:flex;min-height:100vh}.results-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.results-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:500px;width:100%}.results-content h2{font-family:Archivo Black,sans-serif;font-size:2.5rem;color:var(--accent)}.result-word{font-family:Archivo Black,sans-serif;font-size:1.5rem;color:var(--text-dim);letter-spacing:4px}.result-card{width:100%;padding:1.5rem;background:var(--bg-secondary);border-radius:16px;border:1px solid #222;text-align:center}.result-card.main-rank{background:linear-gradient(135deg,#00ff881a,#00c8640d);border-color:var(--accent-dim)}.percentile-value{font-family:Archivo Black,sans-serif;font-size:3rem;color:var(--accent);display:block}.rank-details{color:var(--text-dim);margin-top:.5rem}.card-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem}.card-value{font-family:Archivo Black,sans-serif;font-size:2rem;color:var(--text)}.card-value.highlight{color:var(--warning)}.card-sub{font-size:.875rem;color:var(--text-dim);margin-top:.25rem}.result-card.distribution{padding-bottom:1rem}.distribution-bars{display:flex;justify-content:space-around;align-items:flex-end;height:100px;margin-top:1rem;gap:.5rem}.bar-container{display:flex;flex-direction:column;align-items:center;flex:1}.bar{width:100%;max-width:40px;background:var(--accent);border-radius:4px 4px 0 0;min-height:4px}.bar-label{font-size:.625rem;color:var(--text-dim);margin-top:.5rem}.button-row{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.next-round-btn,.share-btn{padding:1rem 2rem;font-family:Archivo Black,sans-serif;font-size:1.1rem;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.next-round-btn{background:var(--accent);color:var(--bg-primary)}.next-round-btn:hover{background:var(--accent-dim);box-shadow:0 0 30px #00ff884d}.share-btn,.stay-btn{background:var(--bg-secondary);color:var(--text);border:2px solid var(--accent)}.share-btn:hover,.stay-btn:hover{background:#00ff881a;box-shadow:0 0 20px #0f83}.your-words{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.your-word{padding:.25rem .75rem;background:#00ff881a;border:1px solid var(--accent-dim);border-radius:16px;font-size:.8rem;color:var(--accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}@media(max-width:600px){.timer{font-size:3rem}.letter{width:2.5rem;height:2.5rem;font-size:1.3rem;min-width:2.5rem;min-height:2.5rem}.word-input{font-size:1.25rem;padding:1rem 3rem 1rem 1.25rem}.submit-button{width:2.25rem;height:2.25rem;right:.5rem}.submit-button svg{width:16px;height:16px}.score-value{font-size:2.5rem}.stat-value{font-size:3rem}.percentile-value{font-size:2.5rem}}