:root{--sp-navy:#0f2f4a;--sp-orange:#ff7a18;--sp-orange-ink:#b34700;--sp-amber:#ffa000;--sp-blue:#0072ff;--sp-blue-ink:#0058c7;--sp-cyan:#00c6ff;--sp-slate:#8aa0b4;--sp-muted:#46607a;--sp-bg:#f8f9fa;--sp-felt:#1d5e3a;--sp-sky-tint:#e6f6ff;--sp-orange-tint:#fff1e3;--sp-green-tint:#e8f7ec;--sp-sky:linear-gradient(#00c6ff, #0072ff);--sp-sky-ink:linear-gradient(#1a8cff, #0058c7);--sp-sunset:linear-gradient(#ffa000, #ff7a18);--sp-stripe:linear-gradient(90deg, #00c6ff, #0072ff, #ff7a18, #ffa000);--sp-gloss:inset 0 2px 0 #ffffff73;--sp-shadow:0 6px 18px #0f2f4a1f;--sp-font:var(--font-nunito), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--header-h:64px;--shell-bar:linear-gradient(#fff, #dff3ff);--shell-font:var(--sp-font);--shell-ink:var(--sp-navy);--shell-muted:var(--sp-muted);--shell-line:#d5e3ef;--shell-accent:var(--sp-blue-ink);--shell-focus:var(--sp-blue-ink);--shell-btn-bg:linear-gradient(#fff, #eef6fd);--shell-btn-border:var(--sp-navy);--shell-btn-radius:12px;--shell-btn-shadow:var(--sp-gloss), 0 2px 0 #0f2f4a40;--shell-cta-bg:var(--sp-sunset);--shell-cta-border:#c85a00;--shell-panel-radius:18px;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(circle at 1px 1px, #0072ff14 1.5px, transparent 0) 0 0 / 22px 22px, linear-gradient(#cfefff, var(--sp-bg) 480px);background-color:var(--sp-bg);min-height:100dvh;color:var(--sp-navy);font-family:var(--sp-font);flex-direction:column;margin:0;font-size:18px;line-height:1.55;display:flex}h1,h2,h3{font-weight:900;line-height:1.15}a{color:var(--sp-blue-ink);font-weight:700}:focus-visible{outline:4px solid var(--sp-blue-ink);outline-offset:2px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:3000;background:#fff;padding:12px 16px;top:8px;left:8px}main{flex:1}.site-header{height:var(--header-h);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:0 16px 4px;display:flex;position:relative}.site-header:after{content:"";background:var(--sp-stripe);height:4px;position:absolute;inset:auto 0 0}.logo{align-items:center;min-height:48px;display:flex}.logo img{width:auto;height:48px;display:block}.site-header nav{gap:8px;display:flex}.site-header nav a{background:var(--sp-sky-ink);min-height:48px;box-shadow:var(--sp-gloss);color:#fff;border-radius:999px;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.site-header nav a[aria-current]{box-shadow:inset 0 0 0 3px var(--sp-blue-ink);color:var(--sp-navy);background:#fff}@media (width<=519px){.site-header{padding-inline:12px}.site-header nav{gap:6px}.site-header nav a{padding:0 12px}}.site-footer{background:var(--sp-navy);color:#c9d6e2;text-align:center;margin-top:32px;padding:28px 16px 40px;font-size:16px;position:relative}.site-footer:before{content:"";background:var(--sp-stripe);height:4px;position:absolute;inset:0 0 auto}.site-footer a{color:#fff}.site-footer a.maker{color:inherit;font-weight:inherit;text-underline-offset:3px;text-decoration-color:#c9d6e273}.is-game .site-footer{margin-top:0}.btn-cta,.btn-blue,.btn-secondary{min-height:52px;font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0 24px;font-weight:800;text-decoration:none;transition:transform .18s ease-out,box-shadow .18s ease-out;display:inline-flex}.btn-cta{background:var(--sp-sunset);box-shadow:var(--sp-gloss), 0 3px 0 #c85a00;color:var(--sp-navy)}.btn-blue{background:var(--sp-sky-ink);box-shadow:var(--sp-gloss), 0 3px 0 #00408f;color:#fff}.btn-secondary{border:2px solid var(--sp-navy);color:var(--sp-navy);background:#fff}@media (hover:hover){.btn-cta:hover,.btn-blue:hover{transform:translateY(-2px)}}.btn-cta:active,.btn-blue:active{box-shadow:var(--sp-gloss);transform:translateY(2px)}.box{box-shadow:var(--sp-shadow);background:#fff;border-radius:18px;padding:8px}.box-title{text-align:right;margin:0;padding:8px 12px 10px;font-size:26px;font-weight:900}.box-inner{background:var(--sp-sky-tint);border-radius:12px;padding:16px;box-shadow:inset 0 0 0 2px #0072ff26}.box-inner--orange{background:var(--sp-orange-tint);box-shadow:inset 0 0 0 2px #ff7a1840}.box-inner--green{background:var(--sp-green-tint);box-shadow:inset 0 0 0 2px #1d5e3a2e}.box-inner>:first-child{margin-top:0}.box-inner>:last-child{margin-bottom:0}.page{max-width:64rem;margin:0 auto;padding:24px 16px}.prose{max-width:46rem;margin:24px auto;padding:8px 20px 20px}.prose h1{font-size:32px}.prose h2{margin-top:1.6em;font-size:24px}@media (prefers-reduced-motion:reduce){.btn-cta,.btn-blue{transition:none}.btn-cta:hover,.btn-blue:hover,.btn-cta:active,.btn-blue:active{transform:none}}.pwa-status[data-v-0311610a]{top:calc(var(--header-h,64px) + 8px);z-index:1500;width:max-content;max-width:calc(100% - 16px);position:fixed;left:50%;transform:translate(-50%)}.note[data-v-0311610a]{background:var(--sp-navy,#0f2f4a);color:#fff;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:8px 8px 8px 16px;font-weight:700;display:flex;box-shadow:0 6px 18px #0f2f4a4d}.btn[data-v-0311610a]{background:var(--sp-sunset,#ff7a18);min-height:48px;color:var(--sp-navy,#0f2f4a);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 16px}.quiet[data-v-0311610a]{color:#fff;background:0 0;box-shadow:inset 0 0 0 2px #fff}.btn[data-v-0311610a]:focus-visible{outline-offset:2px;outline:3px solid #7cc4ff}.install[data-v-c32ae56e]{align-items:flex-start;gap:16px;max-width:46rem;margin:20px auto 0;padding:16px 20px;display:flex}img[data-v-c32ae56e]{border-radius:12px;flex:none}h2[data-v-c32ae56e]{margin:0 0 4px;font-size:22px}p[data-v-c32ae56e]{margin:0 0 12px}.steps[data-v-c32ae56e]{margin:0 0 12px;padding-left:1.4em}.steps li[data-v-c32ae56e]{margin-bottom:6px}.share-icon[data-v-c32ae56e]{vertical-align:-4px;fill:none;width:20px;height:20px;stroke:var(--sp-blue-ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.actions[data-v-c32ae56e]{flex-wrap:wrap;gap:8px;display:flex}.quiet[data-v-c32ae56e]{border:2px solid var(--sp-navy);min-height:48px;color:var(--sp-navy);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:0 16px;font-weight:700}
