:root{--bg-primary:#121213;--bg-secondary:#1a1a1b;--bg-tertiary:#2a2a2b;--bg-elevated:#3a3a3c;--accent-correct:#538d4e;--accent-present:#b59f3b;--accent-absent:#3a3a3c;--accent-primary:#818384;--text-primary:#ffffff;--text-secondary:#d7dadc;--text-muted:#818384;--success:#538d4e;--error:#dc2626;--warning:#b59f3b;--border-color:#3a3a3c;--border-light:#565758;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.3);--shadow-md:0 2px 4px 0 rgb(0 0 0 / 0.3);--transition-fast:100ms ease;--transition-base:200ms ease;--cc-bg:#1c1f26;--cc-text:#e4e6eb;--cc-btn-primary-bg:#5865f2;--cc-btn-primary-hover-bg:#4752c4;--cc-btn-secondary-bg:#2c2f36;--cc-btn-secondary-hover-bg:#36393f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Helvetica Neue',Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}.header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--space-md) 0}.header-content{max-width:500px;margin:0 auto;padding:0 var(--space-md);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.logo{font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:.05em;display:flex;align-items:center;gap:var(--space-xs)}.logo-icon{font-size:1.75rem}.nav{display:flex;gap:var(--space-xs);align-items:center}.btn{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-weight:700;font-size:.813rem;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;font-family:inherit;letter-spacing:.02em}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{background:var(--text-secondary)}.btn-secondary{background:0 0;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-elevated)}.btn-outline{background:0 0;color:var(--text-primary);border:2px solid var(--text-primary)}.btn-outline:hover{background:var(--text-primary);color:var(--bg-primary)}.btn-large{padding:var(--space-md) var(--space-lg);font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.main{flex:1;max-width:500px;width:100%;margin:0 auto;padding:var(--space-md)}.ad-container{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.ad-container.hidden{display:none}.ad-placeholder{min-height:90px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.ad-label{color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.game-container{background:0 0;padding:0}.game-header{text-align:center;margin-bottom:var(--space-xl);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-lg)}.game-title{font-size:2.25rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--text-primary);letter-spacing:.05em}.game-subtitle{color:var(--text-secondary);font-size:.875rem;font-weight:400}.countdown{margin-top:var(--space-sm);color:var(--text-muted);font-size:.813rem}.achievement-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-sm);margin-bottom:var(--space-xl)}.achievement-item{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-tertiary);border:2px solid var(--border-color);transition:all var(--transition-base)}.achievement-item img{width:100%;height:100%;object-fit:cover}.achievement-item.locked{background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:2rem;opacity:.3}@keyframes revealAchievement{0%{transform:scale(.3) rotateY(90deg);opacity:0}50%{transform:scale(1.1) rotateY(0)}100%{transform:scale(1) rotateY(0);opacity:1}}.achievement-item.revealing{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards revealAchievement}.game-cover-container{display:none;margin-bottom:var(--space-xl);text-align:center}.game-cover-container.visible{display:block}.game-cover{width:100%;max-width:300px;border-radius:var(--radius-sm);border:2px solid var(--border-color);box-shadow:var(--shadow-md)}.game-name{font-size:1.5rem;font-weight:700;margin-top:var(--space-md);color:var(--text-primary)}.guess-container{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.input-wrapper{position:relative;flex:1}.guess-input{width:100%;padding:var(--space-md);background:0 0;border:2px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all var(--transition-base)}.guess-input:focus{outline:0;border-color:var(--text-secondary)}.guess-input::placeholder{color:var(--text-muted)}.autocomplete{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-xs);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);max-height:200px;overflow-y:auto;z-index:10;box-shadow:var(--shadow-md);display:none}.autocomplete.active{display:block}.autocomplete-item{padding:var(--space-md);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-color);font-size:.875rem}.autocomplete-item.selected,.autocomplete-item:hover{background:var(--bg-elevated)}.autocomplete-item:last-child{border-bottom:none}.guess-info{text-align:center;color:var(--text-secondary);font-weight:400;font-size:.875rem}.result-container{margin-top:var(--space-lg);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg) var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.result-content{text-align:center}.result-title{font-size:2.25rem;font-weight:700;margin-bottom:var(--space-md);margin-top:var(--space-sm)}.result-title.win{color:var(--success)}.result-title.lose{color:var(--text-secondary)}.result-message{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:1rem}.result-cover{width:100%;max-width:200px;border-radius:var(--radius-sm);margin:var(--space-md) auto var(--space-lg);display:block;border:2px solid var(--border-color);box-shadow:var(--shadow-md)}.share-buttons{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1000;padding:var(--space-md);overflow-y:auto}.modal.active{display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:var(--space-lg);max-width:500px;width:100%;position:relative;border:1px solid var(--border-color)}.modal-wide{max-width:600px}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:0 0;border:none;color:var(--text-secondary);font-size:1.75rem;cursor:pointer;line-height:1;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.modal-title{font-size:1.5rem;margin-bottom:var(--space-lg);font-weight:700}.modal-action{margin-top:var(--space-lg);width:100%}.instructions-list{list-style:none;margin-bottom:var(--space-lg)}.instructions-list li{padding:var(--space-md);margin-bottom:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);border-left:3px solid var(--success);font-size:.9rem}.modal-note{color:var(--text-muted);font-size:.813rem;text-align:center}.stats-content{display:grid;gap:var(--space-xl);padding:var(--space-md)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{padding:var(--space-lg);background:var(--bg-primary);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-color);transition:transform var(--transition-base),box-shadow var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-label{color:var(--text-secondary);font-size:.75rem;margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.distribution-chart{margin-top:var(--space-lg)}.distribution-title{font-size:1rem;margin-bottom:var(--space-md);color:var(--text-secondary);font-weight:700}.distribution-bar{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.distribution-label{font-weight:700;min-width:15px;font-size:.875rem}.distribution-fill{height:28px;background:linear-gradient(135deg,var(--success) 0,#4ade80 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-sm);font-weight:700;font-size:.875rem;transition:all var(--transition-base);min-width:28px;box-shadow:0 2px 4px rgba(74,222,128,.2)}.distribution-fill:hover{transform:scaleX(1.02);box-shadow:0 4px 8px rgba(74,222,128,.3)}.footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:var(--space-xl) var(--space-md);margin-top:auto;text-align:center}.disclaimer{max-width:500px;margin:0 auto var(--space-md);color:var(--text-muted);font-size:.7rem;text-align:center;line-height:1.5}.footer-text{text-align:center;color:var(--text-secondary);font-size:.813rem;margin-bottom:var(--space-sm)}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:var(--text-secondary)}.loading-indicator p{font-size:1rem;font-weight:500}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-indicator.hidden{display:none}#cc-main .cm{background:var(--cc-bg)!important;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3)}#cc-main .cm__desc,#cc-main .pm__text,#cc-main .pm__title{color:var(--cc-text)!important}#cc-main button.cm__btn{border-radius:8px;font-family:Inter,sans-serif;font-weight:600;transition:.2s}#cc-main button.cm__btn--primary{background:var(--cc-btn-primary-bg)!important}#cc-main button.cm__btn--primary:hover{background:var(--cc-btn-primary-hover-bg)!important;transform:translateY(-1px)}#cc-main button.cm__btn--secondary{background:var(--cc-btn-secondary-bg)!important;border:1px solid rgba(255,255,255,.1)}#cc-main button.cm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg)!important}#cc-main .cc-link{color:#5865f2;text-decoration:underline;background:0 0;border:none;cursor:pointer;font-family:inherit}.cc-window{font-family:Inter,sans-serif!important;border-radius:12px 12px 0 0!important;border-top:1px solid rgba(255,255,255,.1)!important;box-shadow:0 -4px 20px rgba(0,0,0,.3)!important;padding:20px!important}.cc-message{font-size:.938rem!important;margin-bottom:0!important}.cc-btn{border-radius:8px!important;padding:10px 20px!important;font-weight:600!important;font-size:.875rem!important;transition:.2s!important;border:none!important;font-family:Inter,sans-serif!important}.cc-allow{background:#5865f2!important;color:#fff!important}.cc-allow:hover{background:#4752c4!important;transform:translateY(-1px)}.cc-deny{background:#2c2f36!important;color:#e4e6eb!important;border:1px solid rgba(255,255,255,.1)!important}.cc-deny:hover{background:#36393f!important}.cc-revoke{background:#2c2f36!important;border-radius:8px 8px 0 0!important;font-family:Inter,sans-serif!important}.cc-link{color:#5865f2!important;text-decoration:underline!important}.toast-container{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:var(--bg-secondary);color:var(--text-primary);padding:16px 20px;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 20px rgba(0,0,0,.3);min-width:300px;max-width:400px;opacity:0;transform:translateX(400px);transition:.3s;pointer-events:all;font-family:Inter,sans-serif;font-size:.938rem;display:flex;align-items:center;gap:12px}.toast.show{opacity:1;transform:translateX(0)}.toast.error{border-left:4px solid #f04747}.toast.success{border-left:4px solid #43b581}.toast.info{border-left:4px solid #5865f2}.toast-icon{font-size:1.25rem;flex-shrink:0}.toast-message{flex:1;line-height:1.4}@media (max-width:768px){.toast-container{top:70px;left:20px;right:20px}.toast{min-width:auto;max-width:none}}@media (max-width:480px){.header-content{flex-direction:column;gap:var(--space-sm)}.nav{width:100%;justify-content:center;flex-wrap:wrap}.achievement-grid{grid-template-columns:repeat(3,1fr)}.guess-container{flex-direction:column}.game-title,.logo{font-size:1.75rem}.btn{font-size:.75rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.stat-value{font-size:1.5rem}.stat-label{font-size:.688rem}.game-cover{max-width:100%}.result-cover{max-width:150px}.result-title{font-size:1.75rem}}