@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Golos Text',system-ui,sans-serif;color:#f3f3ec;background:#141515;font-synthesis:none;--lime:#d6fc65;--muted:#a5a8a0;--line:#363833}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:5px}a{color:inherit}header,footer,main{width:min(1180px,calc(100% - 80px));margin-inline:auto}.header{display:flex;justify-content:space-between;align-items:center;padding:32px 0;border-bottom:1px solid var(--line)}.brand{font-size:28px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:12px}.brand-dot{color:var(--lime);margin-left:-12px}.brand-mark{font-weight:500;color:var(--lime);letter-spacing:-5px;transform:rotate(-12deg);margin-right:8px}.header-note,.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px}.header-note{color:var(--muted)}main{flex:1}.setup{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:70px 0}.eyebrow{color:var(--lime);line-height:1.7}h1{font-size:clamp(44px,5.5vw,76px);line-height:1.07;letter-spacing:-3px;margin:25px 0;font-weight:800}h1 em{font-style:normal;color:var(--lime)}.description{font-size:18px;line-height:1.65;color:var(--muted)}.duration-art{margin-top:56px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;max-width:350px}.duration-art>span{font-size:48px;font-weight:700;letter-spacing:-2px}.duration-art i{font-size:30px;font-style:normal;color:#51564a}.duration-art small{width:100%;color:var(--muted);font-size:12px;letter-spacing:2px}.panel{background:#20221f;border:1px solid #383c32;border-radius:24px;padding:32px}.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:26px}h2{font-size:19px;font-weight:600;margin:0}.step{color:var(--lime);font-size:12px;border:1px solid #525b3c;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}label[for]{display:block;font-size:14px;color:#cbd0c3;margin-bottom:10px}input[type=url]{width:100%;background:#141613;border:1px solid #454a3e;border-radius:10px;color:white;padding:17px 15px;font-size:16px}input::placeholder{color:#939889}.hint{color:var(--muted);font-size:13px;line-height:1.6;margin:12px 0}.providers{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.providers span{font-size:12px;color:#c4c8bc;border:1px solid #42483a;padding:7px 9px;border-radius:7px}.difficulty-heading{margin-top:36px}.difficulty{padding:0;border:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 28px}.difficulty label{position:relative;cursor:pointer}.difficulty input{position:absolute;opacity:0}.difficulty label>span{display:flex;flex-direction:column;gap:8px;text-align:center;border:1px solid #454a3e;border-radius:12px;padding:19px 2px}.difficulty strong{font-size:25px}.difficulty strong span{font-size:14px;font-weight:400}.difficulty small{font-size:12px;color:var(--muted)}.difficulty input:checked+span{background:var(--lime);color:#171c0d;border-color:var(--lime)}.difficulty input:checked+span small{color:#3f4a27}.difficulty input:focus-visible+span{outline:3px solid white;outline-offset:3px}.primary{border:0;border-radius:12px;background:var(--lime);color:#18200c;font-weight:600;padding:18px 22px;min-height:56px;width:100%;transition:background .15s,transform .15s}.primary:hover{background:#e2ff94}.primary:active{transform:translateY(1px)}#start{display:flex;justify-content:space-between}.bottom-hint{text-align:center;margin-bottom:0}.text-button{border:0;background:transparent;color:var(--muted);padding:12px 0;font-size:14px}.text-button:hover{color:white}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:13px}.play{max-width:760px;margin:30px auto 60px}.game-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.game-card{background:#20221f;border:1px solid var(--line);border-radius:24px;padding:30px 60px 36px;text-align:center}.game-label{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted);margin-bottom:42px}.game-label span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-card h1{font-size:48px;margin:14px 0 22px;letter-spacing:-2px}.wave{height:90px;display:flex;align-items:center;justify-content:center;gap:5px}.wave i{display:block;width:5px;border-radius:3px;background:var(--lime);height:var(--height);opacity:.6}.wave.playing i{animation:pulse .65s ease-in-out infinite alternate;animation-delay:var(--delay);opacity:1}@keyframes pulse{to{transform:scaleY(.3)}}.timer{display:flex;justify-content:center;gap:8px;align-items:baseline;margin:18px 0 22px;font-variant-numeric:tabular-nums}.timer span:first-child{font-size:32px;font-weight:600}.timer span:last-child{color:var(--muted);font-size:14px}progress{display:block;width:100%;height:4px;border:0;background:#414739;border-radius:3px;margin-bottom:28px;overflow:hidden}progress::-webkit-progress-bar{background:#414739}progress::-webkit-progress-value{background:var(--lime)}progress::-moz-progress-bar{background:var(--lime)}.secondary{border:1px solid #586249;background:transparent;color:#e7ecdF;border-radius:12px;padding:16px;width:100%;min-height:54px}.secondary:hover{background:#30352a}.game-actions{margin-top:12px}.answer{margin:28px 0;padding:24px 0;border-block:1px solid #414739}.answer h2{font-size:28px;overflow-wrap:anywhere}.answer p:not(.eyebrow){color:var(--muted);font-size:18px}.answer a{font-size:14px;color:var(--lime)}#status{max-width:760px;margin:0 auto 24px;background:#382d23;color:#ffe0b3;border:1px solid #705434;border-radius:12px;padding:16px;line-height:1.6;font-size:14px}.finish{max-width:760px;margin:60px auto;text-align:center;padding:48px}.finish h1{font-size:48px}.finish p:not(.eyebrow){color:var(--muted);line-height:1.6}.finish .primary{margin:20px 0 12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:900px){header,footer,main{width:calc(100% - 40px)}.setup{gap:30px}.panel{padding:24px}h1{font-size:54px}.duration-art{gap:12px}.duration-art>span{font-size:38px}}@media(max-width:700px){.header{padding:22px 0}.header-note{font-size:10px;letter-spacing:1px}.setup{grid-template-columns:1fr;padding:30px 0 40px;gap:24px}.intro .eyebrow{font-size:11px}h1{font-size:52px;margin:18px 0}.description{font-size:16px;margin-bottom:0}.duration-art{display:none}.panel{border-radius:20px}.panel-heading{margin-bottom:20px}.difficulty-heading{margin-top:28px}footer{font-size:12px;flex-direction:column;gap:8px;padding:20px 0}.game-card{padding:24px}.game-card h1{font-size:38px}.game-label{margin-bottom:30px}.game-top .eyebrow{font-size:10px;letter-spacing:1px}.wave{gap:4px}.wave i{width:4px}.finish{padding:28px 20px;margin-block:30px}.finish h1{font-size:35px;letter-spacing:-1.5px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.round-settings{border-top:1px solid var(--line);padding-top:20px;margin-bottom:24px}.available-tracks{color:var(--lime);font-size:18px;font-weight:600;margin:0 0 20px}.count-row{display:flex;gap:12px}.count-row input{min-width:0;width:110px;border:1px solid #454a3e;border-radius:10px;background:#141613;color:white;padding:14px;font:inherit;font-size:20px}.count-row button{width:auto;flex:1}.rating{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.rating button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#18200c}.rating #incorrect[aria-pressed=true]{background:#f3bba3;border-color:#f3bba3;color:#32190e}.secondary:disabled{cursor:not-allowed;opacity:.4}.score{font-size:clamp(48px,8vw,80px);font-weight:800;letter-spacing:-3px;color:var(--lime);font-variant-numeric:tabular-nums}.score-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.score-stats>div{display:flex;flex-direction:column;gap:8px}.score-stats strong{font-size:28px}.score-stats span{font-size:14px;color:var(--muted)}.results{list-style:none;padding:0;text-align:left;margin:24px 0;border-top:1px solid var(--line)}.results li{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.results li>div{min-width:0;display:flex;flex-direction:column;gap:6px}.results strong{font-size:16px;overflow-wrap:anywhere}.results li>div>span{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.result-label{font-size:14px;flex-shrink:0}.result-label.correct{color:var(--lime)}.result-label.incorrect{color:#f3bba3}.result-label.skipped{color:var(--muted)}@media(max-width:450px){.rating{gap:8px}.rating button{padding:16px 8px}.results li{align-items:flex-start;gap:12px}.result-label{font-size:12px}.score-stats span{font-size:12px}}
