@font-face{font-family: "Fredoka";src: url("/fonts/fredoka.woff2") format("woff2");font-weight: 300 700;font-display: swap;unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: "Nunito";src: url("/fonts/nunito.woff2") format("woff2");font-weight: 200 1000;font-display: swap;unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: "Nunito";src: url("/fonts/nunito-ext.woff2") format("woff2");font-weight: 400 800;font-display: swap;unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF,U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family: "Nunito";src: url("/fonts/nunito-cyrillic.woff2") format("woff2");font-weight: 400 800;font-display: swap;unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family: "Baloo 2";src: url("/fonts/baloo2-latin-600.woff2") format("woff2");font-weight: 600 700;font-display: swap;unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: "Baloo 2";src: url("/fonts/baloo2-latin-ext-600.woff2") format("woff2");font-weight: 600 700;font-display: swap;unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: "Baloo 2";src: url("/fonts/baloo2-vietnamese-600.woff2") format("woff2");font-weight: 600 700;font-display: swap;unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family: "WJ Rounded JA";src: url("/fonts/rounded-ja.woff2") format("woff2");font-weight: 100 900;font-display: swap;}@font-face{font-family: "WJ Rounded ZH";src: url("/fonts/rounded-zh.woff2") format("woff2");font-weight: 100 900;font-display: swap;}@font-face{font-family: "WJ Rounded KO";src: url("/fonts/rounded-ko.woff2") format("woff2");font-weight: 100 900;font-display: swap;}@font-face{font-family: "WJ Rounded TH";src: url("/fonts/mali-th.woff2") format("woff2");font-weight: 100 900;font-display: swap;}@font-face{font-family: "WJ Rounded AR";src: url("/fonts/baloo-bhaijaan2-ar.woff2") format("woff2");font-weight: 100 900;font-display: swap;}:root{--ink: #2b1846;--ink-soft: #54476b;--cream: #fff5e4;--cream-2: #ffe9c7;--paper: #ffffff;--grape: #4b23a0;--grape-2: #6b3bd6;--grape-dark: #2a1260;--sun: #ffc93c;--sun-dark: #e8a800;--jam: #ff5d5d;--pink: #ff5d8f;--mint: #3ddc97;--mint-dark: #1fb978;--sky: #4cc9f0;--line: 3px;--radius: 28px;--shadow: 0 7px 0 var(--ink);--brand: "Fredoka", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--display: var(--brand);--body: "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--wrap: 76rem;--gutter: clamp(16px, 4vw, 40px);color-scheme: light;}html:lang(tr), html:lang(pl), html:lang(cs), html:lang(hu), html:lang(ro), html:lang(vi){--display: "Baloo 2", var(--brand);}html:lang(ru), html:lang(uk){--display: "Fredoka", "Nunito", "Arial Rounded MT Bold", system-ui, sans-serif;}html:lang(ja){--display: "Fredoka", "WJ Rounded JA", "Hiragino Maru Gothic ProN", "Yu Gothic", "Meiryo", system-ui, sans-serif;--body: "Nunito", "Hiragino Sans", "Yu Gothic UI", "Noto Sans CJK JP", "Noto Sans JP", "Meiryo", system-ui, sans-serif;}html:lang(zh){--display: "Fredoka", "WJ Rounded ZH", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--body: "Nunito", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", system-ui, sans-serif;}html:lang(ko){--display: "Fredoka", "WJ Rounded KO", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans CJK KR", system-ui, sans-serif;--body: "Nunito", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans CJK KR", "Noto Sans KR", system-ui, sans-serif;}html:lang(th){--display: "Fredoka", "WJ Rounded TH", "Thonburi", "Leelawadee UI", "Noto Sans Thai", system-ui, sans-serif;--body: "Nunito", "Thonburi", "Leelawadee UI", "Noto Sans Thai", "Tahoma", system-ui, sans-serif;}html:lang(ar){--display: "Fredoka", "WJ Rounded AR", "Geeza Pro", "Segoe UI", "Noto Sans Arabic", system-ui, sans-serif;--body: "Nunito", "Geeza Pro", "Segoe UI", "Noto Naskh Arabic", "Noto Sans Arabic", "Tahoma", system-ui, sans-serif;}html:lang(ar) *, html:lang(th) *, html:lang(ja) *, html:lang(zh) *, html:lang(ko) *{letter-spacing: 0 !important;}html:lang(th) h1, html:lang(th) h2, html:lang(th) h3{line-height: 1.3;}html:lang(th) .lede, html:lang(th) .tagline{line-height: 1.5;}html:lang(th) .btn, html:lang(th) .chip, html:lang(th) .facts, html:lang(th) .tag{line-height: 1.5;}html:lang(th) .chip{text-transform: none;}html:lang(ar) h1, html:lang(ar) h2, html:lang(ar) h3, html:lang(ar) .lede, html:lang(ar) .tagline{line-height: 1.3;}html:lang(ar) .btn, html:lang(ar) .facts, html:lang(ar) .chip{line-height: 1.5;}html:lang(ko) body{word-break: keep-all;}html:lang(ja) body, html:lang(zh) body{line-break: strict;}html:lang(ja) :is(h1, h2, h3, p, .lede){word-break: auto-phrase;}.desc, .about-text p, .sub, .perks li > span:last-child, .tagline{hyphens: auto;overflow-wrap: break-word;}.btn, .chip, .facts li, .tag, .perks strong, .lede, .game h3, h2, .released, .section-note{overflow-wrap: anywhere;}@media (min-width: 2000px){html{font-size: 118.75%;}}@media (min-width: 2600px){html{font-size: 137.5%;}}@media (min-width: 3400px){html{font-size: 162.5%;}}*, *::before, *::after{box-sizing: border-box;}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 1rem;}body{margin: 0;background: var(--cream);color: var(--ink);font: 400 1.0625rem/1.6 var(--body);overflow-x: hidden;}img, video, svg{display: block;max-width: 100%;}a{color: inherit;}h1, h2, h3{font-family: var(--display);line-height: 1.05;margin: 0;}p{margin: 0 0 1em;}p:last-child{margin-bottom: 0;}:focus-visible{outline: 4px solid var(--sky);outline-offset: 3px;border-radius: 10px;}.wrap{width: 100%;max-width: calc(var(--wrap) + 2 * var(--gutter));margin: 0 auto;padding: 0 var(--gutter);}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;}.skip{position: absolute;inset-inline-start: 1rem;top: -4rem;z-index: 10;background: var(--sun);color: var(--ink);font: 600 1rem var(--display);padding: .6rem 1rem;border: var(--line) solid var(--ink);border-radius: 12px;text-decoration: none;transition: top .15s;}.skip:focus{top: 1rem;}.btn{--bg: var(--mint);--bg-hover: #5ee8aa;--edge: var(--ink);display: inline-flex;align-items: center;justify-content: center;gap: .55em;min-height: 3.25rem;padding: .7rem 1.5rem;background: var(--bg);color: var(--ink);border: var(--line) solid var(--ink);border-radius: 18px;box-shadow: 0 5px 0 var(--edge);font: 600 1.15rem/1.1 var(--display);letter-spacing: .01em;text-decoration: none;cursor: pointer;user-select: none;transition: transform .12s ease, box-shadow .12s ease, background-color .15s;}.btn:hover{background: var(--bg-hover);transform: translateY(-2px);box-shadow: 0 7px 0 var(--edge);}.btn:active{transform: translateY(4px);box-shadow: 0 1px 0 var(--edge);}.btn-sun{--bg: var(--sun);--bg-hover: #ffd766;}.btn-ghost{--bg: var(--paper);--bg-hover: var(--cream);font-size: 1.05rem;}.btn-play{font-size: 1.3rem;min-height: 3.6rem;padding-inline: 1.6rem;}.btn .tri{width: 0;height: 0;border-style: solid;border-width: .45em 0 .45em .72em;border-color: transparent transparent transparent currentColor;margin-inline-start: .1em;}.btn-arrow{display: inline-block;transition: transform .2s;}.btn:hover .btn-arrow{transform: translateY(3px);}.ext{font-size: .85em;}.topbar{position: absolute;inset: 0 0 auto;z-index: 3;}.topbar-inner{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: .25rem 1rem;padding-top: 1rem;padding-bottom: 1rem;}.brand{display: inline-flex;align-items: center;gap: .6rem;text-decoration: none;color: #fff;white-space: nowrap;}.brand-jar{width: 2.25rem;height: auto;transform-origin: 50% 90%;}.brand:hover .brand-jar{animation: wobble .8s ease;}.brand-name{font: 700 1.45rem/1 var(--brand);letter-spacing: .01em;}.brand-name span{color: var(--sun);}.topbar nav{display: flex;gap: .25rem;}.topbar nav a{color: #fff;text-decoration: none;font: 600 1.05rem var(--display);white-space: nowrap;padding: .45rem .9rem;border-radius: 999px;transition: background-color .15s;}.topbar nav a:hover{background: rgb(255 255 255 / .14);}[dir="rtl"] .btn .tri, [dir="rtl"] .ext{transform: scaleX(-1);}[dir="rtl"] .pb-icon::before, [dir="rtl"] .perk-a::before{scale: -1 1;}[dir="rtl"] .pb-icon::before{left: 45%;}[dir="rtl"] .perk-a::before{left: 44%;}[dir="rtl"] .hero-text .wordmark{text-align: right;}[dir="rtl"] .game h3{text-align: right;}.email, .contact a, .about-contact a{direction: ltr;unicode-bidi: isolate;}.topbar-inner{position: relative;}.topbar-end{display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;gap: .25rem;margin-inline-start: auto;}.lang{position: static;}.lang-btn{list-style: none;display: inline-flex;align-items: center;gap: .45rem;cursor: pointer;user-select: none;min-height: 2.5rem;padding: .35rem .8rem;border-radius: 999px;color: #fff;font: 700 .98rem/1.2 system-ui, "Segoe UI", sans-serif;transition: background-color .15s;}.lang-btn::-webkit-details-marker{display: none;}.lang-btn:hover, .lang[open] .lang-btn{background: rgb(255 255 255 / .18);}.lang-globe{width: 1.35rem;height: 1.35rem;flex: none;}.lang-list{position: absolute;inset-block-start: calc(100% - .35rem);inset-inline-end: var(--gutter);z-index: 5;width: min(23rem, calc(100vw - 2 * var(--gutter)));max-height: min(75vh, 30rem);overflow: auto;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: .15rem;margin: 0;padding: .5rem;list-style: none;background: var(--paper);border: var(--line) solid var(--ink);border-radius: 22px;box-shadow: 0 7px 0 var(--ink);}.lang-list a{display: flex;align-items: center;min-height: 2.75rem;padding: .4rem .8rem;border-radius: 12px;color: var(--ink);text-decoration: none;font: 700 1rem/1.25 system-ui, "Segoe UI", sans-serif;}.lang-list a:hover{background: var(--cream);}.lang-list a[aria-current]{background: var(--sun);}@media (min-width: 720px){.lang-list{width: 31rem;grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (max-width: 560px){.lang-cur{display: none;}.lang-btn{padding-inline: .6rem;}}.hero{position: relative;isolation: isolate;overflow: hidden;color: #fff;background: radial-gradient(60rem 30rem at 85% -10%, rgb(255 93 143 / .45), transparent 60%), radial-gradient(50rem 30rem at 0% 110%, rgb(76 201 240 / .35), transparent 60%), radial-gradient(circle at 1px 1px, rgb(255 255 255 / .11) 1.5px, transparent 2px) 0 0 / 28px 28px, linear-gradient(160deg, var(--grape-2), var(--grape) 55%, var(--grape-dark));padding: clamp(5.5rem, 10vw, 7.5rem) 0 clamp(4.5rem, 8vw, 6.5rem);}.hero-inner{display: flex;align-items: center;justify-content: center;gap: clamp(1.5rem, 5vw, 4.5rem);}.hero-jar{flex: none;width: clamp(150px, 26vw, 18.75rem);padding: 0;margin: 0;border: 0;background: none;cursor: pointer;border-radius: 40px;filter: drop-shadow(0 14px 0 rgb(20 6 50 / .35));}.hero-jar svg{width: 100%;height: auto;overflow: visible;}.hero-jar .jar-all{transform-origin: 50% 95%;transform-box: fill-box;animation: idle-wobble 7s ease-in-out 1.2s infinite;}.hero-jar:hover .jar-all, .hero-jar.shake .jar-all{animation: wobble .9s ease;}.hero-jar .jar-lid{transform-box: fill-box;transform-origin: 50% 100%;transition: transform .25s cubic-bezier(.3, 1.6, .5, 1);}.hero-jar:hover .jar-lid, .hero-jar.shake .jar-lid{transform: translateY(-10px) rotate(-6deg);}.hero-jar .buddy{transform-box: fill-box;transform-origin: 50% 100%;}.hero-jar:hover .buddy, .hero-jar.shake .buddy{animation: hop .55s cubic-bezier(.3, 1.4, .5, 1) 2;}.hero-jar .b2{animation-delay: .08s !important;}.hero-jar .b3{animation-delay: .16s !important;}.hero-jar .b4{animation-delay: .04s !important;}.hero-jar .b5{animation-delay: .12s !important;}.hero-text{max-width: 36rem;}.wordmark{font-weight: 700;font-size: clamp(3.4rem, 10vw, 7rem);line-height: .92;color: var(--sun);letter-spacing: .01em;text-shadow: 0 3px 0 var(--ink), 0 -3px 0 var(--ink), 3px 0 0 var(--ink), -3px 0 0 var(--ink), 2px 2px 0 var(--ink), -2px 2px 0 var(--ink), 2px -2px 0 var(--ink), -2px -2px 0 var(--ink), 0 9px 0 var(--ink), 3px 8px 0 var(--ink), -3px 8px 0 var(--ink);margin-bottom: 1.25rem;}.wm-line{display: block;white-space: nowrap;font-family: var(--brand);direction: ltr;}.wm-line + .wm-line{color: #fff;margin-inline-start: .55em;}.wm-line span{display: inline-block;transform: rotate(var(--r, 0deg)) translateY(var(--y, 0));transition: transform .25s cubic-bezier(.3, 1.6, .5, 1);}.wm-line span:nth-child(odd){--r: -4deg;}.wm-line span:nth-child(even){--r: 3deg;--y: -.04em;}.wm-line span:nth-child(3n){--r: -1deg;--y: .03em;}.wordmark:hover .wm-line span{animation: letter-hop .5s cubic-bezier(.3, 1.4, .5, 1);}.wordmark:hover .wm-line span:nth-child(2){animation-delay: .04s;}.wordmark:hover .wm-line span:nth-child(3){animation-delay: .08s;}.wordmark:hover .wm-line span:nth-child(4){animation-delay: .12s;}.wordmark:hover .wm-line span:nth-child(5){animation-delay: .16s;}.wordmark:hover .wm-line span:nth-child(6){animation-delay: .2s;}.lede{font: 600 clamp(1.3rem, 2.6vw, 1.75rem)/1.25 var(--display);margin-bottom: .5rem;text-wrap: balance;}.sub{color: rgb(255 255 255 / .86);font-size: 1.05rem;margin-bottom: 1.6rem;text-wrap: balance;}.hero-deco{position: absolute;inset: 0;z-index: -1;pointer-events: none;}.d{position: absolute;display: block;animation: float 9s ease-in-out infinite;opacity: .9;}.d1{left: 6%;top: 22%;width: 22px;height: 22px;border-radius: 50%;background: var(--sun);}.d2{left: 5%;top: 78%;width: 34px;height: 34px;border-radius: 9px;background: var(--pink);--rot: 18deg;animation-delay: -2s;}.d3{right: 8%;top: 18%;width: 26px;height: 26px;background: var(--mint);clip-path: polygon(50% 0, 63% 35%, 100% 38%, 71% 61%, 81% 100%, 50% 78%, 19% 100%, 29% 61%, 0 38%, 37% 35%);animation-delay: -4s;}.d4{right: 16%;top: 72%;width: 18px;height: 18px;border-radius: 50%;background: var(--sky);animation-delay: -6s;}.d5{left: 46%;top: 12%;width: 14px;height: 14px;border-radius: 50%;background: rgb(255 255 255 / .7);animation-delay: -3s;}.d6{right: 38%;top: 82%;width: 24px;height: 24px;border-radius: 6px;background: var(--sun);--rot: -14deg;animation-delay: -5s;}.d7{left: 30%;top: 40%;width: 10px;height: 10px;border-radius: 50%;background: var(--pink);animation-delay: -1s;}.d8{right: 3%;top: 46%;width: 30px;height: 30px;border: 5px solid var(--sun);border-radius: 50%;animation-delay: -7s;}.wave{position: absolute;left: 0;right: 0;bottom: -1px;width: 100%;height: clamp(28px, 5vw, 70px);fill: var(--cream);}.games{padding: clamp(2rem, 5vw, 3.5rem) 0 clamp(3rem, 7vw, 5rem);}.section-head{display: flex;flex-wrap: wrap;align-items: baseline;gap: .5rem 1.25rem;margin-bottom: clamp(1.5rem, 3vw, 2.25rem);}.section-head h2, .about h2{font-size: clamp(2.2rem, 5vw, 3.2rem);font-weight: 700;}.hl{background: linear-gradient(transparent 58%, var(--sun) 58%, var(--sun) 92%, transparent 92%);padding: 0 .12em;border-radius: 4px;}.hl-mint{background: linear-gradient(transparent 58%, var(--mint) 58%, var(--mint) 92%, transparent 92%);}.section-note{color: var(--ink-soft);font-weight: 700;margin: 0;}.grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr));gap: clamp(1.5rem, 3.5vw, 2.75rem);align-items: stretch;}.game{--accent: var(--sun);position: relative;display: flex;flex-direction: column;background: var(--paper);border: var(--line) solid var(--ink);border-radius: var(--radius);box-shadow: var(--shadow);transition: transform .2s cubic-bezier(.3, 1.4, .5, 1), box-shadow .2s;}.game:hover, .game:focus-within{transform: translateY(-4px) rotate(-.35deg);box-shadow: 0 11px 0 var(--ink);}.game:nth-child(even):hover, .game:nth-child(even):focus-within{transform: translateY(-4px) rotate(.35deg);}.cover{position: relative;aspect-ratio: 16 / 9;overflow: hidden;border-radius: calc(var(--radius) - var(--line)) calc(var(--radius) - var(--line)) 0 0;border-bottom: var(--line) solid var(--ink);background: var(--accent);}.cover-link{position: absolute;inset: 0;display: block;}.cover picture, .cover img, .cover video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}.cover img{transition: transform .5s ease;}.cover video{opacity: 0;transition: opacity .3s ease;}.game.is-playing .cover video{opacity: 1;}.game:hover .cover img{transform: scale(1.03);}.cover .platform-tag{position: absolute;inset-inline-start: .85rem;top: .85rem;z-index: 1;display: inline-flex;gap: .3rem;flex-wrap: wrap;pointer-events: none;}.tag{display: inline-block;padding: .2rem .65rem;border: 2px solid var(--ink);border-radius: 999px;background: var(--paper);color: var(--ink);font: 600 .85rem/1.3 var(--display);letter-spacing: .02em;box-shadow: 0 3px 0 var(--ink);}.tag-playgama{background: #ffe066;}.tag-poki{background: #8fd3ff;}.tag-crazygames{background: #d6b8ff;}.preview-btn{position: absolute;inset-inline-end: .85rem;bottom: .85rem;z-index: 1;display: inline-flex;align-items: center;gap: .45rem;padding: .35rem .8rem .35rem .45rem;padding-inline: .45rem .8rem;background: rgb(255 255 255 / .94);color: var(--ink);border: 2px solid var(--ink);border-radius: 999px;box-shadow: 0 3px 0 var(--ink);font: 600 .85rem/1 var(--display);cursor: pointer;transition: transform .12s, box-shadow .12s, opacity .2s;}.preview-btn:hover{transform: translateY(-1px);box-shadow: 0 4px 0 var(--ink);}.preview-btn:active{transform: translateY(2px);box-shadow: 0 1px 0 var(--ink);}.preview-btn .pb-icon{position: relative;width: 1.6rem;height: 1.6rem;border-radius: 50%;background: var(--ink);}.preview-btn .pb-icon::before{content: "";position: absolute;left: 55%;top: 50%;translate: -50% -50%;border-style: solid;border-width: .32rem 0 .32rem .5rem;border-color: transparent transparent transparent #fff;}.preview-btn[aria-pressed="true"] .pb-icon::before{left: 50%;width: .5rem;height: .6rem;border: 0;border-left: .17rem solid #fff;border-right: .17rem solid #fff;}@media (hover: hover) and (pointer: fine){.preview-btn{opacity: 0;}.game:hover .preview-btn, .preview-btn:focus-visible, .game.is-playing .preview-btn, .manual-preview .preview-btn{opacity: 1;}}.game-body{display: flex;flex-direction: column;flex: 1;padding: clamp(1.25rem, 2.6vw, 1.85rem);}.meta{display: flex;flex-wrap: wrap;align-items: center;gap: .4rem;margin: 0 0 .7rem;padding: 0;list-style: none;}.chip{padding: .15rem .6rem;border-radius: 8px;background: var(--cream);border: 2px solid var(--cream-2);font: 600 .8rem/1.4 var(--display);letter-spacing: .06em;text-transform: uppercase;color: var(--ink-soft);}.game h3{font-size: clamp(1.9rem, 3.6vw, 2.5rem);font-weight: 700;margin-bottom: .2rem;}.game h3 a{text-decoration: none;}.tagline{font: 600 1.15rem/1.3 var(--display);color: var(--ink-soft);margin-bottom: .9rem;}.desc{margin-bottom: 1.1rem;}.facts{display: flex;flex-wrap: wrap;gap: .45rem;margin: 0 0 1.4rem;padding: 0;list-style: none;font: 600 .98rem/1.3 var(--display);}.facts li{display: inline-flex;align-items: center;gap: .5rem;padding: .3rem .8rem .3rem .6rem;padding-inline: .6rem .8rem;background: var(--cream);border-radius: 999px;}.facts li::before{content: "";width: .5rem;height: .5rem;border-radius: 50%;background: var(--accent);box-shadow: 0 0 0 2px var(--ink);flex: none;}.actions{display: flex;flex-wrap: wrap;align-items: center;gap: .9rem 1rem;margin-top: auto;}.actions .btn-play{flex: 1 1 15rem;}.released{color: var(--ink-soft);font-size: .9rem;font-weight: 700;margin: .9rem 0 0;}.more{display: flex;align-items: center;gap: 1.1rem;margin-top: clamp(2rem, 4vw, 3rem);padding: 1.1rem 1.4rem;border: var(--line) dashed rgb(43 24 70 / .45);border-radius: 22px;color: var(--ink-soft);}.more img{flex: none;width: 3rem;height: auto;transform-origin: 50% 90%;animation: idle-wobble 6s ease-in-out infinite;}.more strong{color: var(--ink);}.about{padding: 0 0 clamp(3rem, 6vw, 4.5rem);}.about-inner{display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);gap: clamp(1.5rem, 4vw, 3.5rem);align-items: center;}.about-text h2{margin-bottom: 1.1rem;}.about-text p{font-size: 1.1rem;max-width: 36rem;}.perks{list-style: none;margin: 0;padding: 0;display: grid;gap: 1rem;}.perks li{display: grid;grid-template-columns: 3.4rem 1fr;column-gap: 1rem;align-items: center;padding: 1rem 1.2rem;background: var(--paper);border: var(--line) solid var(--ink);border-radius: 22px;box-shadow: 0 5px 0 var(--ink);}.perks li:nth-child(2){margin-inline-start: clamp(0rem, 3vw, 2rem);}.perks strong{font: 600 1.2rem/1.2 var(--display);}.perks li > span:last-child{grid-column: 2;color: var(--ink-soft);font-size: .98rem;line-height: 1.4;}.perk-icon{grid-row: span 2;width: 3.4rem;height: 3.4rem;border-radius: 16px;border: var(--line) solid var(--ink);position: relative;}.perk-a{background: var(--sun);}.perk-a::before{content: "";position: absolute;left: 56%;top: 50%;translate: -50% -50%;border-style: solid;border-width: .7rem 0 .7rem 1.1rem;border-color: transparent transparent transparent var(--ink);}.perk-b{background: var(--sky);}.perk-b::before{content: "";position: absolute;left: 50%;top: 50%;translate: -50% -50%;width: 1.25rem;height: 1.9rem;border: 3px solid var(--ink);border-radius: 5px;background: #fff;}.perk-c{background: var(--pink);}.perk-c::before{content: "";position: absolute;left: 50%;top: 54%;translate: -50% -50%;width: 1.5rem;height: 1.35rem;background: #fff;clip-path: path("M12 21.6 2.2 11.8A5.6 5.6 0 0 1 12 4.3a5.6 5.6 0 0 1 9.8 7.5z");}.footer{position: relative;background: var(--grape-dark);color: rgb(255 255 255 / .85);padding: clamp(3rem, 6vw, 4.5rem) 0 2.5rem;margin-top: clamp(1rem, 3vw, 2rem);}.wave-top{top: -1px;bottom: auto;fill: var(--cream);}.footer-inner{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1.25rem 2rem;}.social{display: flex;gap: .6rem;margin: 0;padding: 0;list-style: none;}.social a{display: grid;place-items: center;width: 2.75rem;height: 2.75rem;border-radius: 14px;background: rgb(255 255 255 / .1);color: #fff;transition: background-color .15s, transform .15s;}.social a:hover{background: rgb(255 255 255 / .2);transform: translateY(-2px);}.social svg{width: 1.3rem;height: 1.3rem;fill: currentColor;}.contact{margin: 0;font-weight: 700;}.contact a{color: var(--sun);text-underline-offset: 3px;}.about-contact a{font-weight: 700;text-underline-offset: 3px;text-decoration-color: var(--mint-dark);text-decoration-thickness: 2px;}.fine{flex-basis: 100%;margin: 0;font-size: .9rem;color: rgb(255 255 255 / .7);}@keyframes wobble{0%{transform: rotate(0);}15%{transform: rotate(-9deg);}30%{transform: rotate(7deg);}45%{transform: rotate(-5deg);}60%{transform: rotate(3deg);}75%{transform: rotate(-1.5deg);}100%{transform: rotate(0);}}@keyframes idle-wobble{0%, 82%, 100%{transform: rotate(0);}86%{transform: rotate(-5deg);}90%{transform: rotate(4deg);}94%{transform: rotate(-2deg);}97%{transform: rotate(1deg);}}@keyframes hop{0%, 100%{transform: translateY(0) scale(1, 1);}20%{transform: translateY(0) scale(1.08, .9);}50%{transform: translateY(-14px) scale(.95, 1.06);}80%{transform: translateY(0) scale(1.05, .95);}}@keyframes letter-hop{0%, 100%{transform: rotate(var(--r, 0deg)) translateY(var(--y, 0));}45%{transform: rotate(calc(var(--r, 0deg) * -1)) translateY(-.12em);}}@keyframes float{0%, 100%{transform: translateY(0) rotate(var(--rot, 0deg));}50%{transform: translateY(-14px) rotate(calc(var(--rot, 0deg) + 12deg));}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}*, *::before, *::after{animation: none !important;transition-duration: .01ms !important;}.game:hover, .game:focus-within, .game:nth-child(even):hover, .game:nth-child(even):focus-within{transform: none;}}@media (max-width: 760px){.d2, .d6, .d7, .d4{display: none;}.hero{padding: 4.75rem 0 3.75rem;}.hero-inner{flex-direction: column;text-align: center;gap: 1rem;}.hero-jar{width: clamp(120px, 34vw, 170px);}.wm-line + .wm-line{margin-inline-start: 0;}.wordmark{margin-bottom: 1rem;}[dir="rtl"] .hero-text .wordmark{text-align: center;}.about-inner{grid-template-columns: 1fr;}.perks li:nth-child(2){margin-inline-start: 0;}}@media (max-width: 359px){.hero{padding-top: 6.75rem;}}@media (max-width: 420px){.topbar nav a{padding: .4rem .6rem;font-size: 1rem;}.brand-name{font-size: 1.25rem;}.actions .btn{width: 100%;}.facts{font-size: .92rem;}}.lost-hero{min-height: 100vh;min-height: 100svh;display: grid;place-items: center;padding: 3rem 0;}.lost-inner{text-align: center;display: grid;justify-items: center;gap: .5rem;}.lost-jar{width: 160px;height: auto;transform: rotate(-14deg);transform-origin: 50% 90%;animation: wobble 1.2s ease .3s;margin-bottom: 1rem;}.lost-title{margin-bottom: .5rem;}.lost-inner .lede{margin-bottom: 1.5rem;}#lasso-ranch{--accent:#ffb627}#mahjong-tide{--accent:#3d7bd9}