html.gate-on{overflow:hidden!important;background:#05060a!important}
html.gate-on body>*:not(#snd-gate){visibility:hidden!important}
html.arrive-on::after{content:"";position:fixed;inset:0;z-index:100000;pointer-events:none;background:radial-gradient(circle at 50% 50%,#3a2a06,#05060a 70%);animation:sndArr 1.1s .05s ease-out forwards}
@keyframes sndArr{0%{opacity:1}100%{opacity:0;visibility:hidden}}
#snd-gate{position:fixed;inset:0;z-index:100000;background:radial-gradient(ellipse at 50% 55%,#0b1020 0%,#05060a 70%);color:#fff;overflow:hidden;font-family:'Manrope',sans-serif;opacity:0;animation:sndGIn .9s ease forwards}
@keyframes sndGIn{to{opacity:1}}
#snd-gate canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#snd-gate .g-top{position:absolute;top:0;left:0;right:0;text-align:center;padding:4.5vh 16px 0;pointer-events:none;transition:opacity .5s,transform .6s}
#snd-gate .g-logo{display:inline-flex;align-items:center;gap:10px;font:700 20px/1 'Oswald',sans-serif;letter-spacing:.14em;color:#f2b632}
#snd-gate .g-logo i{font-style:normal;background:#f2b632;color:#111;padding:7px 9px;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);padding-bottom:12px}
#snd-gate h1{margin:2.2vh 0 0;font:700 clamp(22px,min(4.2vw,7.2vh),54px)/1.1 'Playfair Display',serif;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.7)}
#snd-gate h1 em{font-style:normal;color:#f2b632}
#snd-gate .g-sub{margin:1.2vh auto 0;max-width:620px;font-size:clamp(13px,1.3vw,16px);color:#c8ccd4;text-shadow:0 2px 14px rgba(0,0,0,.8)}
#snd-gate .g-opts{position:absolute;left:0;right:0;top:56%;transform:translateY(-50%);display:flex;justify-content:center;flex-wrap:wrap;gap:16px;padding:0 16px;transition:opacity .45s,transform .55s}
#snd-gate .g-opt{position:relative;min-width:210px;padding:16px 46px 16px 22px;border-radius:14px;cursor:pointer;text-align:left;color:#fff;border:1.5px solid rgba(242,182,50,.55);background:linear-gradient(160deg,rgba(23,25,29,.82),rgba(8,9,12,.82));backdrop-filter:blur(8px);box-shadow:0 12px 34px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;font:inherit;animation:sndOpt .7s cubic-bezier(.2,.8,.2,1) both}
#snd-gate .g-opt:nth-child(1){animation-delay:.5s}#snd-gate .g-opt:nth-child(2){animation-delay:.62s}#snd-gate .g-opt:nth-child(3){animation-delay:.74s}#snd-gate .g-opt:nth-child(4){animation-delay:.86s}
@keyframes sndOpt{from{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}
#snd-gate .g-opt:hover,#snd-gate .g-opt:focus-visible{transform:translateY(-6px) scale(1.04);border-color:#ffd66b;background:linear-gradient(160deg,rgba(60,44,8,.9),rgba(12,10,4,.9));box-shadow:0 18px 44px rgba(242,182,50,.32),inset 0 1px 0 rgba(255,214,107,.4);outline:0}
#snd-gate .g-code{display:inline-block;font:700 13px/1 'Oswald',sans-serif;letter-spacing:.12em;background:#f2b632;color:#111;padding:5px 9px;border-radius:3px}
#snd-gate .g-name{display:block;margin-top:10px;font:700 22px/1.1 'Playfair Display',serif}
#snd-gate .g-desc{display:block;margin-top:5px;font-size:12px;color:#b9bec7}
#snd-gate .g-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#f2b632;font-size:20px;transition:transform .25s}
#snd-gate .g-opt:hover .g-arrow{transform:translate(4px,-50%)}
#snd-gate .g-skip{position:absolute;bottom:3.5vh;left:0;right:0;text-align:center;font-size:12px;color:#8b93a1;letter-spacing:.08em;transition:opacity .4s}
#snd-gate .g-skip button{background:none;border:0;color:#f2b632;cursor:pointer;font:inherit;text-decoration:underline}
#snd-gate.going .g-top{opacity:0;transform:translateY(-30px)}
#snd-gate.going .g-opts{opacity:0;transform:translateY(-50%) scale(.85);pointer-events:none}
#snd-gate.going .g-skip{opacity:0;pointer-events:none}
#snd-gate .g-flash{position:absolute;inset:0;background:radial-gradient(circle,#ffe7a3,#f2b632 55%,#05060a);opacity:0;pointer-events:none}
#snd-gate .g-target{position:absolute;left:0;right:0;top:44%;text-align:center;opacity:0;pointer-events:none;font:700 clamp(28px,5vw,64px)/1 'Playfair Display',serif;color:#fff;text-shadow:0 4px 40px rgba(0,0,0,.9)}
#snd-gate .g-target small{display:block;margin-bottom:10px;font:600 13px 'Oswald',sans-serif;letter-spacing:.3em;color:#f2b632;text-transform:uppercase}
@media(max-width:700px){#snd-gate .g-opts{top:60%;gap:10px}#snd-gate .g-opt{min-width:calc(50% - 14px);padding:12px 14px}#snd-gate .g-name{font-size:17px}#snd-gate .g-desc{display:none}#snd-gate .g-arrow{display:none}}

@media(max-height:640px){#snd-gate .g-sub{display:none}#snd-gate .g-logo{font-size:16px}#snd-gate .g-opts{top:60%}#snd-gate .g-opt{padding-top:12px;padding-bottom:12px}#snd-gate .g-desc{display:none}}