:root{--bg1:#6c63ff;--bg2:#3a86ff;--bg3:#06d6a0;--white:#fff;--soft:#ffffffb8;--glass:#ffffff24;--glass-hover:#ffffff38;--border:#ffffff33;--danger:#ef4444;--success:#22c55e;--warning:#facc15;--shadow:0 10px 30px rgba(0,0,0,.22);--ease:.25s ease;color-scheme:light}@font-face{font-family:Audiowide;src:url("../../assets/fonts/Audiowide-Regular.woff2") format("woff2"),url("../../assets/fonts/Audiowide-Regular.woff") format("woff");font-display:swap}@font-face{font-family:Lexend;src:url("../../assets/fonts/Lexend-Regular.woff2") format("woff2"),url("../../assets/fonts/Lexend-Regular.woff") format("woff");font-display:swap}@font-face{font-family:RubikMonoOne;src:url("../../assets/fonts/RubikMonoOne-Regular.woff2") format("woff2"),url("../../assets/fonts/RubikMonoOne-Regular.woff") format("woff");font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;min-height:100%}body{min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto;color:var(--white);font-family:Lexend,sans-serif}button{border:0;cursor:pointer;color:inherit;font-family:inherit;touch-action:manipulation;appearance:none;-webkit-appearance:none;background-color:transparent;color-scheme:light}button:focus-visible{outline:#ffffffa6 solid 3px}.background{position:fixed;inset:0;z-index:-2;background:linear-gradient(135deg,var(--bg1),var(--bg2),var(--bg3));background-size:300% 300%;animation:35s linear infinite backgroundMove}@keyframes backgroundMove{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.container{position:relative;width:min(430px,95vw);height:min(760px,94vh);padding:28px;padding-bottom:max(28px,env(safe-area-inset-bottom));overflow:hidden;border:1px solid var(--border);border-radius:36px;background:var(--glass);box-shadow:var(--shadow);backdrop-filter:blur(12px);contain:layout paint style}.screen{position:absolute;inset:0;z-index:0;min-height:0;height:100%;padding:28px;padding-bottom:max(35px,env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;opacity:0;pointer-events:none;contain:layout paint;transition:opacity .25s,transform .25s;-webkit-overflow-scrolling:touch;will-change:transform,opacity;transform:translate3d(0,15px,0);backface-visibility:hidden}.screen::-webkit-scrollbar{width:0}.screen.active{z-index:1;opacity:1;pointer-events:auto;transform:translate3d(0,0,0)}.card,.mode,.result-card,.secondary,.settings-card{background:var(--glass)}.strooply-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;user-select:none}.logo-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;animation:5s ease-in-out infinite logoBreathing}.logo-icon img{width:100%;height:100%;display:block;object-fit:contain}.logo-icon:hover{transform:translateY(-5px) scale(1.06);transition:.4s}.logo-text{display:flex;flex-direction:column;align-items:center}.logo-text h1{margin:0;font-family:Audiowide,sans-serif;font-size:clamp(43px, 12vw, 54px);font-weight:800;line-height:.95}.logo-highlight{color:transparent;background:linear-gradient(120deg,#8b5cf6,#3b82f6,#06b6d4,#10b981,#facc15,#fb7185,#8b5cf6);background-size:500% 500%;background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.8px rgba(255,255,255,.65);paint-order:stroke fill;text-shadow:0 0 8px rgba(255,255,255,.2);animation:16s linear infinite colorJourney}.logo-text p{margin:12px 0 25px;color:rgba(255,255,255,.75);font-family:Audiowide,sans-serif;font-size:clamp(11px, 3vw, 13px);font-weight:600;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 3px 12px rgba(0,0,0,.25)}@keyframes logoBreathing{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes colorJourney{0%,100%{background-position:0 50%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:50% 0}}@keyframes textGlow{0%,100%{filter:drop-shadow(0 0 5px rgba(99, 102, 241, .25))}50%{filter:drop-shadow(0 0 12px rgba(34, 211, 238, .35)) drop-shadow(0 0 22px rgba(16, 185, 129, .2))}}#helpContainer,#statisticsContainer,.menu-buttons,.page-actions,.result-buttons{display:flex;flex-direction:column}.menu-buttons{gap:18px}.mode{display:flex;align-items:center;gap:20px;min-height:92px;padding:18px;border-radius:24px;transition:var(--ease)}.home-actions button:hover,.mode:hover,.secondary:hover{background:var(--glass-hover)}.mode:hover{transform:translateY(-4px)}.mode-icon{flex:0 0 60px;font-size:42px;text-align:center}.mode>div:last-child{min-width:0;text-align:left}.mode strong{display:block;font-size:clamp(20px, 5vw, 24px)}.mode small{display:block;color:var(--soft);font-size:clamp(13px, 3.5vw, 16px);line-height:1.35}.home-actions{margin-top:auto;padding-top:35px;display:flex;gap:15px}.danger,.home-actions button,.secondary{padding:15px;border-radius:18px;font-weight:700;transition:.2s}.home-actions button{flex:1;letter-spacing:1px;background:var(--glass)}.topbar{display:flex;justify-content:space-between;margin-bottom:clamp(26px,7vh,45px)}.stat{text-align:center}.result-card small,.stat small{display:block;color:var(--soft)}.stat strong{font-size:clamp(21px, 6vw, 26px)}.question{width:100%;margin-bottom:clamp(22px,5vh,35px);text-align:center}#streak{height:30px;margin-bottom:10px;opacity:0;font-size:clamp(18px, 5vw, 22px);font-weight:800;transition:.25s}#word{width:100%;max-width:100%;min-height:clamp(78px,20vw,106px);padding:clamp(12px,3.5vw,18px);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:clamp(20px,6vw,28px);background:rgba(255,255,255,.1);backdrop-filter:blur(6px);font-family:RubikMonoOne,sans-serif;font-size:clamp(26px, 11vw, 62px);white-space:nowrap;overflow-wrap:normal;word-break:keep-all;font-weight:400;line-height:.95;text-align:center;transform:translateZ(0);backface-visibility:hidden;text-shadow:0 2px 0 rgba(0,0,0,.15),0 4px 8px rgba(0,0,0,.3),0 0 18px rgba(255,255,255,.18)}#progressContainer{display:none;width:100%;height:10px;margin-bottom:30px;overflow:hidden;border-radius:999px;background:var(--glass)}#progressBar{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--success),var(--warning),var(--danger));transition:width .15s linear}#answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,4vw,16px)}.answer{min-width:0;min-height:clamp(68px,18vw,84px);padding:clamp(10px,4vw,18px);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(0,0,0,.08);border-radius:20px;background-color:#fff;background-image:linear-gradient(180deg,#fff,#ececec);color:#111;box-shadow:0 10px 25px rgba(0,0,0,.2);font-family:Lexend,sans-serif;font-size:clamp(18px,5vw,24px);font-weight:800;line-height:1;letter-spacing:.4px;text-align:center;overflow-wrap:anywhere;-webkit-text-stroke:0;text-shadow:1px 1px 2px rgba(0,0,0,.45);transition:.2s}.answer:hover{transform:translate3d(0,-4px,0) scale(1.02)}.answer:active{transform:scale(.96)}.answer:disabled{cursor:default;opacity:.92}.answer.correct,.answer.wrong{color:#fff!important;-webkit-text-stroke:0}.answer.correct{background:var(--success);transform:translate3d(0,-4px,0) scale(1.02);box-shadow:0 0 20px #22c55e99}.answer.wrong,.danger{background:var(--danger)}.btn-primary{background:var(--bg3)}.btn-secondary{background:var(--bg2)}.pop{animation:.25s scorePop}@keyframes scorePop{50%{transform:scale(1.35)}}.combo-fire{color:var(--warning);text-shadow:0 0 12px gold,0 0 25px orange}.show-streak{animation:.9s streakShow}@keyframes streakShow{0%{opacity:0;transform:translateY(15px)}30%{opacity:1}100%{opacity:0;transform:translateY(-20px)}}.question-pop{animation:.3s questionPop}.game-footer{margin-top:30px}.danger,.secondary{width:100%}#endGameBtn{margin:10px 0}.trophy{text-align:center;font-size:75px;animation:.6s trophyPop}@keyframes trophyPop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}#results h2,.page-title{text-align:center}#results h2{margin:20px 0 30px}.page-title{margin-bottom:30px;font-size:28px}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card,.result-card{border-radius:22px}.result-card{padding:20px;text-align:center}.result-card strong{display:block;margin-top:10px;font-size:30px}.page-actions,.result-buttons{margin-top:auto;padding-top:30px;gap:15px}.result-buttons button{padding:16px;border-radius:18px;font-weight:800}#playAgain{color:#333;background:#fff}#statisticsContainer{gap:15px;padding-right:4px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff66 transparent}#helpContainer::-webkit-scrollbar,#statisticsContainer::-webkit-scrollbar{width:6px}#helpContainer::-webkit-scrollbar-thumb,#statisticsContainer::-webkit-scrollbar-thumb{border-radius:10px;background:#ffffff66}.card{padding:20px;gap:8px}.statistics-row{margin-top:12px;display:flex;justify-content:space-between;gap:14px;color:#fff}.empty{padding:35px 10px;text-align:center;opacity:.7}#resetStatistics{margin-top:10px;color:#fff;font-weight:900;box-shadow:0 8px 20px #ef444466}#resetStatistics:hover{background:#dc2626;transform:translateY(-3px)}.settings-card{padding:10px;border-radius:22px}.settings-card label{padding:18px;display:flex;align-items:center;justify-content:space-between;font-weight:700}.settings-card label+label{border-top:1px solid var(--border)}.settings-card input{width:22px;height:22px;accent-color:var(--bg3)}.dialog{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0007}.hidden{display:none!important}.dialog-card{width:min(340px,90vw);padding:28px;border-radius:25px;color:#222;background:#fff;text-align:center;animation:.25s dialogPop}.dialog-card p{margin-top:10px;color:#666}.dialog-buttons{margin-top:25px;display:flex;gap:15px}.dialog-buttons button{flex:1;padding:14px;border-radius:15px}@keyframes dialogPop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#timer{transition:color .4s,transform .2s}.timer-warning{color:var(--warning);transform:scale(1.08)}.timer-danger{color:var(--danger);transform:scale(1.15)}#helpContainer{flex:1;min-height:0;gap:18px;padding-right:6px;overflow-y:auto}.help-example{margin:20px auto;font-size:54px;font-weight:900;text-align:center}.help-list{margin-top:10px;padding-left:20px;line-height:1.8}.help-colors{display:grid;grid-template-columns:1fr;gap:14px}.help-color{padding:16px;display:flex;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.08)}.help-color-circle{flex-shrink:0;width:52px;height:52px;border:2px solid rgba(255,255,255,.4);border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.25)}.help-color small,.help-color strong{display:block}.help-color strong{font-size:20px}.help-color small{margin-top:3px;opacity:.75}.seo-introduction{max-width:900px;margin:40px auto;padding:20px;line-height:1.8}.seo-introduction h2{margin-bottom:16px;font-size:1.8rem}.seo-introduction p{margin-bottom:16px}.seo-introduction p:last-child{margin-bottom:0}.site-footer{width:100%;margin-top:35px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;font-size:13px}.site-footer a{color:var(--white);text-decoration:none;opacity:.75;transition:.2s}.site-footer a:hover{opacity:1}.footer-text{margin:0}@media (max-width:480px){body{align-items:stretch}.container{width:100vw;height:100dvh;min-height:100dvh;max-height:none;border-radius:0}.screen{padding:22px;padding-bottom:max(35px,env(safe-area-inset-bottom))}.logo-icon{width:74px;height:74px}.mode{min-height:84px;gap:14px;padding:15px}.mode-icon{flex-basis:48px;font-size:34px}.topbar{margin-bottom:24px}#word{min-height:76px;font-size:clamp(30px, 12vw, 46px)}#answers{gap:12px}.answer{min-height:64px;border-radius:17px;font-size:clamp(15px, 5vw, 20px);-webkit-text-stroke-width:.7px}}@media (max-width:360px){.screen{padding-inline:16px}#word{min-height:70px;font-size:clamp(27px, 11vw, 40px)}.answer{min-height:58px;padding-inline:8px;font-size:clamp(13px, 4.7vw, 17px)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}input[type=range]{width:100%;accent-color:var(--bg3)}.pause-settings{margin:20px 0}.pause-settings label{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0}.pause-settings input[type=range]{width:180px}.preloader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;background:linear-gradient(135deg,var(--bg1),var(--bg2),var(--bg3));background-size:300% 300%;animation:35s linear infinite backgroundMove}.preloader-content{width:min(340px,85vw);text-align:center}.preloader-logo{width:120px;margin:auto;display:block;animation:3s ease-in-out infinite logoBreathing}.preloader-title{margin-top:15px;font-family:Audiowide;font-size:42px}.preloader-text{margin-top:15px;opacity:.8}.preloader-bar{margin-top:30px;height:10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.15)}.preloader-progress{width:0;height:100%;border-radius:inherit;background:#fff;transition:width .25s}.preloader-percent{margin-top:12px;font-weight:700;opacity:.75}.preloader.fade-out{opacity:0;pointer-events:none;transition:opacity .45s}