:root{--ink:#18251f;--deep:#10291e;--lime:#9be15d;--yellow:#f5c54f;--coral:#dd5949;--blue:#437f8d;--paper:#f4ead6;--paper-green:#b8d77d;color:var(--ink);font-synthesis:none;background:#09150f;font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#09150f}body{background:radial-gradient(circle at 15% 15%,#9be15d14,#0000 30%),radial-gradient(circle at 86% 45%,#f5c54f0e,#0000 26%),linear-gradient(135deg,#10291e,#0a1d15 62%,#10271c);min-height:100vh;margin:0}button,a{font:inherit}a{color:inherit}[hidden]{display:none!important}.filter-defs{width:0;height:0;position:absolute;overflow:hidden}.site-shell{background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:min(100%,680px);min-height:100vh;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 0 70px #050b08}.topbar{min-height:88px;color:var(--lime);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#091911c7;border-bottom:1px solid #f4ead624;justify-content:space-between;align-items:center;gap:20px;padding:12px 24px;display:flex;position:sticky;top:0}.brand{color:inherit;letter-spacing:-.06em;align-items:center;gap:10px;font-size:clamp(1.55rem,6vw,2.3rem);font-weight:950;line-height:1;text-decoration:none;display:flex}.brand-frog-wrap{flex:none;place-items:center;width:68px;height:68px;display:inline-grid;transform:rotate(-4deg)}.brand-frog{width:68px;height:68px;display:block;overflow:visible}.menu-button{aspect-ratio:1;color:#f5efdf;cursor:pointer;background:#ffffff06;border:2px solid #f4ead63d;border-radius:16px;align-content:center;justify-items:center;gap:5px;width:56px;display:grid;box-shadow:inset 0 0 0 1px #00000040}.menu-button span{background:currentColor;border-radius:2px;width:25px;height:3px}.menu-button:focus-visible,.brand:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.menu-panel{background:#10291e;border:1px solid #f4ead638;border-radius:15px;gap:4px;min-width:180px;padding:10px;display:grid;position:absolute;top:calc(100% - 8px);right:20px;box-shadow:0 16px 30px #0000006b}.menu-panel a{color:#f4ead6;text-transform:lowercase;border-radius:10px;padding:10px 12px;text-decoration:none}.menu-panel a:hover,.menu-panel a[aria-current=page]{color:var(--lime);background:#ffffff0f}main{padding:34px 22px 58px}.hero{flex-direction:column;align-items:center;min-height:315px;margin-bottom:24px;display:flex;position:relative}.paper{isolation:isolate;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E"),linear-gradient(95deg,#ffffff38,#0000 60%);position:relative;box-shadow:0 12px #050e09b3,0 18px 32px #00000047}.paper:after{content:"";pointer-events:none;mix-blend-mode:multiply;border:1px solid #2e2b2021;position:absolute;inset:0}.hero-title{text-align:center;width:calc(100% - 28px);min-height:220px;color:var(--lime);clip-path:polygon(1% 6%,13% 3%,25% 5%,39% 2%,54% 5%,69% 2%,82% 5%,98% 2%,97% 24%,100% 42%,98% 61%,100% 79%,97% 97%,82% 95%,68% 98%,53% 95%,38% 99%,22% 96%,7% 99%,2% 94%,3% 75%,0 57%,3% 39%);background-color:#173426;place-content:center;margin:0 auto;padding:48px 30px 46px;display:grid;transform:rotate(-1.2deg)}.eyebrow{color:var(--yellow);letter-spacing:.2em;text-transform:uppercase;margin:0 0 9px;font-size:.86rem;font-weight:950}h1{letter-spacing:-.075em;margin:0;font-size:clamp(3.2rem,14vw,5.8rem);font-weight:950;line-height:.89}.subtitle-paper{text-align:center;clip-path:polygon(1% 4%,99% 1%,98% 92%,90% 95%,82% 91%,72% 96%,62% 92%,51% 97%,41% 92%,31% 97%,20% 93%,10% 98%,2% 93%);background-color:#f5ead4;background-image:linear-gradient(90deg,#0000 0 25px,#d9554573 25px 27px,#0000 27px),repeating-linear-gradient(0deg,#0000 0 20px,#508ba04d 20px 21px),linear-gradient(110deg,#ffffff3d,#0000 58%);width:min(78%,470px);margin:-23px auto 0;padding:21px 28px 20px;font-size:clamp(1.15rem,4.5vw,1.65rem);line-height:1.25;transform:rotate(-1.7deg)}.tape{z-index:6;opacity:.88;clip-path:polygon(2% 5%,98% 0,100% 89%,96% 95%,88% 90%,80% 98%,71% 91%,61% 97%,52% 92%,42% 98%,33% 91%,23% 97%,14% 90%,5% 96%,0 90%);pointer-events:none;border:1px solid #5d3f1629;position:absolute;box-shadow:0 2px 3px #00000024}.hero-tape{width:184px;height:44px;top:1px;left:50%;transform:translate(-50%)rotate(1deg)}.tape-grid{background-color:#f2e7d1;background-image:repeating-linear-gradient(90deg,#0000 0 24px,#2a4c3647 24px 26px),repeating-linear-gradient(0deg,#0000 0 14px,#2a4c3629 14px 16px),linear-gradient(100deg,#ffffff3d,#0000 42%,#ffffff17)}.tape-dots{background-color:#e5c46d;background-image:radial-gradient(#fff4c8 2px,#0000 2px),linear-gradient(100deg,#ffffff3d,#0000 42%);background-size:13px 13px,auto}.tape-lined{background-color:#cbdca5;background-image:linear-gradient(#8aa466 2px,#0000 2px),linear-gradient(90deg,#8aa466 2px,#0000 2px),linear-gradient(100deg,#ffffff3d,#0000 42%);background-size:18px 18px,18px 18px,auto}.games-label{letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(4% 8%,96% 1%,100% 88%,92% 100%,6% 94%,0 76%);width:fit-content;margin:0 auto 23px;padding:12px 34px 10px;font-size:1.75rem;font-weight:950;line-height:1;transform:rotate(-2deg);box-shadow:0 8px #08150f}.paper-speckled{background-color:#e8dcc3;background-image:radial-gradient(#8f7a57 1px,#0000 1px),linear-gradient(110deg,#fff3,#0000 58%);background-size:12px 12px,auto}.games-status{color:#f4ead6cc;text-align:center;max-width:32rem;margin:0 auto 18px;font-family:system-ui,sans-serif}.games-list{gap:21px;margin:0;padding:0;list-style:none;display:grid}.game-card-wrap{transition:transform .18s,filter .18s;position:relative;overflow:visible}.game-card-wrap:hover,.game-card-wrap:focus-within{filter:brightness(1.02);z-index:4;transform:translateY(-5px)scale(1.01)!important}.game-card-wrap:active{transform:translateY(2px)scale(.99)!important}.game-card{width:100%;min-height:176px;color:var(--ink);cursor:pointer;grid-template-columns:112px 1fr;align-items:center;gap:18px;padding:25px 24px 23px;text-decoration:none;display:grid}.variant-1{margin-inline:17px 5px;transform:rotate(-1.2deg)}.variant-1 .game-card{clip-path:polygon(1% 2%,99% 0,98% 97%,2% 100%);background-color:#f4eddc;background-image:linear-gradient(#b6d1d9 1px,#0000 1px),linear-gradient(90deg,#b6d1d9 1px,#0000 1px),linear-gradient(110deg,#ffffff47,#0000 58%);background-size:18px 18px,18px 18px,auto}.variant-2{margin-inline:3px 17px;transform:rotate(1.1deg)}.variant-2 .game-card{clip-path:polygon(0 2%,99% 0,98% 100%,1% 97%);background-color:#f5ead4;background-image:linear-gradient(90deg,#0000 0 25px,#d9554573 25px 27px,#0000 27px),repeating-linear-gradient(0deg,#0000 0 20px,#508ba04d 20px 21px),linear-gradient(110deg,#ffffff3d,#0000 58%)}.variant-3{margin-inline:13px 4px;transform:rotate(-.8deg)}.variant-3 .game-card{clip-path:polygon(0 0,100% 2%,96% 100%,4% 97%);background:linear-gradient(110deg,#ffffff2e,#0000 58%),#eed8a9;box-shadow:inset 0 0 28px #67391233,0 12px #050e09b3,0 18px 32px #00000047}.card-tape{width:125px;height:35px;top:-13px;right:10px;transform:rotate(7deg)}.variant-3 .card-tape{width:102px;left:24px;right:auto;transform:rotate(-7deg)}.game-art{aspect-ratio:1;place-items:center;width:108px;display:grid}.game-symbol{background:#f6e9c9;border:9px solid #f8f0da;border-radius:44% 56% 48% 52%/53% 45% 55% 47%;place-items:center;width:88px;height:88px;line-height:1;display:grid;transform:rotate(-7deg);box-shadow:0 7px #00000040,inset 0 0 0 2px #2c261a14}.symbol-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:3.55rem}.symbol-question{color:#315d28;font-size:4rem;font-weight:950}.variant-2 .game-symbol{transform:rotate(7deg)}.variant-3 .game-symbol{transform:rotate(-4deg)}.game-copy{min-width:0}.game-copy h3{letter-spacing:-.04em;margin:0 0 7px;font-size:clamp(1.8rem,7vw,2.45rem);line-height:1}.variant-1 h3{color:var(--coral)}.variant-2 h3{color:#173729}.variant-3 h3{color:var(--blue)}.game-copy p{opacity:.9;margin:0;padding-right:15px;font-family:system-ui,sans-serif;font-size:1.02rem;line-height:1.42}.arrow-button{background:var(--yellow);color:#14271d;border:3px solid #15271e;border-radius:50%;place-items:center;width:45px;height:45px;font-size:1.65rem;font-weight:950;display:grid;position:absolute;bottom:14px;right:18px;box-shadow:0 4px #00000059}.footer-links{border-top:1px solid #f4ead624;flex-wrap:wrap;justify-content:center;gap:12px 26px;margin:38px 15px 0;padding-top:18px;font:700 .9rem/1.4 system-ui,sans-serif;display:flex}.footer-links a{color:#f4ead6cc;text-underline-offset:5px;text-decoration-color:#9be15d80;text-decoration-thickness:2px}.footer-links a:hover{color:var(--lime);text-decoration-color:currentColor}.info-main{align-items:start;min-height:calc(100vh - 88px);padding-top:64px;display:grid}.info-paper{clip-path:polygon(1% 2%,99% 0,98% 95%,90% 98%,79% 95%,69% 99%,58% 96%,47% 100%,36% 96%,25% 99%,14% 96%,2% 99%);width:min(100%,560px);margin:0 auto;padding:46px 38px 42px;font-family:system-ui,sans-serif;font-size:1.05rem;line-height:1.65;transform:rotate(-.5deg)}.info-title{color:#173729;margin-bottom:24px;font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif;font-size:clamp(2.7rem,11vw,4.8rem)}.dark-eyebrow{color:#a6533f}.info-tape{width:150px;height:40px;top:-17px;left:50%;transform:translate(-50%)rotate(2deg)}.paper-lined{background-color:#f5ead4;background-image:repeating-linear-gradient(0deg,#0000 0 25px,#508ba038 25px 26px)}.paper-grid{background-color:#f4eddc;background-image:linear-gradient(#b6d1d9 1px,#0000 1px),linear-gradient(90deg,#b6d1d9 1px,#0000 1px);background-size:22px 22px}.attribution-list{padding-left:1.25rem}.attribution-list li+li{margin-top:12px}.paper-link{color:#315d28;text-underline-offset:4px;margin-top:20px;font-weight:800;display:inline-block}@media (width<=470px){.topbar{min-height:77px;padding-inline:16px}.brand-frog-wrap,.brand-frog{width:58px;height:58px}.menu-button{width:50px}main{padding-inline:13px}.hero-title{padding-inline:20px}.subtitle-paper{width:83%}.game-card{grid-template-columns:92px 1fr;gap:13px;min-height:163px;padding:22px 18px}.game-art{width:91px}.game-symbol{border-width:8px;width:76px;height:76px}.symbol-emoji{font-size:3rem}.symbol-question{font-size:3.45rem}.game-copy p{padding-right:12px;font-size:.92rem}.arrow-button{width:39px;height:39px;font-size:1.4rem}.info-main{padding-top:42px}.info-paper{padding:42px 25px 36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}