@font-face{font-family:Furore;src:url(/fonts/Furore.woff)format("woff");font-display:swap}@font-face{font-family:Furoboto;src:url(/fonts/RobotoCondensed-Regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Furoboto;src:url(/fonts/RobotoCondensed-Bold.woff)format("woff");font-weight:700;font-display:swap}:root{--bg:#0b0520;--head:#150923;--blue:#3f83ef;--g1:#69a1fc;--g2:#c427bc;--text:#fff;--muted:#acacac}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Furoboto,Arial,sans-serif}a{color:inherit;text-decoration:none}.hero{background:var(--bg);-webkit-user-select:none;user-select:none;height:100svh;min-height:560px;position:relative;overflow:hidden}.scene{touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.veil{pointer-events:none;background:linear-gradient(#0b0520d9 0%,#0b05204d 20%,#0b052000 32%),linear-gradient(#0b052000 70%,#0b0520d9 100%);position:absolute;inset:0}.top{z-index:3;align-items:center;gap:24px;height:108px;padding:0 28px;display:flex;position:absolute;top:0;left:0;right:0}.logo img{height:96px;display:block}.menu{gap:56px;margin:0 auto;font-size:18px;display:flex}.menu a{color:#e6e6e6;transition:color .2s}.menu a:hover{color:var(--g1)}.phone{white-space:nowrap;font-size:18px}.contact{text-transform:uppercase;background:url(/img/btn-contact.svg) 50%/100% 100% no-repeat;place-items:center;width:280px;height:50px;padding-left:30px;font-family:Furore,Arial,sans-serif;font-size:13px;display:grid;position:relative}.burger{display:none}.title{text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;text-shadow:0 2px 16px #0b052099;pointer-events:none;z-index:2;margin:0;font-family:Furore,Arial,sans-serif;font-size:clamp(28px,3vw,48px);font-weight:400;line-height:1;position:absolute;top:112px;left:40px}.grad{background:linear-gradient(84.6deg, var(--g1) 0%, var(--g2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.cta{z-index:3;align-items:center;gap:24px;display:flex;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}.book{text-transform:uppercase;background:url(/img/btn-book.svg) 0/100% 100% no-repeat;place-items:center;width:360px;height:60px;padding-right:44px;font-family:Furore,Arial,sans-serif;font-size:20px;transition:filter .2s;display:grid}.book:hover{filter:brightness(1.15)}.note{text-transform:uppercase;max-width:420px;margin:0;font-family:Furore,Arial,sans-serif;font-size:12px;line-height:1.5;display:none}@media (width>=1700px){.note{display:block}}.credit{text-align:center;color:#ffffff59;pointer-events:none;z-index:2;margin:0;font-size:10px;position:absolute;bottom:4px;left:0;right:0}.status{text-align:right;pointer-events:none;z-index:2;position:absolute;top:118px;right:40px}.score{text-transform:uppercase;white-space:nowrap;text-shadow:0 0 12px #69a1fccc;margin:0;font-family:Furore,Arial,sans-serif;font-size:20px}.score.done{color:#f3b6ff;text-shadow:0 0 14px #c427bce6}.score.pop{animation:.35s ease-out pop}@keyframes pop{40%{transform:scale(1.25)}}.hint{color:#ffffffbf;max-width:300px;margin:6px 0 0 auto;font-size:14px;transition:opacity .6s}.hint.gone{opacity:0}.pad{z-index:4;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:6vh}.pad.left{align-items:flex-start;left:4vw}.pad.right{text-align:right;align-items:flex-end;right:4vw}.pad-ring{touch-action:none;cursor:grab;background:radial-gradient(circle,#3f83ef2e 0%,#c427bc1f 70%,#0b052059 100%);border:2px solid #69a1fc8c;border-radius:50%;width:132px;height:132px;position:relative;box-shadow:0 0 24px #69a1fc59,inset 0 0 18px #c427bc40}.pad-ring:active{cursor:grabbing}.pad-knob{background:linear-gradient(135deg, var(--g1), var(--g2));pointer-events:none;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #c427bcb3}.pad-label{color:#ffffffd9;text-shadow:0 1px 8px #0b0520e6;margin:0;font-size:14px;line-height:1.7}kbd{color:#fff;background:#0b052099;border:1px solid #69a1fc99;border-radius:5px;place-items:center;min-width:24px;height:24px;margin-right:4px;padding:0 5px;font:700 13px Furoboto,Arial,sans-serif;display:inline-grid}.touch{display:none}@media (hover:none) and (pointer:coarse){.keys{display:none}.touch{text-transform:uppercase;letter-spacing:.04em;font-family:Furore,Arial,sans-serif;font-size:10px;display:inline}}@media (width<=1280px){.menu{gap:28px;font-size:16px}.contact{width:230px;font-size:11px}.book{width:280px;height:50px;padding-right:34px;font-size:16px}}@media (width<=1024px){.menu,.phone,.contact{display:none}.top{height:84px;padding:0 16px}.logo img{height:64px}.burger{background:#0a0a14;border:0;border-radius:50%;place-content:center;gap:6px;width:56px;height:56px;margin-left:auto;display:grid}.burger i{background:#fff;border-radius:2px;width:26px;height:3px;display:block}.title{font-size:clamp(22px,6.4vw,40px);top:88px;left:16px}.cta{inset:132px 16px auto auto;transform:none}.book{width:156px;height:40px;padding-right:22px;font-size:11px}.status{text-align:left;top:128px;left:16px;right:auto}.score{font-size:15px}.hint{max-width:170px;margin-left:0;font-size:12px}.pad{bottom:max(22px, env(safe-area-inset-bottom));gap:6px}.pad.left{left:16px}.pad.right{right:16px}.pad-ring{width:112px;height:112px}.pad-knob{width:48px;height:48px;margin:-24px 0 0 -24px}}
