.bg-field.svelte-ei17p{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.board[data-astro-cid-t7f5cdi3]{border:3px solid var(--surface-border);border-radius:1.5rem;background:var(--surface);box-shadow:inset 0 2px #ffffff1a,var(--shadow-3);padding:1.25rem;margin:1.5rem 0}.board-bar[data-astro-cid-t7f5cdi3]{display:flex;gap:.4rem;margin-bottom:.75rem}.board-bar[data-astro-cid-t7f5cdi3] span[data-astro-cid-t7f5cdi3]{width:12px;height:12px;border-radius:50%;background:var(--surface-border);box-shadow:inset 0 1px 2px #1a1a2e4d}.board-bar[data-astro-cid-t7f5cdi3] span[data-astro-cid-t7f5cdi3]:first-child{background:var(--accent)}.board-title[data-astro-cid-t7f5cdi3]{margin-top:0;font-size:1.4rem}.site-footer[data-astro-cid-sz7xmlte]{margin-top:3rem;padding:1.5rem 0 2rem;border-top:3px solid var(--surface-border)}.site-footer[data-astro-cid-sz7xmlte] nav[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.hero[data-astro-cid-s5hxusys]{padding:2.5rem 0 1.5rem;max-width:44rem}.hero-badge[data-astro-cid-s5hxusys]{display:inline-block;font-size:.85rem;font-weight:700;padding:.35rem .9rem;border-radius:999px;border:2px solid var(--surface-border);background:var(--surface);box-shadow:var(--shadow-1)}.hero-sub[data-astro-cid-s5hxusys]{font-size:1.2rem;line-height:1.6}.hero-cta[data-astro-cid-s5hxusys]{display:inline-block;text-decoration:none;font-size:1.15rem}astro-island,astro-slot,astro-static-slot{display:contents}.progress{height:14px;border-radius:999px;background:var(--surface-border);box-shadow:inset 0 2px 4px #1a1a2e40;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent-dark));transition:width .3s ease-out}@media(prefers-reduced-motion:reduce){.progress-fill{transition:none}}.nav-chip{display:inline-block;padding:.5rem 1rem;margin:.15rem;border-radius:999px;border:2px solid var(--surface-border);background:var(--surface);color:var(--ink);font-weight:600;text-decoration:none;box-shadow:var(--shadow-1)}.nav-chip:hover{border-color:var(--accent)}.steps,.bento{display:grid;gap:.75rem;padding:0;margin:1rem 0;list-style:none}.stats{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:0;list-style:none}@media(min-width:720px){.steps{grid-template-columns:repeat(3,1fr)}.bento{grid-template-columns:repeat(2,1fr)}.bento>.wide{grid-column:1 / -1}}.main-nav{margin:.75rem 0}.sprite-store{position:absolute;width:0;height:0;overflow:hidden}:root{--paper: #faf7f0;--ink: #1a1a2e;--accent: #e4582e;--accent-dark: #b23c14;--accent-edge: #7e2a0e;--surface: #ffffff;--surface-border: #e8e0d0;--shadow-1: 0 1px 2px rgb(26 26 46 / .12), 0 2px 8px rgb(26 26 46 / .1);--shadow-2: 0 2px 4px rgb(26 26 46 / .14), 0 8px 24px rgb(26 26 46 / .16);--shadow-3: 0 4px 8px rgb(26 26 46 / .16), 0 16px 40px rgb(26 26 46 / .22)}@media(prefers-color-scheme:dark){:root{--paper: #1a1a2e;--ink: #faf7f0;--surface: #23233a;--surface-border: #38385c;--shadow-1: 0 1px 2px rgb(0 0 0 / .4), 0 2px 8px rgb(0 0 0 / .35);--shadow-2: 0 2px 4px rgb(0 0 0 / .45), 0 10px 28px rgb(0 0 0 / .5);--shadow-3: 0 4px 8px rgb(0 0 0 / .5), 0 18px 44px rgb(0 0 0 / .55)}}body{background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif}.btn-3d{appearance:none;border:2px solid var(--accent-edge);border-radius:14px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;font-weight:700;min-height:48px;padding:.7rem 1.4rem;cursor:pointer;box-shadow:0 5px 0 var(--accent-edge),var(--shadow-2);transition:transform .08s ease-out,box-shadow .08s ease-out}.btn-3d:hover:not(:disabled){filter:brightness(1.06)}.btn-3d:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--accent-edge),var(--shadow-1)}.btn-3d:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.65;box-shadow:var(--shadow-1)}.btn-3d-secondary{appearance:none;border:2px solid var(--surface-border);border-radius:12px;background:var(--surface);color:var(--ink);font-weight:600;min-height:44px;padding:.55rem 1rem;cursor:pointer;box-shadow:0 4px 0 var(--surface-border),var(--shadow-1);transition:transform .08s ease-out,box-shadow .08s ease-out}.btn-3d-secondary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--surface-border),var(--shadow-1)}.btn-3d-secondary:disabled{cursor:not-allowed;opacity:.6;box-shadow:var(--shadow-1)}.btn-3d:focus-visible,.btn-3d-secondary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.card-3d{background:var(--surface);border:2px solid var(--surface-border);border-radius:1.25rem;box-shadow:inset 0 1px #ffffff1f,var(--shadow-3)}input[type=range].slider-3d{appearance:none;-webkit-appearance:none;height:12px;border-radius:999px;background:var(--surface-border);box-shadow:inset 0 2px 4px #1a1a2e40;min-height:0;padding:0}input[type=range].slider-3d::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--accent),var(--accent-dark) 75%);border:2px solid var(--accent-edge);box-shadow:0 3px 0 var(--accent-edge),var(--shadow-1);cursor:pointer}input[type=range].slider-3d::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--accent),var(--accent-dark) 75%);border:2px solid var(--accent-edge);box-shadow:0 3px 0 var(--accent-edge),var(--shadow-1);cursor:pointer}input[type=range].slider-3d:disabled{opacity:.6}input[type=range].slider-3d:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.switch-3d{appearance:none;-webkit-appearance:none;width:54px;height:30px;border-radius:999px;background:var(--surface-border);border:2px solid var(--surface-border);box-shadow:inset 0 2px 5px #1a1a2e4d;cursor:pointer;position:relative;flex:none}.switch-3d:after{content:"";position:absolute;top:1px;left:1px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d8d2c2 80%);box-shadow:0 2px #1a1a2e59;transition:left .15s ease-out}.switch-3d:checked{background:linear-gradient(180deg,var(--accent),var(--accent-dark));border-color:var(--accent-edge)}.switch-3d:checked:after{left:23px}.switch-3d:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.switch-3d:disabled{opacity:.6;cursor:not-allowed}.field-3d{background:var(--surface);border:2px solid var(--surface-border);border-radius:10px;box-shadow:inset 0 2px 5px #1a1a2e2e;color:var(--ink);min-height:44px;font-size:1rem;padding:.4rem .6rem}.field-3d:focus{outline:3px solid var(--accent);outline-offset:1px;border-color:var(--accent)}@media(prefers-reduced-motion:reduce){.btn-3d,.btn-3d-secondary,.switch-3d:after{transition:none}}.title-3d{text-shadow:0 1px 0 rgb(26 26 46 / .12),0 2px 0 rgb(26 26 46 / .08),0 4px 12px rgb(26 26 46 / .18)}@media(prefers-color-scheme:dark){.title-3d{text-shadow:0 1px 0 rgb(0 0 0 / .4),0 2px 0 rgb(0 0 0 / .3),0 4px 14px rgb(0 0 0 / .5)}}.stage-in{animation:stage-in .45s ease-out}@keyframes stage-in{0%{opacity:0;transform:perspective(900px) translateZ(70px)}to{opacity:1;transform:perspective(900px) translateZ(0)}}@media(prefers-reduced-motion:reduce){.stage-in{animation:fade-in .25s ease-out}}@keyframes fade-in{to{opacity:1}}.scene-icon{animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.scene-icon{animation:opacity .3s ease}}
