@charset "UTF-8";.game{position:relative;isolation:isolate;color:#f5f5f5}.game__hud{position:absolute;inset:0 auto auto 0;padding:.5rem .75rem;font-size:.9rem;background:#0d0d0d59;border:1px solid #2e2e2e;border-radius:.4rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cmx{min-height:100vh;min-height:100dvh;padding:1rem;position:relative;isolation:isolate;z-index:0;background:-webkit-image-set(url(/games/cryptid-mixup/bg/cmx-bg-wide-1920.avif) type("image/avif"),url(/games/cryptid-mixup/bg/cmx-bg-wide-1920.webp) type("image/webp"),url(/games/cryptid-mixup/bg/cmx-bg-wide-1920.jpg) type("image/jpeg"));background:image-set(url(/games/cryptid-mixup/bg/cmx-bg-wide-1920.avif) type("image/avif"),url(/games/cryptid-mixup/bg/cmx-bg-wide-1920.webp) type("image/webp"),url(/games/cryptid-mixup/bg/cmx-bg-wide-1920.jpg) type("image/jpeg"));background-size:cover;background-position:center;background-repeat:no-repeat}.cmx__header{margin-bottom:1rem;text-align:center}.cmx__title{font-size:clamp(1.25rem,1rem + 2vw,2rem);letter-spacing:.02rem;margin-block:1.4rem}.cmx__board{display:grid;grid-template-columns:repeat(4,clamp(7.8rem,8vw,10rem));justify-content:center;margin:0 auto;gap:clamp(.8rem,1.6vw,1.6rem);width:-moz-max-content;width:max-content}.cmx__card{position:relative;display:block;background:transparent;width:100%;aspect-ratio:5/7;border:none;border-radius:1.2rem;overflow:hidden;perspective:120rem}.cmx__card.faceDown{cursor:pointer}.cmx__card.faceUp .cmx__card-inner,.cmx__card.matched .cmx__card-inner{transform:rotateY(180deg)}.cmx__card-inner{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;transform-style:preserve-3d;transition:transform .36s cubic-bezier(.2,.7,.2,1);will-change:transform;background:transparent}.cmx__card-face{position:absolute;inset:0;border-radius:inherit;padding:0;clip-path:inset(.5px round 1.2rem);transform:translateZ(0);background:transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cmx__card-face picture,.cmx__card-face img{display:block;width:100%;height:100%;border-radius:inherit}.cmx__card-face img{-o-object-fit:cover;object-fit:cover}.cmx__card-face--front{transform:rotateY(180deg);background:transparent}.cmx__card-face--back{position:absolute;overflow:hidden;background:radial-gradient(120% 100% at 50% 45%,#11182a,#0c1120 65%,#070c18)}.cmx__card-face--back:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;opacity:.65;background:repeating-conic-gradient(from 0deg,#ffffff0f 0 2deg,#fff0 2deg 6deg),repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 3px,transparent 3px 7px);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 8px),#000 100%);mask:radial-gradient(closest-side,transparent calc(100% - 8px),#000 100%)}.cmx__card-face--back:after{content:"Cryptid\aMix-up";white-space:pre;position:absolute;inset:-8%;display:flex;justify-content:center;align-items:center;transform:rotate(-35deg);transform-origin:center;line-height:1;color:#ffffd266;letter-spacing:.18em;text-transform:uppercase;font-weight:800;font-size:1.8rem;text-shadow:0 0 1px rgba(255,255,255,.3),0 0 18px rgba(255,240,130,.28),0 0 40px rgba(255,240,130,.16);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;mix-blend-mode:screen}.cmx__controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem auto 0;padding:.6rem 1rem;background:#0a0f1c8c;border:1px solid rgba(255,255,255,.08);box-shadow:0 1rem 2rem #00000040;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);width:-moz-max-content;width:max-content}.cmx__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #2a3454;border-radius:.8rem;padding:.55rem 1rem;font-weight:700;color:#e7f0ff;background:linear-gradient(#243155,#1b2236);transition:transform .08s ease,box-shadow .12s ease,filter .12s ease;cursor:pointer}.cmx__btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #00000059;filter:brightness(1.04)}.cmx__btn:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 8px #00000059}.cmx__btn:disabled{opacity:.7;cursor:not-allowed}.cmx__hud{display:flex;gap:1rem;font-weight:800;letter-spacing:.02rem;font-variant-numeric:tabular-nums;white-space:nowrap}.cmx__moves,.cmx__time{padding:.35rem .6rem;border-radius:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.cmx__win{margin:0 0 1rem;padding:1rem;border:1px solid #2b6b37;background:#15311d;border-radius:1rem;font-weight:700}.cmx .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 1400px) and (min-width: 900px){.cmx{background-image:-webkit-image-set(url(/games/cryptid-mixup/bg/cmx-bg-wide-1280.avif) type("image/avif"),url(/games/cryptid-mixup/bg/cmx-bg-wide-1280.webp) type("image/webp"),url(/games/cryptid-mixup/bg/cmx-bg-wide-1280.jpg) type("image/jpeg"));background-image:image-set(url(/games/cryptid-mixup/bg/cmx-bg-wide-1280.avif) type("image/avif"),url(/games/cryptid-mixup/bg/cmx-bg-wide-1280.webp) type("image/webp"),url(/games/cryptid-mixup/bg/cmx-bg-wide-1280.jpg) type("image/jpeg"))}}@media (min-width: 768px){.cmx__card-face--back:after{font-size:1rem}}@media (max-width: 576px){.cmx__controls{flex-direction:column;width:100%;max-width:20rem}.cmx_hud{width:100%;justify-content:center}}@media (max-width: 768px),(max-aspect-ratio: 3/4){.cmx{background-image:-webkit-image-set(url(/games/cryptid-mixup/bg/cmx-bg-tall-1080.avif) type("image/avif"),url(/games/cryptid-mixup/bg/cmx-bg-tall-1080.webp) type("image/webp"),url(/games/cryptid-mixup/bg/cmx-bg-tall-1080.jpg) type("image/jpeg"));background-image:image-set(url(/games/cryptid-mixup/bg/cmx-bg-tall-1080.avif) type("image/avif"),url(/games/cryptid-mixup/bg/cmx-bg-tall-1080.webp) type("image/webp"),url(/games/cryptid-mixup/bg/cmx-bg-tall-1080.jpg) type("image/jpeg"))}}@media (min-width: 1400px) and (min-aspect-ratio: 16/10){.cmx__board{grid-template-columns:repeat(8,clamp(9rem,9vw,16rem))}.cmx__card-face--back:after{font-size:1.2rem}}@media (max-width: 768px){.cmx__board{grid-template-columns:repeat(2,clamp(10rem,40vw,14rem))}}@media (max-height: 768px){.cmx__board{grid-template-columns:repeat(4,clamp(5.5rem,7.5vh,7.75rem))}}@media (prefers-reduced-motion: reduce){.cmx__card .cmx__card-inner{transition:none}}.ctt{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;min-height:100dvh;padding:2rem 1rem;position:relative;isolation:isolate;z-index:0;background:radial-gradient(circle at top,#111827,#020305)}.ctt__title{font-size:clamp(1.8rem,3vw,2.4rem);text-transform:uppercase}.ctt__board{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.5rem,1vw,.9rem);width:min(90vw,32rem);aspect-ratio:1/1;border-radius:1rem;background:#0d0d0d}.ctt__square{display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;cursor:pointer;background:#1a1a1a;border:none;box-shadow:0 .4rem .8rem #00000080;padding:0;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.ctt__square:hover{transform:translateY(-2px);box-shadow:0 .8rem 1.6rem #000000b3}.ctt__square:active{transform:translateY(0);box-shadow:0 3px 6px #0009}.ctt__icon{width:70%;height:auto;display:block;pointer-events:none}.ctt__status{display:flex;align-items:center;gap:1rem}.ctt__status-text{opacity:.9}.ctt__square--win{outline:3px solid transparent;box-shadow:0 0 .8rem #0000;animation:ctt-win-pulse 1s ease-in-out infinite alternate}.ctt__square--win-sasquatch{outline-color:#5f9;box-shadow:0 0 .8rem #55ff99b3,0 0 1.4rem #55ff9980}.ctt__square--win-dogman{outline-color:#9d4edd;box-shadow:0 0 .8rem #9d4eddb3,0 0 1.4rem #9d4edd80}.ctt__reset{padding:.4rem 1rem;border-radius:100rem;border:none;background:#5f9;color:#020308;font-weight:600;cursor:pointer;font-size:.8rem}@keyframes ctt-win-pulse{0%{transform:translateY(-2px) scale(1)}to{transform:translateY(-2px) scale(1.04)}}@media (prefers-reduced-motion: reduce){.ctt__square--win{animation:none}}.db{min-height:100vh;padding:2rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(to top,#00010a,#020617 25%,#0b3260 55%,#1e4fa8 80%)}.db__board{margin-top:2rem;cursor:pointer}.db__grid{display:flex;flex-direction:column;width:40rem;height:40rem;border:.5rem;overflow:hidden;box-shadow:0 0 2rem #00000080}.db__row{display:flex;flex:1}.db__cell{display:flex;justify-content:center;align-items:center;flex:1;font-weight:600;border:1px solid rgba(15,23,42,.7);transition:background .15s ease-out,box-shadow .15s ease-out,color .15s ease-out;color:#e5e7eb}.db__cell--selected{outline:3px solid #fbbf24;outline-offset:-3px;box-shadow:0 0 1.2rem #fbbf24b3}.db__cellhover .db__piece{transform:translateY(-2px);filter:brightness(1.05)}.db__cell--selected .db__piece{box-shadow:inset 0 2px 3px #ffffff40,inset 0 -.4rem .6rem #00000059,0 3px .6rem #00000059,0 0 0 3px #78c8ff73}.db__piece{display:grid;place-items:center;width:78%;aspect-ratio:1/1;border-radius:50%;position:relative;transform:translateY(0);border:2px solid rgba(255,255,255,.18);overflow:hidden;transition:transform .12s ease,filter .12s ease;box-shadow:inset 0 2px 2px #ffffff47,inset 0 -.6rem 1rem #00000073,0 3px 1rem #00000073}.db__piece:after{content:"";position:absolute;inset:6%;border-radius:50%;pointer-events:none;background:conic-gradient(from 210deg,#fff0,#fff3,#fff0 28%,#00000040 52%,#ffffff1a 72%,#fff0);mix-blend-mode:overlay;opacity:.8}.db .db__piece--kraken{color:#8cfff5bf;background:radial-gradient(circle at 30% 25%,#ffffff38,#fff0 45%),radial-gradient(circle at 55% 65%,#28c8be24,#0000 55%),radial-gradient(circle at 50% 45%,#2a3238,#141a1f 65%,#080b0d);border:2px solid rgba(255,255,255,.12)}.db .db__piece--lyngbakr{background:radial-gradient(circle at 30% 25%,#ffffff8c,#fff0 45%),radial-gradient(circle at 55% 60%,#78dce62e,#0000 55%),radial-gradient(circle at 50% 45%,#d9e3ea,#7f8c96 62%,#3e4a53);border:2px solid rgba(255,255,255,.22);color:#d2fff0d9}.db .db__piece--king:before{content:"";position:absolute;inset:0;border-radius:50%;transform:translate(5px,5px);z-index:0;background:radial-gradient(circle at 40% 35%,#ffffff1a,#fff0 45%),radial-gradient(circle at 50% 50%,#0000008c,#0000 60%),radial-gradient(circle at 50% 50%,#0000008c,#0000 65%);box-shadow:0 2px 5px #00000073}.db .db__piece--king:after{content:"";position:absolute;inset:16%;border-radius:50%;z-index:3;border:2px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 2px #ffffff2e,inset 0 -2px 3px #00000040;border:2px solid rgba(255,255,255,.28)}.db .db__emblem{width:62%;height:62%;position:relative;z-index:2;filter:drop-shadow(-1px -1px 0 rgba(255,255,255,.18)) drop-shadow(1px 1px 0 rgba(0,0,0,.45))}.db__emblem path{stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.db__cell--light{background:linear-gradient(145deg,#e0f2fe,#7dd3fc 40%,#38bdf8);box-shadow:inset 0 2px 5px #ffffff40,inset 0 -4px 8px #0f172a59;color:#0f172a}.db__cell--dark{background:linear-gradient(145deg,#020617,#0b1120 40%,#1e293b);box-shadow:inset 0 2px 4px #94a3b826,inset 0 -4px 8px #0000008c}.db__board-placeholder{display:flex;justify-content:center;align-items:center;color:#e5e7eb;margin-top:1.5rem;width:32rem;height:32rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);background:#0f172acc}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{font-size:62.5%;scroll-behavior:smooth}body{font-size:1.6rem;background:#0d0d0d;color:#f5f5f5}body p{line-height:1.5}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clear{clear:both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}h1,h2,h3{font-family:Skranji,serif;font-weight:700;font-style:normal}h4,h5,h6{font-family:Roboto,sans-serif;font-weight:700}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1}h2{font-size:clamp(1.6rem,3.5vw,2.2rem);line-height:1.15}h3{font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.2}h4{font-size:1.15rem;line-height:1.25}h5{font-size:1rem;line-height:1.3}h6{font-size:.95rem;line-height:1.35}p{line-height:1.6}small{font-size:.875rem}small,.small{line-height:1.4}a{text-decoration:none;text-underline-offset:.4rem;text-decoration-thickness:1.6px;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:#ccc;transition:color .2s ease}a:link{color:#ccc}a:visited{color:#bfa9d1}a:hover{color:#f5f5f5;text-decoration:underline;text-decoration-color:#55ff99e6}a:focus-visible,a:hover:focus-visible{outline:2px solid #55ff99;outline-offset:2px;border-radius:.25rem;text-decoration:underline;text-decoration-color:#5f9}a:focus{outline:2px solid transparent;outline-offset:2px}a:focus:not(:focus-visible){outline:none}a:active{color:#46efd6;text-decoration-color:currentColor}em,i{font-style:italic}@media (prefers-reduced-motion: reduce){a{transition:none}}.card{background:#1a1a1a8c;border:1px solid rgba(46,46,46,.85);border-radius:.75rem;overflow:hidden;transition:box-shadow .2 ease,transform .2s ease}.card:hover{box-shadow:0 0 .9rem #55ff9938;transform:translateY(-1px)}.media-frame{display:block;background:#1a1a1a59;height:var(--media-h, 12rem);overflow:hidden}.media-frame>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.media-frame--contain>img{-o-object-fit:contain;object-fit:contain;padding:clamp(.35rem,.8vw,.75rem)}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.1rem .5rem;border-radius:.6rem;font-size:.8rem;line-height:1.2;border:1px solid rgba(245,245,245,.25);color:#ccc;background:#1a1a1a40}#footer{background-image:radial-gradient(120% 80% at 50% 78%,rgba(0,0,0,.35) 70%,transparent 100%),linear-gradient(to bottom,#f3f3f340,#0d0d0da6),linear-gradient(#9d4edd1f,#9d4edd00),url(/images/backgrounds/bg-footer.png);background-blend-mode:normal,normal,multiply,normal;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-position:center,center,center,bottom right;background-size:100% 100%,cover,cover,cover;border-top:1px solid #55ff99;position:relative;isolation:isolate;box-shadow:inset 0 0 1rem 1rem #0d0d0da6}#footer .orb{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;will-change:transform,filter}#footer .orb-1{background:radial-gradient(3px 3px at 22% 38%,rgba(85,255,153,.92),transparent 60%),radial-gradient(1.8rem 1.8rem at 22% 38%,rgba(85,255,153,.46),transparent 70%);filter:drop-shadow(0 0 .6rem #55ff99);animation:cq-path-1 23s cubic-bezier(.4,0,.2,1) infinite,cq-pulse 7s ease-in-out infinite .2s}#footer .orb-2{background:radial-gradient(2px 2px at 72% 68%,rgba(62,231,247,.9),transparent 60%),radial-gradient(1.4rem 1.4rem at 72% 68%,rgba(62,231,247,.5),transparent 70%);filter:drop-shadow(0 0 .55rem #3ee7f7);animation:cq-path-2 29s cubic-bezier(.4,0,.2,1) infinite .35s,cq-pulse 8.5s ease-in-out infinite .6s}#footer .orb-3{background:radial-gradient(3px 3px at 46% 22%,rgba(157,78,221,.88),transparent 60%),radial-gradient(2.2rem 2.2rem at 46% 22%,rgba(157,78,221,.42),transparent 70%);filter:drop-shadow(0 0 .7rem #9d4edd);animation:cq-path-3 26s cubic-bezier(.4,0,.2,1) infinite .8s,cq-pulse 8s ease-in-out infinite .4s}#footer .orb-4{background:radial-gradient(2px 2px at 18% 72%,rgba(157,78,221,.85),transparent 60%),radial-gradient(1.6rem 1.6rem at 18% 72%,rgba(157,78,221,.48),transparent 70%);filter:drop-shadow(0 0 .5rem #95d5b2);animation:cq-path-4 33s cubic-bezier(.4,0,.2,1) infinite .15s,cq-pulse 9.5s ease-in-out infinite .9s}@keyframes cq-pulse{0%,to{opacity:.95;transform:translateZ(0) scale(1)}50%{opacity:.72;transform:translateZ(0) scale(.96)}}@keyframes cq-path-1{0%{transform:translateZ(0) rotate(.2deg)}17%{transform:translate3d(1.2rem,-.6rem,0) rotate(6deg)}36%{transform:translate3d(2rem,.7rem,0) rotate(-3deg)}54%{transform:translate3d(.2rem,1.1rem,0) rotate(9deg)}73%{transform:translate3d(-1.1rem,.1rem,0) rotate(-7deg)}91%{transform:translate3d(-.6rem,-.9rem,0) rotate(4deg)}to{transform:translateZ(0) rotate(0)}}@keyframes cq-path-2{0%{transform:translateZ(0) rotate(-.3deg)}22%{transform:translate3d(-1rem,.8rem,0) rotate(8deg)}44%{transform:translate3d(-.4rem,-1.2rem,0) rotate(-5deg)}66%{transform:translate3d(1.4rem,.2rem,0) rotate(10deg)}88%{transform:translate3d(.9rem,-.5rem,0) rotate(-2deg)}to{transform:translateZ(0) rotate(0)}}@keyframes cq-path-3{0%{transform:translateZ(0) rotate(.2deg)}18%{transform:translate3d(.8rem,1rem,0) rotate(-6deg)}37%{transform:translate3d(-1.3rem,.2rem,0) rotate(5deg)}56%{transform:translate3d(-.6rem,-1.2rem,0) rotate(-8deg)}75%{transform:translate3d(1.2rem,-.4rem,0) rotate(7deg)}to{transform:translateZ(0) rotate(0)}}@keyframes cq-path-4{0%{transform:translateZ(0) rotate(-.1deg)}20%{transform:translate3d(.6rem,.9rem,0) rotate(5deg)}40%{transform:translate3d(-1.4rem,.3rem,0) rotate(-6deg)}60%{transform:translate3d(-.8rem,-1rem,0) rotate(7deg)}80%{transform:translate3d(1.5rem,-.3rem,0) rotate(-4deg)}to{transform:translateZ(0) rotate(0)}}@media (prefers-reduced-motion: reduce){#footer .orb{animation:none!important}}.footer-columns{max-width:100rem;margin-inline:auto;grid-template-columns:1fr;padding-inline:clamp(1rem,3vh,2rem);gap:2rem}.column-f *{margin:.6rem 0;line-height:1.5}.copy{text-align:center}@media (min-width: 768px){.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 992px){.footer-columns{grid-template-columns:repeat(3,minmax(0,1fr))}}.hero{position:relative;overflow:hidden;isolation:isolate;color:#f5f5f5;border-bottom:1px solid #2e2e2e;min-height:clamp(18rem,42vw,26rem)}.hero__bg,.hero__overlay,.hero__fog{position:absolute;inset:0;pointer-events:none}.hero__bg{z-index:0;display:block}.hero__overlay,.hero__fog{z-index:1}.hero__bg-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.hero__overlay{background-image:linear-gradient(to bottom,#0d0d0d26,#0d0d0db8),linear-gradient(#9d4edd1a,#9d4edd00);background-blend-mode:normal,multiply}.hero__inner{position:relative;z-index:2;max-width:72rem;margin-inline:auto;padding-block:clamp(1.6rem,3vw,2.6rem);padding-inline:clamp(1rem,3vw,2rem);display:grid;gap:clamp(1rem,2.4vw,1.6rem);grid-template-areas:"brand" "nav";text-align:center}.hero__brand{grid-area:brand;display:grid;justify-items:center;gap:.8rem}.hero__home{display:inline-flex}.hero__logo-img{width:min(18rem,60vw);height:auto;display:block}.hero__title-tag{display:grid;justify-items:center;gap:.5rem}.hero__title{margin:0;line-height:1.05}.hero__title-link{color:#f5f5f5;text-decoration:none}.hero__tagline{margin:0;font-family:Roboto,sans-serif;font-size:clamp(1.3rem,2vw,1.5rem);color:#ccc}.hero__note{margin:0;color:#ccc}.hero__nav{grid-area:nav}.hero__nav-list{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.6rem,1.6vw,1.1rem);list-style:none;margin:0;padding:0}.hero__nav-list a{text-decoration:none;color:#f5f5f5;padding:.35rem .55rem;border-radius:.6rem}.hero__nav-list a.active{box-shadow:0 0 0 1px #55ff998c;background:#55ff9914}.hero__fog{inset:-12% -20%;mix-blend-mode:screen;filter:blur(1.8rem) saturate(110%);will-change:transform;background:radial-gradient(45% 40% at 22% 35%,rgba(243,243,243,.16),transparent 60%),radial-gradient(40% 35% at 70% 55%,rgba(243,243,243,.12),transparent 62%),radial-gradient(35% 30% at 40% 75%,rgba(243,243,243,.1),transparent 60%);background-repeat:no-repeat}.hero__fog--near{opacity:.32;animation:fog-drift-near 120s linear infinite}.hero__fog--far{opacity:.2;animation:fog-drift-far 180s linear infinite}@media (min-width: 1200px){.hero__inner{grid-template-columns:1fr auto;grid-template-areas:"brand nav";align-items:center;text-align:left;-moz-column-gap:clamp(3rem,6vw,6rem);column-gap:clamp(3rem,6vw,6rem)}.hero__brand{justify-items:start;grid-auto-flow:column;align-items:center;-moz-column-gap:1rem;column-gap:1rem}.hero__logo-img{width:10rem}.hero__title-tag{justify-items:start}.hero__nav-list{justify-content:flex-end;flex-wrap:nowrap}}@media (prefers-reduced-motion: reduce){.hero__fog{animation:none}}@keyframes fog-drift-near{0%{transform:translateZ(0) scale(1.05)}50%{transform:translate3d(-4rem,-.5rem,0) scale(1.06)}to{transform:translateZ(0) scale(1.05)}}@keyframes fog-drift-far{0%{transform:translateZ(0) scale(1.08)}50%{transform:translate3d(3rem,.6rem,0) scale(1.07)}to{transform:translateZ(0) scale(1.08)}}.section{padding-block:clamp(1.5rem,4vw,3rem);padding-inline:clamp(1rem,4vw,2rem)}.page{padding-block:clamp(1.5rem,4vw,3rem);padding-inline:clamp(1rem,4vw,2rem);border-bottom:0}.section--bg-dark,.page--bg-dark{background:#0d0d0d}.section--bg-light,.page--bg-light{background:#1a1a1a}.section__title{margin:0 0 .6rem;font-size:clamp(1.9rem,4.2vw,2.8rem);line-height:1.1}.section__heading{margin:0 0 .4rem;font-size:clamp(1.3rem,2.8vw,1.8rem)}.section__subheading{margin:0 0 1.2rem;color:#ccc;max-width:65ch}.section__dev-note{margin:0 0 1rem;padding:.6rem .8rem;border:1px dashed rgba(46,46,46,.8);border-radius:.6rem;color:#ccc;background:#00000014}.section:first-of-type{padding-top:clamp(2rem,5vw,3.5rem)}.section:last-of-type{border-bottom:0}.prose p,.prose ul,.prose li{margin-block:1rem 0}.prose li{margin-left:1rem}.about .about__tags{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:1rem 0 1.25rem}.about .about__tags li{margin:0;padding:.35rem .65rem;border:1px solid rgba(46,46,46,.7);border-radius:.7rem;background:#0000001a;color:#ccc;font-weight:700;font-size:.95rem}.blog{min-height:100dvh;padding:clamp(1rem,3vw,2rem);display:grid;gap:clamp(1rem,2vw,1.5rem);background:radial-gradient(circle at top,#111827,#020305);text-align:center}.blog__title{font-size:clamp(1.8rem,4vw,2.6rem);text-transform:uppercase}.blog__blurb,.blog__text{max-width:60ch;margin-inline:auto}.blog__subtitle{font-size:clamp(1.2rem,2.5vw,1.6rem);margin-top:.5rem}.blog__link{color:#5f9;text-decoration:underline}.blog__teasers{max-width:60rem;margin-inline:auto}.blog__list{list-style:none;display:grid;gap:.8rem;padding:0;margin:.5rem 0 0}.blog__card{background:#1a1a1a;border-radius:.8rem;padding:1rem;box-shadow:0 .4rem .8rem #00000059}.mascots{padding-block:clamp(2rem,3vw,3.5rem)}.mascots__header{max-width:48rem;margin-inline:auto;text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}.mascots__header h1{margin-bottom:clamp(.5rem,1vw,.8rem);font-size:clamp(1.8rem,3vw,2.25rem)}.mascots__header p{margin-bottom:0;font-size:clamp(1rem,1.2vw,1rem)}.mascots__grid{display:grid;grid-template-columns:1fr;justify-items:center;gap:clamp(1.5rem,3vw,3rem);max-width:72rem;margin-inline:auto;padding-inline:1rem}@media (min-width: 768px){.mascots__grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch}}@media (min-width: 992px){.mascots__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.mascots__card{display:flex;flex-direction:column;width:100%;max-width:22rem;padding:clamp(1rem,2vw,1.5rem);border-radius:1rem;background:#00000059;border:1px solid rgba(157,78,221,.45);box-shadow:0 0 0 1px #0000004d;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);transition:transform .4s ease-out,border-color .4s ease-out;cursor:default}.mascots__card:hover,.mascots__card:focus-within{transform:translateY(-2px);border-color:#9d4edd}.mascots__card-header,.mascots__card-image-wrapper{cursor:pointer}.mascots__card-header{min-height:8rem;margin-bottom:1rem}.mascots__card-image-wrapper{position:relative;width:100%;aspect-ratio:2/3;border-radius:1rem;overflow:hidden;margin-bottom:clamp(1.25rem,2vw,1.8rem)}.mascots__card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit;transition:transform 22ms ease-out,box-shadow .22s ease-out}.mascots__card:hover .mascots__card-image,.mascots__card:focus-within .mascots__card-image{transform:scale(1.02);box-shadow:0 0 1rem #9d4edd66}.mascots__card-name{margin:0 0 0 .4rem;font-size:clamp(1.1rem,1.5vw,1.35rem);font-weight:600;text-align:center}.mascots__card-tagline{margin:0 0 clamp(.8rem,1.5vw,1rem);font-size:clamp(1rem,1.1vw,1rem);text-align:center}.mascots__card-meta{margin:0;font-size:clamp(.8rem,.95vw,.9rem);text-align:center;opacity:.75}.mascot-detail{max-width:72rem;margin:0 auto;padding:clamp(2rem,4vw,3.5rem) clamp(1rem,3vw,2rem)}.mascot-detail__back{display:inline-flex;align-items:center;gap:.25rem;margin-bottom:clamp(1rem,2vw,1.5rem);font-size:clamp(1rem,1vw,1rem);text-decoration:none;transition:opacity .15s ease-out,transform .15s ease-out}.mascot-detail__back:hover,.mascot-detail__back:focus-visible{opacity:1;transform:translate(-2px)}.mascot-detail__content{font-size:clamp(1rem,1.1vw,1.05rem);line-height:1.7}.mascot-detail__hero{display:grid;gap:clamp(1.5rem,3vw,2.5rem);margin-bottom:clamp(2rem,4vw,3rem)}@media (min-width: 768px){.mascot-detail__hero{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center}}.mascot-detail__image{display:block;width:100%;max-width:26rem;height:auto;margin-inline:auto;aspect-ratio:2/3;border-radius:1.25rem;border:1px solid #9d4edd;box-shadow:0 0 2rem #9d4edd59;-o-object-fit:cover;object-fit:cover}@media (min-width: 768px){.mascot-detail__hero-text{align-self:flex-start}}.mascot-detail__hero-text h1{margin:0 0 .5rem;font-size:clamp(1rem,3vw,2.5rem)}.mascot-detail__tagline{margin:0 0 .75rem;font-size:clamp(1rem,1.1vw,1.05rem);opacity:.85}.mascot-detail__summary{margin:0;font-weight:500}.mascot-detail__section{margin-top:clamp(1.75rem,3vw,2.5rem)}.mascot-detail__section h2{margin:0 0 .75;font-size:clamp(1.2rem,1.6vw,1.4rem)}.mascot-detail__section p+p{margin-top:.8rem}.mascot-detail__section ul{list-style:disc;padding-left:1.5rem;margin:0}.mascot-detail__section li+li{margin-top:.35rem}.not-found{max-width:90rem;margin-inline:auto;padding:2rem;text-align:center}.not-found__title{margin:0 0 .5rem}.not-found__lede{color:#ccc;margin-bottom:1.3rem}.not-found__actions{display:inline-flex;gap:.8rem;margin-bottom:1.5rem}.not-found__actions .btn{display:inline-flex;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:.6rem;border:1px solid #2e2e2e;background:transparent;color:#f5f5f5;text-decoration:none;cursor:pointer;outline:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.not-found__actions .btn:hover{background:#ffffff08}.not-found__actions .btn:focus-visible{box-shadow:0 0 0 .2rem #3ee7f740;border-color:#3ee7f7}.not-found__actions .btn:active{transform:translateY(1px)}.not-found__actions .btn--primary{background:#1ea97c;color:#0d0d0d;border-color:transparent}.not-found__actions .btn--primary:hover{background:#47b894;box-shadow:0 .6rem 1.4rem #0000002e}.not-found__actions .btn--primary:active{box-shadow:none}.not-found__actions .btn--warm{background:#ff7b54;color:#0d0d0d;border-color:transparent}.not-found__actions .btn--warm:hover{background:#ff906f;box-shadow:0 6px 14px #0000002e}.not-found__actions .btn--warm:active{box-shadow:none}.not-found__actions .btn--ghost{background:transparent;color:#f5f5f5;border-color:#2e2e2e}.not-found__actions .btn--ghost:hover{background:#ffffff0d}.not-found__hint{color:#ccc}.not-found__img{width:220px;margin:0 auto 1rem;display:block;opacity:.9}.craft-teaser__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:clamp(1rem,2.6vw,1.8rem);list-style:none;padding:0;margin:0}.craft-teaser__item{--glow: #4cc3ff;position:relative;border-radius:18px;padding:1.1rem 1rem 1rem;min-height:12.5rem;overflow:hidden;isolation:isolate;display:grid;align-content:space-between;gap:1rem;background:radial-gradient(120% 90% at 30% 18%,rgba(255,255,255,.1),transparent 55%),radial-gradient(110% 90% at 80% 80%,rgba(0,0,0,.45),transparent 60%),linear-gradient(145deg,#3b4048,#242830);box-shadow:0 18px 40px #00000073,inset 0 1px #ffffff14,inset 0 -18px 30px #00000059;border:1px solid rgba(255,255,255,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.craft-teaser__item:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(118deg,rgba(255,255,255,.06) 0 2px,transparent 2px 18px);opacity:.1;transform:rotate(-8deg);mix-blend-mode:overlay;pointer-events:none}.craft-teaser__item:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--glow) 55%,transparent) 0 44%,transparent 68%);opacity:.45;pointer-events:none;z-index:0}.craft-teaser__sigil{position:relative;z-index:1;text-align:center;padding-top:.2rem}.craft-teaser__glyph{display:block;font-size:4.2rem;line-height:1;opacity:.22;color:color-mix(in srgb,var(--glow) 70%,white);filter:drop-shadow(0 0 10px var(--glow)) drop-shadow(0 0 22px color-mix(in srgb,var(--glow) 60%,transparent));transform:translateY(.2rem);pointer-events:none}.craft-teaser__rune-word{display:inline-block;margin-top:-.65rem;font-family:Cinzel Decorative,serif;font-weight:800;letter-spacing:.22em;text-transform:uppercase;font-size:clamp(1.05rem,1.4vw,1.25rem);color:color-mix(in srgb,var(--glow) 82%,white);text-shadow:0 0 8px var(--glow),0 0 18px var(--glow),0 0 36px color-mix(in srgb,var(--glow) 55%,transparent)}.craft-teaser__etch{position:relative;z-index:1;text-align:center;font-family:Cinzel Decorative,serif;font-weight:900;letter-spacing:.04em;font-size:1.35rem;color:#ebeef58c;text-shadow:0 1px 0 rgba(0,0,0,.65),0 -1px 0 rgba(255,255,255,.18),0 0 10px rgba(0,0,0,.25)}.craft-teaser__etch:before{content:"";display:block;width:min(12rem,85%);height:1px;margin:0 auto .65rem;background:linear-gradient(90deg,transparent,rgba(0,0,0,.45),rgba(255,255,255,.08),rgba(0,0,0,.45),transparent);opacity:.55}.craft-teaser__item:hover{transform:translateY(-2px);border-color:#ffffff1f;box-shadow:0 22px 50px #00000085,0 0 24px #0000001f,inset 0 1px #ffffff1a,inset 0 -18px 30px #00000059}@media (min-width: 768px){.craft-teaser__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 992px){.craft-teaser__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.game-card{width:100%;height:100%;display:flex;flex-direction:column;border:1px solid #2e2e2e;border-radius:1rem;overflow:hidden;background:#0000001a}.game-card__media{aspect-ratio:16/9;overflow:hidden}.game-card__media img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.game-card__body{display:flex;flex-direction:column;flex:1;gap:.7rem;text-align:left;padding:1rem}.game-card__top{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem}.game-card__title{margin:0}.game-card__status{font-size:1.2rem;padding:.3rem .6rem;border-radius:99.9rem;border:1px solid #2e2e2e;color:#ccc;white-space:nowrap}.game-card__status--playable{color:#f5f5f5;border-color:#5f99}.game-card__difficulty{color:#ccc;letter-spacing:.08rem}.game-card__blurb{margin:0;max-width:60ch;color:#ccc}.game-card__cta{display:inline-flex;margin-top:auto;padding-top:.6rem}.game-card__cta--disabled{color:#ccc}.games-teaser__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr));justify-content:center;align-items:start;gap:clamp(1rem,2vw,1.4rem)}@media (min-width: 992px){.games-teaser__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.posts__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),26rem));justify-content:center;gap:clamp(1rem,2vw,1.4rem)}.posts .post-card{display:flex;flex-direction:column}.posts .post-card__meta{display:flex;flex-wrap:wrap;gap:.35rem .6rem;padding:.75rem 1rem 0;font-size:.9rem;color:#ccc}.posts .post-card__title{margin:.5rem 0 0;padding:0 1rem;font-size:clamp(1rem,2.2vw,1.25rem)}.posts .post-card__title a{text-decoration:none}.posts .post-card__excerpt{margin:.35rem 0 0;padding:0 1rem;color:#ccc;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.posts .post-card__more{margin-top:auto;padding:.75rem 1rem 1rem;text-decoration:none}.posts .post-card__more:hover{text-decoration:underline;text-decoration-color:#5f9}@media (min-width: 768px){.posts__grid{grid-template-columns:minmax(0,42rem) minmax(0,26rem);grid-template-rows:1fr 1fr;align-items:stretch;justify-content:center;gap:clamp(1rem,2vw,1.4rem)}.posts .featured-post{grid-column:1;grid-row:1/span 2;min-width:0}.posts .featured-post .post-card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.posts .secondary-posts{grid-column:2;grid-row:1/span 2;display:grid;grid-template-rows:1fr 1fr;gap:inherit;min-width:0}.posts .featured-post .post-card,.posts .secondary-posts .post-card{height:100%;min-height:0}.posts .featured-post .post-card{--media-h: clamp(16rem, 20vw, 20rem)}.posts .secondary-posts .post-card{--media-h: clamp(8rem, 10vw, 10rem)}.posts .secondary-posts .post-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.posts .secondary-posts .post-card__meta{font-size:.85rem}}.container{max-width:72rem;width:100%;margin-inline:auto}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-around{display:flex;justify-content:space-around;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-column{display:flex;flex-direction:column;justify-content:center;align-items:center}.grid{display:grid;justify-items:stretch;align-items:start}.m-sm{margin:.5rem}.m-md{margin:.75rem}.m-lg{margin:1rem}.m-xl{margin:2rem}.p-sm{padding:.5rem}.p-md{padding:.75rem}.p-lg{padding:1rem}.p-xl{padding:2rem}