: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-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}.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}}