/* LittleForge: selected Pocket Arcade direction (04). */

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;padding-bottom:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{font:inherit;cursor:pointer}.topbar,main,.site-footer{max-width:1320px;margin:auto}.topbar{min-height:112px;padding:25px 42px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:25px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.mark{width:48px;height:48px;flex:none}.brand-dot{color:var(--accent)}.nav-note,.nav-link,.eyebrow,.app-index,.site-footer{font-size:11px;letter-spacing:1.3px}.nav-note{opacity:.66}.nav-link{font-weight:bold;letter-spacing:.2px}.eyebrow{font-weight:700;margin:0 0 24px}main{padding:0 42px}h1,h2,p{margin:0}h1{font-size:82px;line-height:1.04;letter-spacing:-4px;font-weight:600}h1 em{font-weight:400}h2{font-size:27px;letter-spacing:-.7px}.hero-link{display:inline-block;font-size:13px;font-weight:bold;margin-top:24px;padding-bottom:8px;border-bottom:1px solid currentColor}.app .image-link{display:block;position:relative;overflow:hidden}.shot{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}.image-arrow{position:absolute;right:13px;bottom:13px;border-radius:50%;height:32px;width:32px;display:grid;place-items:center;background:var(--bg);color:var(--ink);font-size:19px}.app-info{padding:24px 0}.app-index{display:block;opacity:.6;margin-bottom:14px;letter-spacing:.6px}.app p{font-size:14px;line-height:1.65;margin-top:10px;opacity:.75}.app-link{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:15px;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);font-size:12px;font-weight:bold}.app-link span{font-size:19px}.site-footer{margin-top:50px;padding:25px 42px 30px;border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);display:flex;justify-content:space-between;gap:20px;letter-spacing:.5px;opacity:.65}
.pocket-arcade{background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:40px 40px}.pocket-arcade .brand,.pocket-arcade h1,.pocket-arcade h2{font-family:monospace;font-weight:900;letter-spacing:-1.5px}.pocket-arcade .topbar{border-bottom:2px solid #59446f}.pocket-arcade .brand{font-size:25px}.arcade-hero{text-align:center;padding:35px 0;position:relative}.arcade-hero h1{font-size:57px;line-height:1.12;text-shadow:4px 4px #0d0921}.arcade-hero h1 span{color:#fbbd49}.arcade-hero p:last-of-type{font-size:15px;margin-top:0}.arcade-hero .eyebrow{color:#e49cc6}.pixel-stars{position:absolute;right:0;top:30px;color:#8fdcbd;font-size:25px}.arcade-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.cabinet{padding:20px 18px 13px;border:3px solid #b79bdd;border-radius:22px 22px 5px 5px;background:#493365;box-shadow:8px 8px 0 #110c1e}.cabinet .image-link{border:8px solid #211830;border-radius:9px}.cabinet .shot{aspect-ratio:3/2}.cabinet .app-info{padding:22px 6px 7px}.cabinet .app-index{font-family:monospace;color:#fbbd49;opacity:1;font-size:10px}.cabinet h2{font-size:28px;color:#fff0da}.cabinet .app-link{background:#fbbd49;color:#251a34;padding:12px 14px;border:0;font-family:monospace;box-shadow:3px 3px 0 #251a34}.cabinet.flower{border-color:#94d6b4;background:#285844}.cabinet.overcast{border-color:#f1a4aa;background:#633d50}.pocket-arcade .site-footer{font-family:monospace;opacity:1;border:0;margin-top:35px}

.skip-link{position:absolute;left:20px;top:-80px;z-index:10;background:#fff0da;color:#21163a;padding:12px 18px;font-size:13px;border-radius:4px}.skip-link:focus{top:12px}
@media(max-width:1050px){.nav-note{display:none}.arcade-hero h1{font-size:48px}.arcade-apps{gap:18px}.cabinet{padding:12px}.cabinet .app-index{letter-spacing:0;font-size:9px}.app p{font-size:13px}}
@media(max-width:720px){.topbar{min-height:88px;padding:18px 22px;gap:10px}.topbar .brand{font-size:22px}.topbar .mark{height:35px;width:35px}.nav-link{font-size:10px;max-width:90px;text-align:right;line-height:1.5}.topbar,main,.site-footer{width:100%;max-width:100%}main{padding:0 22px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:18px}.site-footer{padding:24px 22px;flex-direction:column;gap:10px;margin-top:35px!important}.app-info{padding:22px 0}.app-index{font-size:10px}.app p{font-size:14px}.app-link{font-size:12px}.app .shot{aspect-ratio:3/2}.arcade-hero{padding:28px 0}.arcade-hero h1{font-size:35px;letter-spacing:-2px}.arcade-hero p:last-of-type{font-size:13px;line-height:1.7}.pixel-stars{display:none}.arcade-apps{grid-template-columns:1fr;gap:28px}.cabinet{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.pocket-arcade .brand-title{font:inherit;letter-spacing:inherit}