@font-face{font-family:Outfit;src:url('/assets/outfit-800.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:DM Sans;src:url('/assets/dm-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DM Sans;src:url('/assets/dm-sans-600.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{--paper:#f7f5eb;--green:#183f33;--orange:#d64c26;--ink:#263d34;--muted:#606b60;--line:#d9ded0;--yellow:#f3c758;--round:22px;--font:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--green);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img{max-width:100%;display:block}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:800;line-height:1.04;letter-spacing:-.035em}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}a:hover{color:var(--orange)}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:50;top:-100px;left:20px;background:var(--green);color:white;padding:14px 22px;border-radius:10px}.skip-link:focus{top:12px}
.header{height:116px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-family:Outfit,sans-serif;font-weight:800;line-height:.83;font-size:27px;letter-spacing:-1.1px}.brand-second{display:block}.brand-dot{color:var(--orange)}.brand-mark{width:46px;height:46px;fill:none;stroke:var(--green);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.header nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:600}.nav-count{display:inline-flex;justify-content:center;align-items:center;border:1px solid #ccd5c8;border-radius:50%;width:23px;height:23px;margin-left:6px;font-size:11px}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;border:1.5px solid var(--green);border-radius:100px;padding:17px 27px;background:var(--green);color:var(--paper);font-weight:600;font-size:15px;line-height:1.4;transition:transform .2s,background .2s,color .2s;white-space:nowrap}.button:hover{transform:translateY(-3px);background:#295644;color:white}.button-small{background:transparent;color:var(--green);padding:12px 20px;gap:13px;font-size:13px}.button-orange{background:var(--orange);border-color:var(--orange);color:#fff9ee}.button-orange:hover{background:#b93b19;border-color:#b93b19}.button>span:last-child{font-size:23px;line-height:1}.dice{font-size:24px!important;line-height:1}
.hero{display:grid;grid-template-columns:1.02fr 1fr;min-height:642px;align-items:center;padding-block:55px 54px;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:600;line-height:1.5}.hero .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:23px}.tiny-sun{color:var(--orange);font-size:24px;line-height:1}h1{font-size:clamp(58px,5.6vw,82px);letter-spacing:-.055em;line-height:1.02}.underlined{position:relative;white-space:nowrap}.underlined svg{position:absolute;left:-2px;bottom:-11px;width:100%;height:19px;fill:none;stroke:var(--orange);stroke-width:3.5;stroke-linecap:round}.hero-description{font-size:17px;line-height:1.7;color:var(--muted);margin:31px 0 26px}.hero-note{margin-top:22px;font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.mini-check{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #8caa90;border-radius:50%;color:#39724d;font-size:10px}.hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;margin-left:-58px;margin-right:-35px}.hero-image{width:116%;max-width:none;mix-blend-mode:multiply;object-fit:contain}.hero-sticker{position:absolute;right:5%;top:3%;border-radius:50%;background:var(--yellow);width:110px;height:110px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(12deg);color:#314634;box-shadow:0 0 0 5px var(--paper);font-size:12px;line-height:1.4}.hero-sticker strong{font-family:Outfit,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.03em}.hero-sticker svg{width:35px;margin-top:5px;fill:var(--green);stroke:var(--green);stroke-width:2}.hero-sticker svg path{fill:none}.visual-caption{position:absolute;bottom:0;right:11%;font-size:11px;color:var(--muted);transform:rotate(-3deg)}.visual-caption span{color:var(--orange);margin-right:7px}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#efefdf}.ribbon-inner{display:flex;justify-content:space-between;gap:25px;align-items:center;min-height:62px;font-size:12px;font-weight:600}.ribbon-inner>span:nth-child(even){font-size:25px;color:#aeba8f}
.collection{padding-top:88px;padding-bottom:72px;scroll-margin-top:24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading .eyebrow{margin-bottom:14px;color:var(--muted)}h2{font-size:clamp(36px,3.6vw,52px)}.collection-aside{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:3px}.mobile-break{display:none}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:33px;margin-bottom:27px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{font-size:12px;line-height:1.4;padding:11px 17px;border:1px solid #d7ddcf;border-radius:50px;background:transparent;transition:background .15s}.filters button:hover{background:#e5e9db}.filters button[aria-pressed=true]{background:var(--green);color:var(--paper);border-color:var(--green)}.filters button span{font-size:10px;margin-left:5px;opacity:.65}.game-count{font-size:11px;color:var(--muted);white-space:nowrap}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:37px 25px}.game-card{min-width:0}.game-link{display:block;height:100%;border-radius:var(--round);color:var(--green);transition:transform .25s}.game-link:hover{color:var(--green);transform:translateY(-5px)}.game-cover{aspect-ratio:1.56;border-radius:var(--round);overflow:hidden;position:relative;isolation:isolate;background:#e8e3cd}.game-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.game-link:hover .game-cover>img{transform:scale(1.04)}.cover-tag{position:absolute;left:16px;top:16px;background:rgba(250,249,239,.95);padding:7px 12px;border-radius:30px;font-size:10px;font-weight:600;color:var(--green);z-index:3}.cover-clue img{object-position:center}.cover-logo{position:absolute!important;object-fit:contain!important;width:87%!important;height:55%!important;left:6.5%;top:22%;z-index:2}.cover-caption{position:absolute;bottom:14%;left:0;width:100%;text-align:center;font-size:9px;font-weight:600;letter-spacing:.18em}.cover-pop{background:#e6b4de}.cover-pop .cover-caption{color:#413561}.balloon{position:absolute;width:26%;height:41%;border-radius:50% 50% 47% 47%;background:#ffe293;box-shadow:inset -8px -8px 0 #d9af5730;transform:rotate(-16deg);left:-6%;top:-14%}.balloon:before{content:'';position:absolute;background:#fff8;left:17%;top:15%;width:12%;height:26%;border-radius:50%;transform:rotate(18deg)}.balloon:after{content:'';position:absolute;border-left:1.5px solid #9a71b4;width:30px;height:100px;left:50%;top:100%;border-radius:50%}.balloon-two{left:auto;right:-5%;top:6%;background:#a6d8ca;transform:rotate(20deg)}.balloon-three{left:3%;top:74%;background:#f0a490;transform:rotate(-30deg)}.cover-slot{background:#123c43;color:#fff3dc}.track-lines{position:absolute;width:120%;height:175%;border:9px double #5c8b894a;border-radius:50%;transform:rotate(-22deg);top:-72%;left:17%;box-shadow:0 0 0 9px #0e3339,0 0 0 13px #5c8b894a,0 0 0 24px #0e3339,0 0 0 28px #5c8b894a}.racing-checks{position:absolute;left:-40px;bottom:-25px;width:200px;height:80px;transform:rotate(30deg);opacity:.12;background:conic-gradient(#fff 25%,transparent 0 50%,#fff 0 75%,transparent 0) 0 0/30px 30px}.cover-pun{background:#f2d56f}.cover-pun .cover-logo{height:42%!important;top:20%}.pun-scribble{position:absolute;font-family:Outfit,sans-serif;font-size:50px;line-height:1;transform:rotate(-15deg);color:#db532c;top:-8px;left:16px}.scribble-two{left:auto;right:18px;top:auto;bottom:5px;transform:rotate(12deg);color:#457689;font-size:63px}.pun-tiles{position:absolute;left:10%;bottom:18%;display:flex;align-items:center;gap:4px;color:#514420}.pun-tiles b{display:inline-flex;width:24px;height:27px;background:#fff8dc;box-shadow:0 2px #bc9c4b;align-items:center;justify-content:center;font:800 17px Outfit;border-radius:3px;transform:rotate(-8deg)}.pun-tiles b:nth-child(2){transform:rotate(7deg)}.pun-tiles i{font-style:normal;font-size:9px;margin-left:8px}.cover-monkey{background:#c4d5b2}.cover-monkey>img{width:80%;height:106%;object-fit:contain;position:absolute;left:22%;bottom:-4%}.cover-monkey .cover-tag{top:auto;bottom:15px}.monkey-word{position:absolute;left:23px;top:27px;font-size:44px;font-weight:600;color:#7a955f;letter-spacing:3px;transform:rotate(-8deg)}.monkey-cloud{position:absolute;width:150px;height:38px;background:#edf1d799;border-radius:60px;left:-45px;top:40%;transform:rotate(-8deg)}.cloud-two{left:auto;right:-50px;top:22%;width:110px;height:28px}.card-info{padding:20px 5px 0}.card-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.card-meta span:last-child{letter-spacing:0;text-transform:none;font-weight:400;font-size:10px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0}.card-title h3{font-size:25px;letter-spacing:-.035em}.card-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border:1px solid #cbd3c5;border-radius:50%;font-size:18px;transition:background .2s,color .2s}.game-link:hover .card-arrow{background:var(--green);color:white;border-color:var(--green)}.card-info>p{font-size:13px;line-height:1.7;color:var(--muted);max-width:36ch}.play-label{display:block;margin-top:17px;font-size:11px;font-weight:600}.play-label span{margin-left:7px}.collection-footnote{border-top:1px solid var(--line);margin-top:40px;padding-top:19px;font-size:11px;color:var(--muted)}.collection-footnote>span{font-size:18px;margin-right:7px}
.lucky{border-radius:28px;background:var(--green);color:var(--paper);padding:48px 58px;display:flex;align-items:center;gap:35px;position:relative;overflow:hidden}.lucky .eyebrow{color:#c5d3b4;margin-bottom:13px}.lucky h2{font-size:44px}.lucky p:last-child{font-size:12px;color:#c8d5c1;margin-top:16px}.lucky-doodle{font-size:110px;color:#9dae7b;line-height:1;transform:rotate(13deg);flex-shrink:0}.lucky-button{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:23px;color:var(--green);background:var(--yellow);border:0;border-radius:100px;padding:23px 27px;font-weight:600;line-height:1.25;text-align:left;transition:transform .2s,background .2s}.lucky-button:hover{transform:rotate(-3deg);background:#ffda72}.lucky-button .dice{font-size:42px!important}.lucky-button span:last-child{font-size:28px}.about{padding-block:95px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about .eyebrow{color:var(--muted);margin-bottom:16px}.about h2{font-size:47px}.about-copy{max-width:480px;color:var(--muted);font-size:14px}.about-copy p+p{margin-top:16px}.text-link{display:inline-flex;gap:30px;margin-top:23px;font-size:13px;font-weight:600;color:var(--green);border-bottom:1px solid var(--green);padding-bottom:5px}.footer{background:#e9ecde;border-top:1px solid var(--line)}.footer-top{padding-block:33px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.footer-brand{font:800 33px/1 Outfit,sans-serif;letter-spacing:-1.6px}.footer-brand span{color:var(--orange)}.footer-top>span{color:var(--muted)}.footer-bottom{padding-block:19px;border-top:1px solid #d0d7c6;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}
dialog{padding:0;border:0;border-radius:25px;background:var(--paper);color:var(--green);width:min(470px,calc(100% - 32px));max-height:calc(100% - 36px);box-shadow:0 25px 100px #10271b50;overflow:auto}dialog::backdrop{background:#183f33b8;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:14px;top:14px;z-index:3;border:0;border-radius:50%;background:var(--paper);width:38px;height:38px;font-size:27px;line-height:1}.picker-image{height:215px;background:#e7e3c7;display:flex;align-items:center;justify-content:center;padding:10px}.picker-image img{width:100%;height:100%;object-fit:contain;border-radius:14px}.picker-body{padding:26px 32px 30px}.picker-body h2{font-size:38px;margin:12px 0 5px}.picker-kind{font-size:11px;color:var(--muted)}#picker-description{font-size:14px;margin:20px 0;color:var(--muted)}.picker-body .button{width:100%;margin-bottom:8px}.picker-again{display:block;background:transparent;border:0;margin:auto;font-size:13px;font-weight:600;padding:10px}.picker-again span{margin-left:10px}.dialog-open{overflow:hidden}
.hero-visual{min-width:0}.hero-image{height:auto;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
@media(min-width:1600px){.hero{min-height:660px}.hero-image{width:116%}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{min-height:600px;grid-template-columns:1fr 1fr}h1{font-size:64px}.hero-visual{margin-left:-25px;margin-right:-20px}.hero-description{font-size:15px}.hero-sticker{width:92px;height:92px;right:0;top:8%}.hero-sticker strong{font-size:14px}.hero-sticker>span{font-size:10px}.game-grid{gap:32px 20px}.card-title h3{font-size:22px}.collection-toolbar{align-items:start}.game-count{padding-top:10px}.collection-aside{display:none}.lucky{padding:38px;gap:23px}.lucky-doodle{font-size:75px}.lucky h2{font-size:36px}.lucky-button{gap:13px;padding:20px}.cover-caption{font-size:8px}.pun-tiles i{font-size:8px}}
@media(max-width:800px){.header{height:94px}.header nav{gap:25px}.about-link{display:none}.hero{grid-template-columns:1fr;min-height:0;padding-top:45px;padding-bottom:30px}.hero-copy{max-width:620px}.hero .eyebrow{font-size:10px}h1{font-size:72px}.hero-description{margin:25px 0 22px;font-size:16px}.hero-visual{margin:15px auto 0;width:min(580px,100%);height:370px}.hero-image{height:110%;width:110%}.hero-sticker{right:5%;top:3%}.visual-caption{bottom:-8px;right:10%}.ribbon-inner{gap:15px;font-size:10px;min-height:55px}.ribbon-inner>span:nth-child(n+5){display:none}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}.collection{padding-top:55px;padding-bottom:45px}.collection-toolbar{display:block;margin-top:25px}.game-count{display:block;padding-top:14px}.filters{gap:7px}.filters button{font-size:11px;padding:9px 14px}.lucky-doodle{display:none}.lucky{padding:32px}.lucky h2{font-size:34px}.lucky p:last-child{max-width:28ch}.about{gap:40px;padding-block:65px}.about h2{font-size:37px}.about-copy{font-size:13px}.footer-top{flex-wrap:wrap}.footer-top>span{display:none}}
@media(max-width:520px){.wrap{width:calc(100% - 40px)}.header{height:88px;gap:10px}.brand{font-size:23px;gap:7px}.brand-mark{width:37px;height:37px}.header nav{font-size:12px}.nav-count{display:none}.header>.button-small{font-size:0;padding:10px;width:42px;height:42px;gap:0}.header>.button-small>span:last-child{display:none}.header>.button-small .dice{font-size:23px!important}.hero{padding-top:35px;padding-bottom:29px}.hero .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:19px;gap:7px}.tiny-sun{font-size:21px}h1{font-size:clamp(44px,11.2vw,60px);line-height:1.06;letter-spacing:-.045em}.underlined svg{height:14px;bottom:-8px}.hero-description{font-size:14px;line-height:1.7;margin:24px 0 22px}.hero .button{font-size:13px;padding:15px 23px;gap:25px}.hero-note{font-size:9px;margin-top:17px;gap:6px}.hero-visual{height:275px;margin-top:13px}.hero-image{width:113%;height:112%}.hero-sticker{width:79px;height:79px;top:9px;right:1%}.hero-sticker strong{font-size:12px}.hero-sticker svg{width:25px;margin-top:3px}.hero-sticker>span{font-size:9px}.visual-caption{font-size:9px;right:3%;bottom:-7px}.ribbon-inner{font-size:9px;gap:12px}.ribbon-inner>span:nth-child(even){font-size:19px}.ribbon-inner>span:nth-child(4){display:none}.collection{padding-top:44px}.eyebrow{font-size:9px}.section-heading .eyebrow{margin-bottom:10px}h2{font-size:35px}.mobile-break{display:block}.filters{gap:6px}.filters button{padding:9px 12px;font-size:10px}.game-count{font-size:10px}.game-grid{grid-template-columns:1fr;gap:32px}.game-cover{aspect-ratio:1.6}.card-info{padding-top:16px}.card-title{margin:9px 0}.card-title h3{font-size:27px}.card-meta{font-size:9px}.card-info>p{font-size:13px;max-width:none}.play-label{margin-top:13px}.cover-caption{font-size:9px}.pun-tiles i{font-size:9px}.collection-footnote{font-size:10px;margin-top:30px;line-height:1.7}.lucky{padding:30px 25px;display:block;border-radius:22px}.lucky h2{font-size:35px}.lucky p:last-child{font-size:12px;max-width:32ch}.lucky-button{margin:25px 0 0;width:100%;padding:16px 22px;justify-content:space-between;border-radius:60px}.lucky-button>span:nth-child(2){text-align:left;margin-right:auto;margin-left:10px;font-size:14px}.lucky-button>span:nth-child(2) br{display:none}.about{grid-template-columns:1fr;gap:24px;padding-block:52px}.about h2{font-size:38px}.about-copy{font-size:13px}.footer-top{padding-block:28px}.footer-brand{font-size:27px}.footer-top>a:last-child{font-size:10px}.footer-bottom{font-size:9px;gap:10px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}.picker-image{height:190px}.picker-body{padding:22px}.picker-body h2{font-size:33px}}
.filters button{min-height:44px}.dialog-close{width:44px;height:44px}.picker-again{min-height:44px}
@media(max-width:520px){.hero-image{width:100%;height:auto}.hero-note{font-size:10px}.filters button{font-size:11px}.card-meta{font-size:10px}.header nav a{display:inline-flex;align-items:center;min-height:44px}.header>.button-small{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.game-link:hover,.button:hover,.lucky-button:hover{transform:none}}

/* Live arcade direction: a cinematic opening with a tactile, lighter collection. */
:root{--orange:#bf3f1e;--night:#101a17;--acid:#d5ff67}
.header.wrap{width:100%;padding-inline:max(48px,calc((100% - 1280px)/2));background:var(--night);color:#f3f6e9;border-bottom:1px solid #ffffff18}
.header .brand-mark{stroke:#f3f6e9}.header .brand-dot{color:var(--acid)}.header .nav-count{border-color:#ffffff30}.header .button-small{border-color:#657368;color:#f3f6e9}.header .button-small:hover{background:var(--acid);color:var(--night)}
.hero.wrap{width:100%;padding-inline:max(48px,calc((100% - 1280px)/2));padding-block:30px 28px;min-height:680px;background:var(--night);color:#f3f6e9;grid-template-columns:.98fr 1.02fr;overflow:hidden}
.hero .eyebrow{color:#b6c3af;font-size:10px;letter-spacing:.14em}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--acid);display:inline-block;flex-shrink:0;box-shadow:0 0 12px #d5ff6745}
.hero h1{font-size:clamp(57px,5.65vw,82px);line-height:1.02;letter-spacing:-.055em}.energy-word{color:var(--acid);display:inline;position:relative}.energy-word svg{display:inline-block;width:.48em;height:.55em;fill:var(--acid);margin-left:.02em;vertical-align:top;transform:rotate(11deg);margin-top:.09em}
.hero-description{color:#b2beb3}.hero .button-orange{background:var(--acid);border-color:var(--acid);color:var(--night)}.hero .button-orange:hover{background:#e2ff99;border-color:#e2ff99;box-shadow:0 8px 38px #d5ff6720}.hero-note{color:#a3b29e}.hero .mini-check{color:var(--acid);border-color:#6d8261}
.hero-visual.playground{height:610px;margin:0 -28px 0 -20px;align-self:center;position:relative;isolation:isolate;touch-action:pan-y;background:radial-gradient(ellipse at 53% 52%,#57855826 0%,#7d63a00d 43%,transparent 70%)}
#playground-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y;z-index:2}.is-dragging #playground-canvas{cursor:grabbing}.scene-grid{position:absolute;inset:5% 0;background-image:radial-gradient(#a9c99c35 1px,transparent 1px);background-size:25px 25px;mask-image:radial-gradient(ellipse,#000,transparent 67%);opacity:.4}.scene-label{position:absolute;right:23px;top:25px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#b6c3af;z-index:3}.scene-controls{position:absolute;z-index:3;bottom:3px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap}.drag-hint{font-size:10px;color:#a3b19f;padding-right:17px}.drag-hint>span{font-size:17px;margin-left:6px}.scene-controls button{border:1px solid #68786380;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;background:#1c2b22;color:#e5eedb;font-size:16px;transition:background .2s,color .2s}.scene-controls button:hover{background:var(--acid);color:var(--night)}.scene-fallback{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.fallback-ring{position:absolute;width:70%;height:45%;border:32px solid #96a97d;border-radius:50%;transform:rotate(-30deg);box-shadow:inset 0 0 0 3px var(--acid),0 0 0 3px var(--acid)}.fallback-play{position:relative;display:grid;place-items:center;width:160px;height:160px;border-radius:40px;background:var(--acid);color:var(--night);font-size:75px;transform:rotate(-13deg);box-shadow:14px 16px #789744}.fallback-star{position:absolute;right:15%;top:20%;font-size:85px;color:#b49afb}.fallback-orb{position:absolute;left:15%;bottom:15%;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffd6c5,#ff7659 50%,#9d3d30)}
.ribbon{background:var(--acid);border:0;color:var(--night)}.ribbon-inner>span:nth-child(even){color:var(--night)}.ribbon-inner{min-height:58px}.lucky{background:var(--night)}.lucky-button{background:var(--acid)}.lucky-button:hover{background:#e4ffa0}.lucky-doodle{color:var(--acid)}.lucky .eyebrow{color:#bdd48c}.game-cover{box-shadow:0 1px 0 #00000006}.game-link:hover .game-cover{box-shadow:0 14px 25px #253a1d15}.game-card.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}.game-card.reveal-ready.is-revealed{opacity:1;transform:none}
@media(max-width:1100px){.header.wrap,.hero.wrap{padding-inline:32px}.hero h1{font-size:61px}.hero-visual.playground{height:550px}.hero.wrap{min-height:625px}.hero-description{font-size:15px}.scene-label{right:5px}.drag-hint{padding-right:5px}}
@media(max-width:800px){.hero.wrap{grid-template-columns:1fr;padding-top:46px;padding-bottom:28px}.hero h1{font-size:76px}.hero-visual.playground{width:100%;height:490px;margin:0}.scene-label{right:5%;top:16px}.scene-controls{bottom:0}.hero-copy{max-width:none}}
@media(max-width:520px){.header.wrap,.hero.wrap{padding-inline:20px}.hero.wrap{padding-top:32px;padding-bottom:24px}.hero h1{font-size:clamp(45px,11.4vw,60px)}.hero .eyebrow{font-size:8px;letter-spacing:.11em}.hero-description{font-size:14px;margin-top:21px}.hero-visual.playground{height:350px;margin:0 -10px;width:calc(100% + 20px)}.scene-label{top:15px;right:15px;font-size:8px}.scene-controls{bottom:0;gap:5px}.scene-controls button{width:44px;height:44px}.drag-hint{font-size:9px;padding-right:7px}.hero-note{font-size:9px}.hero .button{padding:15px 23px}.fallback-play{width:115px;height:115px;font-size:55px;border-radius:28px}.fallback-star{font-size:60px}.fallback-ring{border-width:20px}}
@media(max-width:800px){.header nav .about-link{display:none}}
@media(prefers-reduced-motion:reduce){.game-card.reveal-ready{opacity:1;transform:none}}
/* Refined scene chrome: a quiet, tactile dock below the sculpture. */
.scene-control-dock{display:flex;gap:3px;padding:4px;border:1px solid #e7f3d81a;border-radius:100px;background:linear-gradient(155deg,#24372ce6,#142219ef);box-shadow:0 8px 26px #0003,inset 0 1px #ffffff0a;backdrop-filter:blur(12px)}
.scene-controls{gap:12px;bottom:-2px}.scene-controls button{width:38px;height:38px;border:0;background:transparent;transition:background .22s,color .22s,transform .22s}.scene-controls button:active{transform:scale(.91)}.scene-controls button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.scene-controls #toggle-motion{background:#e8f4d60e}.scene-controls #toggle-motion:hover{background:var(--acid)}.drag-hint{padding-right:0;letter-spacing:.02em}.scene-grid{opacity:.22}.scene-label{letter-spacing:.12em;font-size:8px}
@media(max-width:520px){.scene-controls button{width:44px;height:44px}.scene-controls{bottom:-9px;gap:10px}.hero-visual.playground{margin-bottom:12px}.drag-hint{font-size:9px}}
@media(prefers-reduced-motion:reduce){.scene-controls button{transition:none}}