@font-face{font-display:swap;font-family:Big Jano;font-style:normal;font-weight:400;src:url(/assets/Big%20Jano-Pn9IVFQo.ttf) format("truetype")}@font-face{font-display:swap;font-family:Winter Draw;font-style:normal;font-weight:400;src:url(/assets/Winter%20Draw-Dw_-lNXK.ttf) format("truetype")}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--off-white:#f5f5f5;--light-gray:#e8e8e8;--black:#111;--pop-yellow:#ffe14d;--pop-pink:#ff5ca8;--pop-blue:#4dc9ff;--pop-green:#5cff7e;--pop-orange:#ff8c42;--heading:"Big Jano",Impact,sans-serif;--body:"Winter Draw","Comic Sans MS",cursive,sans-serif}html{scroll-behavior:smooth}body{background:var(--white);color:var(--black);font-family:var(--body);line-height:1.5;overflow-x:hidden;-webkit-text-size-adjust:100%}.top-nav{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:3px solid var(--black);display:flex;justify-content:space-between;left:0;padding:.8rem 2rem;position:fixed;right:0;top:0;z-index:100}.nav-brand{color:var(--black);font-family:var(--heading);font-size:1.6rem;letter-spacing:3px;text-decoration:none;text-transform:uppercase;transition:color .2s}.nav-brand:hover{color:var(--pop-pink)}.nav-right{align-items:center;display:flex;gap:1.5rem}.nav-link{color:var(--black);font-family:var(--body);font-size:1.05rem;letter-spacing:2px;text-decoration:none;text-transform:uppercase;transition:color .2s}.nav-link:hover{color:var(--pop-pink)}.nav-socials{border-left:2px solid var(--light-gray);gap:.6rem;margin-left:.5rem;padding-left:1.2rem}.nav-socials,.social-link{align-items:center;display:flex}.social-link{background:var(--off-white);border:2px solid var(--black);color:var(--black);height:36px;justify-content:center;transition:background .2s,color .2s,transform .15s;width:36px}.social-link:hover{background:var(--pop-yellow);transform:translateY(-2px)}.hero{align-items:center;background:var(--off-white);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding-top:60px;position:relative}.hero-mosaic{display:grid;gap:3px;grid-auto-rows:150px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));top:0;right:0;bottom:0;left:0;opacity:.18;pointer-events:none;position:absolute;z-index:0}.hero-mosaic img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.hero-flipboard{display:none}.hero-overlay{background:radial-gradient(ellipse at center,#ffffffd9 0,#ffffff4d 70%,#f5f5f500);top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.flip-slot{background:var(--off-white);border:2px solid var(--light-gray);overflow:hidden;perspective:600px}.flip-slot,.flip-slot-inner{position:relative;width:100%}.flip-slot-inner{height:100%}.flip-slot img{backface-visibility:hidden;background:var(--white);display:block;height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:0;padding:4px;position:absolute;transform:rotateX(40deg);transition:opacity .5s ease,transform .5s ease;width:100%}.flip-slot img.active{opacity:1;transform:rotateX(0)}.flip-slot img.exiting{opacity:0;transform:rotateX(-40deg)}.hero-content{padding:2rem;position:relative;text-align:center;z-index:2}.hero-logo{display:block;filter:drop-shadow(4px 4px 0 var(--pop-yellow));height:auto;margin:0 auto 1.5rem;max-width:min(550px,80vw);transition:filter .3s}.hero-logo:hover{filter:drop-shadow(4px 4px 0 var(--pop-pink))}.tagline{font-family:var(--body);font-size:clamp(1.4rem,3.5vw,2.2rem);letter-spacing:3px;opacity:.6}.big-heading,.tagline{color:var(--black);text-transform:uppercase}.big-heading{display:inline-block;font-family:var(--heading);font-size:clamp(2.6rem,8vw,6rem);letter-spacing:2px;margin-bottom:2.5rem;position:relative;text-align:center;width:100%}.big-heading:after{background:var(--pop-yellow);content:"";display:block;height:6px;margin:.5rem auto 0;width:80px}.lore{background:var(--white);overflow-x:hidden;padding:6rem 2rem}.lore-wrap{margin:0 auto;max-width:800px;overflow:hidden}.lore-timeline{padding:1rem 0;position:relative}.lore-timeline:before{background:var(--light-gray);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translate(-50%);width:4px}.tl-item{margin-bottom:3rem;position:relative}.tl-item:last-child{margin-bottom:0}.tl-dot{background:var(--pop-yellow);border:3px solid var(--black);height:18px;left:50%;position:absolute;top:0;transform:translate(-50%);width:18px;z-index:2}.tl-dot--big{background:var(--pop-pink);height:26px;width:26px}.tl-card{background:var(--white);border:3px solid var(--black);box-shadow:5px 5px 0 var(--black);padding:1.8rem;position:relative;transition:transform .2s,box-shadow .2s;width:44%}.tl-card:hover{box-shadow:5px 8px 0 var(--black);transform:translateY(-3px)}.tl-card--left{margin-right:auto}.tl-card--right{margin-left:auto}.tl-card--center{background:var(--pop-yellow);box-shadow:6px 6px 0 var(--black)}.tl-card--center,.tl-card--full{margin:0 auto;text-align:center;width:70%}.tl-label{background:var(--pop-yellow);border:2px solid var(--black);color:var(--black);display:inline-block;font-family:var(--heading);font-size:.85rem;letter-spacing:3px;margin-bottom:1rem;padding:.25rem .8rem;text-transform:uppercase}.tl-card p{font-size:1.2rem;line-height:1.75}.tl-pillars{display:flex;flex-direction:column;gap:.8rem}.tl-pillars span{color:var(--black);font-family:var(--heading);font-size:1.1rem;letter-spacing:1px;text-transform:uppercase}.tl-pill-accent{color:var(--pop-pink)!important;font-size:1.25rem!important}.marquee-bar{background:var(--pop-yellow);border-bottom:3px solid var(--black);border-top:3px solid var(--black);overflow:hidden;padding:.6rem 0;white-space:nowrap}.marquee-track{animation:marquee 20s linear infinite;display:inline-flex}.marquee-track span{color:var(--black);font-family:var(--heading);font-size:1.3rem;letter-spacing:3px;padding:0 2rem;text-transform:uppercase}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.summon{background:var(--off-white);overflow:hidden;padding:6rem 2rem;text-align:center}.summon-sub{color:var(--black);font-family:var(--body);font-size:1.3rem;letter-spacing:1px;margin-bottom:2.5rem;opacity:.5}.summon-btn{background:var(--pop-pink);border:4px solid var(--black);box-shadow:6px 6px 0 var(--black);color:var(--white);cursor:pointer;display:inline-block;font-family:var(--heading);font-size:2rem;letter-spacing:4px;overflow:hidden;padding:1.2rem 3.5rem;position:relative;text-transform:uppercase;transition:transform .15s,box-shadow .15s,background .15s;-webkit-tap-highlight-color:transparent}.summon-btn:hover{background:var(--pop-blue);box-shadow:9px 9px 0 var(--black);transform:translate(-3px,-3px)}.summon-btn:active{box-shadow:2px 2px 0 var(--black);transform:translate(2px,2px)}.summon-btn.shaking{animation:btn-shake .4s ease}@keyframes btn-shake{0%,to{transform:translate(-3px,-3px) rotate(0)}20%{transform:translate(-3px,-3px) rotate(-4deg)}40%{transform:translate(-3px,-3px) rotate(4deg)}60%{transform:translate(-3px,-3px) rotate(-3deg)}80%{transform:translate(-3px,-3px) rotate(2deg)}}.summon-stage{align-items:center;display:flex;justify-content:center;margin-top:3rem;min-height:60px;perspective:800px}.summon-card{background:var(--white);border:4px solid var(--black);box-shadow:8px 8px 0 var(--pop-yellow);max-width:380px;opacity:0;padding:6px;pointer-events:none;transform:scale(.3) rotateY(90deg);transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1)}.summon-card.revealed{opacity:1;pointer-events:auto;transform:scale(1) rotateY(0)}.summon-card img{display:block;height:auto;max-height:50vh;-o-object-fit:contain;object-fit:contain;width:100%}.culture{background:var(--white);overflow:hidden;padding:6rem 2rem 8rem;position:relative}.culture:before{background:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(0,0,0,.015) 0,rgba(0,0,0,.015) 41px);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.wall{-moz-column-count:4;column-count:4;-moz-column-gap:1.4rem;column-gap:1.4rem;margin:0 auto;max-width:1200px}.wall-piece{-moz-column-break-inside:avoid;background:var(--white);border:3px solid var(--black);box-shadow:5px 5px 0 var(--black);break-inside:avoid;cursor:pointer;display:inline-block;margin-bottom:1.4rem;position:relative;transition:transform .25s,box-shadow .25s;width:100%;-webkit-tap-highlight-color:transparent}.wall-piece:nth-child(odd){transform:rotate(-.8deg)}.wall-piece:nth-child(2n){transform:rotate(.6deg)}.wall-piece:hover{box-shadow:8px 12px 0 var(--black);transform:rotate(0) scale(1.03) translateY(-4px);z-index:2}.wall-piece:before{background:var(--pop-yellow);border:1px solid rgba(0,0,0,.1);content:"";height:16px;left:50%;opacity:.85;position:absolute;top:-8px;transform:translate(-50%) rotate(-2deg);width:50px;z-index:3}.wall-piece:nth-child(4n+2):before{background:var(--pop-pink)}.wall-piece:nth-child(4n+3):before{background:var(--pop-blue)}.wall-piece:nth-child(4n+4):before{background:var(--pop-green)}.wall-piece img{display:block;height:auto;width:100%}.lightbox{align-items:center;background:#000000d9;cursor:pointer;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:0;padding:1rem;pointer-events:none;position:fixed;transition:opacity .25s;z-index:999}.lightbox.open{opacity:1;pointer-events:all}.lightbox img{border:4px solid var(--white);box-shadow:0 0 60px #0009;max-height:85vh;max-width:90vw;-o-object-fit:contain;object-fit:contain}footer{background:var(--black);color:var(--white);padding:2.5rem 2rem}.footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:960px}.footer-copy{font-family:var(--body);font-size:1rem;letter-spacing:2px}.footer-socials{display:flex;gap:.8rem}.footer-socials a{align-items:center;border:2px solid hsla(0,0%,100%,.3);color:var(--white);display:flex;height:40px;justify-content:center;transition:background .2s,border-color .2s,transform .15s;width:40px}.footer-socials a:hover{background:var(--pop-yellow);border-color:var(--pop-yellow);color:var(--black);transform:translateY(-2px)}@media (max-width:768px){.top-nav{padding:.6rem 1rem}.nav-brand{font-size:1.3rem}.nav-right{gap:.8rem}.nav-link{font-size:.85rem;letter-spacing:1px}.nav-socials{gap:.4rem;margin-left:.3rem;padding-left:.8rem}.social-link{height:32px;width:32px}.social-link svg{height:18px;width:18px}.hero{min-height:100vh;min-height:100dvh}.hero-mosaic{display:none}.hero-flipboard{display:grid;gap:3px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);top:0;right:0;bottom:0;left:0;opacity:.22;padding:3px;pointer-events:none;position:absolute;z-index:0}.hero-logo{max-width:85vw}.tagline{font-size:clamp(1rem,4vw,1.6rem);letter-spacing:2px}.big-heading{font-size:clamp(2rem,9vw,3.5rem);margin-bottom:2rem}.big-heading:after{height:5px;width:60px}.lore{padding:4rem 1rem}.lore-timeline:before,.tl-dot,.tl-dot--big{left:14px}.tl-card,.tl-card--center,.tl-card--full,.tl-card--left,.tl-card--right{margin-left:42px;margin-right:0;width:calc(100% - 42px)}.tl-card{border-width:2px;box-shadow:4px 4px 0 var(--black);padding:1.4rem}.tl-card p{font-size:1.05rem}.tl-label{font-size:.75rem;padding:.2rem .6rem}.tl-pillars span{font-size:.95rem}.tl-pill-accent{font-size:1.05rem!important}.marquee-track span{font-size:1rem;padding:0 1.2rem}.summon{padding:4rem 1rem}.summon-sub{font-size:1.1rem;margin-bottom:2rem}.summon-btn{border-width:3px;box-shadow:4px 4px 0 var(--black);font-size:1.4rem;letter-spacing:3px;padding:1rem 2.2rem}.summon-btn:hover{box-shadow:6px 6px 0 var(--black)}.summon-card{border-width:3px;box-shadow:5px 5px 0 var(--pop-yellow);max-width:85vw}.summon-card img{max-height:40vh}.culture{padding:4rem .8rem 5rem}.wall{-moz-column-count:2;column-count:2;-moz-column-gap:.8rem;column-gap:.8rem}.wall-piece{border-width:2px;box-shadow:3px 3px 0 var(--black);margin-bottom:1.2rem}.wall-piece,.wall-piece:nth-child(2n),.wall-piece:nth-child(odd){transform:none}.wall-piece:hover{box-shadow:5px 8px 0 var(--black);transform:scale(1.02) translateY(-2px)}.wall-piece:before{height:12px;top:-6px;width:36px}.lightbox img{border-width:3px;max-height:80vh;max-width:94vw}.footer-inner{flex-direction:column;text-align:center}.footer-copy{font-size:.9rem}}@media (max-width:480px){.nav-link{display:none}.nav-socials{border-left:none;margin-left:0;padding-left:0}.hero-content{padding:1rem}.big-heading{font-size:clamp(1.8rem,10vw,2.8rem)}.lore{padding:3rem .8rem}.lore-timeline:before{left:10px}.tl-dot,.tl-dot--big{height:14px;left:10px;width:14px}.tl-dot--big{height:20px;width:20px}.tl-card,.tl-card--center,.tl-card--full,.tl-card--left,.tl-card--right{margin-left:32px;width:calc(100% - 32px)}.tl-card{padding:1rem}.tl-card p{font-size:.95rem;line-height:1.65}.tl-pillars span{font-size:.85rem}.tl-pill-accent{font-size:.95rem!important}.summon-btn{font-size:1.2rem;padding:.9rem 1.8rem}.wall{-moz-column-count:2;column-count:2;-moz-column-gap:.6rem;column-gap:.6rem}.wall-piece{margin-bottom:.9rem}}