:root{--b-blue:#05f;--b-dark:#027;--b-yellow:#ffdf00;--b-orange:#ff8c00;--b-green:#28cc14;--b-black:#000;--out:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 4px 0 #000,0 6px 0 #000;--out-sm:-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px 1.5px 0 #000,0 3px 0 #000}*{box-sizing:border-box;margin:0;padding:0;min-height:0}body{background-color:var(--b-blue);color:#fff;font-family:'Nunito',sans-serif;height:100dvh;overflow:hidden;display:flex;flex-direction:column;position:relative}.bg{position:absolute;inset:-100%;z-index:-1;background:repeating-conic-gradient(from 0deg,rgba(0,0,0,.1) 0deg 15deg,transparent 15deg 30deg);animation:sp 150s linear infinite}@keyframes sp{100%{transform:rotate(360deg)}}.t-bar{width:100%;padding:min(1.5vh,15px) 2vw;display:flex;justify-content:center;align-items:center;z-index:10;position:relative;flex-shrink:0}.st{display:inline-flex;align-items:center;background:var(--b-black);border:3px solid rgba(255,255,255,.2);padding:min(1vh,6px) 16px;border-radius:30px;font-size:clamp(.7rem,2vw,.9rem);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 0 rgba(0,0,0,.5)}.dot{width:10px;height:10px;background:var(--b-green);border:2px solid #000;border-radius:50%;margin-right:8px;animation:bl 1s infinite alternate}@keyframes bl{to{opacity:.5}}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 4vw;z-index:10;text-align:center;position:relative;overflow:hidden}.logo{height:min(16vh,120px);width:auto;margin-bottom:min(2vh,15px);filter:drop-shadow(0 6px 0 rgba(0,0,0,.5));flex-shrink:0}h1{font-family:'Lilita One',cursive;font-size:clamp(1.5rem,5vw,3.5rem);font-weight:400;line-height:1.15;margin-bottom:min(3vh,25px);text-shadow:var(--out);max-width:900px;letter-spacing:1px;transform:rotate(-1deg);flex-shrink:0}.cds{display:flex;flex-wrap:wrap;gap:min(2vw,15px);justify-content:center;width:100%;max-width:900px;flex-shrink:1}.cd{flex:1 1 200px;background:#fff;border:4px solid var(--b-black);border-radius:16px;padding:min(1.5vh,12px) 1vw;box-shadow:0 6px 0 var(--b-black),inset 0 -4px 0 rgba(0,0,0,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--b-black);transition:transform .1s}.cd:nth-child(even){transform:rotate(2deg)}.cd:nth-child(odd){transform:rotate(-2deg)}.cd i{font-style:normal;font-size:clamp(1.6rem,4vw,2.5rem);margin-bottom:5px;display:block;filter:drop-shadow(0 2px 0 rgba(0,0,0,.2))}.cd span{font-family:'Lilita One',cursive;font-size:clamp(.8rem,2vw,1.1rem);text-transform:uppercase;letter-spacing:1px;text-align:center;line-height:1.1}footer{width:100%;background:var(--b-dark);border-top:5px solid var(--b-black);padding:min(2.5vh,20px) 0;z-index:20;position:relative;box-shadow:0 -10px 25px rgba(0,0,0,.4);flex-shrink:0}.tkr{width:100%;background:rgba(0,0,0,.7);border-bottom:3px solid var(--b-black);border-top:3px solid var(--b-black);padding:6px 0;overflow:hidden;position:absolute;top:-36px;left:0;display:flex;height:36px;box-sizing:border-box}.tkr-i{display:inline-flex;white-space:nowrap;animation:scr 30s linear infinite;align-items:center}.tkr-i:hover{animation-play-state:paused}.tkr-i span{font-size:clamp(.75rem,1.5vw,.9rem);font-weight:800;color:#fff;margin-right:3vw;display:inline-flex;align-items:center;text-shadow:1px 1px 0 #000}.tkr-i span b{color:var(--b-yellow);margin-left:5px;font-family:'Lilita One',cursive;font-weight:400;letter-spacing:1px}@keyframes scr{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.cta-w{width:100%;max-width:800px;margin:0 auto;padding:0 4vw;display:flex;justify-content:center}.cta{display:flex;align-items:center;justify-content:center;width:100%;padding:min(2vh,18px) 0;background:linear-gradient(180deg,var(--b-yellow) 0,var(--b-orange) 100%);color:#fff;text-decoration:none;font-family:'Lilita One',cursive;font-size:clamp(1.4rem,5vw,2.2rem);border-radius:16px;border:5px solid var(--b-black);box-shadow:0 8px 0 var(--b-black),inset 0 -5px 0 rgba(0,0,0,.2),inset 0 4px 0 rgba(255,255,255,.5);transition:all .1s;text-shadow:var(--out-sm);letter-spacing:1px}.cta:active{transform:translateY(8px);box-shadow:0 0 0 var(--b-black),inset 0 -2px 0 rgba(0,0,0,.2),inset 0 2px 0 rgba(255,255,255,.5)}.cta svg{width:clamp(22px,5vw,30px);height:clamp(22px,5vw,30px);margin-right:12px;fill:transparent;stroke:#fff;stroke-width:2;filter:drop-shadow(0 2px 0 #000)}.cta svg.s{fill:#fff;stroke:var(--b-black);stroke-width:1;animation:pl 1.5s infinite}@keyframes pl{0%,100%{transform:scale(1)}50%{transform:scale(1.1) rotate(5deg)}}@media(max-width:768px),(max-height:750px){.logo{height:min(10vh,70px);margin-bottom:min(1.5vh,10px)}h1{font-size:clamp(1.3rem,6vw,1.8rem);margin-bottom:min(1.5vh,15px);text-shadow:var(--out-sm)}.cds{flex-direction:column;gap:min(1vh,8px)}.cd{flex:none;min-height:0;padding:min(1.2vh,10px) 15px;flex-direction:row;justify-content:center;gap:12px;transform:none!important;border-width:3px;box-shadow:0 4px 0 var(--b-black),inset 0 -3px 0 rgba(0,0,0,.15)}.cd i{margin:0;font-size:1.4rem}.cd span{font-size:.85rem;text-align:left}footer{padding:min(1.5vh,12px) 0;border-top-width:4px;box-shadow:0 -5px 15px rgba(0,0,0,.4)}.tkr{top:-28px;height:28px;padding:4px 0;border-width:2px 0}.cta{border-radius:12px;border-width:4px;padding:min(1.5vh,14px) 0;font-size:1.3rem;box-shadow:0 6px 0 var(--b-black),inset 0 -4px 0 rgba(0,0,0,.2),inset 0 3px 0 rgba(255,255,255,.5)}.cta:active{transform:translateY(6px);box-shadow:0 0 0 var(--b-black),inset 0 -2px 0 rgba(0,0,0,.2),inset 0 2px 0 rgba(255,255,255,.5)}}