@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{--paper:#f6f2e9;--ink:#1c201d;--orange:#ff653b;--purple:#c2b1f4;--green:#dcecb5;--yellow:#f6dc65;--line:2px solid var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6748ce;outline-offset:5px}h1,h2,h3,.logo{font-family:'Space Grotesk',sans-serif}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,5.8vw,82px);line-height:.99;letter-spacing:-5px;font-weight:700}h2{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-2px}p{line-height:1.65}.header{max-width:1400px;margin:auto;height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:var(--line)}.logo{font-size:31px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px}.logo-mark{display:inline-grid;place-items:center;width:39px;height:40px;border:var(--line);border-radius:10px;background:var(--orange);box-shadow:3px 3px var(--ink);font-size:0;transform:rotate(-7deg)}.logo-mark span{font-size:19px;transform:rotate(7deg)}.logo-dot{font-size:12px;align-self:flex-start;margin-top:3px;margin-left:-6px}.desktop-nav{display:flex;gap:30px;font-size:14px;font-weight:600}.desktop-nav a{padding:10px 0;border-bottom:2px solid transparent}.desktop-nav a.active{border-color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:var(--line);box-shadow:4px 4px 0 var(--ink);border-radius:9px;background:var(--paper);padding:15px 23px;font-weight:700;min-height:52px;transition:transform .18s,box-shadow .18s}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px var(--ink)}.button:active{transform:translate(3px,3px);box-shadow:1px 1px var(--ink)}.button span{font-size:21px}.small{font-size:13px;min-height:44px;padding:10px 17px}.orange{background:var(--orange)}.lavender{background:var(--purple)}.green{background:var(--green)}.hero{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:67px 6% 62px;gap:30px;align-items:center;min-height:610px}.eyebrow{display:block;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:22px}.eyebrow .dot{display:inline-block;width:8px;height:8px;background:var(--orange);border-radius:50%;margin-right:9px}.hero h1 em{font-style:normal;position:relative;display:inline-block;color:var(--orange)}.hero h1 em:after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:7px;background:var(--ink);clip-path:polygon(0 40%,100% 0,99% 65%,1% 100%)}.hero-copy>p{max-width:410px;margin:30px 0 25px;font-size:16px;color:#53564e}.actions{display:flex;gap:16px;flex-wrap:wrap}.micro{display:flex;align-items:center;gap:12px;font-size:11px;margin-top:27px;color:#50554b}.micro b{color:var(--ink)}.hero-art{position:relative;min-width:0}.hero-art img{display:block;width:115%;max-width:none;margin-left:-6%;mix-blend-mode:multiply;animation:bob 7s ease-in-out infinite}.sticker{position:absolute;top:2%;right:0;padding:12px 16px;border:var(--line);border-radius:6px;transform:rotate(8deg);background:var(--yellow);box-shadow:3px 3px var(--ink);font:700 12px 'Space Grotesk';z-index:1}.art-caption{position:absolute;bottom:3%;left:10%;border:var(--line);border-radius:30px;background:var(--paper);padding:10px 20px;font-size:11px;font-weight:700;transform:rotate(-5deg)}.ticker{border-top:var(--line);border-bottom:var(--line);background:var(--purple);overflow:hidden;height:47px;display:flex;align-items:center}.ticker-track{white-space:nowrap;display:flex;gap:36px;animation:marquee 38s linear infinite;font:700 13px 'Space Grotesk';letter-spacing:1px}.ticker-track span{display:inline-flex;gap:36px}.section{max-width:1400px;margin:auto;padding:64px 6%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:12px}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid;padding:8px 0;white-space:nowrap}.section-intro{margin-top:14px;max-width:640px;color:#5a5e54}.toolbar{display:flex;gap:12px;margin:30px 0 22px;align-items:center}.search{position:relative;flex:1}.search span{position:absolute;left:17px;top:12px;font-size:24px}.search input{width:100%;padding:15px 15px 15px 48px;border:var(--line);border-radius:8px;background:#fffdf7;min-height:52px}.toolbar select{padding:14px;border:var(--line);border-radius:8px;background:var(--paper);min-height:52px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}.filter{border:1.5px solid #aaa99c;background:transparent;border-radius:30px;padding:10px 17px;font-size:12px;font-weight:600;min-height:40px}.filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.result-count{font-size:12px;color:#5a5e54;margin-bottom:18px;display:flex;justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.game-card{border:var(--line);border-radius:15px;overflow:hidden;background:#fffdf8;box-shadow:5px 5px var(--ink);transition:transform .2s,box-shadow .2s;min-width:0}.game-card:hover{transform:translateY(-4px);box-shadow:5px 9px var(--ink)}.card-art{height:217px;position:relative;border-bottom:var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center}.card-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,#ffffff80,transparent 68%)}.card-art:after{content:'';position:absolute;bottom:24px;width:140px;height:23px;border-radius:50%;background:#22222225;filter:blur(9px)}.card-art .label{position:absolute;left:15px;top:14px;z-index:2;background:#fffdf5;border:1.5px solid var(--ink);border-radius:5px;padding:6px 9px;font-size:9px;font-weight:700;letter-spacing:.5px}.save{position:absolute;top:12px;right:13px;width:37px;height:37px;border:1.5px solid var(--ink);border-radius:50%;background:var(--paper);font-size:22px;z-index:2;display:grid;place-items:center}.save[aria-pressed=true]{background:var(--orange)}.card-body{padding:20px}.card-meta{display:flex;justify-content:space-between;gap:5px;font:600 9px 'Space Grotesk';letter-spacing:1px;text-transform:uppercase;margin-bottom:9px;color:#636657}.card-body h3{font-size:24px;letter-spacing:-.8px;margin-bottom:8px}.card-body p{font-size:13px;line-height:1.6;min-height:42px;color:#62635b}.creator{display:flex;align-items:center;gap:8px;margin:18px 0;font-size:11px}.creator-initial{border:1px solid;border-radius:6px;box-shadow:2px 2px var(--ink);width:25px;height:25px;display:grid;place-items:center;background:var(--yellow);font:700 10px 'Space Grotesk'}.creator b{font-weight:600}.card-bottom{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid #dfdfd2;padding-top:14px}.status{font-size:10px;line-height:1.4;max-width:110px}.status:before{content:'';display:inline-block;width:6px;height:6px;background:#608042;border-radius:50%;margin-right:5px}.status.pending:before{background:#b27420}.card-bottom .button{box-shadow:3px 3px var(--ink);padding:9px 15px;min-height:40px;gap:13px;font-size:12px}.banner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;background:var(--yellow);border:var(--line);border-radius:14px;box-shadow:6px 6px var(--ink);padding:34px 38px;margin-top:52px}.banner h3{font-size:29px;letter-spacing:-1px;margin-bottom:8px}.banner p{font-size:14px;max-width:610px}.how{background:var(--ink);color:var(--paper);border-top:var(--line);padding:52px 6%;}.how-inner{max-width:1230px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px}.how h2{font-size:34px;max-width:300px}.how .step{border-left:1px solid #65685d;padding-left:28px}.step b{display:block;color:var(--purple);font:600 12px 'Space Grotesk';margin-bottom:10px}.step h3{font-size:18px;margin-bottom:9px}.step p{font-size:13px;color:#c0c4b8;max-width:280px}footer{max-width:1400px;margin:auto;display:flex;align-items:start;justify-content:space-between;gap:30px;padding:45px 6%}footer p{font-size:12px;color:#5d6258}footer>div{display:flex;flex-direction:column;gap:8px;font-size:11px}footer>div>a{font-weight:700}footer>div>span{font-size:9px;color:#5a6055}.mobile-nav{display:none}.skip{position:fixed;top:-100px;left:10px;z-index:20;background:var(--yellow);padding:10px}.skip:focus{top:10px}.empty{text-align:center;padding:70px 20px;grid-column:1/-1;border:2px dashed #a2a38f;border-radius:15px}.empty h3{font-size:26px;margin-bottom:15px}.empty p{margin-bottom:20px}.page-top{padding-bottom:26px}.page-top h1{font-size:64px;max-width:850px}.page-top p{margin-top:20px;max-width:650px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-art{border:var(--line);border-radius:25px;background:var(--purple);box-shadow:8px 8px var(--ink);padding:50px 25px;min-height:400px;display:grid;place-items:center;position:relative;overflow:hidden}.about-art .monogram{width:210px;height:210px;border:3px solid;border-radius:35px;display:grid;place-items:center;font:700 94px 'Space Grotesk';background:linear-gradient(135deg,#ffe293,#ff7a42);box-shadow:14px 18px 0 #a65b3a,19px 23px 0 #212720;transform:rotate(-12deg);text-shadow:2px 3px #fff3cc}.about-art .sticker{top:auto;bottom:32px;right:20px}.about-copy p{margin:22px 0;color:#565b51}.skills{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 30px}.skills span{border:1.5px solid;border-radius:5px;padding:8px 13px;font-size:12px;background:#fffdf5}.about-note{border-top:var(--line);padding-top:35px;margin-top:70px;display:grid;grid-template-columns:1fr 2fr;gap:35px}.about-note h3{font-size:26px}.about-note p{font-size:15px;max-width:750px}dialog{border:var(--line);border-radius:18px;box-shadow:8px 8px var(--ink);background:var(--paper);padding:35px;width:min(570px,calc(100% - 30px));max-height:90dvh;color:var(--ink)}dialog::backdrop{background:#171e19a8;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:14px;top:12px;border:var(--line);background:var(--paper);border-radius:50%;width:36px;height:36px;z-index:4;font-size:25px}dialog h2{font-size:35px;margin:15px 0}dialog p{font-size:14px;margin:16px 0}dialog .card-art{border:var(--line);border-radius:12px;margin:20px 0;height:190px}dialog .eyebrow{margin-top:12px;max-width:85%}dialog .creator{font-size:13px;margin:16px 0}dialog .fine{font-size:11px;color:#606758}dialog .fine a{text-decoration:underline}dialog label{display:block;font-size:12px;font-weight:700;margin:16px 0}dialog input{display:block;width:100%;border:var(--line);border-radius:7px;padding:13px;margin-top:7px;background:#fffdf8}dialog .button{margin:6px 4px 10px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:var(--ink);color:#fff;padding:15px 23px;border-radius:10px;z-index:30;opacity:0;pointer-events:none;transition:.2s;font-size:13px;max-width:90%;width:max-content}#toast.show{opacity:1;transform:translate(-50%,0)}
/* Dimensional, code-native toy illustrations */
.toy{position:relative;z-index:1;transform:rotate(-12deg);transition:transform .5s;filter:drop-shadow(9px 14px 5px #272a2925)}.game-card:hover .toy{transform:rotate(-5deg) translateY(-5px)}.bus{width:152px;height:88px;background:linear-gradient(150deg,#ffe279,#fac43b 65%,#dba123);border:2px solid #574728;border-radius:15px 19px 9px 9px;box-shadow:9px 8px #bc821d,12px 10px 0 #574728}.bus:before{content:'';position:absolute;top:14px;left:11px;width:125px;height:30px;border:3px solid #72561c;background:repeating-linear-gradient(90deg,#263c45 0 25px,#f7c941 25px 31px);border-radius:5px;box-shadow:0 31px 0 -12px #171d1a}.bus:after{content:'';position:absolute;width:27px;height:28px;background:radial-gradient(circle,#bbbab5 0 6px,#222 7px 12px,#464543 13px);border:2px solid #232722;border-radius:50%;bottom:-16px;left:15px;box-shadow:94px 0 0 -2px #252824}.ball{width:111px;height:111px;border-radius:50%;background:radial-gradient(circle at 36% 25%,#fff 0,#f0eee3 48%,#acae9f 80%,#656a62 100%);box-shadow:inset -5px -7px 10px #4c584651;position:relative;overflow:hidden}.ball:before{content:'';position:absolute;background:#28302c;width:37px;height:36px;left:37px;top:33px;clip-path:polygon(50% 0,100% 40%,81% 100%,19% 100%,0 40%);box-shadow:0 0 10px black}.ball:after{content:'';position:absolute;inset:4px;border:11px dashed #2b332c;border-radius:50%;transform:rotate(25deg)}.city{width:145px;height:140px;transform:rotate(-9deg)}.city i{position:absolute;bottom:0;width:49px;height:100px;background:linear-gradient(90deg,#eedccc,#d3b3a3);border:2px solid #535446;box-shadow:12px -10px #a99586,14px -11px #535446;border-radius:3px}.city i:after{content:'';position:absolute;inset:12px 10px;background:repeating-linear-gradient(0deg,transparent 0 10px,#596a6522 10px 13px),repeating-linear-gradient(90deg,#414f46 0 7px,transparent 7px 13px)}.city i:nth-child(2){height:130px;left:53px;background:#ff9b6b;box-shadow:12px -10px #ba634b,14px -11px #535446}.city i:nth-child(3){height:74px;left:106px;background:#bcb1e6;box-shadow:12px -10px #8f7bab,14px -11px #535446}.pad{width:147px;height:102px;background:linear-gradient(145deg,#e1d7ff,#a68bdf);border:2px solid #54416d;border-radius:43px 43px 30px 30px;box-shadow:5px 10px #796099,7px 12px #54416d}.pad:before{content:'+';font:700 57px Arial;position:absolute;left:19px;top:9px;color:#292534;text-shadow:2px 3px #9282af}.pad:after{content:'';width:19px;height:19px;border-radius:50%;background:linear-gradient(135deg,#ffb683,#f0633b);border:2px solid #653e33;position:absolute;right:20px;top:28px;box-shadow:-19px 20px #ecc54c,0 2px 0 #623f37}.gem{width:107px;height:128px;background:linear-gradient(115deg,#eac6ff 0 30%,#a477e1 30% 60%,#644296 60%);clip-path:polygon(25% 0,75% 0,100% 30%,50% 100%,0 30%);filter:drop-shadow(10px 10px 0 #222);transform:rotate(15deg)}.cup{width:100px;height:85px;background:linear-gradient(110deg,#fff6b1,#f1ba37 50%,#b47a1c);border-radius:8px 8px 55px 55px;border:2px solid #8f691d;box-shadow:4px 4px #b0801e;transform:rotate(-12deg);margin-top:-25px}.cup:before{content:'';position:absolute;width:23px;height:49px;left:36px;top:77px;background:linear-gradient(90deg,#e9c35d,#a77119);box-shadow:0 0 0 1px #8f691d}.cup:after{content:'';position:absolute;width:80px;height:19px;left:8px;top:120px;background:#eed37f;border:2px solid #8f691d;border-radius:8px;box-shadow:4px 4px #966d22}.chat{width:132px;height:90px;border-radius:23px;background:linear-gradient(135deg,#fff9ac,#e8bd51);border:2px solid #927133;box-shadow:8px 8px #b99342,10px 10px #574a2a;display:flex;align-items:center;justify-content:center;gap:9px}.chat i{width:15px;height:17px;background:#56513b;border-radius:50%;box-shadow:inset 2px 2px #2b2c25}.chat:after{content:'';position:absolute;bottom:-20px;left:20px;border-top:22px solid #dab44b;border-right:22px solid transparent}.tree{width:120px;height:138px}.tree:before{content:'';position:absolute;bottom:0;left:54px;width:20px;height:113px;background:linear-gradient(90deg,#bf9767,#80653e);transform:rotate(10deg);border-radius:12px;box-shadow:4px 3px #735532}.tree i{position:absolute;top:6px;left:50px;width:65px;height:36px;background:linear-gradient(170deg,#aaca65,#467e49);border:1px solid #366443;border-radius:80% 0 80% 0;transform-origin:left bottom;transform:rotate(-15deg);box-shadow:1px 3px #366443}.tree i:nth-child(2){transform:rotate(-100deg)}.tree i:nth-child(3){transform:rotate(60deg)}.tree i:nth-child(4){transform:rotate(165deg)}
@keyframes bob{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1500px){.hero{min-height:660px}}@media(max-width:1050px){.header{padding:0 4%}.hero{padding:55px 4%;min-height:530px}h1{letter-spacing:-3px}.section{padding:52px 4%}.grid{gap:18px}.card-body{padding:16px}.card-art{height:190px}.hero-art img{width:110%;margin-left:-4%}.desktop-nav{gap:18px}.about-layout{gap:35px}.card-bottom{gap:5px}.card-bottom .button{padding:9px 10px}.status{font-size:9px}}
@media(max-width:700px){body{padding-bottom:70px}.header{height:79px;padding:0 22px}.logo{font-size:27px}.logo-mark{width:32px;height:33px}.desktop-nav{display:none}.header .button{font-size:10px;padding:8px 11px;gap:8px;min-height:39px}.header .button span{font-size:16px}.hero{padding:36px 23px 25px;grid-template-columns:1fr;gap:12px}.hero h1{font-size:55px;letter-spacing:-3.4px;line-height:1.02;max-width:430px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:22px}.hero-copy>p{font-size:14px;max-width:340px;margin:23px 0}.actions{gap:12px}.actions .button{font-size:12px;padding:12px 17px;gap:15px;min-height:49px}.micro{font-size:10px;margin-top:23px;gap:9px}.hero-art{width:100%;max-width:420px;justify-self:center;margin-top:3px}.hero-art img{width:100%;margin:0}.sticker{font-size:9px;top:10px;right:3px;padding:9px 11px}.art-caption{font-size:9px;padding:8px 14px;bottom:2%;left:0}.ticker{height:39px}.ticker-track{font-size:10px;gap:23px}.section{padding:39px 23px}.section-heading{gap:10px;align-items:center;margin-bottom:24px}.section-heading h2{font-size:31px;letter-spacing:-1.5px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.3px}.text-link{font-size:11px}.grid{grid-template-columns:1fr;gap:25px}.card-art{height:216px}.card-body{padding:20px}.card-body h3{font-size:25px}.card-body p{min-height:0;font-size:13px}.card-meta{font-size:9px}.card-bottom .button{min-height:43px;padding:10px 18px}.status{font-size:11px;max-width:160px}.filters{gap:7px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-right:-23px;padding-right:23px}.filter{white-space:nowrap;font-size:11px;padding:9px 14px}.toolbar{flex-wrap:wrap;margin-top:25px;gap:9px}.search{flex-basis:100%}.toolbar select{flex:1;font-size:12px;padding:10px;min-height:45px}.toolbar>.button{font-size:11px;padding:10px 15px;min-height:44px}.result-count{font-size:10px}.banner{grid-template-columns:1fr;padding:27px 24px;margin-top:38px;gap:23px}.banner h3{font-size:26px}.banner p{font-size:12px}.banner .button{justify-self:start;font-size:12px}.how{padding:37px 23px}.how-inner{grid-template-columns:1fr;gap:25px}.how h2{max-width:none;font-size:29px}.how .step{padding-left:18px}.step p{max-width:none;font-size:12px}.step h3{font-size:16px}footer{padding:34px 23px;flex-wrap:wrap;gap:23px}footer .logo{font-size:28px}footer p{font-size:11px}footer>div{flex-basis:100%}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;border-top:var(--line);background:var(--paper);justify-content:space-around;padding:9px 8px max(9px,env(safe-area-inset-bottom));box-shadow:0 -4px 15px #00000008}.mobile-nav a{display:flex;flex-direction:column;gap:3px;align-items:center;font-size:9px;font-weight:700;min-width:55px}.mobile-nav a span{font-size:23px;height:25px;line-height:25px}.mobile-nav a.active{color:#ba3e20}.page-top h1{font-size:46px;letter-spacing:-2px}.page-top p{font-size:14px}.about-layout{grid-template-columns:1fr;gap:40px}.about-art{min-height:310px;grid-row:2}.about-copy h2{font-size:34px}.about-copy p{font-size:14px}.about-note{grid-template-columns:1fr;gap:20px;margin-top:45px}.about-note p{font-size:13px}dialog{padding:25px}dialog h2{font-size:29px}#toast{bottom:83px}.section-intro{font-size:13px}.game-card:hover{transform:none;box-shadow:5px 5px var(--ink)}}
@media(min-width:480px) and (max-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-art{height:170px}.card-body{padding:14px}.card-body h3{font-size:20px}.card-bottom{flex-wrap:wrap;gap:12px}.card-body p{min-height:65px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hero-art img{height:auto}.hero{overflow:hidden}
/* Playyard 02 — immersive hero, original game art, and the play lounge */
.icon{width:21px;height:21px;display:inline-block;flex:none;vertical-align:middle;fill:none;color:inherit}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1.5px solid currentColor;border-radius:10px;background:transparent;color:inherit;cursor:pointer;transition:transform .18s,background .18s}.icon-button:hover{background:#ffffff25;transform:translateY(-2px)}.button>.icon{width:20px;height:20px}.button span{display:inline-flex}.logo-mark .icon{width:20px;height:20px}.search>span .icon{width:22px;height:22px}.close{display:grid;place-items:center}.save .icon{width:19px;height:19px}.save[aria-pressed=true] .icon{fill:currentColor}.game-card .card-art{height:auto;aspect-ratio:1.9;background:#eee!important}.card-art:before,.card-art:after{display:none}.game-cover{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.game-card:hover .game-cover{transform:scale(1.045)}.card-body h3{font-size:25px}.save{top:12px;right:12px;background:#fffdf4ee;box-shadow:2px 2px var(--ink)}.text-link{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1.5px solid var(--ink);border-radius:6px;box-shadow:2px 2px var(--ink);background:var(--paper);line-height:1.3;transition:transform .18s,box-shadow .18s;white-space:normal}.text-link:hover{background:var(--yellow);transform:translate(-1px,-1px);box-shadow:3px 3px var(--ink)}.text-link .icon{width:16px;height:16px}.icon-credit{font-size:10px;text-decoration:underline;text-underline-offset:3px}.header{max-width:none;background:#faf3e5;padding-inline:max(6%,calc((100vw - 1240px)/2));height:88px}.hero{position:relative;max-width:none;min-height:calc(100svh - 88px);grid-template-columns:1.04fr 1.1fr;padding:75px max(6%,calc((100vw - 1240px)/2)) 95px;background:#faf3e5;isolation:isolate;gap:0}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(60px,5.4vw,84px);letter-spacing:-4.8px}.hero-art{position:relative;align-self:center;margin-right:-8vw;z-index:1}.hero-art img{width:120%;margin-left:-10%;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 9%,#000 93%,transparent);animation:bob 8s ease-in-out infinite}.hero-art .sticker{right:8%;top:3%;background:var(--purple);font-size:11px}.hero-art .art-caption{bottom:0;left:12%}.hero-scroll{position:absolute;bottom:30px;left:max(6%,calc((100vw - 1240px)/2));right:6%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #282d2240;padding-top:16px;font:600 10px 'Space Grotesk';letter-spacing:1.5px}.hero-scroll .icon{transform:rotate(90deg)}.hero .micro{margin-top:25px}.play-lounge{padding:74px max(6%,calc((100vw - 1240px)/2)) 62px;background:#c3b3ef;border-bottom:var(--line);overflow:hidden}.lounge-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.lounge-heading p{max-width:340px;font-size:14px}.lounge-heading .eyebrow{margin-bottom:17px}.lounge-stage{display:grid;grid-template-columns:.8fr 1.5fr;gap:25px;align-items:center}.lounge-player{position:relative;min-width:0;align-self:end}.lounge-player>img{display:block;width:135%;margin-left:-20%;position:relative;animation:gaming-bob 4s ease-in-out infinite;pointer-events:none}.speech-bubble{position:absolute;z-index:2;top:0;left:0;background:var(--yellow);border:var(--line);box-shadow:4px 4px var(--ink);border-radius:15px 15px 15px 0;padding:13px 19px;transform:rotate(-6deg);font:700 15px 'Space Grotesk'}.player-switch{display:flex;justify-content:center;gap:8px;position:relative;margin-top:-25px;z-index:3}.player-switch button{border:1.5px solid var(--ink);background:transparent;border-radius:30px;padding:9px 15px;font-size:11px;font-weight:700}.player-switch button.active{background:var(--ink);color:var(--paper);box-shadow:2px 2px #f9efcb}.player-caption{display:block;text-align:center;font:600 9px 'Space Grotesk';letter-spacing:1.6px;margin-top:13px}.lounge-console{min-width:0}.monitor{border:3px solid var(--ink);border-radius:18px;background:var(--ink);box-shadow:9px 10px #56456f;overflow:hidden;color:var(--paper)}.monitor-top{height:45px;display:flex;align-items:center;gap:10px;padding:0 14px;font:700 9px 'Space Grotesk';letter-spacing:1px}.monitor-led{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #c4f57c}.monitor-top>#lounge-mode{margin-left:auto;color:#c7c8b9;font-size:8px}.monitor-top .icon-button{width:25px;height:25px;border:0}.monitor-top .icon{width:14px;height:14px}.lounge-screen{position:relative;background:#0b110e;aspect-ratio:16/9;overflow:hidden}.lounge-cover,.lounge-video{width:100%;height:100%;object-fit:contain;display:block}.lounge-cover{animation:screen-pan 12s ease-in-out both}.screen-tag{position:absolute;bottom:10px;left:12px;padding:6px 9px;background:#121714df;border:1px solid #ffffff55;border-radius:4px;color:#fff;font:600 8px 'Space Grotesk';letter-spacing:1px;pointer-events:none}.monitor-bottom{display:flex;align-items:center;padding:17px 18px;gap:10px}.monitor-bottom>div{margin-right:auto}.monitor-bottom span{font:600 8px 'Space Grotesk';letter-spacing:1px;color:#c0c5b5;display:block;margin-bottom:6px}.monitor-bottom h3{font-size:22px;letter-spacing:-.6px}.console-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:25px}.console-actions select{min-width:0;width:180px;flex:1;border:var(--line);background:var(--paper);border-radius:8px;padding:12px;font-size:12px;min-height:46px}.console-actions .button{font-size:12px;padding:11px 15px;min-height:46px;gap:12px}.lounge-note{font-size:10px;line-height:1.6;margin-top:17px;min-height:32px;color:#3e364c}.lounge-note a{text-decoration:underline;font-weight:700}.lounge-screen iframe{width:100%;height:100%;border:0;background:white}.lounge-screen:fullscreen{aspect-ratio:auto;width:100vw;height:100vh}.demo-end{height:100%;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:15px;padding:25px;text-align:center}.demo-end .eyebrow,.demo-end h3{flex-basis:100%;margin:0}.demo-end h3{font-size:27px}.demo-end .button{color:var(--ink);font-size:12px;gap:10px;padding:12px}.maker-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:75px;padding-top:72px;padding-bottom:85px;align-items:center;background:#faf3e5;max-width:none;padding-inline:max(6%,calc((100vw - 1240px)/2))}.maker-intro h1{font-size:clamp(52px,5.5vw,78px);line-height:1.02;letter-spacing:-4px}.maker-intro em{font-style:normal;color:#e95d34}.maker-intro>p{max-width:470px;font-size:17px;margin:28px 0}.maker-intro .button{font-size:13px}.player-card{background:var(--purple);border:3px solid var(--ink);border-radius:20px;box-shadow:10px 10px var(--ink);transform:rotate(3deg);overflow:hidden;position:relative}.player-card-top{display:flex;align-items:center;justify-content:space-between;border-bottom:var(--line);padding:17px 20px;font:700 10px 'Space Grotesk';letter-spacing:1px}.player-portrait{height:270px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#eadcfd,#c3b1ed)}.player-portrait img{position:relative;height:115%;width:100%;object-fit:contain;z-index:2;animation:gaming-bob 5s ease-in-out infinite}.ff-monogram{position:absolute;inset:0;display:grid;place-items:center;font:700 190px 'Space Grotesk';letter-spacing:-18px;color:#ac95d9}.avatar-note{position:absolute;bottom:10px;right:12px;font:600 7px 'Space Grotesk';letter-spacing:1px;background:var(--paper);border:1px solid;padding:5px;z-index:3}.player-card>h2{font-size:30px;letter-spacing:-1px;padding:20px 22px 0}.player-card>p{font-size:12px;padding:6px 22px 17px}.pass-bottom{display:flex;justify-content:space-between;border-top:var(--line);border-bottom:var(--line);margin:0 20px;padding:14px 0;gap:15px;font:500 9px 'Space Grotesk';line-height:1.6}.pass-bottom b{font-size:12px}.barcode{height:27px;width:75%;margin:15px auto;background:repeating-linear-gradient(90deg,#28272b 0 2px,transparent 2px 4px,#28272b 4px 9px,transparent 9px 13px,#28272b 13px 14px,transparent 14px 18px)}.maker-tools{display:grid;grid-template-columns:.9fr 1.4fr;gap:55px;border-top:var(--line)}.maker-tools>div>p{font-size:14px;margin-top:22px;color:#555b51;max-width:350px}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.skill-grid article{border:var(--line);border-radius:12px;box-shadow:4px 4px var(--ink);padding:25px;background:var(--green);transition:transform .2s}.skill-grid article:hover{transform:rotate(-2deg)}.skill-grid article:nth-child(2){background:var(--yellow)}.skill-grid article:nth-child(3){background:#f7c0a7}.skill-grid article:nth-child(4){background:var(--purple)}.skill-grid article>span{font:600 9px 'Space Grotesk';letter-spacing:1px}.skill-grid h3{font-size:25px;margin:14px 0 10px}.skill-grid p{font-size:12px}.maker-manifesto{border:var(--line);background:var(--yellow);padding:55px;border-radius:18px;box-shadow:8px 8px var(--ink)}.maker-manifesto h2{font-size:clamp(35px,4.5vw,62px);letter-spacing:-2px;line-height:1.05}.maker-manifesto em{font-style:normal;color:#ad421e}.maker-manifesto>p{max-width:650px;margin-top:25px;font-size:15px}.social-row{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.social-row .button{font-size:12px;gap:12px}.about-note .text-link{font-size:11px;padding:4px 8px;margin:4px 0}.mobile-nav a{transition:color .18s,transform .18s}.mobile-nav a>span{padding:6px 15px;border:1.5px solid transparent;border-radius:12px;height:auto!important;display:flex;align-items:center;justify-content:center}.mobile-nav a.active>span{background:var(--purple);border-color:var(--ink);box-shadow:2px 2px var(--ink);color:var(--ink);transform:translateY(-3px)}.mobile-nav a .icon{width:21px;height:21px}.mobile-nav a.active{color:var(--ink)}#game-dialog{padding:0;width:min(740px,calc(100% - 28px));border-radius:20px}#game-dialog .close{top:15px;right:16px;background:var(--paper);box-shadow:3px 3px var(--ink);width:42px;height:42px}#game-dialog>.eyebrow{margin:0;padding:28px 30px 0}#game-dialog>h2{padding:0 30px;margin:13px 0 23px;font-size:38px}#game-dialog>.card-art{height:auto;aspect-ratio:1.9;border-radius:0;margin:0;border:0;border-top:var(--line);border-bottom:var(--line)}#game-dialog>p,#game-dialog>.creator,#game-dialog>details{margin:22px 30px}#game-dialog>.creator{background:#e5decf;border:1.5px solid #b9b19e;border-radius:10px;padding:15px;margin-top:0}#game-dialog>.button{margin:0 0 0 30px}#game-dialog>.button+.button{margin-left:12px}#game-dialog>.fine{font-size:11px}#game-dialog details{padding-bottom:8px}#game-dialog summary{cursor:pointer;font-weight:700}#game-dialog .creator-initial{width:38px;height:38px;background:var(--purple);display:grid;place-items:center}#game-dialog .creator a{display:inline-block;padding-top:5px;text-decoration:underline;text-underline-offset:3px}dialog[open]{animation:dialog-in .22s ease-out}#suggest-dialog .text-link{font-size:12px;margin-top:5px}.hero .actions .button{font-size:13px;gap:16px}.game-card .card-body p{min-height:42px}.game-card .creator{min-height:28px}@keyframes gaming-bob{50%{transform:translateY(-6px) rotate(1deg)}}@keyframes screen-pan{from{transform:scale(1)}to{transform:scale(1.07)}}@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:1050px){.hero{padding-inline:4%}.hero h1{font-size:64px}.hero-art{margin-right:-4vw}.hero-copy>p{font-size:15px}.lounge-stage{grid-template-columns:.7fr 1.4fr;gap:15px}.play-lounge{padding-inline:4%}.lounge-player>img{width:150%;margin-left:-30%}.speech-bubble{font-size:12px;padding:10px}.maker-hero{gap:35px;padding-inline:4%}.maker-tools{gap:25px}.maker-intro h1{font-size:57px}}
@media(max-width:700px){.header{height:74px;padding-inline:22px}.hero{min-height:calc(100svh - 145px);padding:30px 23px 45px;display:flex;flex-direction:column;justify-content:center;gap:12px}.hero-copy{width:100%}.hero h1{font-size:clamp(40px,10.9vw,56px);line-height:1.03;letter-spacing:-2.9px}.hero-copy>p{font-size:13px;line-height:1.65;max-width:360px;margin:21px 0 19px}.hero .eyebrow{font-size:8px;letter-spacing:1.25px;margin-bottom:18px}.hero h1 em:after{height:4px;bottom:-4px}.hero .actions{flex-wrap:nowrap;gap:10px}.hero .actions .button{font-size:10px;padding:10px 13px;gap:10px;min-height:43px}.hero .actions .button span .icon{width:16px;height:16px}.hero .micro{font-size:9px;margin-top:20px;gap:9px}.hero-art{align-self:flex-end;width:min(92%,390px);margin:-8px -15px 0 0}.hero-art img{width:110%;margin-left:-5%;max-height:260px;object-fit:contain}.hero-art .sticker{right:5%;top:5%;font-size:8px;padding:8px 10px}.hero-art .art-caption{display:none}.hero-scroll{bottom:15px;left:23px;right:23px;font-size:7px;padding-top:10px;letter-spacing:1px}.hero-scroll .icon{width:15px;height:15px}.play-lounge{padding:39px 23px 35px}.lounge-heading{display:block;margin-bottom:25px}.lounge-heading h2{font-size:34px}.lounge-heading p{font-size:12px;margin-top:15px}.lounge-heading .eyebrow{font-size:8px;letter-spacing:1.1px}.lounge-stage{display:flex;flex-direction:column;gap:15px}.lounge-player{width:100%;height:190px;display:flex;align-items:center;justify-content:space-between;align-self:auto}.lounge-player>img{width:220px;height:215px;object-fit:contain;margin:0 0 0 -32px;order:0;flex-shrink:0}.speech-bubble{left:auto;right:0;top:15px;font-size:11px;padding:9px 11px;max-width:170px}.player-switch{position:absolute;right:0;top:85px;flex-direction:column;margin:0;gap:7px}.player-switch button{font-size:9px;padding:7px 12px}.player-caption{position:absolute;right:0;bottom:16px;font-size:7px;letter-spacing:1px}.lounge-console{width:100%}.monitor{border-width:2px;border-radius:12px;box-shadow:5px 6px #56456f}.monitor-top{height:36px;font-size:7px;padding:0 10px;gap:6px}.monitor-top>#lounge-mode{font-size:6px;letter-spacing:.4px}.monitor-top .icon-button{width:18px;height:18px}.monitor-top .icon{width:12px;height:12px}.monitor-bottom{padding:12px;gap:8px}.monitor-bottom h3{font-size:19px}.monitor-bottom span{font-size:7px;max-width:170px;line-height:1.5}.monitor-bottom .icon-button{width:33px;height:33px;border-radius:8px}.monitor-bottom .icon{width:17px;height:17px}.console-actions{gap:9px;margin-top:20px}.console-actions select{flex-basis:100%;font-size:12px;min-height:42px}.console-actions .button{flex:1;padding:9px 12px;font-size:11px;min-height:42px;gap:10px}.lounge-note{font-size:9px;min-height:0}.screen-tag{font-size:6px;bottom:6px;left:7px;padding:4px 6px}.demo-end{padding:12px;gap:10px}.demo-end h3{font-size:18px}.demo-end .eyebrow{font-size:7px}.demo-end .button{font-size:9px;min-height:32px;padding:7px;gap:6px}.game-card .card-art{aspect-ratio:1.9}.card-body h3{font-size:24px}.text-link{font-size:10px;padding:8px 10px;gap:5px}.section-heading>.text-link{max-width:110px;flex:none}.section-heading h2{font-size:29px}.maker-hero{display:flex;flex-direction:column;padding:40px 23px 50px;gap:42px}.maker-intro h1{font-size:47px;letter-spacing:-2.6px}.maker-intro .eyebrow{font-size:8px;letter-spacing:1.2px}.maker-intro>p{font-size:14px;margin:23px 0}.maker-intro .button{font-size:11px;padding:12px 15px;gap:10px}.player-card{max-width:330px;width:90%;transform:rotate(3deg);box-shadow:7px 7px var(--ink)}.player-portrait{height:220px}.player-card>h2{font-size:28px}.player-card-top{font-size:8px}.maker-tools{display:block}.maker-tools h2{font-size:33px}.maker-tools>div>p{font-size:13px;margin:17px 0 27px}.skill-grid{gap:13px}.skill-grid article{padding:17px}.skill-grid h3{font-size:21px}.skill-grid p{font-size:11px}.skill-grid article>span{font-size:7px}.maker-manifesto{padding:30px 23px}.maker-manifesto h2{font-size:34px;letter-spacing:-1.5px}.maker-manifesto>p{font-size:13px}.social-row{gap:11px}.social-row .button{font-size:11px;min-height:44px;padding:10px 13px}.social-row .icon{width:16px;height:16px}.mobile-nav{padding-top:7px;padding-bottom:max(7px,env(safe-area-inset-bottom))}.mobile-nav a{gap:5px;font-size:8px}.mobile-nav a>span{padding:5px 14px}.mobile-nav a .icon{width:20px;height:20px}#game-dialog>.eyebrow{padding:26px 22px 0;font-size:8px;letter-spacing:1px;max-width:85%}#game-dialog>h2{padding:0 22px;font-size:29px;margin:13px 0 19px}#game-dialog>p,#game-dialog>.creator,#game-dialog>details{margin:18px 22px}#game-dialog>.button{margin-left:22px;font-size:12px;padding:11px 16px;min-height:45px}#game-dialog>.button+.button{margin-left:10px}#game-dialog .close{width:34px;height:34px;top:12px;right:12px}#game-dialog .close .icon{width:17px;height:17px}#game-dialog .fine{font-size:10px}#game-dialog .creator{font-size:12px}.game-card .card-body p{min-height:0}}
@media(max-width:350px){.hero .actions .button{font-size:9px;padding:9px}.hero .micro{font-size:8px}.hero h1{font-size:38px}.hero-art img{max-height:220px}.lounge-heading h2{font-size:30px}.monitor-top>b{font-size:6px}.maker-intro h1{font-size:40px}}
/* Maker portrait based on Francis's supplied reference. */
.player-portrait img{height:100%;object-position:center bottom}
.launch-teaser{background:#ece5f8;border-bottom:2px solid var(--ink)}.launch-title{display:flex;align-items:center;justify-content:space-between;gap:24px}.launch-title h1 em{color:#e46c47;font-style:normal}.launch-stamp{background:#c3b1ed;padding:28px;border:2px solid;border-radius:50%;font-weight:800;line-height:1.3;text-align:center;transform:rotate(10deg);box-shadow:6px 7px #20231f}.product-search{max-width:720px;margin:28px 0 20px;gap:12px}.product-art{height:210px;position:relative;overflow:hidden;background:var(--product-color);display:grid;place-items:center;border-bottom:2px solid #20231f;perspective:700px}.product-orbit{position:absolute;width:290px;height:120px;border:2px solid #20231f33;border-radius:50%;transform:rotate(-20deg)}.product-token{display:grid;place-items:center;width:105px;height:105px;border-radius:26px;background:linear-gradient(140deg,#fff,#f4eddf);border:2px solid #20231f;box-shadow:7px 9px 0 #20231f,14px 17px 24px #20231f25;font-size:47px;font-weight:900;letter-spacing:-4px;transform:rotate(-10deg) rotateY(-15deg);transition:transform .3s}.product-card:hover .product-token{transform:rotate(3deg) translateY(-5px)}.product-art-label{position:absolute;bottom:15px;font-size:9px;font-weight:800;letter-spacing:1.6px}.product-builder{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;min-height:55px;margin:12px 0}.product-builder .icon{flex-shrink:0}.product-card .button{width:100%;justify-content:space-between}.product-tagline{font-size:21px;font-weight:800}.feature-list{padding:0;list-style:none}.feature-list li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #20231f22}.builder-brief{background:#e7def3;padding:24px;border:2px solid;border-radius:15px;margin:25px 0}.builder-brief h3{margin:14px 0}.launch-product{width:100%;justify-content:space-between}.player-portrait{height:320px}.player-portrait img{object-fit:contain}.desktop-nav{gap:25px}@media(max-width:700px){.launch-stamp{display:none}.product-art{height:190px}.launch-title h1{font-size:42px}.launch-teaser .section-heading{align-items:flex-start;gap:20px}.product-search{width:100%}.player-portrait{height:290px}.result-count{gap:15px}.launch-page .result-count>span:last-child{display:none}}
#game-dialog>h3,#game-dialog>.feature-list,#game-dialog>.builder-brief{margin:24px 30px}#game-dialog>.launch-product{width:calc(100% - 60px);margin:0 30px 30px}#game-dialog .builder-brief p{line-height:1.65}@media(max-width:700px){#game-dialog>h3,#game-dialog>.feature-list,#game-dialog>.builder-brief{margin:20px 22px}#game-dialog>.launch-product{width:calc(100% - 44px);margin:0 22px 24px}.builder-brief{padding:18px}}

/* Product artwork and responsive alignment */
.product-cover-art{height:auto;aspect-ratio:1.9;background:#fff;perspective:none}.product-cover{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.product-card:hover .product-cover{transform:scale(1.025)}.product-card .card-body{display:flex;flex-direction:column;flex:1}.product-card{display:flex;flex-direction:column}.product-card .product-builder{margin-top:auto;padding-top:16px;min-height:66px}.product-card .card-body>.button{margin-top:10px}.search{display:block;min-width:0}.search>svg.icon{position:absolute;left:17px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}.search input{display:block;min-width:0;padding-left:48px;padding-right:16px}.search:focus-within{border-radius:8px}.product-search{display:block;width:100%}.launch-teaser .section-heading>.button{flex:0 0 auto;gap:12px}.section-heading>div{min-width:0}.product-builder span{overflow-wrap:anywhere}#game-dialog>.product-cover-art{aspect-ratio:1.9;max-height:320px}a[data-nav="launches"] .icon{transition:transform .2s}a[data-nav="launches"]:hover .icon{transform:translate(2px,-2px)}
@media(max-width:700px){.launch-teaser .section-heading{flex-direction:column;gap:18px;align-items:flex-start}.launch-teaser .section-heading>.button{width:auto;max-width:100%;font-size:12px;padding:10px 14px;min-height:44px;gap:12px;align-self:flex-start}.launch-teaser .section-heading>.button .icon{width:17px;height:17px}.search input{font-size:16px;min-height:50px}.product-search{margin:24px 0 18px}.product-card .card-meta{flex-wrap:wrap;gap:8px}.product-card .product-builder{min-height:0;margin-top:0}.product-art.product-cover-art{height:auto}.section-intro{max-width:100%}.launch-page .filters{max-width:100%}.launch-page h1{letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){.product-cover,a[data-nav="launches"] .icon{transition:none}}