@font-face{font-family:Jua;src:url('assets/Jua-subset.ttf') format('truetype');font-display:swap}
@font-face{font-family:Gowun;src:url('assets/GowunDodum-subset.ttf') format('truetype');font-display:swap}
:root{--paper:#fffdf5;--ink:#393f2d;--muted:#626751;--green:#3b5738;--line:#d8ddcc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.8 Gowun,ui-rounded,sans-serif;word-break:keep-all}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Jua,ui-rounded,sans-serif;font-weight:400;line-height:1.2}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}img,canvas{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid #965727;outline-offset:5px}.wrap{width:min(1080px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-80px;left:16px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}.site-header{height:66px;padding-inline:40px;display:flex;align-items:center;justify-content:space-between;background:#eaf2d6;gap:20px;border-bottom:1px solid #c9d8ab}.brand,.wordmark{font:24px/1 Jua,sans-serif;text-decoration:none}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.language{border:0;background:none;padding:8px 0;text-decoration:underline;text-underline-offset:5px;font-size:13px;min-height:44px}.hero{position:relative;overflow:hidden;background:#a5ba78 url('assets/picnic-board.jpg') center top/auto 550% no-repeat;isolation:isolate}.hero-copy{position:relative;z-index:2;text-align:center;padding:22px 20px 0}.game-logo{font-size:100px;letter-spacing:-5px;color:#fff6dc;-webkit-text-stroke:3px #76552c;paint-order:stroke fill;text-shadow:0 5px 0 #76552c;line-height:1.05}.hero-copy>p{display:inline-block;font-size:18px;color:#243e27;margin-top:17px;font-weight:600;background:#f6f7d9ed;padding:2px 12px}.hero-stage{position:relative;width:min(1050px,100%);height:444px;margin:23px auto 0;display:flex;align-items:center;justify-content:center}.hero-board{position:relative;width:244px;aspect-ratio:9/16;overflow:hidden;border-radius:9px;box-shadow:0 12px 18px -10px #33452a8c;background:#ebd09a;z-index:2}.board-fallback,#hero-demo{position:absolute;inset:0;width:100%;height:100%}.board-fallback{object-fit:cover}.hero-friends{position:absolute;bottom:-7px;width:290px;z-index:3;pointer-events:none}.hero-friends canvas:first-child{width:280px;height:280px}.hero-friends canvas+canvas{position:absolute;width:160px;height:160px;bottom:4px}.friends-left{left:0;bottom:25px}.friends-left canvas+canvas{right:-7px;bottom:-13px}.friends-right{right:0;bottom:24px}.friends-right canvas+canvas{left:-45px;bottom:-15px}.hero-bottom{position:relative;z-index:4;display:flex;justify-content:center;align-items:center;gap:40px;padding:22px 20px 24px;background:#edf2d9;border-top:1px solid #b7c694}.hero-bottom p{font-size:14px}.replay{border:0;background:transparent;display:flex;align-items:center;gap:8px;font-size:13px;min-height:40px;padding:0;text-decoration:underline;text-underline-offset:4px}.replay svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.how-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:85px}h2{font-size:40px;letter-spacing:-.6px;white-space:pre-line}.rules-copy>p{margin-top:20px;font-size:17px;line-height:1.85}.rules-art{min-width:0}.merge-equation{display:flex;align-items:center;justify-content:center;gap:0}.merge-equation canvas{width:94px;height:94px;min-width:0}.merge-equation canvas:last-of-type{width:142px;height:142px}.merge-equation span{font:22px sans-serif;color:#8a947b}.rules-art>p{font-size:13px;text-align:center;margin-top:16px;color:var(--muted)}.themes-section{background:#e9efdd;border-block:1px solid #d8e1cb;padding:65px 0 68px}.themes-heading h2{font-size:38px}.themes-heading>p{margin-top:12px;font-size:16px}.theme-picker{display:flex;flex-wrap:wrap;gap:28px;border-bottom:1px solid #bec9b1;margin-top:30px}.theme-picker button{background:transparent;border:0;border-bottom:3px solid transparent;padding:10px 0 13px;font-size:16px;min-height:48px}.theme-picker button[aria-pressed=true]{color:var(--green);font-weight:700;border-bottom-color:var(--green)}.theme-picker button:hover{border-bottom-color:#829574}.theme-stage{display:grid;grid-template-columns:360px 1fr;align-items:center;gap:80px;padding-top:35px}.theme-scene{position:relative;width:360px;aspect-ratio:9/16;overflow:hidden;border-radius:7px;background:#dce4c1}.theme-scene img{width:100%;height:100%;object-fit:cover;object-position:top}.theme-scene canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.theme-story{min-width:0}.theme-tag{font-size:13px;color:var(--muted)}.theme-story h3{font-size:38px;margin-top:9px}.theme-story>p:not(.theme-tag){font-size:17px;margin-top:19px;line-height:1.9;white-space:pre-line}.theme-cast{display:flex;align-items:center;margin:19px -12px 0;max-width:500px}.theme-cast canvas{width:33.333%;min-width:0;height:auto}.theme-story .theme-footnote{font-size:13px!important;color:var(--muted);margin-top:30px!important;padding-top:20px;border-top:1px solid #bdc8af}.themes-section:has([data-current=moon-garden]){background:#e8e8f1;border-color:#d4d2e0}.themes-section:has([data-current=rainy-bakery]){background:#f4e8d2;border-color:#e1d0b6}.themes-section:has([data-current=dawn-laundry]){background:#e7eef0;border-color:#d1dde1}.game-details{padding-block:38px;text-align:center;font-size:15px}.game-details small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.site-footer{border-top:1px solid var(--line);padding-block:28px 35px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-footer>div{display:flex;flex-wrap:wrap;gap:22px;font-size:12px}.site-footer small{font-size:11px;color:var(--muted)}
@media(max-width:1000px){.friends-left{left:5px}.friends-right{right:5px}.hero-friends{width:220px}.hero-friends canvas:first-child{width:215px;height:215px}.hero-friends canvas+canvas{width:130px;height:130px}.friends-left canvas+canvas{right:-17px}.friends-right canvas+canvas{left:-21px}.how-section{gap:30px}.theme-stage{grid-template-columns:320px 1fr;gap:42px}.theme-scene{width:320px}.theme-story h3{font-size:32px}.theme-story>p:not(.theme-tag){font-size:16px}.merge-equation canvas{width:70px;height:70px}.merge-equation canvas:last-of-type{width:112px;height:112px}.site-footer{flex-wrap:wrap}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:58px;padding-inline:20px;gap:10px}.brand{font-size:22px;white-space:nowrap}.site-header nav{gap:18px;font-size:13px}.site-header nav a:first-child{display:none}.language{font-size:12px}.hero{background-size:auto 570%}.hero-copy{padding-top:26px}.game-logo{font-size:74px;letter-spacing:-3px;-webkit-text-stroke:2px;text-shadow:0 4px 0 #76552c}.hero-copy>p{font-size:14px;margin-top:17px;padding:1px 9px}.hero-stage{height:410px;margin-top:21px;align-items:flex-start}.hero-board{width:220px;aspect-ratio:9/16}.hero-friends{width:122px;bottom:-8px}.hero-friends canvas:first-child{width:122px;height:122px}.hero-friends canvas+canvas{width:80px;height:80px}.friends-left{left:-14px;bottom:2px}.friends-left canvas+canvas{right:-25px;bottom:-14px}.friends-right{right:-12px;bottom:0}.friends-right canvas+canvas{left:-19px;bottom:-10px}.hero-bottom{gap:13px;flex-direction:column;padding-block:18px 16px}.hero-bottom p{font-size:12px}.replay{font-size:12px;min-height:28px}.how-section{display:flex;flex-direction:column;gap:25px;padding-block:50px}.rules-copy h2{font-size:33px}.rules-copy>p{font-size:16px;margin-top:16px}.rules-art{width:100%;max-width:390px}.merge-equation canvas{width:82px;height:82px}.merge-equation canvas:last-of-type{width:122px;height:122px}.merge-equation span{font-size:19px}.rules-art>p{font-size:12px;margin-top:5px}.themes-section{padding-block:44px}.themes-heading h2{font-size:31px}.themes-heading>p{font-size:14px;line-height:1.8}.theme-picker{display:grid;grid-template-columns:repeat(2,1fr);column-gap:25px;row-gap:0;margin-top:22px}.theme-picker button{font-size:14px;padding:9px 0;min-height:45px;text-align:left}.theme-stage{display:flex;flex-direction:column;gap:25px;padding-top:26px}.theme-story{width:100%;order:0}.theme-story h3{font-size:31px;margin-top:7px}.theme-story>p:not(.theme-tag){font-size:15px;margin-top:13px;line-height:1.8}.theme-tag{font-size:12px}.theme-cast{max-width:340px;margin:6px auto 0}.theme-story .theme-footnote{font-size:12px!important;margin-top:14px!important;padding-top:14px}.theme-scene{order:1;width:min(100%,330px)}.game-details{padding-block:27px;text-align:left;font-size:13px;line-height:1.9}.game-details small{font-size:11px;margin-top:9px}.site-footer{align-items:flex-start;flex-direction:column;padding-block:24px 28px;gap:20px}.site-footer>div{gap:10px 20px;font-size:12px}}
@media(max-width:360px){.site-header{padding-inline:16px}.site-header nav{gap:12px}.brand{font-size:20px}.hero-copy>p{font-size:12px}.game-logo{font-size:65px}.hero-stage{height:385px}.hero-board{width:207px}.hero-friends{width:105px}.hero-friends canvas:first-child{width:105px;height:105px}.hero-friends canvas+canvas{width:65px;height:65px}.merge-equation canvas{width:66px;height:66px}.merge-equation canvas:last-of-type{width:108px;height:108px}.rules-art>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}