:root{--color-bg: #121213;--color-bg-secondary: #1a1a1b;--color-text: #ffffff;--color-text-secondary: #818384;--color-correct: #538d4e;--color-present: #b59f3b;--color-absent: #3a3a3c;--color-tile-border: #3a3a3c;--color-tile-active: #565758;--color-accent: #6aaa64;--color-error: #ff4d4d;--header-height: 50px;--max-game-width: 500px;--anim-speed-fast: .1s;--anim-speed-normal: .25s;--font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}[data-theme=light]{--color-bg: #f7f7f8;--color-bg-secondary: #e8e8e9;--color-text: #1a1a1b;--color-text-secondary: #5c5c5d;--color-correct: #538d4e;--color-present: #b59f3b;--color-absent: #d3d3d4;--color-tile-border: #c0c0c1;--color-tile-active: #a0a0a1;--color-accent: #538d4e;--color-error: #e63939}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}#root{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.app-container{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden}.game-layout{display:flex;justify-content:center;align-items:stretch;gap:24px;flex:1;width:100%;max-width:1200px;padding:0 16px;min-height:0}.ad-sidebar{display:flex;align-items:flex-start;padding-top:60px;flex-shrink:0}@media(max-width:900px){.ad-sidebar{display:none}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-absent);border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-secondary);border:1px solid transparent}.keyboard-core{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;width:100%;max-width:500px;margin:0 auto}.keyboard-row{display:flex;gap:6px;justify-content:center;width:100%}.key-btn{min-width:40px;height:58px;border:none;border-radius:4px;background-color:#818384;color:var(--color-text);font-size:.875rem;font-weight:700;text-transform:uppercase;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color var(--anim-speed-fast),transform .05s;-webkit-user-select:none;user-select:none;flex:1;max-width:45px}.key-btn:hover{filter:brightness(1.1)}.key-btn:active{transform:scale(.95);background-color:#565758}.key-btn.special{min-width:65px;font-size:.75rem;max-width:70px;flex:1.5}.key-btn.correct{background-color:var(--color-correct);border-color:var(--color-correct)}.key-btn.present{background-color:var(--color-present);border-color:var(--color-present)}.key-btn.absent{background-color:var(--color-absent);border-color:var(--color-absent)}@media(max-width:500px){.keyboard-core{gap:4px;padding:5px}.keyboard-row{gap:4px}.key-btn{min-width:32px;height:50px;font-size:.75rem}.key-btn.special{min-width:50px;font-size:.65rem}}.game-title{font-size:.875rem;color:var(--color-text);margin:0;text-transform:uppercase;letter-spacing:.2em;font-weight:600}.subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.2em;font-weight:600}.game-notification{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background-color:#1a1a1b;border-radius:16px;width:fit-content;align-self:center;max-width:80%;margin:1rem auto;text-align:center;box-shadow:0 4px 12px #0003;border:1px solid var(--color-tile-border);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-notification.success{border-color:var(--color-correct);background-color:#538d4e26}.game-notification.error,.game-notification.invalid{border-color:var(--color-error);background-color:#ff4d4d1a}.game-notification .message{font-size:1.1rem;font-weight:700;color:var(--color-text);margin:0}.game-notification .sub-message{font-size:.9rem;color:var(--color-text-secondary);margin:0}.game-notification .play-again-btn{background-color:var(--color-correct);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:8px;transition:transform .1s,filter .1s}.game-notification .play-again-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.game-notification .play-again-btn:active{transform:translateY(1px)}.info-tooltip{position:absolute;top:calc(100% + 8px);left:0;background-color:#1a1a1b;border:1px solid var(--color-tile-border);border-radius:12px;padding:12px 16px;min-width:220px;max-width:300px;z-index:100;box-shadow:0 10px 15px -3px #00000080;animation:fadeIn .2s ease-out;text-align:left}.info-tooltip h4{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin:0 0 8px}.info-tooltip p{font-size:.85rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.info-tooltip ul{margin:6px 0 0;padding-left:18px;font-size:.8rem;color:var(--color-text-secondary)}.info-tooltip li{margin-bottom:4px}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toggle-btn.disabled-auth{opacity:.5;cursor:pointer;text-decoration:line-through;position:relative}.toggle-btn.disabled-auth:hover{opacity:.7}.toggle-btn.disabled-auth svg{margin-right:4px}.auth-button{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:6px;background-color:transparent;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:color .2s,background-color .2s}.auth-button:hover{color:var(--color-text);background-color:var(--color-absent)}.auth-button.sign-in{background:linear-gradient(135deg,var(--color-correct),#3d7a35);color:var(--color-text);font-weight:600}.auth-button.sign-in:hover{filter:brightness(1.1);background:linear-gradient(135deg,var(--color-correct),#3d7a35)}.auth-button.loading{opacity:.5;cursor:default}@media(max-width:400px){.auth-button span{display:none}}.app-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px;padding:12px 16px;border-bottom:1px solid var(--color-tile-border);position:relative}.header-left,.header-right{flex:1;display:flex;gap:4px}.header-left{justify-content:flex-start}.header-right{justify-content:flex-end}.header-center{flex:2;text-align:center}.logo{font-family:Inter,system-ui,sans-serif;font-size:2.2rem;font-weight:900;letter-spacing:-.02em;margin:0;background:linear-gradient(135deg,#6aee6a 0%,var(--color-correct) 30%,var(--color-present) 70%,#ffd700 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:shimmer 3s ease-in-out infinite;text-shadow:0 0 30px rgba(106,238,106,.3);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .2s ease}.logo:hover{transform:scale(1.05)}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.logo-link{text-decoration:none}.header-icon-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:6px;display:flex;align-items:center;border-radius:4px;transition:color .2s,background-color .2s}.header-icon-btn:hover{color:var(--color-text);background-color:var(--color-absent)}.profile-link{display:flex;align-items:center;color:var(--color-text-secondary);padding:4px;border-radius:50%;transition:opacity .2s}.profile-link:hover{opacity:.8}.header-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-correct)}.settings-dropdown{position:absolute;top:100%;left:16px;background:var(--color-bg);border:1px solid var(--color-tile-border);border-radius:8px;padding:16px;z-index:100;min-width:220px;display:flex;flex-direction:column;gap:16px;animation:slideDown .2s ease-out;box-shadow:0 8px 24px #0006}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.setting-group label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:8px}.toggle-group{display:flex;gap:4px}.toggle-btn{padding:8px 12px;border:none;border-radius:4px;background-color:var(--color-absent);color:var(--color-text);font-weight:600;font-size:.8rem;cursor:pointer;transition:background-color .2s,transform .1s;display:flex;align-items:center;gap:4px}.toggle-btn:hover{background-color:var(--color-tile-active)}.toggle-btn.active{background-color:var(--color-correct)}.toggle-btn:active{transform:scale(.95)}.games-dropdown{min-width:160px;padding:8px;gap:4px;left:0}.game-option{display:flex;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;color:var(--color-text);border-radius:6px;font-weight:500;transition:background-color .2s}.game-option:hover{background-color:var(--color-tile-active)}.settings-dropdown.games-dropdown{animation:slideDown .2s ease-out}.ad-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed var(--color-tile-border);border-radius:8px;background:linear-gradient(135deg,#ffffff05,#ffffff0d);color:var(--color-text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;flex-shrink:0}.ad-label{font-weight:700;opacity:.6}.ad-size{font-size:.625rem;opacity:.4}.ad-sidebar{margin:16px 0}.ad-banner{margin:16px auto}.home-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:2rem 1rem 4rem;max-width:900px;margin:0 auto;position:relative}.home-header{text-align:center;margin-bottom:2.5rem;max-width:480px}.home-title{font-size:1.5rem;font-weight:800;margin-bottom:.75rem;color:var(--color-text);letter-spacing:-.02em}.home-subtitle{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:560px;padding-top:1rem;padding-bottom:5rem}.game-card{background:linear-gradient(135deg,#ffffff14,#ffffff05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 20px 24px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:visible;min-height:160px;transform-style:preserve-3d;perspective:1000px;opacity:0;transform:translateY(30px);animation:cardEnter .6s cubic-bezier(.34,1.56,.64,1) forwards}.game-card:nth-child(1){animation-delay:.1s}.game-card:nth-child(2){animation-delay:.2s}.game-card:nth-child(3){animation-delay:.3s}.game-card:nth-child(4){animation-delay:.4s}@keyframes cardEnter{to{opacity:1;transform:translateY(0)}}.game-card:before{content:"";position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(135deg,#8dff00,#00d4ff,#ff00d4,#8dff00);background-size:300% 300%;opacity:0;z-index:-1;transition:opacity .4s ease;animation:borderGlow 3s ease infinite}@keyframes borderGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.game-card:after{content:"";position:absolute;inset:0;border-radius:20px;background:var(--color-bg);z-index:-1}.game-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000004d,0 0 60px #8dff0026}.game-card:hover:before{opacity:1}.home-streak-badge{position:absolute;top:12px;right:12px;z-index:20;background:linear-gradient(135deg,#ff4d4d,#fcca00);color:#1a1a1a;border:1px solid rgba(255,255,255,.2)}.home-new-badge{position:absolute;top:-6px;left:-6px;z-index:21;background:linear-gradient(135deg,#00d4ff,#8dff00);color:#1a1a1a;padding:5px 8px;transform:rotate(-10deg);border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 15px #0000004d;font-size:.7rem;letter-spacing:.5px}@keyframes popBadge{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.game-icon{position:absolute;top:-28px;left:50%;transform:translate(-50%);width:56px;height:56px;background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg));display:flex;align-items:center;justify-content:center;color:var(--color-text);border-radius:16px;box-shadow:0 4px 20px #0000004d,0 0 0 3px var(--color-bg),inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:10}.badge{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:800;text-transform:uppercase;display:flex;align-items:center;gap:4px;box-shadow:0 4px 12px #0003;animation:popBadge .3s cubic-bezier(.175,.885,.32,1.275)}.game-icon svg{width:28px;height:28px;transition:all .3s ease}.game-card:hover .game-icon{transform:translate(-50%) translateY(-4px) rotate(-5deg);box-shadow:0 8px 30px #8dff004d,0 0 0 3px var(--color-bg),inset 0 1px #fff3}.game-card:hover .game-icon svg{color:#8dff00;filter:drop-shadow(0 0 8px rgba(141,255,0,.5))}.game-card:nth-child(1):hover .game-icon svg{color:#8dff00;filter:drop-shadow(0 0 8px rgba(141,255,0,.5))}.game-card:nth-child(2):hover .game-icon svg{color:#00d4ff;filter:drop-shadow(0 0 8px rgba(0,212,255,.5))}.game-card:nth-child(3):hover .game-icon svg{color:#ff00d4;filter:drop-shadow(0 0 8px rgba(255,0,212,.5))}.game-card:nth-child(4):hover .game-icon svg{color:orange;filter:drop-shadow(0 0 8px rgba(255,165,0,.5))}.game-card:nth-child(1):hover{box-shadow:0 20px 40px #0000004d,0 0 60px #8dff0033}.game-card:nth-child(2):hover{box-shadow:0 20px 40px #0000004d,0 0 60px #00d4ff33}.game-card:nth-child(3):hover{box-shadow:0 20px 40px #0000004d,0 0 60px #ff00d433}.game-card:nth-child(4):hover{box-shadow:0 20px 40px #0000004d,0 0 60px #ffa50033}.game-title{font-size:1.3rem;font-weight:800;color:var(--color-text);text-align:center;margin-top:12px;margin-bottom:8px;letter-spacing:-.01em;transition:color .3s ease}.game-card:nth-child(1):hover .game-title{color:#8dff00}.game-card:nth-child(2):hover .game-title{color:#00d4ff}.game-card:nth-child(3):hover .game-title{color:#ff00d4}.game-card:nth-child(4):hover .game-title{color:orange}.game-description{font-size:.85rem;color:var(--color-text-secondary);text-align:center;line-height:1.5;transition:color .3s ease}.game-card:hover .game-description{color:var(--color-text)}[data-theme=light] .game-card{background:linear-gradient(135deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.2);box-shadow:0 2px 8px #0000000f}[data-theme=light] .game-card:before{opacity:0}[data-theme=light] .game-card:hover:before{opacity:.5}[data-theme=light] .game-card:hover{box-shadow:0 12px 32px #0000001f}[data-theme=light] .game-icon{background:linear-gradient(135deg,#fff,#f0f0f0);border:1px solid rgba(0,0,0,.2);box-shadow:0 4px 16px #0000001f,0 0 0 3px var(--color-bg)}@media(max-width:500px){.home-title{font-size:1.5rem}.games-grid{gap:20px;max-width:320px}.game-card{min-height:140px;padding:28px 16px 20px}.game-icon{width:48px;height:48px;top:-24px;border-radius:12px}.game-icon svg{width:24px;height:24px}.game-title{font-size:1.1rem}.game-description{font-size:.8rem}}.stats-distribution{display:flex;flex-direction:column;gap:4px;width:100%;margin-top:12px}.dist-row{display:flex;align-items:center;gap:8px;height:24px}.dist-label{width:16px;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-align:center}.dist-bar-container{flex:1;display:flex;align-items:center}.dist-bar{height:20px;background-color:var(--color-absent);display:flex;align-items:center;justify-content:flex-end;padding-right:6px;border-radius:4px;min-width:0;transition:width .5s ease-out}.dist-bar.has-data{background-color:var(--color-text-secondary)}.dist-bar.has-data.guesses{background-color:var(--color-correct)}.dist-bar.has-data.clues{background-color:var(--color-present)}.dist-bar.has-data.lives{background-color:#ff6b35}.dist-count{color:var(--color-background);font-size:.75rem;font-weight:700}.dist-bar:not(.has-data) .dist-count{color:var(--color-text-secondary);position:absolute;display:none}.profile-container{display:flex;flex-direction:column;align-items:center;padding:24px 16px 40px;max-width:650px;margin:0 auto;gap:32px;width:100%;box-sizing:border-box;position:relative}.profile-container:after{content:"";display:block;height:100px;width:100%;flex-shrink:0}.profile-header{display:flex;align-items:center;gap:20px;width:90%;box-sizing:border-box;padding:24px;background:var(--color-absent);border-radius:16px;box-shadow:0 4px 6px -1px #0000000d}.profile-avatar{width:72px;height:72px;border-radius:50%;border:3px solid var(--color-correct);object-fit:cover}.profile-info h2{margin:0;font-size:1.5rem;font-weight:700}.profile-info p{margin:4px 0 0;color:var(--color-text-secondary);font-size:.95rem}.stats-section{width:90%}.section-header{display:flex;align-items:center;margin-bottom:16px;margin-top:10px}.section-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;background:var(--color-background);border:1px solid var(--color-tile-border);border-radius:12px;box-shadow:0 2px 4px #00000005;transition:transform .2s;background:var(--color-absent)}.stat-card:hover{transform:translateY(-2px);border-color:var(--color-text-secondary)}.stat-value{font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:6px;color:var(--color-text-primary)}.stat-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.05em;margin-top:4px}.stat-icon.gold{color:gold}.stat-icon.fire{color:#ff6b35}.fire-active{color:#ff6b35;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}to{transform:scale(1);opacity:1}}.games-list{display:flex;flex-direction:column;position:relative;padding-bottom:40px}.game-detailed-card{background:var(--color-background);border:1px solid var(--color-tile-border);border-radius:12px;overflow:hidden;box-shadow:0 -4px 15px #00000014,0 1px 3px #0000000d;transition:transform .4s cubic-bezier(.25,1,.3,1),box-shadow .4s cubic-bezier(.25,1,.3,1),max-height .5s ease-in-out,margin-top .4s cubic-bezier(.25,1,.3,1);cursor:pointer;position:relative;margin-bottom:0}.game-detailed-card:not(:first-child){margin-top:-10px}.game-detailed-card.collapsed{max-height:78px;z-index:1}.game-detailed-card.collapsed:hover{transform:translateY(-15px) scale(1.02);z-index:110;box-shadow:0 12px 30px #00000026,0 4px 10px #0000001a;border-color:var(--color-text-secondary)}.game-detailed-card.expanded{max-height:800px;z-index:100;transform:scale(1.02);box-shadow:0 20px 50px #00000040;border-color:var(--color-correct);background:var(--color-background)}.game-detailed-card.expanded+.game-detailed-card{margin-top:10px;transition:margin-top .4s cubic-bezier(.25,1,.5,1)}.game-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-absent);border-left:6px solid transparent;border-bottom:1px solid transparent}.game-detailed-card.expanded .game-card-header{border-bottom-color:var(--color-tile-border)}.card-chevron{transition:transform .3s ease;opacity:.6}.game-detailed-card:hover .card-chevron{opacity:1}.card-chevron.rotated{transform:rotate(180deg)}.game-title{display:flex;align-items:center;gap:12px}.game-emoji{margin-right:12px;color:inherit}.game-name{font-weight:800;font-size:1.2rem;letter-spacing:.02em;color:var(--color-text-primary)}.mode-toggle{display:flex;gap:4px;background:#0000000d;padding:3px;border-radius:8px;opacity:1;transition:opacity .2s ease}.mode-toggle.hidden{opacity:0;pointer-events:none}.mode-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;color:var(--color-text-secondary);font-size:.8rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s}.mode-btn:hover{color:var(--color-text-primary);background:#ffffff80}.mode-btn.active{background:var(--color-background);color:var(--color-text-primary);box-shadow:0 1px 3px #0000001a}.game-card-content{padding:16px 20px;opacity:1;transition:opacity .3s ease .1s}.game-detailed-card.collapsed .game-card-content{opacity:0;pointer-events:none;transition:opacity .1s ease}.mini-stats-row{display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-tile-border)}.mini-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.mini-stat .label{font-size:.7rem;color:var(--color-text-secondary);text-transform:uppercase;font-weight:600}.mini-stat .value{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:4px}.chart-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}.no-stats-placeholder{padding:24px;text-align:center;color:var(--color-text-secondary);font-style:italic;background:#00000005;border-radius:8px}.profile-login-prompt{text-align:center;padding:40px;background:linear-gradient(135deg,#538d4e1a,#b59f3b1a);border-radius:16px;border:1px solid rgba(83,141,78,.2);max-width:500px}.sign-in-btn{margin-top:20px;display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--color-correct);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #538d4e4d;transition:transform .2s,filter .2s}.sign-in-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.loading-stats{display:flex;flex-direction:column;align-items:center;padding:40px;gap:16px;color:var(--color-text-secondary)}.spinner{width:30px;height:30px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--color-correct);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:550px){.stats-grid{grid-template-columns:1fr}.game-card-header{flex-direction:column;align-items:flex-start;gap:12px}.mode-toggle{width:100%;justify-content:center}.mode-btn{flex:1;justify-content:center}}