:root{color-scheme:dark;--color-canvas:#080d17;--color-surface:#101827;--color-surface-subtle:#151f31;--color-surface-raised:#1a263a;--color-text:#f3f7ff;--color-text-muted:#a9b6ca;--color-text-soft:#8492a8;--color-border:#26344a;--color-border-strong:#526783;--color-interactive:#67d8ff;--color-interactive-hover:#a7ebff;--color-accent:#4da8ff;--color-accent-strong:#7c6cff;--color-accent-secondary:#47e4e0;--color-selected:#1b3150;--color-disabled:#718096;--color-selection-background:#245ca1;--color-selection-text:#fff;--font-family-display:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-body:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono:ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-body:clamp(1rem, .97rem + .15vw, 1.0625rem);--font-size-lead:clamp(1.125rem, 1.04rem + .4vw, 1.375rem);--font-size-heading-sm:clamp(1.375rem, 1.19rem + .9vw, 1.875rem);--font-size-heading-md:clamp(1.75rem, 1.39rem + 1.8vw, 2.75rem);--font-size-heading-lg:clamp(2.25rem, 1.61rem + 3.2vw, 4rem);--font-size-display:clamp(2.75rem, 1.9rem + 4.25vw, 5.25rem);--font-size-project:clamp(2rem, 1.55rem + 2.25vw, 3.5rem);--font-weight-regular:400;--font-weight-medium:600;--font-weight-bold:700;--line-height-tight:1.15;--line-height-body:1.6;--line-height-loose:1.75;--letter-spacing-tight:-.025em;--letter-spacing-wide:.06em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--border-width:1px;--border-width-strong:2px;--shadow-sm:0 1px 2px #00000052;--shadow-md:0 16px 40px #00000061;--shadow-raised:0 28px 80px #0000007a;--focus-ring-color:#67d8ff;--focus-ring-width:3px;--focus-ring-offset:3px;--touch-target-min:2.75rem;--motion-duration-fast:.12s;--motion-duration-standard:.2s;--motion-duration-slow:.32s;--motion-duration-micro:.18s;--motion-duration-reveal:.48s;--motion-duration-narrative:.8s;--motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--motion-easing-emphasized:cubic-bezier(.2, 0, 0, 1.2);--motion-easing-enter:cubic-bezier(.16, 1, .3, 1);--motion-easing-exit:cubic-bezier(.7, 0, .84, 0);--z-index-base:0;--z-index-raised:10;--z-index-overlay:100;--z-index-modal:1000;--layout-gutter:clamp(1rem, 4vw, 3rem);--layout-container:75rem;--layout-container-wide:90rem;--content-measure:68ch;--site-header-offset:5.75rem;--density-space-inline:var(--space-4);--density-space-block:var(--space-3);--density-gap:var(--space-5);--architecture-node-background:var(--color-surface);--architecture-node-border:var(--color-border);--architecture-node-interactive:var(--color-interactive);--architecture-node-hover-border:var(--color-border-strong);--architecture-node-focus-border:var(--color-border-strong);--architecture-node-selected-background:var(--color-selected);--architecture-node-dimmed-opacity:.4;--architecture-connection:var(--color-border-strong);--architecture-connection-active:var(--color-text)}[data-project=questboard]{--project-accent:#4da8ff;--project-accent-strong:#7c6cff;--project-accent-soft:#47e4e0;--project-accent-surface:#121f3c}[data-project=duckyarena]{--project-accent:#77c66e;--project-accent-strong:#f0bd58;--project-accent-soft:#ee8b4a;--project-accent-surface:#1c291e;--project-team-blue:#5bb8ff;--project-team-red:#ff747c}[data-density=product]{--density-space-inline:var(--space-5);--density-space-block:var(--space-4);--density-gap:var(--space-6)}[data-density=system]{--density-space-inline:var(--space-3);--density-space-block:var(--space-2);--density-gap:var(--space-3)}@media (width<48rem){:root{--site-header-offset:8rem}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-canvas);color:var(--color-text);font-family:var(--font-family-body);font-size:100%;line-height:var(--line-height-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;text-size-adjust:100%;scroll-padding-block-start:var(--site-header-offset)}body{background:var(--color-canvas);min-block-size:100vh;color:var(--color-text);font-size:var(--font-size-body);flex-direction:column;margin:0;display:flex}main{flex:1}.skip-link{z-index:var(--z-index-modal);min-block-size:var(--touch-target-min);padding-inline:var(--space-3);border:var(--border-width-strong) solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-weight:var(--font-weight-medium);transform:translateY(calc(-100% - var(--space-4)));align-items:center;display:inline-flex;position:fixed;inset-block-start:var(--space-2);inset-inline-start:var(--space-2)}.skip-link:focus-visible{transform:translateY(0)}:where(h1,h2,h3){font-family:var(--font-family-display);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);text-wrap:balance}:where(p,li){text-wrap:pretty}:where(a){color:var(--color-interactive);text-underline-offset:.18em;text-decoration-thickness:.08em}:where(a:hover){color:var(--color-interactive-hover);text-decoration-thickness:.12em}:where(button,input,select,textarea){color:inherit;font:inherit}:where(button,[type=button],[type=reset],[type=submit]){min-inline-size:var(--touch-target-min);min-block-size:var(--touch-target-min);cursor:pointer}:where(a,button,input,select,textarea,[role=button]):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:where(a,button,[role=button]):active{opacity:.78}:where(button,input,select,textarea):disabled,:where([aria-disabled=true]){color:var(--color-disabled);cursor:not-allowed;opacity:.65}:where([aria-current]:not([aria-current=false]),[aria-selected=true]){background:var(--color-selected);color:var(--color-text)}:where(img,picture,svg,video,canvas){max-inline-size:100%;display:block}:where(img,video){block-size:auto}::selection{background:var(--color-selection-background);color:var(--color-selection-text)}.container{inline-size:min(calc(100% - (2 * var(--layout-gutter))), var(--layout-container));margin-inline:auto}.measure{max-inline-size:var(--content-measure)}.stack{gap:var(--stack-space,var(--density-gap));flex-direction:column;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
