@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Nunito:wght@500;700;900&display=swap";*{box-sizing:border-box}html,body,#root{color:#372520;background:#fff6c9;width:100%;height:100%;margin:0;font-family:Nunito,system-ui,-apple-system,sans-serif}html,body{overflow:hidden}body:before{content:"";z-index:-3;background:radial-gradient(circle at 16% 8%,#fff7b8 0 10rem,#0000 24rem),radial-gradient(circle at 86% 9%,#ffd7df 0 8rem,#0000 22rem),linear-gradient(#fff8cf 0%,#f8ecc1 44%,#9fca72 45%,#6aa85e 100%);position:fixed;inset:0}body:after{content:"";z-index:-2;background-image:radial-gradient(circle at 9% 18%,#ffffffb8 0 2px,#0000 3px),radial-gradient(circle at 71% 21%,#ffffff9e 0 2px,#0000 3px),radial-gradient(circle at 42% 7%,#8549581f 0 1px,#0000 2px);background-size:92px 88px,108px 96px,64px 64px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit}.appShell{flex-direction:column;gap:12px;height:100svh;padding:14px clamp(12px,2.6vw,34px);display:flex;overflow:hidden}.nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8dce0;border:4px solid #3b2a2d;border-radius:26px;flex:none;justify-content:space-between;align-items:center;gap:14px;height:62px;padding:8px 10px;display:flex;box-shadow:0 8px #3b2a2d4d,0 18px 48px #583a2d2e}.brand{white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:900;display:flex}.brand span{color:#3b2a2d;background:#f7a7bc;border:3px solid #3b2a2d;border-radius:16px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 4px #3b2a2d}.navCenter{letter-spacing:-.03em;color:#5b3e47;font-family:"Baloo 2";font-size:25px;font-weight:800}.navCta,.sideActions button,.controlsPad button{color:#3b2a2d;cursor:pointer;background:#ffd966;border:3px solid #3b2a2d;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-weight:900;transition:transform .14s,box-shadow .14s;display:inline-flex;box-shadow:0 6px #3b2a2d}.navCta:hover,.sideActions button:hover,.controlsPad button:hover{transform:translateY(2px);box-shadow:0 3px #3b2a2d}.viewportGame{flex:1;grid-template-columns:minmax(230px,.62fr) minmax(560px,1.5fr) minmax(190px,.56fr);align-items:stretch;gap:18px;min-height:0;display:grid}.leftRail,.rightRail,.gameCard{min-height:0}.leftRail{flex-direction:column;gap:13px;display:flex}.eyebrow{color:#b24d63;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:900;display:inline-flex}.leftRail h1{color:#fff;letter-spacing:-.045em;-webkit-text-stroke:4px #3b2a2d;text-shadow:0 6px #3b2a2d2e;margin:2px 0 0;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(44px,5.6vw,78px);line-height:.82}.tagline{color:#5a4141;margin:0;font-size:clamp(15px,1.35vw,20px);font-weight:900;line-height:1.08}.pitchPills{flex-wrap:wrap;gap:8px;display:flex}.pitchPills span,.stats span,.legend span{background:#fff8dc;border:3px solid #3b2a2d;border-radius:999px;padding:7px 9px;font-weight:900;box-shadow:0 3px #3b2a2d40}.cozyPoster{background:linear-gradient(#fff6bd 0 45%,#bfe293 45% 100%);border:4px solid #3b2a2d;border-radius:34px;flex:1;min-height:166px;position:relative;overflow:hidden;box-shadow:0 12px #3b2a2d,0 22px 54px #3b2a2d38}.cloud{background:#ffffff38;border:4px solid #b98e6557;border-radius:999px;position:absolute}.c1{width:92px;height:42px;top:50px;left:-22px}.c2{width:110px;height:48px;top:82px;right:-28px}.butterfly{color:#bf4f68;text-shadow:2px 2px #3b2a2d;font-size:33px;font-weight:900;position:absolute;transform:rotate(-23deg)}.b1{top:32px;left:28px}.b2{color:#f08a67;top:34px;right:42px}.bee{background:repeating-linear-gradient(90deg,#ffd966 0 9px,#3b2a2d 9px 14px);border:4px solid #3b2a2d;border-radius:50%;width:36px;height:28px;font-size:0;position:absolute;top:62px;right:88px}.truck{filter:drop-shadow(0 8px #3b2a2d38);height:46%;position:absolute;bottom:18px;left:16px;right:12px}.cab{background:#79add5;border:4px solid #3b2a2d;border-radius:45px 28px 18px 18px;width:56%;height:72%;position:absolute;bottom:16px;left:0}.cab:before{content:"";background:#d6e9fa;border:4px solid #3b2a2d;border-radius:18px;width:47%;height:42%;position:absolute;top:14%;left:27%}.cab:after{content:"♡ ♡";color:#cf536a;letter-spacing:10px;font-size:22px;position:absolute;bottom:8px;left:16%}.cab i{background:#ffe38a;border:4px solid #3b2a2d;border-radius:50%;width:42px;height:32px;position:absolute;bottom:18%;right:-3px}.bed{background:#d9b37e;border:4px solid #3b2a2d;border-radius:20px;width:54%;height:55%;position:absolute;bottom:29px;right:0}.bed span{color:#3b2a2d;font-weight:900;position:absolute;top:9px;right:12px}.wheel{background:#282029;border:5px solid #3b2a2d;border-radius:50%;width:44px;height:44px;position:absolute;bottom:0}.w1{left:17%}.w2{right:12%}.cuteWorm{z-index:3;align-items:center;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.cuteWorm i{background:linear-gradient(145deg,#f8a6b9,#ef7893);border:4px solid #3b2a2d;border-radius:50% 50% 44% 44%;width:48px;height:56px;margin-left:-10px}.cuteWorm i:nth-child(2){background:#f498ad;transform:translateY(16px)}.cuteWorm i:nth-child(3){background:#ffd966}.cuteWorm b{background:#3b2a2d;border-radius:50%;width:7px;height:7px;position:absolute;top:11px;right:16px;box-shadow:13px 0 #3b2a2d,7px 14px 0 -2px #d95a71}.tulips{align-items:end;gap:7px;height:86px;display:flex;position:absolute;bottom:38px;left:48%;right:7%}.tulips span{background:#527f39;border-radius:10px;width:21px;height:48px;position:relative}.tulips span:before{content:"";background:#d96658;border:3px solid #3b2a2d;border-radius:50% 50% 42% 42%;width:36px;height:29px;position:absolute;top:-18px;left:-9px}.tulips span:nth-child(2n):before{background:#efb26b}.tulips span:nth-child(3n):before{background:#c84f66}.gameCard{background:#fff8dcc2;border:4px solid #3b2a2d;border-radius:34px;flex-direction:column;padding:14px;display:flex;box-shadow:0 14px #3b2a2d,0 26px 78px #3b2a2d40}.gameHeader{flex:none;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.gameHeader h2{color:#3b2a2d;margin:4px 0;font-family:"Baloo 2";font-size:clamp(28px,3vw,48px);line-height:.86}.gameHeader p{color:#5a4141;max-width:500px;margin:0;font-size:15px;font-weight:900;line-height:1.14}.stats{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.stats span{align-items:center;gap:5px;padding:7px 9px;font-size:14px;display:inline-flex}.playGrid{flex:1;grid-template-columns:minmax(310px,1fr) minmax(190px,.42fr);align-items:start;gap:12px;min-height:0;display:grid}.board{aspect-ratio:1;grid-template-columns:repeat(var(--size),1fr);touch-action:manipulation;background:#8a5a3a;border:4px solid #3b2a2d;border-radius:28px;place-self:start center;gap:5px;max-width:100%;height:calc(100% - 24px);max-height:100%;padding:9px;display:grid;box-shadow:0 11px #3b2a2d,0 22px 60px #3b2a2d38}.tile{aspect-ratio:1;cursor:pointer;box-shadow:inset 0 calc(var(--moist)*-3px - 2px) 13px #97d7ff3d,0 3px 0 #3b2a2d52;background:linear-gradient(145deg,#b98556,#865539);border:3px solid #3b2a2dbd;border-radius:14px;place-items:center;font-size:clamp(17px,2.15vw,31px);transition:transform .12s,filter .12s;display:grid}.tile:hover{filter:brightness(1.09);transform:scale(1.04)}.tile.trail{background:linear-gradient(145deg,#df9bb0,#c96d87)}.tile.head{background:radial-gradient(circle at 35% 25%,#fff2a2,#ff9ab0 55%,#ee6f8c);font-size:clamp(22px,2.8vw,38px);animation:.7s infinite alternate bob}.tile.flower{background:linear-gradient(145deg,#a8db77,#f7b4c2)}.tile.water{background:linear-gradient(145deg,#aee7ff,#6bb6dc)}.tile.rock{background:#9f9691}.tile.boot,.tile.salt{background:linear-gradient(145deg,#7a5240,#3d2a25)}.sideCard{background:#fff8dc;border:3px solid #3b2a2d;border-radius:25px;flex-direction:column;height:calc(100% - 24px);min-height:0;padding:11px;display:flex;box-shadow:0 8px #3b2a2de0}.sideCard h3{margin:0 0 5px;font-family:"Baloo 2";font-size:27px;line-height:.9}.sideCard p{color:#5a4141;margin:0;font-size:14px;font-weight:900;line-height:1.15}.legend{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.legend span{padding:5px 7px;font-size:12px}.controlsPad{grid-template-rows:repeat(2,36px);grid-template-columns:repeat(3,40px);justify-content:center;gap:6px;margin:auto 0 8px;display:grid}.controlsPad button{background:#f7a7bc;padding:0;font-size:24px}.controlsPad button:first-child{grid-column:2}.controlsPad button:nth-child(2){grid-area:2/1}.controlsPad button:nth-child(3){grid-area:2/3}.controlsPad button:nth-child(4){grid-area:2/2}.sideActions{grid-template-columns:1fr 1fr 1fr;gap:7px;display:grid}.sideActions button{background:#bfe293;padding:7px 6px;font-size:12px}.sideActions button:disabled{filter:grayscale();opacity:.55;cursor:not-allowed}.rightRail{flex-direction:column;gap:12px;display:flex}.infoCard{background:#fff8dc;border:3px solid #3b2a2d;border-radius:28px;flex-direction:column;flex:1;justify-content:center;min-height:0;padding:18px;display:flex;box-shadow:0 9px #3b2a2dd1}.infoCard b{color:#3b2a2d;font-family:"Baloo 2";font-size:28px;line-height:.9}.infoCard span{color:#5b3b42;margin-top:6px;font-weight:900;line-height:1.13}@keyframes bob{0%{transform:translateY(-2px)rotate(-2deg)}to{transform:translateY(4px)rotate(2deg)}}@media (width<=1100px){.viewportGame{grid-template-columns:minmax(170px,.55fr) minmax(500px,1.45fr)}.rightRail{display:none}.leftRail h1{font-size:clamp(44px,8vw,82px)}}@media (width<=780px){.appShell{gap:8px;padding:9px}.nav{border-width:3px;border-radius:21px;height:54px;box-shadow:0 6px #3b2a2d3d}.brand{font-size:16px}.brand span{width:34px;height:34px}.navCenter{display:none}.navCta{padding:8px 10px;font-size:13px}.viewportGame{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:8px}.leftRail{grid-template-columns:1fr auto;align-items:center;gap:6px 10px;display:grid}.leftRail .eyebrow{grid-column:1}.leftRail h1{-webkit-text-stroke:3px #3b2a2d;grid-column:1;margin:0;font-size:43px}.tagline{grid-column:1;max-width:92vw;font-size:14px}.pitchPills{grid-column:1}.pitchPills span{border-width:2px;padding:5px 7px;font-size:11px}.cozyPoster{border-width:3px;border-radius:22px;grid-area:1/2/5;width:96px;min-height:112px;box-shadow:0 7px #3b2a2d}.cozyPoster .truck,.cozyPoster .tulips,.cozyPoster .cloud,.cozyPoster .bee{display:none}.cozyPoster .butterfly{font-size:18px}.cozyPoster .cuteWorm i{border-width:2px;width:27px;height:32px;margin-left:-6px}.cozyPoster .cuteWorm b{width:4px;height:4px;top:6px;right:8px;box-shadow:8px 0 #3b2a2d}.gameCard{border-width:3px;border-radius:23px;min-height:0;padding:8px;box-shadow:0 8px #3b2a2d}.gameHeader{grid-template-columns:1fr;gap:6px;margin-bottom:6px;display:grid}.gameHeader .eyebrow{display:none}.gameHeader h2{margin:0;font-size:28px}.gameHeader p{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.stats{justify-content:flex-start;gap:5px}.stats span{border-width:2px;padding:5px 7px;font-size:12px}.playGrid{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:8px}.board{border-width:3px;border-radius:20px;gap:3px;width:min(94vw,100svh - 314px);height:auto;padding:6px;box-shadow:0 7px #3b2a2d}.tile{border-width:2px;border-radius:9px;font-size:17px}.tile.head{font-size:22px}.sideCard{border-width:3px;border-radius:18px;grid-template-columns:1fr auto;gap:6px 10px;padding:9px;display:grid;box-shadow:0 5px #3b2a2de0}.sideCard h3{display:none}.sideCard p{grid-column:1;font-size:12px}.legend{display:none}.controlsPad{grid-area:1/2/3;grid-template-rows:repeat(2,32px);grid-template-columns:repeat(3,35px);gap:4px;margin:0}.controlsPad button{border-width:2px;font-size:18px;box-shadow:0 3px #3b2a2d}.sideActions{grid-column:1;grid-template-columns:repeat(3,1fr)}.sideActions button{border-width:2px;padding:7px 6px;font-size:12px;box-shadow:0 3px #3b2a2d}}@media (width<=380px){.leftRail h1{font-size:37px}.tagline{font-size:12.5px}.pitchPills span:nth-child(2){display:none}.cozyPoster{width:78px;min-height:94px}.board{gap:2px;width:min(95vw,100svh - 292px)}.tile{font-size:14px}.tile.head{font-size:19px}.stats span{padding:4px 6px;font-size:11px}.gameHeader h2{font-size:25px}.sideCard p{display:none}.sideCard{grid-template-columns:1fr auto}.controlsPad{grid-row:1/3}}@media (width<=780px){.viewportGame,.gameCard,.playGrid,.sideCard,.gameHeader{width:100%;min-width:0;max-width:100%;overflow:hidden}.gameHeader h2{white-space:nowrap;text-overflow:ellipsis;font-size:24px;overflow:hidden}.gameHeader p{font-size:12px}.board{justify-self:center;width:min(90vw,100svh - 330px)}.sideCard{grid-template-columns:minmax(0,1fr) auto}.sideActions{min-width:0}.sideActions button{min-width:0;padding:6px 4px}.controlsPad{grid-template-rows:repeat(2,30px);grid-template-columns:repeat(3,32px)}}@media (width<=430px){.board{width:min(88vw,100svh - 334px)}.leftRail h1{font-size:39px}.tagline{font-size:12.5px}.gameHeader h2{font-size:22px}.stats span{padding:4px 5px;font-size:11px}.sideCard{padding:7px}.sideCard p{font-size:11px}.controlsPad{grid-template-rows:repeat(2,28px);grid-template-columns:repeat(3,30px)}}