body{font-family:Montserrat,Arial,Helvetica,sans-serif;height:100dvh;overflow:hidden;position:relative;display:flex;justify-content:center;color:#fff}body>img{position:absolute;z-index:-1}body>img.top{left:0;top:0}body>img.bottom{width:100%;min-width:300px;right:0;bottom:0;-webkit-mask-image:linear-gradient(to left,black 0,black 700px,transparent 1000px);mask-image:linear-gradient(to left,black 0,black 700px,transparent 1000px)}body:not(.error) .drawer{display:none}body:not(.error) .content>main>button{display:none}body:not(.error) .content>main>span{display:inline}body:not(.open) .drawer{pointer-events:none;-webkit-user-select:none;user-select:none}body:not(.open) .drawer__overlay{opacity:0}body:not(.open) .drawer__content{transform:translateY(110%)}body .drawer{width:calc(100% + 40px);left:-20px;box-sizing:border-box;position:absolute;z-index:1000;bottom:0}body .drawer:not([data-code="00002"]) a#subscribe{display:none}body .drawer[data-code="00002"] button.button{display:none}body .drawer__overlay{transition:.3s opacity;background-color:#1a1a1ab2;cursor:pointer;z-index:-1;position:fixed;top:0;right:0;bottom:0;left:0}body .drawer__content{gap:16px;display:flex;flex-direction:column;align-items:center;transition:.3s transform;background-color:#1d0a2d;border-radius:24px 24px 0 0;padding:32px 24px 24px}body .drawer__content>img{cursor:pointer;position:absolute;top:16px;right:16px}body .drawer__content>h4{margin:0;font-size:20px;line-height:1;color:#fff}body .drawer__content>a{width:100%;box-sizing:border-box;text-align:center;color:#fff;font-size:12px}body .drawer__content>p{margin:0;opacity:.75;text-align:center}body .drawer__content>.button{color:inherit;color:#fff;font-size:12px;background-color:#8162e8;text-decoration:none;border-radius:8px;font-weight:600;padding:16px;width:100%}body .drawer__content>a.offer{margin-top:8px;opacity:.5}body .content{display:grid;grid-template-rows:1fr 2fr 2fr;justify-content:center;position:relative;min-height:inherit;max-width:400px;width:calc(100% - 40px)}body .content>header{align-self:flex-end;justify-self:center;text-align:center;font-weight:600;font-size:48px}body .content>header>img{margin:4px .1em 0;vertical-align:text-top}body .content>main{display:flex;flex-direction:column;align-self:center;max-width:inherit;gap:12px}body .content>main .buttons{display:grid;grid-template-columns:repeat(3,1fr);height:max-content;gap:12px}body .content>main .buttons>a{-webkit-user-select:none;user-select:none;border-radius:8px;line-height:.7;border:none;padding:8px;display:grid;grid-template-rows:1fr 9px 36px;gap:14px;color:inherit;text-decoration:none}@media (hover: hover){body .content>main .buttons>a:hover{box-shadow:0 0 0 2px #fff4,inset 0 0 0 1px #3334}}body .content>main .buttons>a.puzzlehit{background:linear-gradient(#4569fa,#3630d4)}body .content>main .buttons>a.muzscrabble{background:linear-gradient(#b672ff,#b444d0)}body .content>main .buttons>a.starpro{background:linear-gradient(#38afe7,#358ddd)}body .content>main .buttons>a>*{pointer-events:none}body .content>main .buttons>a>img{justify-self:center;align-self:center}body .content>main .buttons>a>h4{text-align:center;font-size:13px;font-weight:600;margin:0}body .content>main .buttons>a>span{border-radius:90px;background:#0002;font-size:12px;padding:12px;height:36px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}body .content>main>span{display:none;font-size:12px;text-align:center;color:#fff;opacity:.5}body .content>main>button{display:flex;align-items:center;justify-content:center;max-width:inherit;min-height:32px;position:relative;color:#fff;font-weight:700;border:none;cursor:pointer;padding:8px 32px;font-size:12px;border-radius:8px;animation:errorPulse 2s infinite ease-in-out}body .content>main>button>span{max-width:240px}body .content>main>button>img{position:absolute;height:24px;right:4px}body .content>footer{-webkit-user-select:none;user-select:none;font-size:28px;display:flex;flex-direction:column;align-self:flex-start;gap:14px}body .content>footer>p{width:min-content;white-space:nowrap;margin:0}body .content>footer>p:nth-child(2){margin-left:auto}body .content>a{bottom:24px;position:absolute;justify-self:center;text-align:center;font-size:12px;color:#fff;opacity:.5}#privacy-popup{position:absolute;z-index:99999;display:flex;flex-direction:column;margin:0 auto;bottom:8px;padding:16px;gap:10px;left:-12px;border-radius:16px;max-width:inherit;width:calc(100% + 40px);max-width:calc(100% + 24px);box-sizing:border-box;background-color:#fff;box-shadow:inset 0 0 0 1px #0002;color:#181218}#privacy-popup p{margin:0;font-size:12px;line-height:1.25}#privacy-popup p a{color:inherit;text-decoration:underline}#privacy-popup #accept-privacy{height:48px;width:100%;border:none;font-size:20px;line-height:.7;text-align:center;font-weight:700;padding:17px;display:flex;justify-content:center;align-items:center;border-radius:10px;position:relative;color:#fff;cursor:pointer;background:linear-gradient(#4524aa,#4c27b5)}@media (hover: hover){#privacy-popup #accept-privacy:not(:disabled){cursor:pointer;transition:opacity .2s}#privacy-popup #accept-privacy:not(:disabled):hover{opacity:.8}}@keyframes errorPulse{0%{background-color:#dc143cbf}50%{background-color:#dc143c80}to{background-color:#dc143cbf}}
