@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#111213;--panel:#1c1e20;--line:#36383a;--paper:#f0eee5;--muted:#a4a6a1;--orange:#ff824d;--lime:#dce87b;font-family:'DM Sans',sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);min-width:300px}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.shell{max-width:1640px;margin:auto;padding:0 3.7%}.masthead{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:40.5px;font-weight:700;letter-spacing:-1.2px;white-space:nowrap}.brand-name>span{color:var(--orange);text-transform:none}.brand-footnote{margin:5px 0 0 65px;color:var(--muted);font-size:18px;line-height:1.4;letter-spacing:.1px}.wordmark sup{font-family:'DM Sans',sans-serif;align-self:flex-start;font-size:18px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:4px;margin-left:-5px}.brand-mark{display:block;width:47px;height:52px;flex:0 0 47px;color:var(--orange);margin-right:8px;transform:scale(1.18)}.masthead nav{display:flex;align-items:center;gap:27px;font-size:21px}.quiet-button{display:flex;gap:9px;align-items:center;border:0;background:none;color:var(--muted);cursor:pointer;padding:12px 0}.quiet-button:hover,.personal-link:hover{color:var(--paper)}.personal-link{color:var(--muted)}.personal-link span{margin-left:9px}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:45px 0 35px}.eyebrow,.genre{font-size:12px;font-weight:600;letter-spacing:1.9px;margin:0 0 12px;color:var(--muted)}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,5.4vw,87px);line-height:1.15;font-weight:500;letter-spacing:-2.4px;margin:0}h1 em{font-style:normal;color:var(--orange)}.surprise{border:1px solid #707455;background:var(--lime);color:#252a19;border-radius:7px;padding:14px 18px;display:flex;gap:14px;align-items:center;cursor:pointer;white-space:nowrap;font-size:22.5px;font-weight:600;box-shadow:0 3px 0 #777e43;transition:transform .18s,background .18s}.surprise:hover{background:#eef5a5;transform:translateY(-2px)}.surprise:active{transform:translateY(2px);box-shadow:none}.dice{font-size:34.5px;line-height:1}.wall-heading{display:flex;justify-content:space-between;align-items:center;font-family:'Space Grotesk',sans-serif;letter-spacing:1.4px;font-size:18px;color:var(--muted);margin:0 0 16px}.wall-heading b{background:#2c302d;color:var(--paper);font-size:18px;padding:3px 6px;border-radius:4px;margin-left:7px;font-weight:500}.game-wall{display:grid;grid-template-columns:1.23fr .62fr .62fr;gap:22px 20px}.game{min-width:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}.game:hover{transform:translateY(-4px);border-color:#76766b;box-shadow:0 13px 40px #0005}.screen{position:relative;aspect-ratio:16/10;background:#172024;overflow:hidden}.screen video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.game:hover video{transform:scale(1.035)}.screen:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 40px #0002;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#0000000c 4px)}.screen-index{position:absolute;top:13px;left:13px;font-family:'Space Grotesk',sans-serif;font-size:12px;letter-spacing:1px;color:#fff;background:#111b;padding:5px 8px;border:1px solid #ffffff25;border-radius:4px}.game-caption{padding:17px 17px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1}.game-caption h2{font-size:20px;letter-spacing:-.6px;line-height:1.15;margin:0 0 7px;font-family:'Space Grotesk',sans-serif;font-weight:500}.game-caption p{color:var(--muted);font-size:14px;line-height:1.4;margin:0}.game-arrow{font-size:25px;color:#7f827b;align-self:flex-start}.game:hover .game-arrow{color:var(--orange)}.feature{grid-row:span 2;box-shadow:0 0 50px #629fa308;border-color:#485154}.feature .screen{aspect-ratio:auto;flex:1;min-height:340px}.feature .screen:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10171be6 0%,transparent 32%);z-index:1;pointer-events:none}.feature video{object-position:center center}.feature .game-caption{padding:26px;flex:0;align-items:flex-end}.feature .game-caption h2{font-size:clamp(25px,2.35vw,39px);line-height:1.08;letter-spacing:-1.5px;margin-bottom:13px}.feature h2 i{font-style:normal;display:block;color:#aec8be}.feature .genre{color:#b1c5b7;margin-bottom:11px;font-size:12px}.feature .description{max-width:300px;line-height:1.55}.feature-note{position:absolute;left:26px;bottom:25px;font-family:'Space Grotesk',sans-serif;font-size:21px;line-height:1.25;letter-spacing:-.6px;color:#f5eee2;z-index:2}.play-orb{position:absolute;right:26px;bottom:27px;height:48px;width:48px;display:grid;place-items:center;font-size:29px;border:1px solid #c6d5cc77;border-radius:50%;z-index:2;color:#d9e3d6;transition:background .2s,color .2s}.feature:hover .play-orb{background:var(--orange);color:var(--ink);border-color:var(--orange)}.play-label{font-size:12px;letter-spacing:1px;white-space:nowrap;color:var(--orange);padding-bottom:3px}.play-label span{margin-left:4px}.hover-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;background:#1118;opacity:0;font-size:14px;letter-spacing:1px;font-weight:600;transition:opacity .2s}.game:hover .hover-play,.game:focus-visible .hover-play{opacity:1}.hover-play span{font-size:23px}.under-wall{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 36px;font-size:21px;color:var(--muted)}.under-wall p{margin:0}.under-wall p span{color:var(--orange);margin-right:7px}.under-wall a{border-bottom:1px solid #676a5b;padding-bottom:4px;white-space:nowrap}.under-wall a:hover{color:var(--lime)}.under-wall a span{margin-left:10px}.site-footer{border-top:1px solid var(--line);padding:25px 0 30px;display:flex;justify-content:space-between;gap:16px;font-family:'Space Grotesk',sans-serif;font-size:18px;letter-spacing:1.5px;color:#878a85}.site-footer>span:last-child{display:flex;align-items:center;gap:14px}.coin-slot{display:inline-block;width:27px;height:8px;border-radius:5px;background:#070909;border:1px solid #454747;box-shadow:0 1px 0 #ffffff12}.skip-link{position:fixed;z-index:10;top:-60px;left:15px;background:var(--lime);color:var(--ink);padding:12px}.skip-link:focus{top:12px}
@media(min-width:1450px){.game-caption{padding:20px}.game-caption h2{font-size:23px}.screen{aspect-ratio:16/10.5}.intro{padding-top:50px;padding-bottom:42px}}
@media(max-width:1100px){.shell{padding:0 28px}.game-wall{gap:16px;grid-template-columns:1.08fr .62fr .62fr}.game-caption{padding:14px}.game-caption h2{font-size:18px}.feature .game-caption{padding:22px}.feature .play-label{display:none}.feature .screen{min-height:285px}.feature-note{font-size:19px}.masthead nav{gap:20px}.wordmark{font-size:36px}.intro{padding-top:34px}h1{letter-spacing:-1.5px}}
@media(max-width:850px){.masthead{min-height:92px}.personal-link{display:none}.game-wall{grid-template-columns:1fr 1fr}.feature{grid-column:span 2;grid-row:auto}.feature .screen{aspect-ratio:16/8;min-height:0}.feature .game-caption h2 i{display:inline}.feature .game-caption h2{font-size:29px}.feature .description{max-width:none}.feature .play-label{display:block}.intro{padding:32px 0}.eyebrow{letter-spacing:1px}.surprise{padding:12px 14px}.screen{aspect-ratio:16/9}.game-caption h2{font-size:21px}.feature video{object-fit:cover}.wall-heading{letter-spacing:.8px}}
@media(max-width:540px){.shell{padding:0 18px}.masthead{min-height:86px;gap:12px;flex-wrap:wrap;padding:19px 0 13px}.masthead nav{width:100%;justify-content:flex-end}.wordmark{font-size:36px;gap:6px;letter-spacing:-.8px}.wordmark sup{display:block}.brand-footnote{margin-left:43px}.brand-mark{width:34px;height:42px;flex-basis:34px;margin-right:3px}.quiet-button{font-size:18px;gap:6px}.intro{align-items:start;position:relative;padding:30px 0 23px;flex-wrap:wrap;gap:21px}.eyebrow{font-size:18px;letter-spacing:.5px;margin-bottom:11px}h1{font-size:54px;line-height:1.08;letter-spacing:-1.6px;max-width:350px}.surprise{font-size:21px;padding:10px 13px;gap:12px}.wall-heading{margin-top:2px;margin-bottom:13px;font-size:18px;gap:16px}.wall-heading>span:last-child{text-align:right;letter-spacing:0;max-width:160px}.game-wall{gap:16px 12px}.feature .screen{aspect-ratio:4/3}.feature .game-caption{padding:19px}.feature .game-caption h2{font-size:28px}.feature .play-label{display:none}.feature-note{font-size:18px;left:19px;bottom:20px}.play-orb{right:19px;bottom:20px}.game-caption{padding:13px 11px;align-items:start}.game-caption h2{font-size:17px;line-height:1.2;letter-spacing:-.4px}.game-caption p{font-size:14px;line-height:1.45}.game-arrow{font-size:20px}.screen-index{top:8px;left:8px;padding:3px 6px}.under-wall{align-items:start;flex-direction:column;gap:17px;padding:25px 0;font-size:21px}.site-footer{font-size:18px;letter-spacing:.8px;gap:20px}.site-footer>span:last-child{gap:6px}.coin-slot{width:19px}.hover-play{font-size:12px;gap:6px}.hover-play span{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}.game:hover,.game:hover video{transform:none}}

/* Larger lowercase framing; game-card typography stays independent. */
.masthead,.intro,.wall-heading,.under-wall,.site-footer,.skip-link{text-transform:lowercase}
.intro .eyebrow{font-size:18px}.skip-link{font-size:24px}
.masthead{flex-wrap:wrap;padding:24px 0}.masthead nav{flex-wrap:wrap}.brand{min-width:0}.intro>div{min-width:0}.wall-heading{gap:20px}.under-wall{flex-wrap:wrap}.site-footer{flex-wrap:wrap}
@media(max-width:1100px){.intro{flex-wrap:wrap;align-items:start}.masthead nav{margin-left:auto}}
@media(max-width:650px){.masthead nav{width:100%;justify-content:flex-end}.wordmark{white-space:normal;align-items:flex-start}.brand-name{max-width:calc(100vw - 144px)}.brand-mark{margin-top:6px}.brand-footnote{max-width:calc(100vw - 105px)}.wall-heading{align-items:start}.wall-heading>span:last-child{max-width:220px;text-align:right}}

.intro-note{margin:-5px 0 18px;font-size:18px;line-height:1.5;color:var(--muted)}