:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0b12;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}.app-button{color:#fff;width:100%;min-height:58px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;padding:16px 20px;font-size:16px;font-weight:600;transition:transform .2s,background .2s,border-color .2s}.app-button:hover{background:#ffffff1a;border-color:#fff3}.app-button:active{transform:scale(.98)}.app-button:disabled{opacity:.35;cursor:not-allowed;transform:none}.language-switcher{color:#fffc;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;transition:background .2s,color .2s}.language-switcher:hover{color:#fff;background:#ffffff1a}.main-menu{color:#fff;background:radial-gradient(circle at 50% 0,#7c5cff38,#0000 40%),#0b0b12;min-height:100vh;padding:24px}.main-menu__header{justify-content:space-between;align-items:center;max-width:520px;margin:0 auto;display:flex}.main-menu__brand{letter-spacing:.14em;color:#ffffffd9;font-size:14px;font-weight:800}.main-menu__content{flex-direction:column;max-width:520px;min-height:calc(100vh - 80px);margin:0 auto;padding-top:18vh;display:flex}.main-menu__hero{margin-bottom:48px}.main-menu__eyebrow{color:#ffffff73;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}.main-menu__title{letter-spacing:-.04em;margin:0;font-size:clamp(32px,8vw,48px);line-height:1.05}.main-menu__subtitle{color:#ffffff8c;max-width:420px;margin:18px 0 0;font-size:16px;line-height:1.5}.main-menu__actions{flex-direction:column;gap:12px;display:flex}.single-player{color:#fff;background:radial-gradient(circle at 50% 0,#7c5cff38,#0000 40%),#0b0b12;min-height:100vh;padding:24px}.single-player__header{justify-content:space-between;align-items:center;max-width:520px;margin:0 auto;display:flex}.single-player__back{color:#ffffffa6;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:14px;font-weight:600}.single-player__back:hover{color:#fff}.single-player__label{color:#ffffff73;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.single-player__content{max-width:520px;min-height:calc(100vh - 80px);margin:0 auto;padding-top:18vh}.single-player__hero{margin-bottom:48px}.single-player__eyebrow{color:#ffffff73;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}.single-player__hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(32px,8vw,48px);line-height:1.05}.single-player__hero p:last-child{color:#ffffff8c;max-width:420px;margin:18px 0 0;font-size:16px;line-height:1.5}.single-player__topics{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.topic-card{aspect-ratio:1;color:#fff;font:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;justify-content:flex-end;padding:16px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.topic-card:hover{border-color:#ffffff40}.topic-card:active{transform:scale(.98)}.topic-card--selected{border-color:#7c5cffcc}.topic-card__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.topic-card:after{content:"";background:linear-gradient(#0000000d,#000c);position:absolute;inset:0}.topic-card__icon{font-size:28px}.topic-card__title{z-index:1;font-size:17px;font-weight:700;position:relative}.topic-card__check{z-index:2;background:#7c5cffe6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex;position:absolute;top:12px;right:12px}.single-player__start{margin-top:20px}.quiz{color:#fff;background:radial-gradient(circle at 50% 0,#7c5cff3d,#0000 38%),radial-gradient(circle at 100% 100%,#4a36961f,#0000 32%),#0b0b12;min-height:100vh;padding:24px}.quiz__header{color:#ffffff8c;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;max-width:560px;margin:0 auto;font-size:14px;font-weight:600;display:grid}.quiz__header>span:nth-child(2){text-align:center}.quiz__header>span:last-child{color:#fffc}.quiz__back{color:#fff;width:40px;height:40px;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;font-size:20px;transition:transform .2s,background .2s,border-color .2s;display:flex}.quiz__back:hover{background:#ffffff17;border-color:#ffffff2e}.quiz__back:active{transform:scale(.94)}.quiz__content{max-width:560px;margin:0 auto;padding-top:12vh}.quiz__meta{color:#ffffff6b;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:12px;font-weight:800;display:flex}.quiz__timer{color:#ffffffb8;text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;min-width:64px;padding:8px 12px;transition:color .2s,border-color .2s,background .2s}.quiz__timer--warning{color:#ffd27a;background:#ffbe461a;border-color:#ffbe4673}.quiz__question{letter-spacing:-.04em;margin:0 0 38px;font-size:clamp(30px,7vw,46px);line-height:1.08}.quiz__form{flex-direction:column;gap:12px;display:flex}.quiz__input{color:#fff;width:100%;min-height:68px;font:inherit;background:linear-gradient(#ffffff13,#ffffff0b);border:1px solid #ffffff1f;border-radius:18px;outline:none;padding:0 20px;font-size:17px;font-weight:500;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;box-shadow:inset 0 1px #ffffff0a,0 8px 30px #00000026}.quiz__input::placeholder{color:#ffffff52}.quiz__input:hover:not(:disabled){background:linear-gradient(#ffffff17,#ffffff0e);border-color:#fff3}.quiz__input:focus{background:linear-gradient(#7c5cff1a,#ffffff0b);border-color:#7c5cffcc;box-shadow:0 0 0 4px #7c5cff1f,0 12px 35px #0003}.quiz__input:disabled{opacity:.58;cursor:not-allowed}.quiz__submit{color:#fff;width:100%;min-height:60px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#7c5cffd1,#5b41bed1);border:1px solid #9178ffb3;border-radius:16px;padding:16px 20px;font-size:16px;font-weight:750;transition:transform .2s,box-shadow .2s,filter .2s,opacity .2s;position:relative;overflow:hidden;box-shadow:0 10px 30px #462daa2e,inset 0 1px #ffffff1f}.quiz__submit:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 14px 34px #462daa40,inset 0 1px #ffffff24}.quiz__submit:active:not(:disabled){transform:translateY(1px)scale(.985)}.quiz__submit:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.quiz__error{color:#ffa0a0f2;background:#ff5a5a14;border:1px solid #ff6e6e3d;border-radius:12px;margin:14px 0 0;padding:12px 14px;font-size:14px;line-height:1.4}.quiz__result-message{border-radius:18px;flex-direction:column;gap:8px;margin-top:20px;padding:18px;font-size:15px;line-height:1.45;display:flex;box-shadow:inset 0 1px #ffffff0a,0 10px 30px #0000001f}.quiz__result-message strong{font-size:18px;font-weight:800}.quiz__result-message span{color:#ffffffad}.quiz__result-message--correct{background:linear-gradient(135deg,#2ecc7124,#2ecc710d);border:1px solid #2ecc7159}.quiz__result-message--incorrect{background:linear-gradient(135deg,#e74c3c24,#e74c3c0d);border:1px solid #e74c3c59}.quiz__result-message--timeout{background:linear-gradient(135deg,#ffbe4624,#ffbe460d);border:1px solid #ffbe4659}.quiz__next{color:#fff;width:100%;min-height:58px;font:inherit;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;margin-top:14px;padding:16px 20px;font-size:16px;font-weight:700;transition:transform .2s,border-color .2s,background .2s}.quiz__next:hover{background:linear-gradient(135deg,#7c5cff29,#ffffff12);border-color:#7c5cff73}.quiz__next:active{transform:scale(.985)}.quiz__result{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:560px;min-height:calc(100vh - 48px);margin:0 auto;display:flex}.quiz__result-eyebrow{color:#fff6;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.quiz__result-title{letter-spacing:-.045em;margin:0;font-size:clamp(38px,9vw,54px);line-height:1.04}.quiz__result-score{color:#ffffffd1;margin:24px 0 40px;font-size:30px;font-weight:800}.quiz__result-button{color:#fff;width:100%;min-height:60px;font:inherit;cursor:pointer;background:#7c5cff24;border:1px solid #7c5cff8c;border-radius:16px;padding:16px 20px;font-size:16px;font-weight:700;transition:transform .2s,background .2s,border-color .2s}.quiz__result-button:hover{background:#7c5cff38;border-color:#7c5cffbf}.quiz__result-button:active{transform:scale(.985)}.quiz__state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 48px);display:flex}.quiz__state button{color:#fff;min-height:52px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;margin-top:16px;padding:12px 20px;font-weight:600}@media (width<=520px){.quiz{padding:18px}.quiz__content{padding-top:8vh}.quiz__question{margin-bottom:30px}}#root{min-height:100vh}.app-state{color:#fff;text-align:center;background:radial-gradient(circle at 50% 0,#7c5cff38,#0000 40%),#0b0b12;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}
