:root{--paper:#18172d;--ink:#faf7ed;--muted:#c2bfd6;--teal:#b4f5c0;--line:#3c3956;--yellow:#ffe17d;--pink:#ff9eb8;--purple:#b6a0ff;--sans:'Trebuchet MS','Segoe UI',system-ui,sans-serif;--serif:var(--sans)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans)}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--yellow)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffb8d0;outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:800;line-height:1.1;letter-spacing:-1.5px}h1{font-size:clamp(42px,6vw,76px)}h2{font-size:clamp(29px,3.5vw,42px)}h3{font-size:22px;letter-spacing:-.5px}p{margin-bottom:22px}
.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--yellow);color:#19172d;z-index:20}.skip:focus{top:10px}.preview-banner{background:#30284a;color:#e1d8ff;font:10px/1.5 monospace;text-align:center;letter-spacing:1px;padding:7px 15px}.preview-banner span{letter-spacing:0;margin-left:20px}.site-header{border-bottom:1px solid var(--line);background:#1e1c34}.nav-wrap{max-width:1280px;margin:auto;min-height:100px;padding:0 44px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;white-space:nowrap}.brand-icon{width:43px;height:43px;background:var(--yellow);border:2px solid #fff2bf;box-shadow:4px 4px 0 #0d0b1f;color:#26213f;font:900 25px/1 var(--sans);position:relative;display:grid;place-content:center;transform:rotate(-6deg)}.brand-icon span{position:absolute;right:3px;bottom:2px;font-size:14px}.brand-text{font-size:24px;font-weight:900;letter-spacing:-1px}.brand-text b{display:inline-block;font-size:11px;line-height:1.5;letter-spacing:.5px;color:#201b34;background:var(--pink);padding:1px 5px;margin-left:5px;transform:rotate(-7deg);vertical-align:top}nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:700}nav a{text-decoration:none;padding:12px 0}nav a[aria-current]{color:var(--yellow);box-shadow:inset 0 -2px var(--yellow)}.github-link{padding:8px 14px;border:1px solid #706585;border-radius:7px}main{max-width:1280px;margin:auto;padding:0 44px}.eyebrow{font:700 11px/1.6 monospace;letter-spacing:1.4px;color:var(--teal);text-transform:uppercase}
.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:38px;align-items:center;padding:72px 0 62px;position:relative}.hero-copy{z-index:1}.hero .eyebrow{display:inline-flex;align-items:center;gap:10px;background:#303047;padding:6px 11px;border:1px solid #4f4c65;border-radius:5px}.tiny-star{color:var(--yellow);font-size:16px}.hero h1{font-size:clamp(58px,6.5vw,85px);line-height:1.02;letter-spacing:-4px;margin:22px 0 24px;font-weight:900}.hero h1 em{color:var(--yellow);font-style:normal;position:relative}.hero h1 em:after{content:'';display:inline-block;width:10px;height:10px;background:var(--pink);margin-left:12px;box-shadow:0 -10px 0 var(--pink),10px -10px 0 var(--pink);vertical-align:middle;transform:rotate(-9deg)}.hero-tagline{display:block;color:var(--purple);font-size:.51em;line-height:1.5;letter-spacing:-1.5px;margin-top:10px}.hero-description{font-size:17px;max-width:425px;color:var(--muted);line-height:1.8}.actions{display:flex;gap:25px;align-items:center;margin:30px 0}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;min-height:49px;padding:12px 22px;font-size:13px;font-weight:800;text-decoration:none;border:2px solid #0d0b1f;border-radius:7px;box-shadow:4px 4px 0 #0d0b1f;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(-1px,-2px);box-shadow:5px 6px 0 #0d0b1f}.button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #0d0b1f}.primary{background:var(--yellow);color:#251e39}.primary:hover{color:#251e39;background:#ffecaa}.secondary{background:var(--purple);color:#211b34}.secondary:hover{color:#211b34;background:#c9baff}.text-link{font-size:13px;font-weight:800}.hero-footnote{color:#b9b4ca;font-size:11px;margin:28px 0 0}.status-dot{display:inline-block;height:6px;width:6px;margin-right:8px;background:var(--teal);box-shadow:3px 0 0 #72bf91}
.quest-scene{position:relative;padding:22px 0 35px}.quest-scene:before{content:'';position:absolute;inset:5% -3% 0;border-radius:50%;background:radial-gradient(ellipse,#65508c66,transparent 67%)}.scene-window{position:relative;background:#29233f;border:2px solid #9c87c9;border-radius:12px;box-shadow:9px 10px 0 #0c0b1e;transform:rotate(2deg);overflow:hidden}.window-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:2px solid #9c87c9;font:10px monospace;letter-spacing:1px;background:#423653;color:#efe3ff}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;background:#c7b1ee;border-radius:1px}.window-dots i:first-child{background:var(--pink)}.window-dots i:nth-child(2){background:var(--yellow)}.scene-window img{width:100%;height:auto;display:block;image-rendering:pixelated}.scene-caption{background:#29233f;color:#eee7ff;display:flex;justify-content:space-between;padding:12px 16px;gap:8px;font:10px monospace}.scene-caption span:first-child{color:var(--teal)}.quest-sticker{position:absolute;bottom:10px;left:-18px;background:var(--pink);color:#302142;border:2px solid #19152d;border-radius:5px;box-shadow:4px 4px 0 #0d0b1f;padding:11px 16px;font:800 12px var(--sans);transform:rotate(-6deg)}.quest-sticker span{margin-right:9px;font-size:19px;vertical-align:middle}
.intro-strip{display:grid;grid-template-columns:1fr 1.9fr auto;gap:35px;align-items:center;padding:27px 29px;background:#26243b;border:1px solid #49425f;border-radius:10px}.intro-strip p{margin:0;font-size:13px;color:var(--muted)}.intro-strip p:first-child{font-size:17px;color:var(--ink);line-height:1.4}.intro-strip strong{color:var(--yellow)}.intro-strip a{font-size:12px;font-weight:700;white-space:nowrap}.projects{padding:65px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2{margin-bottom:0}.section-heading a{font-size:13px;white-space:nowrap;font-weight:700}.section-note{color:var(--muted);font-size:14px;margin:15px 0 27px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.game-card{position:relative;--art:#7d62d1;--orb:#b9a2f6;border:2px solid #0c0b1e;border-radius:12px;overflow:hidden;box-shadow:6px 6px 0 #0c0b1e;transition:transform .18s}.game-card:hover{transform:translateY(-4px)}.game-card.amber{--art:#b76574;--orb:#ffb286}.card-top{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;z-index:1}.catalog-number{font:11px monospace;letter-spacing:1px;background:#211b3c;padding:5px 9px;color:#f7f0ff}.badge{display:inline-flex;align-items:center;gap:7px;background:#c0f2c5;color:#21412e;border:1px solid #152a21;border-radius:5px;padding:4px 10px;font:700 10px/1.7 var(--sans);text-transform:capitalize;white-space:nowrap}.badge i{width:5px;height:5px;background:currentColor}.card-art{height:210px;position:relative;overflow:hidden;background:linear-gradient(150deg,#2b2448 5%,var(--art))}.card-art:before{content:'✦';color:var(--yellow);font-size:33px;position:absolute;top:66px;left:20%;text-shadow:150px -12px 0 #fff1b9,230px 40px 0 #ffb4dc}.orb{position:absolute;width:130px;height:130px;top:57px;left:calc(50% - 65px);background:var(--orb);border-radius:50%;box-shadow:0 0 0 12px #ffffff09,0 0 0 25px #ffffff06}.orb:after{content:'';position:absolute;width:45px;height:45px;top:25px;left:25px;border-radius:50%;background:#fff4}.horizon{position:absolute;left:0;bottom:0;right:0;height:80px;background:#27213c;clip-path:polygon(0 45%,12% 45%,12% 20%,25% 20%,25% 45%,38% 45%,38% 70%,56% 70%,56% 32%,73% 32%,73% 0,85% 0,85% 55%,100% 55%,100% 100%,0 100%)}.art-label{position:absolute;left:22px;bottom:16px;color:#f1e5ff;font:10px/1.6 monospace;letter-spacing:1px}.card-body{padding:27px;background:#fbf4e7;color:#29223c}.card-body .eyebrow{color:#705186}.card-body h3{font-size:30px;margin:12px 0}.card-body h3 a{text-decoration:none}.card-body a:hover{color:#70449f}.card-body>p:not(.eyebrow){color:#62566e;font-size:14px}.card-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #d4c7db;padding-top:18px;font-size:11px}.card-bottom span{color:#62566e}.card-bottom a{font-weight:800}
.how-strip{position:relative;padding:42px;background:#b8a2f5;color:#29203f;border:2px solid #0c0b1e;border-radius:13px;box-shadow:7px 7px 0 #0c0b1e}.how-strip:after{content:'✦';position:absolute;top:30px;right:42px;font-size:64px;color:#fff1b5;line-height:1;transform:rotate(14deg)}.how-strip .eyebrow{color:#453465}.how-strip h2{max-width:70%;font-size:43px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:33px;margin-top:32px}.steps>div{border-top:2px solid #6e529a;padding-top:20px}.steps span{display:inline-grid;place-items:center;width:34px;height:30px;border:1px solid #403055;background:#eadfff;box-shadow:3px 3px 0 #6e529a;font:bold 12px monospace}.steps h3{font-size:17px;margin:19px 0 12px}.steps p{color:#47375f;font-size:13px}.how-strip>a:hover{color:#42265d}.journal-callout{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:65px 0}.journal-callout h2{font-size:32px}.journal-callout p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0}.journal-callout .button{white-space:nowrap}
footer{max-width:1192px;padding:34px 0 24px;margin:0 auto;border-top:1px solid var(--line)}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:25px}.footer-brand{font-size:21px;font-weight:900;text-decoration:none;letter-spacing:-.8px}.footer-brand b{font-size:11px;color:var(--pink)}.footer-top p{font-size:13px;color:var(--muted);margin:7px 0 24px}.footer-links{display:flex;gap:24px;font-size:12px;padding-top:5px}.footer-bottom{font-size:10px;color:var(--muted);padding-top:20px;border-top:1px solid var(--line)}
.page-heading{padding:58px 0 32px;max-width:880px}.page-heading h1{margin:22px 0}.lede{max-width:680px;color:var(--muted);font-size:18px}.catalog{padding-bottom:75px}.filters{display:flex;align-items:end;gap:20px;background:#2a263f;border:1px solid #66517d;border-radius:10px;padding:23px}.filters label{display:grid;gap:8px;flex:1;font-size:12px;font-weight:700}.filters label:first-child{flex:2}input,select{width:100%;min-height:46px;padding:10px;background:#faf4e7;color:#30253e;border:2px solid #141024;border-radius:5px;font:14px var(--sans)}.reset{min-height:46px;background:transparent;border:0;color:var(--yellow);text-decoration:underline;font:12px var(--sans);cursor:pointer}#results{padding-top:20px;font-size:12px;color:var(--muted)}.prose{max-width:850px;margin-bottom:70px}.prose h2,.article-layout h2{font-size:27px;margin:38px 0 18px;letter-spacing:-.8px}.prose p,.prose li,.article-layout p,.article-layout li{font-size:15px;line-height:1.9;color:var(--muted)}.prose a,.article-layout a{color:var(--teal)}.prose a:hover,.article-layout a:hover{color:var(--yellow)}.notice{border:1px solid #776291;border-left:5px solid var(--pink);border-radius:6px;background:#30263f;padding:23px 28px}.notice strong{color:#ffd1de}.notice p{margin:8px 0 0}.empty{text-align:center;background:#2a253e;border:1px dashed #88739f;border-radius:10px;padding:36px}.game-grid>.empty{grid-column:1/-1;margin:0}.empty h2{margin-top:12px}.empty .button{color:#251e39}.empty-symbol{font-size:40px;color:var(--pink)}.platform-guides{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.platform-guides section{border:1px solid #66517d;border-radius:9px;padding:25px;background:#29243b}.platform-guides h2{font-size:23px;margin-top:16px}.breadcrumb{padding-top:35px;font-size:12px;color:var(--purple)}.game-detail{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;border-bottom:1px solid var(--line);padding:35px 0 45px}.game-detail h1{margin:25px 0 18px}.original-title{color:var(--purple);font-size:21px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:32px}.facts dt{font:10px/1.7 monospace;letter-spacing:1px;color:var(--purple);text-transform:uppercase}.facts dd{margin:4px 0;font-size:15px}.release-panel{align-self:start;background:#2d2641;border:2px solid #8b70ac;border-radius:10px;padding:28px;box-shadow:5px 5px 0 #0c0b1e}.release-panel .eyebrow{color:var(--pink)}.release-panel h2{font-size:30px}.release-panel p{font-size:13px}.release-panel a{font-size:12px;color:var(--yellow)}.muted{color:var(--muted)}.article-layout{display:grid;grid-template-columns:2fr 1fr;gap:75px;padding:10px 0 65px}.margin-note{border-top:3px solid var(--yellow);padding-top:20px;margin-top:40px}.margin-note p{font-size:12px}.margin-note .eyebrow{font-size:10px}
@media(max-width:1000px){.nav-wrap{padding:20px 30px;flex-wrap:wrap;gap:15px}nav{gap:24px;font-size:12px}main{padding:0 30px}.hero{gap:26px}.hero h1{font-size:67px}.hero .eyebrow{font-size:9px}.hero-description{font-size:15px}.quest-sticker{left:0}.intro-strip{grid-template-columns:1fr 2fr;gap:20px}.intro-strip a{grid-column:2}.journal-callout{align-items:start;flex-direction:column;gap:25px}footer{margin:0 30px}.filters{flex-wrap:wrap}.filters label:first-child{flex-basis:100%}}
@media(max-width:700px){.preview-banner span{display:block;margin:0}.nav-wrap{padding:20px 22px 15px;gap:16px}.brand-text{font-size:23px}nav{width:100%;gap:12px;justify-content:space-between;font-size:11px}nav a{min-height:42px}.github-link{border:0;padding:12px 0}main{padding:0 22px}.hero{grid-template-columns:1fr;padding:36px 0 32px;gap:18px}.hero h1{font-size:clamp(54px,12vw,79px);letter-spacing:-3px}.hero .eyebrow{font-size:10px}.hero-description{font-size:16px;max-width:480px}.hero-footnote{margin-top:24px}.quest-scene{max-width:520px;width:100%;margin:auto}.quest-sticker{bottom:9px;left:7px}.intro-strip{grid-template-columns:1fr;padding:24px}.intro-strip a{grid-column:auto}.projects{padding:42px 0}.section-heading{display:block}.section-heading h2{margin-bottom:16px;font-size:32px}.game-grid{grid-template-columns:1fr;gap:25px}.card-art{height:205px}.card-body{padding:24px}.how-strip{padding:28px 24px}.how-strip h2{font-size:34px;max-width:82%}.how-strip:after{font-size:43px;right:19px;top:55px}.steps{grid-template-columns:1fr;gap:15px}.steps p{font-size:14px}.journal-callout{padding:42px 0}.journal-callout h2{font-size:29px}.footer-top,.footer-bottom{flex-direction:column;gap:12px}.footer-links{flex-wrap:wrap;padding-bottom:20px;gap:22px}footer{margin:0 22px}.page-heading{padding-top:38px}.page-heading h1{font-size:44px}.lede{font-size:16px}.filters{padding:19px;gap:15px}.filters label{flex-basis:100%}.game-detail,.article-layout,.platform-guides{grid-template-columns:1fr;gap:24px}.game-detail h1{font-size:47px}.margin-note{margin-top:5px}.empty{padding:27px}.actions{gap:22px}.button{gap:19px;padding:12px 17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}