.header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;background:#382418d6;border:1px solid rgba(223,174,116,.24);border-radius:8px;margin-bottom:.75rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header__profile{display:flex;align-items:center;gap:.5rem;min-width:0}.header__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.header__title{font-size:1rem;font-weight:600;line-height:1.2}.header__subtitle{font-size:.75rem;color:#d7bd9c}.header__progress{flex:0 0 auto;min-width:74px;padding:.42rem .65rem;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:#fff7d6;font-size:.95rem;font-weight:700;text-align:center;white-space:nowrap}.header__channels{flex:0 0 auto;padding:.5rem .7rem;border:1px solid rgba(255,211,77,.55);border-radius:8px;background:#ffd34d29;color:#fff2bd;font-size:.875rem;font-weight:700}.header__channels:active{transform:scale(.98)}@media (max-width: 360px){.header{align-items:flex-start;flex-direction:column}.header__progress,.header__channels{width:100%}}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.5rem,2.5vw,1rem);width:min(100%,560px);margin-inline:auto;padding:.75rem .25rem;background:transparent;border-radius:8px}.grid__item{position:relative;border:2px solid rgba(255,255,255,.72);border-radius:50%;padding:0;width:clamp(56px,16vw,76px);height:clamp(56px,16vw,76px);margin:0 auto;font-weight:700;color:#18212b;background:#f3f6f7;box-shadow:0 10px 22px #00000047,inset 0 -2px #00000014;transition:transform .1s,box-shadow .1s;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.grid__item:active{transform:scale(.98);box-shadow:0 5px 12px #00000047,inset 0 -1px #00000014}.grid__item--open{background:#f7fbff;border-color:#d3eef0}.grid__item--solved{background:#ffd34d;border-color:#fff2ad;color:#2a220f}.grid__item--locked{background:#26313d;color:#b7c4cf;border-color:#6f7e8d;opacity:.8;cursor:pointer}.grid__item--locked:hover{border-color:#ffd34d;opacity:1}.grid__star,.grid__lock{position:absolute;bottom:-4px;right:-4px;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.question{padding:1rem;margin-top:0;min-height:calc(100svh - 1.5rem);box-sizing:border-box}.question__back{background:none;border:none;color:#7db2ff;margin-bottom:.5rem;padding:.5rem 0;font-size:1rem}.question__image{width:100%;border-radius:8px;margin-bottom:.75rem;box-shadow:0 4px 12px #0000004d}.question__text{font-size:1.1rem;line-height:1.6;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.question__hint{margin-top:.75rem;padding:1rem;border-radius:8px;background:#26a69a3d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(128,223,216,.38);color:#fff}.question__input{width:100%;min-height:80px;margin-top:1rem;border-radius:8px;padding:.75rem;background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1rem}.question__input:focus{outline:none;border-color:#7db2ff;background:#000000b3}.question__actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.question__button{flex:1;min-width:140px;padding:1rem;border-radius:8px;border:none;font-weight:600;font-size:1rem;background:linear-gradient(135deg,#ffd34d,#60d6c8);color:#1b1b1b;cursor:pointer;transition:transform .1s}.question__button:active{transform:scale(.98)}.question__button--secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.question__status{margin-top:.75rem;color:#fff2ad;text-align:center;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.8)}.question__result{margin-top:1rem;padding:1rem;border-radius:8px;background:#4be38f33;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(75,227,143,.4);display:flex;flex-direction:column;gap:.75rem;color:#fff}.question__comment{margin-top:.5rem;font-size:.95rem;line-height:1.5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));overflow-y:auto;scrollbar-width:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-overlay::-webkit-scrollbar{display:none}.modal-content{background:#fff;padding:clamp(1.25rem,4vw,1.75rem);border-radius:16px;width:min(100%,440px);max-height:calc(var(--telegram-viewport-height, 100dvh) - 2rem);overflow-y:auto;scrollbar-width:none;text-align:center;box-shadow:0 4px 20px #0000004d;animation:scaleIn .2s ease-out;color:#333}.modal-content::-webkit-scrollbar{display:none}.modal-title{margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.modal-message{margin:0 0 1.5rem;font-size:.95rem;line-height:1.5;color:#666}.modal-feedback{margin:-.75rem 0 1rem;padding:.7rem .8rem;border-radius:10px;background:#eef7f5;color:#245f57;font-size:.9rem;line-height:1.4}.modal-actions{display:flex;flex-direction:column;gap:.75rem}.modal-button{padding:.8rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;background:#f0f0f0;color:#333;transition:background .2s}.modal-button:active{transform:scale(.98)}.modal-button--primary{background:#ffd34d;color:#1b1b1b}.modal-button:disabled{cursor:wait;opacity:.65}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.app{position:relative;z-index:0;isolation:isolate;width:100%;max-width:none;margin:0 auto;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));box-sizing:border-box;overflow-x:hidden;height:var(--telegram-viewport-height, 100dvh);min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.32) transparent}.app::-webkit-scrollbar{width:6px}.app::-webkit-scrollbar-track{background:transparent}.app::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff52}.app__content{width:min(100%,680px);min-height:calc(var(--telegram-viewport-height, 100dvh) - 1.5rem);margin-inline:auto}.app__loading{min-height:calc(var(--telegram-viewport-height, 100dvh) - 1.5rem);display:grid;place-items:center;color:#e5edf5;font-size:1rem}.launch-message{min-height:calc(var(--telegram-viewport-height, 100dvh) - 1.5rem);display:grid;align-content:center;gap:.5rem;max-width:36rem;margin-inline:auto;padding:1.5rem;text-align:center;color:#fff;background:#080c12b3;border:1px solid rgba(255,255,255,.14);border-radius:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.launch-message h1{margin:0;font-size:clamp(1.25rem,4vw,1.75rem)}.launch-message p{margin:0;color:#d5dce4;line-height:1.5}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#111318;color:#f7f7f7;color-scheme:dark;--telegram-viewport-height: 100dvh;--telegram-background-height: 100lvh}*{box-sizing:border-box}html{width:100%;height:100%;min-height:100%;overflow:hidden;background:#111318;scrollbar-width:none}body{position:relative;isolation:isolate;margin:0;width:100%;height:100%;min-height:0;overflow:hidden;overscroll-behavior-y:none;scrollbar-width:none;background:transparent}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;height:var(--telegram-background-height, 100lvh);z-index:-1;pointer-events:none;background:linear-gradient(180deg,#080c122e,#080c1285),url(/assets/wood-BK9Zte7b.jpg) center top / cover no-repeat}html{background-color:#111318}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}#root{width:100%;height:100%;min-height:0;display:flex;justify-content:center;overflow:hidden}button{font:inherit;cursor:pointer}