:root{--ink:#0c0e12;--ink-elevated:#12151c;--slate:#1a1f2a;--mist:#9aa3b5;--paper:#e8ecf4;--brass:#c9a227;--brass-soft:#e0c15a;--brass-dim:#8a7018;--line:#e8ecf41a;--line-strong:#e8ecf438;--font-display:"Syne", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--rise:.72s var(--ease-out);--max:68rem;--space:clamp(1.25rem, 4vw, 2.5rem);--section-y:clamp(4.5rem, 10vw, 7rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.reveal-child,.hero__brand,.hero__tagline,.hero__cta,.hero__scroll{opacity:1!important;transform:none!important}.atmosphere:before,.atmosphere:after,.atmosphere__grain,.playcrate__icon{animation:none!important}}body{min-height:100dvh;font-family:var(--font-body);font-optical-sizing:auto;color:var(--paper);background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}#root{min-height:100dvh}img{max-width:100%;height:auto;display:block}a{color:inherit}button{font:inherit}:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.site{position:relative;overflow-x:clip}.atmosphere{z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 12% 8%, #c9a22729, transparent 58%), radial-gradient(ellipse 65% 45% at 88% 22%, #5a6e9624, transparent 52%), radial-gradient(ellipse 85% 55% at 50% 105%, #1a1f2af2, transparent 58%), var(--ink);position:fixed;inset:0}.atmosphere:before{content:"";background-image:linear-gradient(#e8ecf409 1px,#0000 1px),linear-gradient(90deg,#e8ecf409 1px,#0000 1px);background-size:48px 48px;animation:48s linear infinite grid-drift;position:absolute;inset:-10%;-webkit-mask-image:radial-gradient(72% 58% at 48% 38%,#000,#0000);mask-image:radial-gradient(72% 58% at 48% 38%,#000,#0000)}.atmosphere:after{content:"";filter:blur(44px);width:58vmin;height:58vmin;animation:wash-drift 22s var(--ease-out) infinite alternate;background:radial-gradient(circle,#c9a22733,#0000 70%);border-radius:50%;position:absolute;top:6%;right:-10%}.atmosphere__grain{opacity:.28;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}@keyframes grid-drift{0%{transform:translate(0,0)}to{transform:translate(-48px,-24px)}}@keyframes wash-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-6%,8%)scale(1.08)}}.site>main,.site>footer{z-index:1;position:relative}.section{width:min(100% - 2 * var(--space), var(--max));margin-inline:auto}.section[id]{scroll-margin-top:1.5rem}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(1.1rem)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-child{opacity:0;transition:opacity .65s var(--ease-out), transform .65s var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(.85rem)}.reveal.is-visible .reveal-child{opacity:1;transform:translateY(0)}.hero{align-content:center;min-height:100dvh;padding:clamp(4rem,12vh,6.5rem) 0 clamp(5rem,14vh,7.5rem);display:grid;position:relative}.hero__inner{width:min(100% - 2 * var(--space), var(--max));margin-inline:auto}.hero__brand{font-family:var(--font-display);letter-spacing:-.035em;opacity:0;max-width:12ch;animation:hero-rise var(--rise) .12s forwards;align-items:center;gap:.85rem;margin:0 0 1.15rem;font-size:clamp(2.85rem,9.5vw,5.75rem);font-weight:800;line-height:.92;display:flex;transform:translateY(1.35rem)}.hero__mark{filter:drop-shadow(0 8px 20px #c9a2272e);flex-shrink:0;width:clamp(2.35rem,6vw,3.65rem);height:auto}.hero__tagline{letter-spacing:-.01em;max-width:26rem;color:var(--mist);opacity:0;animation:hero-rise var(--rise) .28s forwards;margin:0 0 2.15rem;font-size:clamp(1.08rem,2.3vw,1.3rem);line-height:1.5;transform:translateY(1rem)}.hero__cta{opacity:0;animation:hero-rise var(--rise) .42s forwards;flex-wrap:wrap;gap:.75rem;display:flex;transform:translateY(1rem)}.hero__scroll{letter-spacing:.16em;text-transform:uppercase;color:#9aa3b5b3;opacity:0;animation:hero-rise var(--rise) .75s forwards;flex-direction:column;align-items:center;gap:.45rem;font-size:.72rem;font-weight:600;text-decoration:none;display:flex;position:absolute;bottom:1.35rem;left:50%;transform:translate(-50%)}.hero__scroll:hover{color:var(--brass-soft)}.hero__scroll-line{background:linear-gradient(to bottom, var(--brass), transparent);transform-origin:top;width:1px;height:2rem;animation:scroll-pulse 2.4s var(--ease-out) infinite}@keyframes hero-rise{to{opacity:1;transform:translateY(0)}}@keyframes scroll-pulse{0%,to{opacity:.85;transform:scaleY(1)}50%{opacity:.35;transform:scaleY(.55)}}.btn{min-height:2.85rem;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;border:1px solid #0000;border-radius:.35rem;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s,opacity .2s,transform .2s,box-shadow .2s;display:inline-flex}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--brass);color:var(--ink);box-shadow:0 0 #c9a22700}.btn--primary:hover{background:var(--brass-soft);box-shadow:0 10px 28px #c9a22738}.btn--ghost{border-color:var(--line-strong);color:var(--paper);background:0 0}.btn--ghost:hover{background:#e8ecf40d;border-color:#e8ecf473}@media (pointer:coarse){.btn:hover{transform:none}}.playcrate{padding:var(--section-y) 0 clamp(3rem, 6vw, 4.5rem)}.playcrate__layout{align-items:center;gap:clamp(2rem,5vw,3.25rem);display:grid}@media (width>=768px){.playcrate__layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2.5rem,5vw,4rem)}}.playcrate__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin:0 0 .65rem;font-size:.78rem;font-weight:600}.playcrate__title{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .9rem;font-size:clamp(2.15rem,5.2vw,3.15rem);font-weight:700;line-height:1.05}.playcrate__copy{max-width:34rem;color:var(--mist);margin:0 0 1.85rem;font-size:1.05rem;line-height:1.65}.playcrate__visual{justify-self:center;width:min(100%,19rem);position:relative}.playcrate__visual:before{content:"";filter:blur(20px);z-index:0;animation:glow-breathe 6s var(--ease-out) infinite alternate;background:radial-gradient(circle,#c9a22742,#0000 68%);border-radius:50%;position:absolute;inset:-20%}.playcrate__icon{z-index:1;filter:drop-shadow(0 28px 44px #00000080);width:100%;height:auto;animation:icon-float 7s var(--ease-out) infinite alternate;position:relative}@keyframes glow-breathe{0%{opacity:.75;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}@keyframes icon-float{0%{transform:translateY(0)}to{transform:translateY(-.55rem)}}.games{padding:clamp(3rem, 6vw, 4rem) 0 var(--section-y)}.games__intro{max-width:36rem;margin-bottom:1.75rem}.games__title{font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 .55rem;font-size:clamp(1.55rem,3.4vw,2rem);font-weight:700;line-height:1.15}.games__lede{color:var(--mist);max-width:42ch;margin:0;font-size:1.02rem;line-height:1.55}.games__grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.game-card{border:1px solid var(--line);background:linear-gradient(155deg,#1a1f2aeb,#0c0e12d1);border-radius:.45rem;flex-direction:column;gap:.45rem;min-height:7.75rem;padding:1.2rem 1.25rem;transition:border-color .2s,transform .2s,background .2s,box-shadow .2s;display:flex}.game-card:hover{background:linear-gradient(155deg,#202634f2,#0e1016e0);border-color:#c9a22759;transform:translateY(-2px);box-shadow:0 14px 32px #00000047}.game-card__name{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:1.12rem;font-weight:700;line-height:1.2}.game-card__blurb{color:var(--mist);margin:auto 0 0;font-size:.9rem;line-height:1.4}.game-card--soon{background:0 0;border-style:dashed;border-color:#c9a22761}.game-card--soon:hover{box-shadow:none;background:#c9a2270a;border-color:#c9a2278c}.game-card--soon .game-card__name{color:var(--brass-soft)}@media (pointer:coarse){.game-card:hover{transform:none}}.footer{border-top:1px solid var(--line);padding:1.75rem 0 2.35rem}.footer__inner{width:min(100% - 2 * var(--space), var(--max));color:var(--mist);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-inline:auto;font-size:.9rem;display:flex}.footer__inner p{margin:0}.footer a{color:var(--brass-soft);border-bottom:1px solid #0000;text-decoration:none;transition:color .18s,border-color .18s}.footer a:hover{color:var(--brass);border-bottom-color:#c9a22773;text-decoration:none}@media (width<=720px){.hero{padding-top:clamp(3.5rem,10vh,5rem);padding-bottom:clamp(5rem,14vh,7rem)}.hero__brand{max-width:none;font-size:clamp(2.55rem,12vw,3.75rem)}.hero__cta{width:100%}.hero__cta .btn{flex:auto;justify-content:center}.hero__scroll{bottom:1rem}.games__lede{max-width:none}}