:root{--ds-bg:#0d1117;--ds-surface:#161b22;--ds-surface-2:#21262d;--ds-border:#30363d;--ds-border-subtle:#21262d;--ds-text:#e6edf3;--ds-text-muted:#8b949e;--ds-text-code:#79c0ff;--ds-text-on-accent:#f0f6fc;--ds-green:#d2a8ff;--ds-green-btn:#8957e5;--ds-green-btn-hover:#a371f7;--ds-green-bg:#3c2a63;--ds-blue:#58a6ff;--ds-blue-dark:#1f6feb;--ds-warning:#e3b341;--ds-error:#f85149;--ds-font:"Segoe UI",system-ui,-apple-system,sans-serif;--ds-font-mono:"Fira Code","Cascadia Code","Courier New",monospace;--ds-text-hero:2.5rem;--ds-text-hero-sm:2rem;--ds-radius-sm:6px;--ds-radius:10px;--ds-radius-lg:14px;--ds-radius-xl:20px;--ds-transition:all 0.2s ease;--ds-z-dropdown:20;--ds-z-nav:2000;--ds-z-fixed:3000;--ds-z-toast:3001;--ds-z-modal:5000;--ds-z-scroll-progress:9999;--ds-z-cursor:99999;--ds-shadow-sm:0 4px 18px #0000002e;--ds-shadow-lg:0 12px 32px #0000004d;color-scheme:dark}:root[data-theme=light]{--ds-bg:#faf6ee;--ds-surface:#f4ede0;--ds-surface-2:#ece1cd;--ds-border:#ddd0b5;--ds-border-subtle:#e6dac0;--ds-text:#2b2419;--ds-text-muted:#6b6152;--ds-text-code:#0969da;--ds-green:#8250df;--ds-green-btn:#8250df;--ds-green-btn-hover:#6e40c9;--ds-green-bg:#fbefff;--ds-blue:#0969da;--ds-blue-dark:#0550ae;--ds-warning:#9a6700;--ds-error:#cf222e;color-scheme:light}:root[data-accent=blue]{--ds-green:#79c0ff;--ds-green-btn:#1f6feb;--ds-green-btn-hover:#388bfd;--ds-green-bg:#0c2d6b}:root[data-accent=blue][data-theme=light]{--ds-green:#0969da;--ds-green-btn:#0969da;--ds-green-btn-hover:#0860ca;--ds-green-bg:#ddf4ff}:root[data-accent=green]{--ds-green:#7ee787;--ds-green-btn:#238636;--ds-green-btn-hover:#2ea043;--ds-green-bg:#1f3d2a}:root[data-accent=green][data-theme=light]{--ds-green:#1a7f37;--ds-green-btn:#2da44e;--ds-green-btn-hover:#2c974b;--ds-green-bg:#dafbe1}:root[data-accent=pink]{--ds-green:#ff9bce;--ds-green-btn:#db61a2;--ds-green-btn-hover:#f778ba;--ds-green-bg:#4a1d35}:root[data-accent=pink][data-theme=light]{--ds-green:#bf3989;--ds-green-btn:#bf3989;--ds-green-btn-hover:#99306f;--ds-green-bg:#ffeff7}:root[data-accent=orange]{--ds-green:#ffa657;--ds-green-btn:#c9510c;--ds-green-btn-hover:#db6d28;--ds-green-bg:#4a2a0f}:root[data-accent=orange][data-theme=light]{--ds-green:#bc4c00;--ds-green-btn:#bc4c00;--ds-green-btn-hover:#953800;--ds-green-bg:#fff1e5}:root[data-accent=red]{--ds-green:#ff7b72;--ds-green-btn:#da3633;--ds-green-btn-hover:#f85149;--ds-green-bg:#4c1e1e}:root[data-accent=red][data-theme=light]{--ds-green:#cf222e;--ds-green-btn:#cf222e;--ds-green-btn-hover:#a40e26;--ds-green-bg:#ffebe9}:root{--color-bg:var(--ds-bg);--color-bg-variant:var(--ds-surface);--color-primary:var(--ds-green);--color-primary-variant:#7ee7872e;--color-white:var(--ds-text);--color-light:var(--ds-text-muted);--color-border:var(--ds-border);--color-blue:var(--ds-blue);--color-cursor:var(--ds-green);--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%;--transition:var(--ds-transition)}*,:after,:before{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;scroll-behavior:smooth;text-decoration:none}[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-radius:var(--ds-radius-sm);outline:2px solid var(--ds-green-btn);outline-offset:2px}html{scroll-behavior:smooth}body,html{-ms-overflow-style:none;max-width:100%;overflow-x:hidden;scrollbar-width:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--ds-bg);color:var(--ds-text);font-family:var(--ds-font);line-height:1.7;min-height:500px;transition:background-color .25s ease,color .25s ease}code{font-family:var(--ds-font-mono)}::-webkit-scrollbar{display:none}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}section{margin-top:8rem;text-align:start}section>h4,section>h5{color:var(--ds-text-muted);font-size:.95rem;font-weight:400;margin-bottom:.5rem;text-align:center}section>h2{color:var(--ds-text);font-size:1.8rem;font-weight:700;margin-bottom:3rem;position:relative;text-align:center}section>h2:after{background:var(--ds-green);border-radius:2px;content:"";display:block;height:2px;margin:.6rem auto 0;width:3rem}h1,h2,h3,h4,h5{color:var(--ds-text);font-weight:600}h1{font-size:2.5rem}a{color:var(--ds-blue);transition:var(--ds-transition)}a:hover{color:var(--ds-text)}.btn{background:#0000;border:1px solid var(--ds-green-btn);border-radius:var(--ds-radius-sm);color:var(--ds-green);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:.65rem 1.4rem;transition:var(--ds-transition);width:-webkit-max-content;width:max-content;z-index:999}.btn:hover{border-color:var(--ds-green-btn-hover)}.btn-primary,.btn:hover{background:var(--ds-green-btn);color:var(--ds-text-on-accent)}.btn-primary{border-color:var(--ds-green-btn)}.btn-primary:hover{background:var(--ds-green-btn-hover);border-color:var(--ds-green-btn-hover);color:var(--ds-text-on-accent)}.text-light{color:var(--ds-text-muted)}.page-back-nav{align-self:stretch;padding:1.5rem 2rem 0}.back-btn{background:none;border:none;color:var(--ds-text-muted);cursor:pointer;font-family:var(--ds-font-mono);font-size:.85rem;padding:0;transition:color .2s ease}.back-btn:hover{color:var(--ds-green)}img{display:block;object-fit:cover;width:100%}.orange-text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(0deg,#f12711,#f5af19);background-clip:text;-webkit-background-clip:text}.green-text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(0deg,#11998e,#38ef7d);-webkit-background-clip:text}.blue-text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(0deg,#2f80ed,#56ccf2);background-clip:text;-webkit-background-clip:text}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}section{margin-top:6rem}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-sm)}section>h2{margin-bottom:2rem}}.App{background:var(--ds-bg);min-height:100vh;text-align:center}.loading-container{align-items:center;background:var(--ds-bg);display:flex;flex-direction:column;gap:1.25rem;height:100vh;justify-content:center}.loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--ds-surface-2);border-radius:50%;border-top-color:var(--ds-green);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:var(--ds-text-muted);font-family:Fira Code,Cascadia Code,Courier New,monospace;font-family:var(--ds-font-mono,"Fira Code","Cascadia Code","Courier New",monospace);font-size:.8rem;letter-spacing:.08em}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1117b3;border:1px solid var(--ds-border);border-radius:50%;color:var(--ds-green);cursor:pointer;display:flex;font-size:1.1rem;height:2.75rem;justify-content:center;position:fixed;right:1.25rem;top:1.25rem;transform:translateZ(0);transition:var(--ds-transition);width:2.75rem;will-change:transform;z-index:var(--ds-z-fixed)}:root[data-theme=light] .theme-toggle{background:#ffffffb3}.theme-toggle:hover{background:var(--ds-surface-2);border-color:var(--ds-green);transform:translateY(-2px) translateZ(0)}@media screen and (max-width:600px){.theme-toggle{font-size:.95rem;height:2.4rem;right:1rem;top:1rem;width:2.4rem}}.accent-picker{position:fixed;right:4.25rem;top:1.25rem;transform:translateZ(0);will-change:transform;z-index:var(--ds-z-fixed)}.accent-picker__btn{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1117b3;border:1px solid var(--ds-border);border-radius:50%;color:var(--ds-green);cursor:pointer;display:flex;font-size:1.15rem;height:2.75rem;justify-content:center;transition:var(--ds-transition);width:2.75rem}:root[data-theme=light] .accent-picker__btn{background:#faf6eeb3}.accent-picker__btn:hover{background:var(--ds-surface-2);border-color:var(--ds-green);transform:translateY(-2px)}.accent-picker__panel{grid-gap:.6rem;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius);box-shadow:0 8px 24px #00000040;display:grid;gap:.6rem;grid-template-columns:repeat(3,1fr);padding:.75rem;position:absolute;right:0;top:calc(100% + .6rem)}.accent-picker__swatch{background:var(--swatch-color);border:2px solid #0000;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026;cursor:pointer;height:1.9rem;transition:var(--ds-transition);width:1.9rem}.accent-picker__swatch:hover{transform:scale(1.12)}.accent-picker__swatch--active{border-color:var(--ds-text);box-shadow:0 0 0 2px var(--ds-surface),0 0 0 3px var(--ds-text)}.accent-picker__swatch--dynamic{animation:accent-dynamic-shimmer 4s ease infinite;background-size:220% 220%}@keyframes accent-dynamic-shimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media screen and (max-width:600px){.accent-picker{right:3.65rem;top:1rem}.accent-picker__btn{font-size:1rem;height:2.4rem;width:2.4rem}}.sound-toggle{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1117b3;border:1px solid var(--ds-border);border-radius:50%;color:var(--ds-green);cursor:pointer;display:flex;font-size:1.1rem;height:2.75rem;justify-content:center;position:fixed;right:7.25rem;top:1.25rem;transform:translateZ(0);transition:var(--ds-transition);width:2.75rem;will-change:transform;z-index:var(--ds-z-fixed)}:root[data-theme=light] .sound-toggle{background:#ffffffb3}.sound-toggle:hover{background:var(--ds-surface-2);border-color:var(--ds-green);transform:translateY(-2px) translateZ(0)}@media screen and (max-width:600px){.sound-toggle{font-size:.95rem;height:2.4rem;right:6.3rem;top:1rem;width:2.4rem}}.achievements-tray{bottom:1.25rem;position:fixed;right:1.25rem;z-index:var(--ds-z-fixed)}.achievements-tray__btn{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1117b3;border:1px solid var(--ds-border);border-radius:50%;color:var(--ds-green);cursor:pointer;display:flex;font-size:1.15rem;height:2.75rem;justify-content:center;position:relative;transition:var(--ds-transition);width:2.75rem}:root[data-theme=light] .achievements-tray__btn{background:#ffffffb3}.achievements-tray__btn:hover{background:var(--ds-surface-2);border-color:var(--ds-green);transform:translateY(-2px)}.achievements-tray__count{align-items:center;background:var(--ds-green-btn);border-radius:100px;color:var(--ds-text-on-accent);display:flex;font-size:.65rem;font-weight:700;height:1.15rem;justify-content:center;min-width:1.15rem;padding:0 .3rem;position:absolute;right:-.25rem;top:-.25rem}.achievements-tray__panel{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius);bottom:calc(100% + .75rem);box-shadow:var(--ds-shadow-lg);max-height:70vh;overflow-y:auto;padding:.5rem;position:absolute;right:0;width:17.5rem}.achievements-tray__header{align-items:center;color:var(--ds-text);display:flex;font-family:var(--ds-font-mono);font-size:.75rem;font-weight:600;justify-content:space-between;letter-spacing:.05em;padding:.5rem .6rem .75rem;text-transform:uppercase}.achievements-tray__header span{color:var(--ds-text-muted);font-weight:400}.achievements-tray__item{align-items:flex-start;border-radius:var(--ds-radius-sm);display:flex;gap:.65rem;padding:.5rem .6rem}.achievements-tray__item:not(:last-child){margin-bottom:.15rem}.achievements-tray__item--locked{opacity:.45}.achievements-tray__icon{flex-shrink:0;font-size:1.2rem;line-height:1.4}.achievements-tray__text{display:flex;flex-direction:column;gap:.1rem;text-align:left}.achievements-tray__title{color:var(--ds-text);font-size:.85rem;font-weight:600}.achievements-tray__desc{color:var(--ds-text-muted);font-size:.72rem}.achievement-toast{align-items:center;animation:achievement-toast-in .3s ease,achievement-toast-out .3s ease 3.6s;background:var(--ds-surface);border:1px solid var(--ds-green-btn);border-radius:var(--ds-radius);bottom:5.25rem;box-shadow:var(--ds-shadow-lg);display:flex;gap:.75rem;padding:.75rem 1rem;position:fixed;right:1.25rem;z-index:var(--ds-z-toast)}.achievement-toast__icon{font-size:1.5rem}.achievement-toast__text{display:flex;flex-direction:column}.achievement-toast__title{color:var(--ds-text-muted);font-family:var(--ds-font-mono);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}.achievement-toast__name{color:var(--ds-green);font-size:.9rem;font-weight:600}@keyframes achievement-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes achievement-toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media screen and (max-width:600px){.achievements-tray{bottom:1rem;right:1rem}.achievements-tray__btn{font-size:1rem;height:2.4rem;width:2.4rem}.achievements-tray__panel{width:15.5rem}.achievement-toast{bottom:4.75rem;left:1rem;right:1rem}}
/*# sourceMappingURL=main.83508192.css.map*/