@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/fredoka-hebrew-wght-normal.3u9rgg06bs03r.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/fredoka-latin-ext-wght-normal.1hk11_c_h_wu8.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../media/fredoka-latin-wght-normal.2fpsu8src1nhe.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-cyrillic-ext-wght-normal.10yjhutwdm9hx.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-cyrillic-wght-normal.3iik4h93_86zh.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-vietnamese-wght-normal.43reimf7x86lj.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-latin-ext-wght-normal.19c5fcu0u1_l8.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-latin-wght-normal.43ritpld78jne.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--navy:#1f2a3a;--deep:#151d29;--panel:#283547;--line:#34435a;--cream:#fff8f0;--dim:#a9b4c4;--body:#d9dfe8;--coral:#ff6b6b;--orange:#ff9f3d;--on-accent:#1a1410;--grad:linear-gradient(90deg, var(--coral), var(--orange));--display:"Fredoka Variable", "Fredoka", "Nunito Variable", system-ui, sans-serif;--body-font:"Nunito Variable", "Nunito", system-ui, sans-serif;--pad:clamp(16px, 4vw, 44px);--max:1240px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--navy);color:var(--cream);font:400 16px/1.55 var(--body-font);margin:0}img,video{max-width:100%;height:auto;display:block}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--orange);outline-offset:3px}h1,h2,h3{text-wrap:balance}.skip-link{z-index:20;background:var(--cream);color:var(--navy);border-radius:999px;padding:10px 14px;font-weight:800;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.wrap{max-width:calc(var(--max) + 2 * var(--pad));padding-inline:var(--pad);margin:0 auto}.grad{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.top{background:var(--deep);z-index:10;position:sticky;top:0}.top .wrap{align-items:center;gap:22px;padding-block:12px;display:flex}.brand{flex:none;justify-items:end;gap:3px;display:grid}.logo{align-items:center;gap:8px;text-decoration:none;display:flex}.store-tag{font:600 13px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--on-accent);background:var(--grad);border-radius:999px;padding:5px 9px}.byline{color:var(--dim);letter-spacing:.02em;font-size:10.5px;font-weight:700;line-height:1;text-decoration:none}.byline:hover{color:var(--cream)}.nav{gap:22px;margin-left:auto;font-size:15px;font-weight:800;display:flex}.nav a{color:var(--dim);text-decoration:none}.nav a:hover{color:var(--cream)}.btn{background:var(--grad);color:var(--on-accent);border-radius:999px;padding:12px 20px;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.06)}.btn.ghost{color:var(--cream);border:1.5px solid var(--cream);background:0 0}.btn.ghost:hover{border-color:var(--orange)}.section-h{justify-content:space-between;align-items:baseline;gap:12px;margin:34px 0 16px;display:flex}.section-h.gap{margin-top:46px}.section-h h2,.page-h h1{font:600 26px/1.1 var(--display);margin:0}.section-h a,.section-h p{color:var(--dim);margin:0;font-size:13px;font-weight:800;text-decoration:none}.section-h a:hover{color:var(--cream)}.page-h{padding-block:28px 8px}.page-h h1{margin-bottom:6px;font-size:clamp(32px,4.4vw,48px);line-height:1}.page-h p{color:var(--dim);margin:0}.empty{color:var(--dim);padding:40px 0}.cats{border-bottom:1px solid var(--line);align-items:center;gap:6px;margin-bottom:22px;padding-block:14px;display:flex}.cats nav{scrollbar-width:none;gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}.cat{cursor:pointer;color:var(--dim);background:0 0;border:0;border-radius:999px;flex:none;padding:8px 14px;font-size:14px;font-weight:800}.cat:hover{color:var(--cream);background:var(--panel)}.cat[aria-pressed=true]{background:var(--cream);color:var(--navy)}.sort{flex:none;gap:4px;margin-left:auto;padding-left:12px;display:flex}.sort button{color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.sort button[aria-pressed=true]{color:var(--cream);background:var(--panel)}@media (max-width:640px){.cats{flex-wrap:wrap;row-gap:10px}.sort{margin-left:0;padding-left:0}}.tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.5vw,18px);margin:0;padding:0;list-style:none;display:grid}@media (max-width:1100px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.tile{aspect-ratio:3/4.2;background:var(--panel);isolation:isolate;border-radius:18px;text-decoration:none;transition:transform .18s,box-shadow .22s;display:block;position:relative;overflow:hidden}.tile:is(:hover,:focus-visible){transform:translateY(-5px);box-shadow:0 16px 30px -12px #ff6b6b66}.tile .bg,.tile video{object-fit:cover;object-position:50% 0%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.tile video{object-position:50% 15%;opacity:0;transition:opacity .18s}.tile video[data-playing]{opacity:1}.tile:is(:hover,:focus-visible) .cap img{animation:.62s cubic-bezier(.3,.7,.4,1) hop}@keyframes hop{0%{transform:none}18%{transform:scale(1.12,.86)}45%{transform:translateY(-12px)scale(.94,1.08)}70%{transform:scale(1.1,.9)}85%{transform:scale(.97,1.03)}to{transform:none}}.tile:after{content:"";z-index:-1;background:linear-gradient(#0000,#0c111af2 60%);position:absolute;inset:38% 0 0}.tile .cap{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid;position:absolute;bottom:0;left:0;right:0}.tile .cap img{transform-origin:50% 100%;border-radius:11px;width:42px;height:42px}.tile b{font:600 17px/1.15 var(--display);display:block}.tile small{color:var(--dim);font-size:12px;font-weight:700;line-height:1.3;display:block}.tile .badge{letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;background:#0c111abf;border-radius:999px;max-width:calc(100% - 20px);padding:5px 8px;font-size:10.5px;font-weight:800;position:absolute;top:10px;left:10px;overflow:hidden}@media (max-width:560px){.tile .cap{grid-template-columns:1fr}.tile .cap img{display:none}}.catgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:1100px){.catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.catgrid{grid-template-columns:1fr}}.catgrid a{background:var(--panel);border-radius:18px;align-content:start;gap:6px;height:100%;padding:18px;text-decoration:none;transition:transform .18s;display:grid}.catgrid a:hover{transform:translateY(-3px)}.catgrid b{font:600 18px/1.15 var(--display)}.catgrid span{color:var(--dim);font-size:14px}.catgrid small{color:var(--orange);font-size:12px;font-weight:800}.studio{background:var(--deep);border-radius:24px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;margin-top:52px;padding:clamp(18px,3vw,30px);display:grid}.studio img{width:120px}.studio h2{font:600 24px/1.15 var(--display);margin:0 0 6px}.studio p{color:var(--dim);max-width:62ch;margin:0}.studio a{color:var(--orange);font-weight:800}@media (max-width:560px){.studio{grid-template-columns:1fr}.studio img{width:84px}}.crumb{color:var(--dim);flex-wrap:wrap;gap:8px;padding-block:20px 4px;font-size:13px;font-weight:700;display:flex}.crumb a{text-decoration:none}.crumb a:hover{color:var(--cream)}.detail{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:clamp(22px,3vw,40px);display:grid}.app-head{align-items:center;gap:16px;margin:10px 0 20px;display:flex}.app-head img{border-radius:20px;flex:none;width:80px;height:80px}.shots{scroll-snap-type:x mandatory;scrollbar-color:var(--line) transparent;gap:12px;margin:0;padding:2px 2px 10px;list-style:none;display:flex;overflow-x:auto}.shots li{scroll-snap-align:start;flex:none}.shots img{background:var(--panel);border-radius:18px;width:clamp(160px,20vw,220px)}.app-head h1{font:600 clamp(32px, 4.4vw, 48px)/1 var(--display);margin:0}.app-head p{color:var(--dim);margin:8px 0 0;font-size:17px;font-weight:700}.detail h2{font:600 23px/1.2 var(--display);margin:30px 0 10px}.desc{color:var(--body);max-width:66ch;margin:0}.feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.feats li{background:var(--panel);border-radius:16px;padding:16px}.feats b{font:600 17px/1.2 var(--display);margin-bottom:4px;display:block}.feats span{color:var(--dim);font-size:14.5px}@media (max-width:560px){.feats{grid-template-columns:1fr}}.code{background:var(--deep);border:1px solid var(--line);color:var(--body);border-radius:16px;margin:0;padding:16px;font:500 13.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.more .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:640px){.more .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.more .tiles>li:nth-child(3){display:none}}.side{background:var(--deep);border-radius:22px;gap:12px;padding:18px;display:grid;position:sticky;top:80px}.store svg{flex:none;width:22px;height:22px}.store{border:1.5px solid var(--cream);border-radius:999px;align-items:center;gap:12px;padding:11px 18px;font-size:15px;font-weight:800;line-height:1.1;text-decoration:none;display:flex}.store small{opacity:.8;font-size:11px;font-weight:700;display:block}.store-primary{background:var(--grad);color:var(--on-accent);border-color:#0000}.store:hover{border-color:var(--orange)}.store-primary:hover{filter:brightness(1.06)}.side dl{margin:6px 0 0}.side dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:9px 0;font-size:14px;display:flex}.side dt{color:var(--dim);font-weight:700}.side dd{text-align:right;margin:0;font-weight:800}.side .links{color:var(--dim);flex-wrap:wrap;gap:6px 14px;margin:4px 0 0;padding:0;font-size:13.5px;font-weight:700;list-style:none;display:flex}.side .links a:hover{color:var(--cream)}@media (max-width:860px){.detail{grid-template-columns:1fr}.side{order:-1;position:static}}.prose{max-width:68ch;color:var(--body);padding-bottom:20px}.prose h2{color:var(--cream);font:600 22px/1.2 var(--display);margin-top:32px}.prose a{color:var(--orange)}.foot{border-top:1px solid var(--line);margin-top:44px}.foot .wrap{color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:10px 22px;padding-block:26px;font-size:14px;display:flex}.foot nav{flex-wrap:wrap;gap:8px 18px;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--cream)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}