:root,html,body,#root{height:100%;margin:0;padding:0;width:100%;overflow:hidden;background-color:#0a0a0a}:root{--color-bg-dark: #0a0a0a;--color-rasta-red: #d92525;--color-rasta-gold: #f2c94c;--color-rasta-green: #27ae60;--font-stack-heavy: "Erica One", cursive;--font-stack-mono: "Rubik Mono One", monospace}:root,html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden;background-color:var(--color-bg-dark)}*{box-sizing:border-box}.dub-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;height:100dvh;background-color:var(--color-bg-dark);background-image:linear-gradient(0deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent);background-size:50px 50px;cursor:pointer;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.scanlines{background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,3px 100%;height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;text-align:center;z-index:20;padding:20px 20px 200px}.main-title{font-family:var(--font-stack-heavy);font-size:clamp(4rem,15vw,12rem);line-height:.9;text-transform:uppercase;text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,5px 5px 15px rgba(0,0,0,.8)}.rasta-red{color:var(--color-rasta-red)}.rasta-gold{color:var(--color-rasta-gold)}.rasta-green{color:var(--color-rasta-green)}.line-top{display:block;font-size:.5em;margin-bottom:-.1em}.line-middle{font-size:1em}.line-bottom{display:block;font-size:1.1em;margin-top:-.15em}.subtitle-box{background-color:#000000b3;border:3px solid var(--color-rasta-gold);border-radius:8px;display:inline-block;margin-top:3rem;padding:1rem 2rem;box-shadow:0 4px 15px #00000080}.subtitle{color:var(--color-rasta-gold);font-family:var(--font-stack-mono);font-size:clamp(1rem,3vw,1.5rem);letter-spacing:1px;text-transform:uppercase}.lion-icon{display:block;font-size:2rem;margin-top:10px}.dub-footer{position:fixed;bottom:0;left:0;width:100%;color:var(--color-rasta-gold);font-family:var(--font-stack-mono);font-size:.8rem;text-align:center;opacity:.8;z-index:30;pointer-events:none;padding-bottom:max(10px,env(safe-area-inset-bottom));padding-top:10px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.shake{animation:shake-hard .5s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes shake-hard{10%,90%{transform:translate3d(-2px,1px,0) rotate(-1deg)}20%,80%{transform:translate3d(4px,-2px,0) rotate(2deg)}30%,50%,70%{transform:translate3d(-6px,3px,0) rotate(-2deg)}40%,60%{transform:translate3d(6px,-3px,0) rotate(2deg)}}@media(max-width:480px){.line-top{font-size:.6em}.subtitle-box{padding:.5rem 1rem;width:90%;margin-top:1.5rem}.main-title{font-size:clamp(3rem,12vw,5rem)}}