:root{--yellow:#f9ed01;--yellow-soft:#fcf7ce;--black:#141414;--paper:#fffdf3;--ink-soft:#3a3a3a;--shadow:5px 5px 0 var(--black);--r-lg:18px;--r-md:12px;--r-pill:999px;--bw:3px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}body.secondary-page{background:var(--paper);min-height:100vh;color:var(--black);flex-direction:column;font-family:Roboto,sans-serif;line-height:1.6;display:flex;overflow-x:hidden}::selection{background:var(--black);color:var(--yellow)}a{color:inherit}.wrap{width:100%;max-width:1040px;margin:0 auto;padding:0 24px}.hand{font-family:Caveat,cursive;font-weight:700}h1{letter-spacing:.05em;text-transform:uppercase;font-family:Bangers,cursive;font-weight:400;line-height:1.05}nav{z-index:50;border-bottom:var(--bw) solid var(--black);background:var(--yellow);position:sticky;top:0}.nav-inner{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1100px;margin:0 auto;padding:10px 28px;display:grid}nav:not(.has-account) .nav-inner{justify-content:center;gap:34px;display:flex}.logo{justify-self:start;text-decoration:none;display:flex}.logo img{width:auto;height:56px;display:block}.nav-links{justify-self:center;align-items:center;gap:28px;padding-right:8px;display:flex}.nav-links a{color:var(--black);letter-spacing:.05em;text-transform:uppercase;padding:2px 4px;font-family:Bangers,cursive;font-size:1.35rem;line-height:1.2;text-decoration:none;position:relative}.nav-links a svg.scribble{width:104%;height:10px;position:absolute;bottom:-6px;left:-2%;right:-2%;overflow:visible}.nav-links a svg.scribble path{fill:none;stroke:var(--black);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:120;stroke-dashoffset:120px;transition:stroke-dashoffset .3s}.nav-links a:hover svg.scribble path{stroke-dashoffset:0}.account-slot{justify-self:end;display:flex}#navAccount{border:var(--bw) solid var(--black);box-shadow:3px 3px 0 var(--black);color:var(--black);letter-spacing:.05em;text-transform:uppercase;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 18px;font-family:Bangers,cursive;font-size:1.15rem;line-height:1.2;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}#navAccount:hover{box-shadow:1px 1px 0 var(--black);transform:translate(2px,2px)}.nav-ava{border:2.5px solid var(--black);object-fit:cover;border-radius:50%;width:26px;height:26px;display:block}.margin-strip{z-index:1;pointer-events:none;justify-content:center;align-items:center;width:34px;display:flex;position:fixed;top:0;bottom:0;overflow:hidden}.margin-strip span{color:#14141412;letter-spacing:.55em;text-transform:uppercase;white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;font-family:Bangers,cursive;font-size:1.3rem}.margin-strip#stripL{left:6px}.margin-strip#stripR{right:6px}.margin-strip#stripR span{color:#1414140e}.secondary-footer{background:var(--black);color:var(--paper)}footer{border-top:var(--bw) solid var(--yellow);background:var(--black);color:var(--paper);padding:44px 0;font-size:.92rem}.foot-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.foot-badge img{border:var(--bw) solid var(--yellow);border-radius:50%;width:84px;height:84px}.foot-links{letter-spacing:.05em;text-transform:uppercase;gap:20px;font-family:Bangers,cursive;font-size:1.05rem;display:flex}.foot-links a{color:var(--yellow);text-decoration:none}.foot-links a:hover{text-decoration:underline}footer .hand{color:var(--yellow);font-size:1.25rem}.login-main{text-align:center;flex-direction:column;flex:1;align-items:center;padding:40px 24px 64px;display:flex;position:relative;overflow:hidden}.login-main>*{z-index:1;position:relative}.portal-col{max-width:640px;margin:auto}.ht{pointer-events:none;background-image:radial-gradient(var(--black) 2px,transparent 2px);border-radius:50%;position:absolute}.ht-a{z-index:0;opacity:.14;background-size:17px 17px;width:min(420px,44vw);height:min(420px,44vw);top:20px;right:max(-60px,50% - 580px);transform:rotate(9deg)}.ht-b{z-index:0;opacity:.09;background-size:11px 11px;width:min(250px,32vw);height:min(250px,32vw);bottom:20px;left:max(-60px,50% - 580px);transform:rotate(-7deg)}.mascot{cursor:pointer;width:min(210px,52vw);margin:0 auto 8px;display:block}.portal-title{margin:6px 0 12px;font-size:clamp(2.8rem,7vw,4.4rem)}.portal-sub{max-width:520px;color:var(--ink-soft);margin:0 auto;font-size:1.08rem;font-weight:500}.hero-ctas,.ctas{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:30px;display:flex}.btn{border:var(--bw) solid var(--black);border-radius:var(--r-md);background:var(--yellow);box-shadow:var(--shadow);color:var(--black);text-transform:uppercase;align-items:center;gap:12px;padding:14px 26px;font-family:Archivo Black,sans-serif;font-size:.95rem;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn:hover{box-shadow:2px 2px 0 var(--black);transform:translate(3px,3px)}.btn:active{box-shadow:0 0 0 var(--black);transform:translate(5px,5px)}.btn.dark{background:var(--black);color:var(--yellow)}.btn.ghost{background:var(--paper)}.btn svg{fill:currentColor;flex:none;width:20px;height:20px}.fineprint{color:#1414149e;max-width:480px;margin:56px auto 0;font-size:.82rem;line-height:1.55}.login-error{border:var(--bw) solid var(--black);border-radius:var(--r-md);max-width:480px;box-shadow:var(--shadow);background:#fff;margin:18px auto 0;padding:10px 16px;font-size:.92rem;font-weight:500;display:none}.login-error.show{display:block}.bean,.steam-curl{z-index:0;pointer-events:none;position:absolute}.bean{opacity:.09;width:16px;height:22px}.bean svg,.steam-curl svg{width:100%;height:100%;display:block}.steam-curl{opacity:.5;bottom:-8px}.pow{z-index:99;pointer-events:none;color:var(--yellow);-webkit-text-stroke:1px var(--black);font-family:Bangers,cursive;font-size:clamp(1.1rem,1.6vw,1.6rem);position:fixed;transform:translate(-50%,-50%)}#mischief{z-index:96;border:3px solid var(--black);box-shadow:4px 4px 0 var(--black);user-select:none;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;display:flex;position:fixed;bottom:16px;left:16px}#mischief .label{font-family:Caveat,cursive;font-size:1.15rem;font-weight:700;line-height:1}#mischief .track{border:2.5px solid var(--black);background:var(--paper);border-radius:999px;width:110px;height:14px;overflow:hidden}#mischief .fill{background:repeating-linear-gradient(-45deg,var(--yellow),var(--yellow) 6px,var(--black) 6px,var(--black) 9px);border-radius:999px;width:0;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1)}#soundToggle{z-index:96;border:3px solid var(--black);width:44px;height:44px;box-shadow:3px 3px 0 var(--black);color:var(--black);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;display:flex;position:fixed;bottom:16px;right:16px}.join-main{border-bottom:var(--bw) solid var(--black);background:var(--yellow);text-align:center;flex:1;padding:72px 24px 90px;position:relative;overflow:hidden}.join-main:before{content:"";opacity:.07;pointer-events:none;background-image:radial-gradient(var(--black) 1.5px,transparent 1.5px);background-size:13px 13px;position:absolute;inset:0}.join-main>*{position:relative}.kicker{border-radius:var(--r-md);background:var(--black);color:var(--yellow);letter-spacing:.14em;text-transform:uppercase;padding:5px 14px;font-size:.72rem;font-weight:700;display:inline-block}.join-main h1{margin:16px 0 14px;font-size:clamp(2.6rem,6.5vw,4.2rem)}.lede-center{max-width:560px;color:var(--ink-soft);margin:0 auto;font-size:1.08rem}.steps{text-align:left;gap:14px;max-width:560px;margin:34px auto 0;display:grid}.step{border:var(--bw) solid var(--black);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow);align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.step .num{border:var(--bw) solid var(--black);background:var(--yellow);border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-family:Archivo Black,sans-serif;font-size:1.05rem;display:flex}.step p{font-size:.98rem}.step strong{letter-spacing:.02em;text-transform:uppercase;font-family:Archivo Black,sans-serif;font-size:.88rem}.aside-hand{margin-top:26px;font-size:1.4rem;display:inline-block;transform:rotate(-1deg)}.events-main{min-height:calc(100vh - 79px);position:relative}.event-cover,.event-issue{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:start;gap:clamp(1.25rem,3vw,3rem);display:grid}.event-cover-media,.event-cover-copy,.event-archive{min-width:0}.event-reel{scroll-snap-type:x mandatory;gap:14px;display:flex;overflow-x:auto}.event-reel>*{scroll-snap-align:start;flex:0 0 min(78%,32rem)}.event-panel{border:var(--bw) solid var(--black);background:var(--paper);box-shadow:var(--shadow)}@media (width<=760px){.nav-links{display:none}.nav-inner{justify-content:center;padding-inline:28px;display:flex}.account-slot{position:absolute;right:20px}.margin-strip{display:none}.event-cover,.event-issue{grid-template-columns:1fr}}@media (width<=640px){#mischief{transform-origin:0 100%;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.page-exit{transition:none}}