:root{--col-bg:#e5d4ff;--col-bg-light:#e0e0e0;--col-bg-lighter:#c096ff;--col-primary:#9146ff;--col-primary-dark:#634e83;--col-primary-light:#c096ff;--col-shadow:rgba(0,0,0,.25);--col-white:#fff;--col-correct:#6aaa64;--col-present:#c9b458;--col-absent:#787c7e}.twitchdle-game{font-family:Poppins,sans-serif;background-color:var(--col-bg);color:var(--col-primary-dark);margin:0;padding:0;min-height:100vh}.twitchdle-container,.twitchdle-game{display:flex;flex-direction:column;align-items:center}.twitchdle-container{margin-top:2.5rem;width:100%;position:relative;z-index:10}.container{margin-top:.5rem;display:flex;flex-direction:column;align-items:center}h1{color:var(--col-primary);font-size:48px;font-weight:600;margin-top:20px}#board{display:grid;margin-top:2.5rem;grid-template-columns:repeat(var(--word-length,5),60px);gap:15px;justify-content:center;margin-bottom:30px}.row{display:contents}.cell{width:60px;height:60px;border:2px solid var(--col-bg-light);display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:600;background-color:var(--col-white);border-radius:8px;box-shadow:0 2px 4px var(--col-shadow);transition:all .3s ease}.cell.correct{background-color:var(--col-correct);color:var(--col-white);border-color:var(--col-correct)}.cell.present{background-color:var(--col-present);color:var(--col-white);border-color:var(--col-present)}.cell.absent{background-color:var(--col-absent);color:var(--col-white);border-color:var(--col-absent)}#keyboard{flex-direction:column;margin-top:20px}#keyboard,.keyboard-row{display:flex;align-items:center;gap:8px}.key,.keyboard-row{justify-content:center}.key{width:50px;height:50px;background-color:var(--col-bg-light);text-align:center;line-height:50px;cursor:pointer;border-radius:5px;font-size:18px;display:flex;align-items:center;box-shadow:0 2px 4px var(--col-shadow);transition:background-color .3s,transform .3s}.key:hover{background-color:var(--col-primary-light);transform:scale(1.1)}.key.wide{width:80px;background-color:var(--col-primary);color:var(--col-white)}.key.wide:hover{background-color:var(--col-primary-light)}.key.correct{background-color:var(--col-correct);color:var(--col-white);border-color:var(--col-correct)}.key.present{background-color:var(--col-present);color:var(--col-white);border-color:var(--col-present)}.key.absent{background-color:var(--col-absent);border-color:var(--col-absent)}#message,.key.absent{color:var(--col-white)}#message{margin-top:20px;padding:10px 20px;background-color:var(--col-primary);border-radius:8px;font-weight:600;text-align:center}.instructions-container{margin:20px 0}.instructions-toggle-button{background-color:var(--col-primary);color:var(--col-white);border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.instructions-toggle-button:hover{background-color:var(--col-primary-dark)}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-content{background-color:var(--col-white);padding:40px;border-radius:16px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.15);text-align:center}.close{position:absolute;top:20px;right:20px;font-size:32px;font-weight:700;cursor:pointer;color:var(--col-primary);background:none;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1}.close:hover{color:var(--col-white);background-color:var(--col-primary);transform:scale(1.1)}.modal-content p{margin:15px 0;font-size:18px;line-height:1.5;color:var(--col-primary-dark)}.modal-content p:first-child{font-size:24px;font-weight:600;color:var(--col-primary);margin-bottom:20px}.instructions-content p{margin-bottom:15px;line-height:1.6}.instruction-icon{width:20px;height:20px;margin-right:8px;vertical-align:middle;display:inline-block}.post-game{text-align:center;padding:40px;background-color:var(--col-white);border-radius:12px;box-shadow:0 10px 30px var(--col-shadow);margin:20px;max-width:500px;font-family:Poppins,sans-serif}.post-game h2{color:var(--col-primary);font-size:32px;margin-bottom:20px}.post-game-message{font-size:18px;margin-bottom:20px;color:var(--col-primary-dark)}.post-game-countdown{font-size:16px;color:var(--col-primary);margin-bottom:20px;font-weight:600}.post-game-stats{font-size:14px;color:var(--col-primary-dark);margin-bottom:30px}.social-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.social-button{display:inline-flex;align-items:center;justify-content:center;width:60px;height:40px;border-radius:8px;text-decoration:none;color:var(--col-white);font-size:18px;transition:all .3s ease;box-shadow:0 4px 8px var(--col-shadow)}.social-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px var(--col-shadow)}.social-button.github{background-color:#333}.social-button.cafecito{background-color:#ff6b35}.social-button.instagram{background-color:#e4405f}.social-button.twitch{background-color:#9146ff}.social-button.discord{background-color:#5865f2}.hidden{display:none!important}.leaderboard-container{background:hsla(0,0%,100%,.95);backdrop-filter:blur(8px);border:1px solid #e0e0e0;border-radius:8px;padding:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);width:240px;z-index:100;position:relative}.leaderboard-container h3{color:#c096ff;font-size:18px;font-weight:700;margin-bottom:12px}.leaderboard-scroll{max-height:300px;overflow-y:auto;padding-right:8px}.leaderboard-scroll::-webkit-scrollbar{width:8px}.leaderboard-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.leaderboard-scroll::-webkit-scrollbar-thumb{background:#9146ff;border-radius:4px}.leaderboard-scroll::-webkit-scrollbar-thumb:hover{background:#7c3aed}.leaderboard-scroll{scrollbar-width:thin;scrollbar-color:#9146ff #f1f1f1}.leaderboard-item{background:hsla(0,0%,94%,.8);border-radius:4px;padding:6px;margin-bottom:6px;transition:background-color .2s}.leaderboard-item:hover{background:hsla(0,0%,88%,.8)}.leaderboard-rank{background-color:#c096ff;color:#fff;font-weight:700;font-size:12px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.leaderboard-rank.rank-1{background-color:gold;color:#000}.leaderboard-rank.rank-2{background-color:silver;color:#000}.leaderboard-rank.rank-3{background-color:#cd7f32;color:#fff}.leaderboard-score.score-1{color:gold}.leaderboard-score.score-2{color:silver}.leaderboard-score.score-3{color:#cd7f32}.leaderboard-rank.rank-4-plus{background-color:#9146ff;color:#fff}.leaderboard-score{color:#c096ff;font-weight:700;font-size:14px}.leaderboard-score.score-4-plus{color:#9146ff}.twitchdle-game.kick-theme .leaderboard-container{background:hsla(0,0%,100%,.95);border:1px solid #e0e0e0}.twitchdle-game.kick-theme .leaderboard-container h3{color:#00b501}.twitchdle-game.kick-theme .leaderboard-scroll::-webkit-scrollbar-thumb{background:#00e701}.twitchdle-game.kick-theme .leaderboard-scroll::-webkit-scrollbar-thumb:hover{background:#00b501}.twitchdle-game.kick-theme .leaderboard-scroll{scrollbar-color:#00e701 #f1f1f1}.twitchdle-game.kick-theme .leaderboard-item{background:rgba(230,255,230,.8)}.twitchdle-game.kick-theme .leaderboard-item:hover{background:rgba(204,255,204,.8)}.twitchdle-game.kick-theme .leaderboard-rank.rank-1{background-color:gold;color:#000}.twitchdle-game.kick-theme .leaderboard-rank.rank-2{background-color:silver;color:#000}.twitchdle-game.kick-theme .leaderboard-rank.rank-3{background-color:#cd7f32;color:#fff}.twitchdle-game.kick-theme .leaderboard-score.score-1{color:gold}.twitchdle-game.kick-theme .leaderboard-score.score-2{color:silver}.twitchdle-game.kick-theme .leaderboard-score.score-3{color:#cd7f32}.twitchdle-game.kick-theme .leaderboard-rank{background-color:#00e701}.twitchdle-game.kick-theme .leaderboard-rank.rank-4-plus{background-color:#00e701;color:#fff}.twitchdle-game.kick-theme .leaderboard-score{color:#00b501}.twitchdle-game.kick-theme .leaderboard-score.score-4-plus{color:#00e701}@media (max-width:768px){h1{font-size:36px}.cell{width:50px;height:50px;font-size:20px}#board{grid-template-columns:repeat(5,50px);gap:10px}.key{padding:8px 12px;font-size:14px;min-width:35px}.key.wide{min-width:60px}.modal-content{padding:20px;margin:20px}.post-game{padding:30px 20px;margin:10px}}.stats-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center;z-index:10;overflow:hidden;padding:20px}.stats-content{padding:10px;max-width:500px;width:100%;text-align:center;overflow-y:auto;position:relative;z-index:20}.stats-content h1{color:var(--col-primary);font-size:3rem;margin-bottom:10px;font-weight:700}.stats-content h2{color:var(--col-text);font-size:2rem;margin-bottom:10px}.game-result{color:var(--col-text);font-size:1.1rem;margin-bottom:20px;font-weight:500}.emoji-grid{margin:20px 0;font-family:monospace;font-size:1.2rem;line-height:1.2;padding:5px;border-radius:8px}.next-word-countdown{color:var(--col-primary);font-size:1rem;margin-bottom:10px;font-weight:500}.stats-section{margin-bottom:30px}.stats-section h3{color:var(--col-primary);font-size:1.3rem;margin-bottom:20px;font-weight:700}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8f9fa;border-radius:8px;border:1px solid #000}.stat-label{color:var(--col-text);font-weight:500}.stat-value{color:var(--col-primary);font-weight:700;font-size:1.1rem}.guess-distribution{text-align:left}.guess-distribution h4{color:var(--col-text);font-size:1.1rem;margin-bottom:15px;text-align:center}.guess-row{display:flex;align-items:center;margin-bottom:8px;gap:10px}.guess-number{width:30px;color:var(--col-text);font-weight:500}.guess-bar{flex:1;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden;position:relative}.guess-fill{height:100%;background:var(--col-primary);border-radius:10px;transition:width .3s ease}.guess-count{width:80px;color:var(--col-text);font-size:.9rem;text-align:right}.social-icons{margin-top:20px;gap:15px}.social-icon,.social-icons{display:flex;justify-content:center}.social-icon{width:50px;height:50px;border-radius:12px;align-items:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.social-icon:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.social-icon svg{width:24px;height:24px;fill:#fff}.social-icon.github{background:#333}.social-icon.kofi{background:#ff5e5b}.social-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.social-icon.twitch{background:#9146ff}.social-icon.discord{background:#5865f2}.stats-content .social-icons{margin-top:5px}.twitchdle-game .github{background-color:#333}.twitchdle-game .github:hover{background-color:#555}.twitchdle-game .cafecito{background-color:#0077b6}.twitchdle-game .cafecito:hover{background-color:#0096c7}.twitchdle-game .instagram{background-color:#e1306c}.twitchdle-game .instagram:hover{background-color:#fd1d1d}.twitchdle-game .twitch{background-color:#6441a5}.twitchdle-game .twitch:hover{background-color:#9147ff}.twitchdle-game .discord{background-color:#7289da}.twitchdle-game .discord:hover{background-color:#5a6fb1}body.stats-screen-active{overflow:hidden}#emote-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:1}.emote{position:absolute;bottom:100vh;width:6rem;height:3.5rem;pointer-events:none;z-index:15;animation:fall linear infinite;visibility:visible;display:block}@keyframes fall{0%{transform:translateY(-100vh);opacity:1}to{transform:translateY(100vh);opacity:.1}}