*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#0c0c0c,#1a1a1a);color:#fff;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,#22c55e15 0%,transparent 50%),radial-gradient(circle at 75% 75%,#16a34a15 0%,transparent 50%);animation:backgroundFloat 20s ease-in-out infinite;z-index:-1}@keyframes backgroundFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.container{max-width:1200px;margin:0 auto;padding:16px;min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;margin-bottom:32px}.welcome-text{font-size:14px;color:#9ca3af;margin-bottom:8px;font-weight:300}.title{font-size:48px;font-weight:700;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;letter-spacing:-1px}.main-content{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto auto auto 1fr;gap:32px;grid-template-areas:"video attempts" "video hints" "video input" "stats modes"}.video-container{grid-area:video}.stats-section{grid-area:stats}.attempts-section{grid-area:attempts}.hints-grid{grid-area:hints}.input-section{grid-area:input}.game-mode-section{grid-area:modes}.video-container{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#1f2937;box-shadow:0 20px 40px #0000004d}.game-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:opacity .3s ease}.attempts-section{margin-bottom:0}.attempts-boxes{display:flex;justify-content:center;gap:8px}.attempt-box{width:32px;height:32px;border:2px solid #374151;border-radius:8px;transition:all .3s ease;background:transparent}.attempt-box.used{background:#ef4444;border-color:#dc2626;animation:usedAttempt .5s ease}.attempt-box.correct{background:#22c55e;border-color:#16a34a;animation:correctAttempt .6s ease}@keyframes usedAttempt{0%{transform:scale(1)}50%{transform:scale(1.2);background:#f87171}to{transform:scale(1)}}@keyframes correctAttempt{0%{transform:scale(1)}50%{transform:scale(1.3);background:#4ade80}to{transform:scale(1)}}.hints-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.hint-item{background:#1f293799;border:1px solid #374151;border-radius:12px;padding:16px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hint-item.revealed{background:#22c55e1a;border-color:#22c55e;transform:translateY(-2px);box-shadow:0 8px 25px #22c55e26}.hint-label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:500}.hint-value{font-size:16px;font-weight:600;color:#fff;min-height:24px}.hint-item.revealed .hint-value{color:#22c55e;animation:revealHint .6s ease-out}.input-section{position:relative}.input-container{position:relative;margin-bottom:16px}#playerInput{width:100%;padding:16px 20px;font-size:16px;background:#1f2937cc;border:2px solid #374151;border-radius:12px;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#playerInput:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1a;background:#1f2937e6}#playerInput::-moz-placeholder{color:#9ca3af}#playerInput::placeholder{color:#9ca3af}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#1f2937f2;border:1px solid #374151;border-radius:12px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);max-height:200px;overflow-y:auto;z-index:1000;margin-top:4px;box-shadow:0 10px 30px #0000004d}.suggestion-item{padding:12px 20px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid rgba(55,65,81,.5);font-size:14px}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.selected{background:#22c55e1a;color:#22c55e}.guess-button{width:100%;padding:16px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.guess-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #22c55e4d}.guess-button:disabled{background:#374151;cursor:not-allowed;transform:none;box-shadow:none}.game-mode-section{display:flex;gap:16px}.btn-donate{--btn-bg-color: hsla(360 100% 100% / 1);--radii: .5em;flex:1;cursor:pointer;padding:.9em 1.4em;min-width:120px;min-height:44px;font-size:var(--size, 1rem);font-family:Inter,sans-serif;font-weight:600;transition:.8s;background-size:280% auto;background-image:linear-gradient(325deg,var(--btn-bg-2) 0%,var(--btn-bg-1) 55%,var(--btn-bg-2) 90%);border:none;border-radius:var(--radii);color:var(--btn-bg-color);box-shadow:0 0 20px var(--shadow-color, rgba(0, 0, 0, 0)),0 5px 5px -1px var(--shadow-color, rgba(0, 0, 0, 0)),inset 4px 4px 8px #ffffff80,inset -4px -4px 8px #00000059}.btn-donate:hover{background-position:right top}.btn-donate:is(:focus,:focus-visible,:active){outline:none;box-shadow:0 0 0 3px var(--btn-bg-color),0 0 0 6px var(--btn-bg-2)}.btn-donate--daily{--btn-bg-1: hsl(145, 63%, 49%);--btn-bg-2: hsl(145, 63%, 35%);--shadow-color: rgba(34, 197, 94, .5)}.btn-donate--free-play{--btn-bg-1: hsla(194, 100%, 69%, 1);--btn-bg-2: hsla(217, 100%, 56%, 1);--shadow-color: rgba(71, 184, 255, .5)}.stats-section{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#1f29374d;border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #374151}.stat-item{text-align:center}.stat-value{font-size:32px;font-weight:700;color:#22c55e;margin-bottom:4px}.stat-label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px){.main-content{display:flex;flex-direction:column;gap:24px}.attempts-section{order:1}.video-container{order:2}.input-section{order:3}.hints-grid{order:4}.game-mode-section{order:5}.stats-section{display:none}.attempts-section{margin-top:-16px;margin-bottom:0}.hints-grid{grid-template-columns:repeat(3,1fr);gap:12px}.hint-item{padding:12px}.hint-label{font-size:10px}.hint-value{font-size:14px;min-height:20px}}@media (max-width: 480px){.container{padding:12px}.title{font-size:36px}.attempts-boxes{gap:6px}.attempt-box{width:28px;height:28px}.hints-grid{gap:8px}.hint-label{margin-bottom:4px}.game-mode-section{flex-direction:column}}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#1f2937,#111827);margin:5% auto;padding:0;border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080;animation:modalSlideIn .4s ease}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:24px 24px 0;position:relative;text-align:center}.modal-header h2{font-size:28px;font-weight:700;color:#22c55e;margin-bottom:8px}.modal-close{position:absolute;right:20px;top:20px;color:#9ca3af;font-size:28px;font-weight:700;cursor:pointer;transition:color .3s ease}.modal-close:hover{color:#fff}.modal-body{padding:24px}.modal-result{text-align:center;font-size:18px;margin-bottom:24px;padding:16px;background:#22c55e1a;border-radius:12px;border:1px solid rgba(34,197,94,.3)}.goal-details{margin-bottom:24px;text-align:center}.goal-details h3{font-size:24px;font-weight:600;color:#22c55e;margin-bottom:8px}.goal-details p{color:#d1d5db;font-size:16px;line-height:1.6}.statistics-chart{margin-bottom:24px}.statistics-chart h4{font-size:16px;font-weight:600;margin-bottom:16px;text-align:center;color:#fff}.victory-chart{display:flex;flex-direction:column;gap:8px}.chart-row{display:flex;align-items:center;gap:12px}.chart-label{font-size:14px;color:#9ca3af;min-width:20px}.chart-bar{flex:1;height:24px;background:#374151;border-radius:4px;position:relative;overflow:hidden}.chart-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;transition:width .6s ease;animation:chartFill 1s ease-out}@keyframes chartFill{0%{width:0}}.chart-count{font-size:12px;color:#fff;min-width:24px;text-align:right;font-weight:500}.modal-actions{display:flex;gap:12px;margin-bottom:16px}.share-button,.new-game-button{flex:1;padding:14px;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.share-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.share-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.new-game-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.new-game-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e4d}.countdown{text-align:center;padding:16px;background:#3b82f61a;border-radius:10px;border:1px solid rgba(59,130,246,.3)}.countdown p{color:#3b82f6;font-weight:500}#countdownTimer{font-weight:700;color:#fff}.goal-details-card{position:fixed;top:24px;left:50%;transform:translate(-50%) translateY(-150%);opacity:0;width:90%;max-width:400px;background:#1f2937f2;border:1px solid #22c55e;border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 40px #0000004d;z-index:1500;transition:transform .5s ease-out,opacity .5s ease-out;pointer-events:none}.goal-details-card.is-visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.card-content h3{font-size:20px;font-weight:600;color:#22c55e;margin-bottom:8px}.card-content p{color:#d1d5db;font-size:14px;line-height:1.5;margin-bottom:12px}.card-meta{font-size:12px;color:#9ca3af;font-weight:500}.site-footer{width:100%;padding:48px 24px;margin-top:auto;background-color:#0c0c0c;border-top:1px solid rgba(34,197,94,.2)}.footer-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px}.language-selector{display:flex;gap:12px}.lang-btn{display:flex;align-items:center;gap:8px;background-color:#1f2937;border:1px solid #374151;color:#9ca3af;padding:8px 16px;border-radius:999px;cursor:pointer;transition:all .3s ease;font-weight:500}.lang-btn:hover,.lang-btn.active{background-color:#374151;color:#fff;border-color:#4b5563}.lang-btn svg{border-radius:50%}.paypal-btn{display:inline-flex;align-items:center;gap:10px;background-color:#ffc439;color:#003087;padding:12px 24px;border-radius:999px;font-weight:700;text-decoration:none;transition:all .3s ease}.paypal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffc43933}.footer-nav{display:flex;gap:24px}.footer-nav a{color:#9ca3af;text-decoration:none;transition:color .3s ease}.footer-nav a:hover{color:#22c55e}.contact-email{color:#9ca3af}.footer-legal{text-align:center;color:#6b7280;font-size:14px}.footer-legal p{margin:0}.footer-legal p:first-child{margin-bottom:4px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn-donate{transition:linear}}*:focus{outline:2px solid #22c55e;outline-offset:2px}.title .emoji-ball{-webkit-text-fill-color:initial;-webkit-background-clip:initial;background:none;font-size:.6em;vertical-align:middle}