@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg: #14171c;--surface: #1b2028;--surface-2: #202632;--surface-3: #252d3a;--line: rgb(255 255 255 / 8%);--text: #f2f5fb;--text-muted: #a6b0c2;--accent: #89b4ff}.vk-shell{min-height:100vh;margin:0;background:var(--bg);display:flex;justify-content:stretch;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);overscroll-behavior:none}.vk-phone{width:100%;max-width:520px;min-height:100vh;background:var(--bg);padding-top:max(14px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));margin:0 auto}@supports (height: 100dvh){.vk-shell,.vk-phone{min-height:100dvh}}body{margin:0;background:var(--bg);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.vk-header{display:flex;align-items:center;justify-content:flex-start;gap:8px}.vk-header h1{margin:0;font-size:clamp(28px,8.5vw,38px);font-weight:700;line-height:1.05}.brand-title{font-family:"Press Start 2P",Courier New,monospace;font-size:clamp(10px,3.5vw,14px)!important;letter-spacing:.2px;text-transform:none;line-height:1.2!important;display:block;max-width:min(100%,calc(100vw - 28px));white-space:nowrap;padding-left:14px}.menu-grid{margin-top:clamp(14px,4vw,24px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,3vw,18px) clamp(6px,2vw,14px)}.menu-item{text-align:center}.menu-link{text-decoration:none;color:inherit;display:block;border:0;background:transparent;padding:0;cursor:pointer;width:100%}.menu-link:disabled{opacity:.72;cursor:wait}.menu-item p{margin:clamp(6px,1.8vw,8px) 0 0;font-size:clamp(13px,3.8vw,18px);color:#d2d9e7;font-weight:600;letter-spacing:.1px;transition:color .2s ease,transform .2s ease}.menu-icon{width:min(100%,62px);aspect-ratio:1 / 1;margin:0 auto;border-radius:clamp(12px,3.5vw,16px);display:grid;place-items:center;font-size:clamp(22px,6.5vw,34px);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),0 4px 14px #0000003d;transition:transform .24s cubic-bezier(.34,1.35,.64,1),box-shadow .26s ease,background-color .22s ease,filter .22s ease;will-change:transform}.menu-icon svg{width:clamp(30px,8.2vw,40px);height:clamp(30px,8.2vw,40px);transition:transform .26s cubic-bezier(.34,1.56,.64,1)}@media (hover: hover) and (pointer: fine){.menu-link:hover .menu-icon{transform:translateY(-5px) scale(1.06);background:var(--surface-2);box-shadow:inset 0 0 0 1px #89b4ff6b,0 10px 28px #00000061,0 0 24px #89b4ff24;filter:brightness(1.06)}.menu-link:hover .menu-icon svg{transform:scale(1.1)}.menu-link:hover p{color:var(--text);transform:translateY(-1px)}}.menu-link:active .menu-icon{transform:translateY(-1px) scale(.97);opacity:.92;transition-duration:90ms}.menu-link:active .menu-icon svg{transform:scale(1);transition-duration:90ms}@media (prefers-reduced-motion: reduce){.menu-icon,.menu-icon svg,.menu-item p{transition:none}@media (hover: hover) and (pointer: fine){.menu-link:hover .menu-icon{transform:none;filter:none}.menu-link:hover .menu-icon svg{transform:none}.menu-link:hover p{transform:none}}.menu-link:active .menu-icon{transform:scale(.98)}}.sponsors{margin-top:clamp(22px,6vw,32px);padding-top:clamp(18px,5vw,24px);border-top:1px solid var(--line)}.sponsors-heading{margin:0 0 clamp(12px,3.5vw,16px);font-size:clamp(13px,3.5vw,15px);font-weight:600;line-height:1.35;letter-spacing:.02em;color:var(--text-muted);max-width:42ch}.sponsor-list{display:flex;flex-direction:column;gap:10px}.sponsor-item{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:clamp(12px,3.2vw,16px);padding:11px 12px;text-decoration:none;color:inherit;box-shadow:inset 0 0 0 1px var(--line),0 4px 14px #0000003d;transition:transform .12s ease,box-shadow .16s ease,background-color .16s ease}.sponsor-item:active{transform:scale(.99)}.sponsor-item:hover{background:var(--surface-2);box-shadow:inset 0 0 0 1px #89b4ff47,0 6px 18px #00000047}.lock-dialog{margin:auto;width:min(90vw,360px);border:none;border-radius:16px;padding:20px;background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--line),0 24px 60px #0000007f;text-align:center;position:relative}.lock-dialog::backdrop{background:#0000008f}.lock-icon-wrap{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);box-shadow:inset 0 0 0 1px #89b4ff40}.lock-icon{width:24px;height:24px;color:var(--accent)}.lock-icon-open{animation:pop-lock .22s ease}.lock-dialog h3{margin:0 0 8px;font-size:clamp(18px,4.6vw,21px)}.lock-dialog p{margin:0 0 16px;color:var(--text-muted);line-height:1.45}.lock-help{margin-top:-6px;margin-bottom:12px}.lock-channel-list{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}.lock-channel-link{border-radius:10px;padding:8px 10px;text-decoration:none;color:var(--accent);background:var(--surface-2);border:1px solid rgb(137 180 255 / 30%)}.lock-dialog-btn{width:100%;border:1px solid rgb(137 180 255 / 45%);border-radius:12px;padding:10px 14px;background:var(--surface-3);color:var(--accent);font:inherit;font-weight:600;cursor:pointer}.lock-dialog-btn:disabled{opacity:.72;cursor:wait}.lock-close-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;border:none;border-radius:8px;display:grid;place-items:center;background:transparent;color:var(--text-muted);cursor:pointer}.lock-close-btn:hover{background:var(--surface-2);color:var(--text)}@keyframes pop-lock{0%{transform:scale(.82)}to{transform:scale(1)}}.sponsor-avatar{width:46px;height:46px;border-radius:50%;flex:0 0 46px;box-shadow:inset 0 0 0 1px #ffffff1f}.avatar-blue{background:linear-gradient(160deg,#4b7fff,#77c4ff)}.avatar-purple{background:linear-gradient(160deg,#7c67ff,#b58cff)}.avatar-cyan{background:linear-gradient(160deg,#33a8c7,#53cfb3)}.avatar-green{background:linear-gradient(160deg,#4ebf76,#94cf69)}.sponsor-meta{min-width:0;flex:1}.sponsor-meta h3{margin:0;font-size:clamp(14px,3.8vw,17px);font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sponsor-meta p{margin:4px 0 0;color:var(--text-muted);font-size:clamp(11px,3vw,13px)}.subscribe-btn{flex:0 0 auto;align-self:center;background:var(--surface-3);color:var(--accent);border-radius:999px;padding:8px 12px;font-size:clamp(11px,3vw,13px);font-weight:600;letter-spacing:.02em;border:1px solid rgb(137 180 255 / 35%);box-shadow:0 1px #ffffff0f inset;transition:background-color .14s ease,border-color .14s ease}.sponsor-item:hover .subscribe-btn{background:#89b4ff1f;border-color:#89b4ff8c}@media (max-width: 370px){.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sponsor-item{gap:10px;padding:10px}.subscribe-btn{padding:7px 10px}}