/* ! SKILLPRINT PORTAL STYLESHEET The 13 pages under skillprint-portal/ and Mockups/ that link it, and nothing else. The design system and the marketing site keep their own copies of this file - a rule for either of those does not belong here. Layer order is the cascade; every section banner carries its layer number. 01 Reset, base elements and typography (layers 03 and 04 live inside it) 02 Design tokens colour, space, radius, type, motion 06 Utilities effects, structural helpers, roles 07 Shared components buttons, badges, tags, fields, popups, icons, navigation, code, charts, inputs, dropdowns, progress, sliders, steppers, alerts, coachmarks, traits 08 Component variants stated as component custom properties, beside the component 09 Unique compositions one section per screen 10 Responsive rules one block per query States: is-active, is-open, is-selected, is-disabled, is-hidden, is-visible, is-current, plus aria-* wherever the attribute is the source of truth. Shared classes to reuse before writing a new rule: sp-card / sp-panel, sp-nav__*, sp-side-nav__*, sp-icon--*, ui-badge, ui-tag, button, field, code-block, popup, layout-flex / layout-grid. */@font-face{font-family:Geist Local;src:url(/assets/fonts/geist/Geist-Variable.woff2) format("woff2"),url(/assets/fonts/geist/Geist-Variable.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Geist Local;src:url(/assets/fonts/geist/Geist-VariableItalic.woff2) format("woff2"),url(/assets/fonts/geist/Geist-VariableItalic.ttf) format("truetype");font-style:italic;font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono Local;src:url(/assets/fonts/geist-mono/GeistMono-Variable.woff2) format("woff2"),url(/assets/fonts/geist-mono/GeistMono-Variable.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono Local;src:url(/assets/fonts/geist-mono/GeistMono-VariableItalic.woff2) format("woff2"),url(/assets/fonts/geist-mono/GeistMono-VariableItalic.ttf) format("truetype");font-style:italic;font-weight:100 900;font-display:swap}:root{--skillprint-font-ui:"Geist Local","Geist",system-ui,sans-serif;--skillprint-font-mono:"Geist Mono Local","Geist Mono",ui-monospace,monospace;--app-text-xxs-font-size:10px;--app-text-xxs-line-height:16px;--app-text-xs-font-size:12px;--app-text-xs-line-height:18px;--app-text-sm-font-size:14px;--app-text-sm-line-height:20px;--app-text-md-font-size:16px;--app-text-md-line-height:24px;--app-text-lg-font-size:18px;--app-text-lg-line-height:28px;--app-text-xl-font-size:20px;--app-text-xl-line-height:30px;--app-display-xs-font-size:24px;--app-display-xs-line-height:32px;--app-display-sm-font-size:28px;--app-display-sm-line-height:36px;--app-display-md-font-size:32px;--app-display-md-line-height:40px;--app-display-lg-font-size:36px;--app-display-lg-line-height:44px;--app-display-xl-font-size:40px;--app-display-xl-line-height:48px;--app-display-2xl-font-size:44px;--app-display-2xl-line-height:52px;--app-heading-weight:var(--weight-semibold);--app-heading-tracking:0;--app-title-tracking:-0.01em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--deep-navy-25:#f8f9fc;--deep-navy-800:#1d2646;--deep-navy-900:#090d27;--deep-navy-950:#040616;--panel-navy-50:#eceef5;--panel-navy-100:#d9dcea;--panel-navy-200:#bcc0d5;--panel-navy-300:#9da3c0;--panel-navy-400:#7c83a7;--panel-navy-500:#5f678d;--panel-navy-600:#4a527a;--panel-navy-700:#39416a;--panel-navy-800:#2b3159;--panel-navy-900:#212549;--panel-navy-950:#171a38;--geistface-grey-25:#fcfcfd;--geistface-grey-50:#f7f8fa;--geistface-grey-100:#eceef2;--geistface-grey-200:#e3e5eb;--geistface-grey-400:#aab0bd;--geistface-grey-500:#8f96a7;--geistface-grey-600:#747c90;--geistface-grey-700:#5c647b;--geistface-grey-800:#444b61;--geistface-grey-900:#30364b;--core-lime-500:#c1ee16;--core-lime-600:#a7ce18;--core-lime-700:#8daf1b;--core-lime-900:#4f6221;--core-green-400:#4ce7ae;--core-green-500:#09e08f;--core-green-700:#09a572;--core-green-800:#098361;--core-green-900:#095d4f;--personality-mint-300:#adfbef;--personality-mint-500:#5bfde1;--personality-mint-600:#50dbc7;--personality-mint-700:#44baad;--personality-mint-800:#37938f;--personality-mint-900:#28686e;--personality-blue-300:#94dbfd;--personality-blue-500:#27baff;--personality-blue-600:#23a2e1;--personality-blue-700:#1f8ac3;--personality-blue-800:#1a6ea0;--mindset-violet-100:#dedcf9;--mindset-violet-200:#c8c2f7;--mindset-violet-300:#aba0f4;--mindset-violet-400:#8473f0;--mindset-violet-500:#573eeb;--mindset-violet-600:#4c37d0;--mindset-violet-700:#4130b4;--mindset-violet-800:#352895;--mindset-violet-900:#272071;--mindset-magenta-400:#c37de0;--mindset-magenta-500:#ae4dd5;--mindset-magenta-600:#9744bd;--mindset-magenta-700:#803ba4;--skills-pink-500:#ff518d;--skills-pink-600:#dd477f;--skills-pink-700:#ba3e70;--skills-orange-400:#fdc65a;--skills-orange-500:#ffb21b;--skills-orange-600:#dd9b1d;--skills-orange-700:#ba841e;--skills-orange-800:#936920;--space-2:2px;--space-3:3px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-22:22px;--space-24:24px;--space-28:28px;--space-30:30px;--space-32:32px;--space-36:36px;--space-40:40px;--space-42:42px;--space-44:44px;--space-48:48px;--space-64:64px;--space-72:72px;--space-80:80px;--space-96:96px;--space-112:112px;--space-120:120px;--space-128:128px;--space-144:144px;--space-160:160px;--space-176:176px;--space-192:192px;--space-224:224px;--space-256:256px;--space-320:320px;--space-384:384px;--space-480:480px;--space-560:560px;--space-640:640px;--space-720:720px;--space-768:768px;--space-1024:1024px;--grid-container-max:1280px;--grid-padding:32px;--grid-gap:16px;--border-subtle:color-mix(in srgb,var(--deep-navy-25) 10%,transparent);--border-strong:color-mix(in srgb,var(--deep-navy-25) 18%,transparent);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:20px;--radius-4xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px color-mix(in srgb,var(--deep-navy-950) 18%,transparent);--shadow-sm:0 4px 12px color-mix(in srgb,var(--deep-navy-950) 16%,transparent);--shadow-md:0 12px 32px color-mix(in srgb,var(--deep-navy-950) 20%,transparent);--shadow-xl:0 24px 70px color-mix(in srgb,var(--deep-navy-950) 24%,transparent);--backdrop-blur-sm:4px;--backdrop-blur-md:8px;--backdrop-blur-lg:12px;--backdrop-blur-xl:20px;--glass-surface-brand:color-mix(in srgb,var(--deep-navy-900) 82%,transparent);--focus-ring-width:2px;--focus-ring-offset:4px;--focus-default:var(--mindset-violet-400);--focus-danger:var(--skills-pink-500);--focus-inner:var(--panel-navy-950);--duration-fast:150ms;--duration-base:200ms;--duration-slow:280ms;--duration-slower:450ms;--duration-slowest:650ms;--pure-white:#ffffff;--pure-black:#000000;--ease-standard:cubic-bezier(0.2,0,0,1);--transition-interactive:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);--control-height-sm:var(--space-36);--control-height-lg:var(--space-48);--icon-size-xs:16px;--icon-size-sm:20px;--icon-size-md:24px;--icon-size-lg:32px;--icon-size-xl:48px;--icon-stroke-sm:1.5px;--icon-stroke-md:2px;--button-font:var(--skillprint-font-ui);--button-radius:var(--radius-md);--button-primary:var(--mindset-violet-500);--button-primary-hover:var(--mindset-violet-600);--button-primary-active:var(--mindset-violet-700);--button-primary-icon:var(--mindset-violet-200);--button-focus:var(--mindset-violet-400);--button-focus-inner:var(--focus-inner);--button-text:var(--geistface-grey-200);--button-text-strong:var(--geistface-grey-25);--button-text-muted:color-mix(in srgb,var(--geistface-grey-200) 72%,transparent);--button-text-disabled:color-mix(in srgb,var(--geistface-grey-200) 42%,transparent);--button-surface:var(--panel-navy-900);--button-surface-hover:var(--panel-navy-800);--button-surface-disabled:color-mix(in srgb,var(--panel-navy-900) 62%,transparent);--button-border:var(--border-strong);--button-border-disabled:var(--border-subtle);--button-danger:var(--skills-pink-500);--button-danger-hover:var(--skills-pink-600);--button-danger-text:var(--deep-navy-900);--button-shadow:0 1px 2px color-mix(in srgb,var(--deep-navy-950) 22%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--geistface-grey-25) 6%,transparent),inset 0 -2px 0 color-mix(in srgb,var(--deep-navy-950) 16%,transparent);--button-group-surface:var(--surface-box);--button-group-current:var(--surface-raised);--button-group-text:var(--surface-text);--button-group-disabled:color-mix(in srgb,var(--surface-text) 42%,transparent);--button-group-border:var(--surface-border-hover);--button-group-icon:color-mix(in srgb,var(--surface-text) 62%,transparent);--button-group-icon-strong:var(--surface-text);--button-group-shadow:var(--button-shadow);--popup-backdrop-light:color-mix(in srgb,var(--deep-navy-900) 28%,transparent);--popup-backdrop-dark:color-mix(in srgb,var(--deep-navy-950) 68%,transparent);--popup-light:color-mix(in srgb,var(--geistface-grey-25) 72%,transparent);--popup-dark:color-mix(in srgb,var(--deep-navy-900) 82%,transparent);--nav-surface:color-mix(in srgb,var(--deep-navy-900) 95%,transparent);--nav-drawer-surface:var(--panel-navy-950);--nav-border:var(--border-subtle);--nav-text:var(--geistface-grey-200);--nav-hover-surface:var(--panel-navy-900);--nav-hover-border:var(--border-subtle);--nav-current:var(--button-primary);--nav-current-border:color-mix(in srgb,var(--nav-current) 46%,transparent);--nav-current-surface:color-mix(in srgb,var(--nav-current) 16%,transparent);--nav-current-text:var(--geistface-grey-25);--nav-shadow:var(--shadow-xl);--side-nav-width:var(--space-256);--side-nav-surface:var(--panel-navy-950);--side-nav-border:var(--border-subtle);--side-nav-text:var(--geistface-grey-200);--side-nav-muted:color-mix(in srgb,var(--geistface-grey-200) 72%,transparent);--side-nav-hover:var(--panel-navy-900);--side-nav-active:var(--nav-current-surface);--side-nav-active-border:var(--nav-current-border);--side-nav-accent:var(--mindset-violet-400);--side-nav-scrim:color-mix(in srgb,var(--deep-navy-950) 68%,transparent);--side-nav-shadow:var(--shadow-xl);--surface-canvas:var(--deep-navy-900);--surface-panel:var(--panel-navy-950);--surface-box:var(--panel-navy-900);--surface-raised:var(--panel-navy-800);--surface-strong:var(--panel-navy-700);--surface-text:var(--geistface-grey-200);--surface-text-muted:var(--geistface-grey-400);--surface-border:color-mix(in srgb,var(--deep-navy-25) 10%,transparent);--surface-border-hover:color-mix(in srgb,var(--deep-navy-25) 20%,transparent);--code-bg:var(--deep-navy-950);--code-border:color-mix(in srgb,var(--geistface-grey-200) 12%,transparent);--code-border-strong:color-mix(in srgb,var(--geistface-grey-200) 20%,transparent);--code-border-hover:color-mix(in srgb,var(--geistface-grey-200) 36%,transparent);--code-text:var(--panel-navy-100);--code-selection:color-mix(in srgb,var(--mindset-violet-200) 24%,transparent);--syntax-tag:var(--skills-pink-500)}@media (max-width:767px){:root{--app-display-xs-font-size:20px;--app-display-xs-line-height:30px;--app-display-sm-font-size:24px;--app-display-sm-line-height:32px;--app-display-md-font-size:28px;--app-display-md-line-height:36px;--app-display-lg-font-size:30px;--app-display-lg-line-height:38px;--app-display-xl-font-size:32px;--app-display-xl-line-height:40px;--app-display-2xl-font-size:36px;--app-display-2xl-line-height:44px}}html[data-surface=light]{--focus-inner:var(--geistface-grey-25);--surface-canvas:var(--geistface-grey-50);--surface-panel:color-mix(in srgb,var(--panel-navy-50) 85%,var(--geistface-grey-25));--surface-box:var(--geistface-grey-25);--surface-raised:color-mix(in srgb,var(--panel-navy-50) 75%,var(--panel-navy-100));--surface-strong:color-mix(in srgb,var(--panel-navy-100) 85%,var(--panel-navy-50));--surface-text:var(--geistface-grey-900);--surface-text-muted:var(--geistface-grey-600);--surface-border:color-mix(in srgb,var(--deep-navy-900) 10%,transparent);--surface-border-hover:color-mix(in srgb,var(--deep-navy-900) 18%,transparent)}*,:after,:before{box-sizing:border-box}.page [hidden]{display:none!important}body{font-family:var(--skillprint-font-ui);font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height)}.page,.page *{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-housing)}.page{--scrollbar-size:12px;--scrollbar-inset:3px;--scrollbar-radius:var(--radius-full)}.page,.page .scrollbar-violet{--scrollbar-housing:color-mix(in srgb,var(--mindset-violet-200) 16%,transparent);--scrollbar-thumb:color-mix(in srgb,var(--mindset-violet-400) 72%,transparent);--scrollbar-thumb-hover:color-mix(in srgb,var(--mindset-violet-400) 88%,transparent);--scrollbar-thumb-active:var(--mindset-violet-400)}.page .scrollbar-subtle,.page.scrollbar-subtle{--scrollbar-housing:color-mix(in srgb,var(--panel-navy-200) 7%,transparent);--scrollbar-thumb:color-mix(in srgb,var(--panel-navy-400) 62%,transparent);--scrollbar-thumb-hover:color-mix(in srgb,var(--panel-navy-300) 74%,transparent);--scrollbar-thumb-active:color-mix(in srgb,var(--panel-navy-300) 88%,transparent)}.page :is(.panel-surface-demo--light,.surface-demo--light,.chart-card.light),.page :is(.panel-surface-demo--light,.surface-demo--light,.chart-card.light) .scrollbar-violet,:is(.page.light,html[data-surface=light] .page,html[data-theme=light] .page),:is(.page.light,html[data-surface=light] .page,html[data-theme=light] .page) .scrollbar-violet{--scrollbar-housing:color-mix(in srgb,var(--mindset-violet-500) 13%,transparent);--scrollbar-thumb:color-mix(in srgb,var(--mindset-violet-500) 58%,transparent);--scrollbar-thumb-hover:color-mix(in srgb,var(--mindset-violet-500) 78%,transparent);--scrollbar-thumb-active:var(--mindset-violet-500)}.page :is(.panel-surface-demo--light,.surface-demo--light,.chart-card.light) .scrollbar-subtle,.page :is(.panel-surface-demo--light,.surface-demo--light,.chart-card.light).scrollbar-subtle,:is(.page.light,html[data-surface=light] .page,html[data-theme=light] .page) .scrollbar-subtle,:is(.page.light,html[data-surface=light] .page,html[data-theme=light] .page).scrollbar-subtle{--scrollbar-housing:color-mix(in srgb,var(--panel-navy-900) 7%,transparent);--scrollbar-thumb:color-mix(in srgb,var(--panel-navy-500) 52%,transparent);--scrollbar-thumb-hover:color-mix(in srgb,var(--panel-navy-600) 68%,transparent);--scrollbar-thumb-active:color-mix(in srgb,var(--panel-navy-700) 82%,transparent)}.page ::-webkit-scrollbar,.page::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.page ::-webkit-scrollbar-button,.page::-webkit-scrollbar-button{display:none;width:0;height:0}.page ::-webkit-scrollbar-track,.page::-webkit-scrollbar-track{border-radius:var(--scrollbar-radius);background:var(--scrollbar-housing)}.page ::-webkit-scrollbar-track-piece,.page::-webkit-scrollbar-track-piece{background:transparent}.page ::-webkit-scrollbar-thumb,.page::-webkit-scrollbar-thumb{border:var(--scrollbar-inset) solid transparent;border-radius:var(--scrollbar-radius);background:var(--scrollbar-thumb);background-clip:content-box}.page ::-webkit-scrollbar-thumb:vertical,.page::-webkit-scrollbar-thumb:vertical{min-height:calc(var(--scrollbar-size) * 2.5)}.page ::-webkit-scrollbar-thumb:horizontal,.page::-webkit-scrollbar-thumb:horizontal{min-width:calc(var(--scrollbar-size) * 2.5)}.page ::-webkit-scrollbar-thumb:hover,.page::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box}.page ::-webkit-scrollbar-thumb:active,.page::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active);background-clip:content-box}.page ::-webkit-scrollbar-corner,.page::-webkit-scrollbar-corner{background:transparent}.page .scrollbar-none,.page.scrollbar-none{scrollbar-width:none}.page .scrollbar-none::-webkit-scrollbar,.page.scrollbar-none::-webkit-scrollbar{display:none}.sp-side-nav__link:focus-visible,:is(.switch input:focus-visible+.switch__track,.sp-toggle:focus-visible,.sp-toggle.is-focus),:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:0;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-inner),0 0 0 calc(var(--focus-ring-width) * 2) var(--focus-default)}:where([aria-invalid=true],[data-focus-tone=danger]):focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-inner),0 0 0 calc(var(--focus-ring-width) * 2) var(--focus-danger)}.button{--button-height:var(--space-40);--button-padding:var(--space-10) var(--space-14);--button-gap:var(--space-8);--button-font-size:var(--app-text-sm-font-size);--button-line-height:var(--app-text-sm-line-height);--button-icon-size:var(--icon-size-sm);--button-icon-color:currentColor;--button-current-shadow:none;min-height:var(--button-height);padding:var(--button-padding);display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap);border:1px solid transparent;border-radius:var(--button-radius);background:transparent;color:inherit;box-shadow:var(--button-current-shadow);font-family:var(--button-font);font-size:var(--button-font-size);line-height:var(--button-line-height);font-weight:var(--weight-semibold);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:var(--transition-interactive)}.button svg{width:var(--button-icon-size);height:var(--button-icon-size);flex:0 0 var(--button-icon-size);color:var(--button-icon-color)}.button:focus-visible{outline:0;box-shadow:var(--button-current-shadow),0 0 0 var(--focus-ring-width) var(--button-focus-inner),0 0 0 calc(var(--focus-ring-width) * 2) var(--button-focus)}.button:active:not(:disabled):not([aria-disabled=true]){transform:translateY(var(--space-2))}.button:disabled,.button[aria-disabled=true]{background:var(--button-surface-disabled);border-color:var(--button-border-disabled);color:var(--button-text-disabled);box-shadow:none;cursor:not-allowed;pointer-events:none}.button--xs{--button-height:var(--space-28);--button-padding:0 var(--space-8);--button-gap:var(--space-6);--button-font-size:var(--app-text-xxs-font-size);--button-line-height:var(--app-text-xxs-line-height);--button-icon-size:var(--icon-size-xs)}.button--sm{--button-height:var(--space-36);--button-padding:var(--space-8) var(--space-12)}.button--md{--button-height:var(--space-40);--button-padding:var(--space-10) var(--space-14)}.button--lg{--button-height:var(--space-44);--button-padding:var(--space-10) var(--space-16);--button-gap:var(--space-10);--button-font-size:var(--app-text-md-font-size);--button-line-height:var(--app-text-md-line-height)}.button--icon-only{width:var(--button-height);min-width:var(--button-height);padding:0}.button--primary{--button-icon-color:var(--button-primary-icon);--button-current-shadow:var(--button-shadow);background:var(--button-primary);color:var(--button-text-strong)}.button--primary:hover{background:var(--button-primary-hover)}.button--primary:active{background:var(--button-primary-active)}.button--secondary{--button-current-shadow:var(--button-shadow);background:var(--button-surface);border-color:var(--button-border);color:var(--button-text)}.button--secondary:hover{background:var(--button-surface-hover)}.button--tertiary{color:var(--button-text-muted)}.button--tertiary:hover{background:var(--button-surface-hover);color:var(--button-text)}.button--link{--button-height:auto;--button-padding:0;min-height:auto;border:0;border-radius:var(--radius-xs);box-shadow:none;color:var(--button-text)}.button--link:hover{color:var(--button-text-strong)}.button--link.button--danger{background:transparent;color:var(--button-danger);box-shadow:none}.button--danger{--button-current-shadow:var(--button-shadow);background:var(--button-danger);color:var(--button-danger-text)}.button--danger:hover{background:var(--button-danger-hover);color:var(--button-text-strong)}.button--danger:focus-visible{box-shadow:var(--button-current-shadow),0 0 0 var(--focus-ring-width) var(--button-focus-inner),0 0 0 calc(var(--focus-ring-width) * 2) var(--button-danger)}.button[aria-busy=true]{pointer-events:none}.button[aria-busy=true]:before{content:"";width:var(--button-icon-size);height:var(--button-icon-size);flex:0 0 var(--button-icon-size);border-right-color:currentcolor;border:var(--space-2) solid;border-right:var(--space-2) solid transparent;border-radius:var(--radius-full);animation:button-spin var(--duration-slowest) linear infinite}@keyframes button-spin{to{transform:rotate(1turn)}}.icon-button{--icon-button-size:var(--space-40);--icon-button-icon:var(--icon-size-sm);appearance:none;font:inherit;position:relative;width:var(--icon-button-size);min-width:var(--icon-button-size);height:var(--icon-button-size);min-height:var(--icon-button-size);padding:0;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid var(--nav-border);border-radius:var(--button-radius);background:transparent;color:var(--nav-text);cursor:pointer;transition:var(--transition-interactive)}.icon-button:hover{border-color:var(--nav-hover-border);background:var(--nav-hover-surface);color:var(--nav-text)}.icon-button:focus-visible{outline:0;box-shadow:0 0 0 var(--focus-ring-width) var(--button-focus-inner),0 0 0 calc(var(--focus-ring-width) * 2) var(--button-focus)}.icon-button:active:not(:disabled):not([aria-disabled=true]){transform:translateY(var(--space-2))}.icon-button .sp-icon,.icon-button svg{width:var(--icon-button-icon);height:var(--icon-button-icon);flex:0 0 var(--icon-button-icon);display:block;margin:0;color:currentColor;pointer-events:none}.icon-button.is-current,.icon-button[aria-current=page]{border-color:var(--nav-current-border);background:var(--nav-current-surface);color:var(--nav-current-text)}.icon-button.is-current:hover,.icon-button[aria-current=page]:hover{border-color:var(--nav-current-border);background:color-mix(in srgb,var(--nav-current) 24%,transparent);color:var(--nav-current-text)}.icon-button:disabled,.icon-button[aria-disabled=true]{color:var(--button-text-disabled);cursor:not-allowed;pointer-events:none}.button-group{min-height:var(--space-40);max-width:100%;align-items:stretch;overflow-x:auto;isolation:isolate;border:1px solid var(--button-group-border);border-radius:var(--button-radius);box-shadow:var(--button-group-shadow)}.button-group,.button-group__item{display:inline-flex;background:var(--button-group-surface)}.button-group__item{position:relative;z-index:0;flex-shrink:0;min-width:62px;min-height:38px;padding:var(--space-8) var(--space-16);align-items:center;justify-content:center;gap:var(--space-4);border:0;border-right:1px solid var(--button-group-border);border-radius:0;color:var(--button-group-text);font-family:var(--skillprint-font-ui);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;transition:var(--transition-interactive)}.button-group__item:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.button-group__item:last-child{border-right:0;border-radius:0 var(--radius-md) var(--radius-md) 0}.button-group__item:only-child{border-radius:var(--radius-md)}.button-group__item.is-current,.button-group__item:hover,.button-group__item[aria-pressed=true]{background:var(--button-group-current)}.button-group__item:focus-visible{z-index:2;outline:0;box-shadow:0 0 0 var(--focus-ring-width) var(--button-focus-inner),0 0 0 calc(var(--focus-ring-width) * 2) var(--button-focus)}.button-group__item:disabled,.button-group__item[aria-disabled=true]{color:var(--button-group-disabled);cursor:not-allowed;pointer-events:none}.button-group__icon{width:var(--icon-size-sm);height:var(--icon-size-sm);flex:0 0 var(--icon-size-sm);color:var(--button-group-icon)}.button-group__item.is-current .button-group__icon,.button-group__item:hover .button-group__icon,.button-group__item[aria-pressed=true] .button-group__icon{color:var(--button-group-icon-strong)}.ui-badge{--badge-accent:var(--panel-navy-400);--badge-bg:color-mix(in srgb,var(--badge-accent) 13%,var(--surface-box));--badge-border:color-mix(in srgb,var(--badge-accent) 38%,var(--surface-border));--badge-text:var(--surface-text);--badge-height:var(--space-22);--badge-font-size:var(--app-text-xs-font-size);--badge-line-height:var(--app-text-xs-line-height);height:var(--badge-height);padding:var(--space-2) var(--space-6);display:inline-flex;align-items:center;justify-content:center;gap:0;border:1px solid var(--badge-border);border-radius:var(--radius-sm);background:var(--badge-bg);color:var(--badge-text);font-family:var(--skillprint-font-ui);font-size:var(--badge-font-size);line-height:var(--badge-line-height);font-weight:var(--weight-medium);white-space:nowrap}.ui-badge--pill{padding-inline:var(--space-8);border-radius:var(--radius-full)}.ui-badge--md{--badge-height:var(--space-24);--badge-font-size:var(--app-text-sm-font-size);--badge-line-height:var(--app-text-sm-line-height);padding-inline:var(--space-8)}.ui-badge--leading{gap:var(--space-4);padding-inline-start:var(--space-4)}.ui-badge--pill.ui-badge--leading{padding-inline-start:var(--space-6)}.ui-badge__dot{width:var(--space-6);height:var(--space-6);flex:0 0 var(--space-6);border-radius:var(--radius-full);background:var(--badge-accent)}.ui-badge__icon{width:var(--space-14);height:var(--space-14);fill:none;stroke:var(--badge-accent);stroke-width:var(--icon-stroke-sm);stroke-linecap:round;stroke-linejoin:round}.ui-badge.is-selected,.ui-badge[aria-pressed=true]{--badge-bg:var(--mindset-violet-500);--badge-border:var(--mindset-violet-500);--badge-text:var(--geistface-grey-25);--badge-accent:var(--geistface-grey-25)}[data-badge-tone=brand]{--badge-accent:var(--violet)}[data-badge-tone=success]{--badge-accent:var(--core-green-500)}[data-badge-tone=warning]{--badge-accent:var(--skills-orange-500)}[data-badge-tone=error]{--badge-accent:var(--skills-pink-500)}[data-badge-tone=mood]{--badge-accent:var(--lime)}[data-badge-tone=cognition]{--badge-accent:var(--mint)}[data-badge-tone=personality]{--badge-accent:var(--blue)}.chart-chip,.ui-tag{min-height:var(--space-32);padding:var(--space-6) var(--space-12);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-panel);color:color-mix(in srgb,var(--surface-text) 72%,transparent);font-family:var(--skillprint-font-ui);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-semibold);white-space:nowrap;transition:var(--transition-interactive)}button.ui-tag:hover{border-color:color-mix(in srgb,var(--surface-text) 28%,var(--surface-border));color:var(--surface-text)}.chart-chip.is-active,.ui-tag.is-selected,.ui-tag[aria-pressed=true]{background:var(--mindset-violet-500);border-color:var(--mindset-violet-500);color:var(--geistface-grey-25)}.field{display:grid;gap:var(--space-8)}.field label{color:var(--surface-text);font-family:var(--skillprint-font-ui);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-semibold)}.field :is(input,select,textarea){width:100%;min-height:var(--space-44);padding:var(--space-10) var(--space-12);border:1px solid var(--surface-border-hover);border-radius:var(--radius-md);background:var(--surface-box);color:var(--surface-text);font-family:var(--skillprint-font-ui);outline:0;transition:var(--transition-interactive)}.field textarea{min-height:var(--space-96);resize:vertical}.field ::placeholder{color:var(--surface-text-muted)}.field :is(input,select,textarea):focus-visible{border-color:var(--mindset-violet-200);box-shadow:0 0 0 var(--space-4) color-mix(in srgb,var(--mindset-violet-400) 24%,transparent)}.field [aria-invalid=true]{border-color:var(--skills-pink-500)}.field [aria-invalid=true]:focus-visible{box-shadow:0 0 0 var(--space-4) color-mix(in srgb,var(--skills-pink-500) 24%,transparent)}.field[data-state=success] :is(input,select,textarea){border-color:var(--core-green-500)}.field :disabled{opacity:.55;cursor:not-allowed}.field :is(input,select,textarea):hover:not(:disabled):not([readonly]){border-color:color-mix(in srgb,var(--surface-text) 28%,transparent)}.field[data-state=warning] :is(input,select,textarea){border-color:var(--skills-orange-500)}.field :is(input,textarea)[readonly]{background:var(--surface-raised);color:var(--surface-text-muted)}.field[data-size=sm] :is(input,select){min-height:var(--control-height-sm);padding-block:var(--space-8);font-size:var(--app-text-xs-font-size)}.field[data-size=lg] :is(input,select){min-height:var(--control-height-lg);padding-inline:var(--space-14);font-size:var(--app-text-md-font-size)}.field__control--both :is(input,select,textarea){padding-inline-start:var(--space-40)}.field__control--both :is(input,select,textarea){padding-inline-end:var(--space-40)}.popup-backdrop{position:fixed;inset:0;z-index:300;padding:var(--space-30);display:grid;place-items:center;background:var(--popup-backdrop-dark);-webkit-backdrop-filter:blur(var(--backdrop-blur-xl));backdrop-filter:blur(var(--backdrop-blur-xl))}.popup{width:min(var(--space-480),100%);overflow:hidden;border-radius:var(--radius-4xl);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(var(--backdrop-blur-lg));backdrop-filter:blur(var(--backdrop-blur-lg))}.popup--dark{color:var(--geistface-grey-200);background:var(--popup-dark);border:1px solid color-mix(in srgb,var(--deep-navy-25) 18%,transparent)}.popup__content{padding:var(--space-32)}.popup__footer{padding:var(--space-20) var(--space-32) var(--space-24);display:flex;justify-content:flex-end;gap:var(--space-12);border-top:1px solid}.sp-nav{position:relative;z-index:100;border-bottom:1px solid var(--nav-border);background:var(--nav-surface);color:var(--nav-text);-webkit-backdrop-filter:blur(var(--backdrop-blur-lg));backdrop-filter:blur(var(--backdrop-blur-lg))}.sp-nav .brand-logo--light,html[data-surface=light] .sp-nav .brand-logo--dark{display:none}html[data-surface=light] .sp-nav .brand-logo--light{display:block}html[data-surface=light] .sp-nav{--nav-surface:color-mix(in srgb,var(--geistface-grey-25) 95%,transparent);--nav-drawer-surface:var(--geistface-grey-25);--nav-border:color-mix(in srgb,var(--deep-navy-900) 11%,transparent);--nav-text:var(--geistface-grey-800);--nav-hover-surface:var(--panel-navy-50);--nav-hover-border:color-mix(in srgb,var(--deep-navy-900) 11%,transparent);--nav-shadow:0 var(--space-24) var(--space-64) color-mix(in srgb,var(--deep-navy-900) 12%,transparent)}.sp-side-nav{position:sticky;top:0;height:100vh;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--side-nav-border);background:var(--side-nav-surface);color:var(--side-nav-text)}.sp-side-nav .brand-logo--light,html[data-surface=light] .sp-side-nav .brand-logo--dark{display:none}html[data-surface=light] .sp-side-nav .brand-logo--light{display:block}.sp-side-nav__scroll{min-height:0;padding:var(--space-8) var(--space-12) var(--space-20);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.sp-side-nav__group{display:grid;gap:var(--space-2)}.sp-side-nav__group+.sp-side-nav__group{margin-top:var(--space-20)}.sp-side-nav__link{width:100%;min-height:var(--space-36);padding-inline:var(--space-10);display:flex;align-items:center;gap:var(--space-10);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--side-nav-muted);font-family:var(--skillprint-font-ui);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-medium);text-decoration:none;transition:var(--transition-interactive)}.sp-side-nav__link:hover{border-color:var(--side-nav-border);background:var(--side-nav-hover);color:var(--side-nav-text)}.sp-side-nav__link.is-active,.sp-side-nav__link[aria-current=page]{border-color:var(--side-nav-active-border,var(--side-nav-border));background:var(--side-nav-active);color:var(--nav-current-text);font-weight:var(--weight-semibold)}.sp-side-nav__link.is-active svg,.sp-side-nav__link[aria-current=page] svg{color:var(--side-nav-accent)}.sp-side-nav__link svg{width:var(--icon-size-sm);height:var(--icon-size-sm);flex:0 0 var(--icon-size-sm);fill:none;stroke:currentColor;stroke-width:var(--icon-stroke-sm);stroke-linecap:round;stroke-linejoin:round;--icon-stroke:var(--icon-stroke-20)}.surface-panel{background:var(--surface-panel);color:var(--surface-text)}.surface-box{background:var(--surface-box);color:var(--surface-text)}.sp-card,.sp-panel{min-width:0;border:1px solid var(--surface-border);color:var(--surface-text)}.sp-panel{padding:var(--space-24);border-radius:var(--radius-4xl);background:var(--surface-panel)}.sp-card{padding:var(--card-current-padding,var(--space-16));border-radius:var(--card-current-radius,var(--radius-2xl));background:var(--surface-box)}.sp-card--raised{background:var(--surface-raised)}.sp-card--interactive{cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}.sp-card--interactive:active,.sp-card--interactive:hover,.sp-card--interactive[aria-expanded=true],.sp-card--interactive[aria-pressed=true]{border-color:var(--surface-border-hover)}.sp-card--interactive:focus-visible{outline:0;border-color:var(--surface-border-hover);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-inner),0 0 0 calc(var(--focus-ring-width) * 2) var(--focus-default)}.code-block{overflow:hidden;border:1px solid var(--code-border);border-radius:var(--radius-2xl);background:var(--code-bg);color:var(--code-text);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.code-block:hover{border-color:var(--code-border-hover)}.code-block:focus-within{border-color:var(--code-border-strong);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-inner),0 0 0 calc(var(--focus-ring-width) * 2) var(--focus-default)}.code-block[aria-disabled=true]{opacity:.48;pointer-events:none}.code-block pre{margin:0;padding:var(--space-22);overflow:auto;white-space:pre;tab-size:2;color:var(--code-text);font-family:var(--skillprint-font-mono);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-sm-line-height)}.code-block ::selection{background:var(--code-selection)}.token.tag{color:var(--syntax-tag)}.chart-card{--chart-panel:var(--surface-panel);--chart-muted:var(--surface-text-muted);--chart-grid:var(--surface-border);padding:0;overflow:hidden}.chart-card.dark{--surface-box:var(--panel-navy-950);--surface-text:var(--geistface-grey-200);--surface-text-muted:color-mix(in srgb,var(--geistface-grey-200) 72%,transparent);--surface-border:color-mix(in srgb,var(--geistface-grey-200) 12%,transparent);--chart-panel:var(--panel-navy-900)}.chart-card.light{--surface-box:var(--geistface-grey-25);--surface-text:var(--geistface-grey-800);--surface-text-muted:color-mix(in srgb,var(--geistface-grey-800) 86%,transparent);--surface-border:color-mix(in srgb,var(--deep-navy-900) 12%,transparent);--chart-panel:var(--panel-navy-50)}.chart-actions,.chart-card-head,.chart-insight,.chart-key,.key-item{display:flex}.chart-card-head{padding:var(--space-24);align-items:flex-start;justify-content:space-between;gap:var(--space-24);border-bottom:1px solid var(--chart-grid)}.chart-card-title{min-width:0}.chart-card :where(.theme-label,.chart-card-title>span,.stat span,.chart-key,.chart-insight){color:var(--chart-muted)}.chart-card :where(.theme-label,.stat span,.stat small,.chart-key){font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height)}.chart-card :where(.theme-label,.stat span){font-weight:var(--weight-semibold);text-transform:uppercase}.chart-card-title strong{display:block;margin-top:var(--space-6);color:var(--surface-text);font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height);font-weight:var(--weight-medium)}.chart-card-title>span{display:block;margin-top:var(--space-4);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.chart-actions{flex-wrap:wrap;justify-content:flex-end;gap:var(--space-8)}.chart-card .chart-chip{background:var(--chart-panel);color:var(--chart-muted)}.chart-card .chart-chip.is-active{background:var(--mindset-violet-500);border-color:var(--mindset-violet-500);color:var(--geistface-grey-25)}.chart-frame{position:relative;min-height:var(--space-384);padding:var(--space-20) var(--space-18) var(--space-8)}.chart-frame svg{width:100%;height:auto;display:block;overflow:visible}.chart-frame text{font-family:var(--skillprint-font-ui);font-variant-numeric:tabular-nums}.tone--blue,.tone--cognition{--chart-tone:var(--blue)}.tone--green{--chart-tone:var(--core-green-500)}.tone--orange{--chart-tone:var(--skills-orange-500)}.tone--personality,.tone--pink{--chart-tone:var(--skills-pink-500)}.tone--mindset,.tone--violet{--chart-tone:var(--violet)}.tone--magenta{--chart-tone:var(--magenta)}.tone--text{--chart-tone:var(--geistface-grey-200)}.tone--deep{--chart-tone:var(--deep-navy-900)}.chart-frame.compact{min-height:var(--space-320)}.chart-key{padding:var(--space-4) var(--space-24) var(--space-20);flex-wrap:wrap;gap:var(--space-18)}.key-item{align-items:center;gap:var(--space-8)}.insight-dot,.key-item i{width:var(--space-8);height:var(--space-8);flex:0 0 var(--space-8);border-radius:var(--radius-full)}.key-item i{background:var(--chart-tone,var(--chart-key,currentColor))}.chart-insight{margin:0 var(--space-24) var(--space-24);align-items:flex-start;gap:var(--space-12);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.insight-dot{margin-top:var(--space-6);background:var(--mindset-violet-500)}.trait-card{--trait-accent:var(--lime);display:flex;flex-direction:column}.trait-card[data-pillar=cognition]{--trait-accent:var(--mint)}.trait-card[data-pillar=personality]{--trait-accent:var(--blue)}.trait-card .ui-badge{--badge-accent:var(--trait-accent)}.trait-card.is-hidden{display:none}:is(.switch,.sp-toggle){--toggle-width:var(--space-44);--toggle-height:var(--space-24);position:relative;width:var(--toggle-width);height:var(--toggle-height);flex:0 0 var(--toggle-width)}:is(.switch__track,.sp-toggle){border:1px solid var(--surface-border-hover);border-radius:var(--radius-full);background:var(--surface-raised);transition:var(--transition-interactive)}.sp-toggle{padding:0;display:inline-flex;border:1px solid var(--surface-border-hover);cursor:pointer;-webkit-tap-highlight-color:transparent}:is(.switch input:checked+.switch__track,.sp-toggle[aria-checked=true]){border-color:var(--mindset-violet-500);background:var(--mindset-violet-500)}:is(.switch:hover .switch__track,.sp-toggle:hover,.sp-toggle.is-hover):not(:disabled){border-color:var(--mindset-violet-400)}.sp-toggle[aria-checked=true]:is(:hover,.is-hover){background:var(--mindset-violet-600)}:is(.switch input:disabled+.switch__track,.sp-toggle:disabled){border-color:var(--surface-border);background:var(--surface-raised);opacity:.55;cursor:not-allowed}.sp-dropdown{position:relative;width:100%}.sp-dropdown__trigger{width:100%;justify-content:flex-start;text-align:left}.sp-dropdown__trigger[aria-expanded=true]{border-color:var(--mindset-violet-300);box-shadow:0 0 0 var(--focus-ring-width) var(--button-focus-inner),0 0 0 calc(var(--focus-ring-width) * 2) var(--button-focus)}.sp-dropdown__chevron{margin-inline-start:auto;transition:transform var(--duration-fast) var(--ease-standard)}.sp-dropdown__trigger[aria-expanded=true] .sp-dropdown__chevron{transform:rotate(180deg)}:is(.sp-dropdown__value,.sp-dropdown__item-main,.sp-dropdown__header){min-width:0;display:flex;align-items:center;gap:var(--space-8)}:is(.sp-dropdown__value,.sp-dropdown__item-main){flex:1 1 auto}:is(.sp-dropdown__copy,.sp-dropdown__header-copy){min-width:0;flex:1 1 auto}:is(.sp-dropdown__copy,.sp-dropdown__header-copy)>:is(strong,span){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.sp-dropdown__copy,.sp-dropdown__header-copy)>span{color:var(--surface-text-muted);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height)}.sp-dropdown__menu{position:absolute;z-index:40;top:calc(100% + var(--space-8));left:0;width:max(100%,var(--space-256));max-height:var(--space-320);padding:var(--space-6);overflow:auto;box-shadow:var(--shadow-xl);transform-origin:top}.sp-dropdown__menu[hidden]{display:none}.sp-dropdown__header{padding:var(--space-10);margin:calc(var(--space-6) * -1) calc(var(--space-6) * -1) var(--space-6);border-bottom:1px solid var(--surface-border)}.sp-dropdown__group-label{padding:var(--space-8) var(--space-10) var(--space-4);color:var(--surface-text-muted);font-family:var(--skillprint-font-mono);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.sp-dropdown__item{width:100%;justify-content:flex-start;text-align:left}.sp-dropdown__item:is([aria-selected=true],[aria-current=page],[aria-current=true]){background:color-mix(in srgb,var(--mindset-violet-500) 16%,var(--surface-box))}.sp-dropdown__selected-mark{margin-inline-start:auto;color:var(--mindset-violet-300);opacity:0}.sp-dropdown__item:is([aria-selected=true],[aria-current=page],[aria-current=true]) .sp-dropdown__selected-mark{opacity:1}html:is([data-surface=light],[data-theme=light]) :is(.sp-dropdown__group-label,.sp-dropdown__empty,.sp-dropdown__copy>span,.sp-dropdown__meta){color:var(--geistface-grey-700)}html:is([data-surface=light],[data-theme=light]) .sp-dropdown__selected-mark{color:var(--mindset-violet-500)}.sp-dropdown--compact{width:var(--space-256)}.sp-progress{--progress-count:0;--progress-total:100;--progress:calc(var(--progress-count) / var(--progress-total) * 100%);--progress-colour:var(--violet);position:relative;width:100%;min-width:0;display:flex;align-items:center;gap:var(--space-12)}.sp-progress__track{position:relative;min-width:0;height:var(--space-8);flex:1 1 auto;overflow:hidden;border-radius:var(--radius-full);background:var(--surface-raised)}.sp-progress__fill{position:absolute;inset:0 auto 0 0;width:clamp(0%,var(--progress),100%);border-radius:inherit;background:var(--progress-colour);transition:width var(--duration-fast) var(--ease-standard)}:is(.sp-progress,.sp-progress-ring)[aria-disabled=true]{opacity:.55}.sp-progress-ring{--progress-count:0;--progress-total:100;--progress-value:calc(var(--progress-count) / var(--progress-total) * 100);--progress-colour:var(--violet);--progress-ring-size:var(--space-160);--progress-ring-stroke:4;position:relative;width:var(--progress-ring-size);aspect-ratio:1;display:grid;place-items:center}.sp-progress-ring__svg{width:100%;height:100%;display:block;overflow:visible;transform:rotate(-90deg)}:is(.sp-progress-ring__track,.sp-progress-ring__value){fill:none;stroke-width:var(--progress-ring-stroke)}.sp-progress-ring__track{stroke:var(--surface-raised)}.sp-progress-ring__value{stroke:var(--progress-colour);stroke-dasharray:var(--progress-value) 100;transition:stroke-dasharray var(--duration-fast) var(--ease-standard)}.sp-progress-ring__copy{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.sp-slider{--slider-start:0%;--slider-end:100%;--slider-position:var(--slider-start);--slider-handle-size:var(--icon-size-md);--slider-handle-radius:var(--space-12);position:relative;width:100%;min-height:var(--slider-handle-size);touch-action:none}.sp-slider__handle{--slider-position:var(--slider-start);position:absolute;top:0;left:clamp(0px,calc(var(--slider-position) - var(--slider-handle-radius)),calc(100% - var(--slider-handle-size)));z-index:1;width:var(--slider-handle-size);height:var(--slider-handle-size);padding:0;border:var(--space-2) solid var(--mindset-violet-500);border-radius:var(--radius-full);background:var(--surface-box);box-shadow:var(--shadow-sm);cursor:grab}.sp-slider__handle:is(:hover,.is-hover){border-color:var(--mindset-violet-400);box-shadow:var(--shadow-md)}.sp-slider__handle:active{cursor:grabbing}.sp-slider__handle:is(:focus-visible,.is-focused){outline:0;box-shadow:var(--shadow-xs),0 0 0 var(--focus-ring-width) var(--focus-inner),0 0 0 calc(var(--focus-ring-width) * 2) var(--focus-default)}.sp-slider__value{--slider-position:var(--slider-start);position:absolute;left:clamp(var(--slider-handle-radius),var(--slider-position),calc(100% - var(--slider-handle-radius)));display:none;pointer-events:none;transform:translateX(-50%)}.sp-slider[data-label=bottom]{margin-bottom:var(--space-32)}.sp-slider[data-label=bottom] .sp-slider__value{top:var(--space-32);display:inline-flex}.sp-slider[data-label=tooltip]{margin-top:var(--space-42)}.sp-slider[data-label=tooltip] .sp-slider__value{top:calc(var(--space-42) * -1);display:inline-flex}.sp-slider:is([aria-disabled=true],.is-disabled){opacity:.48;pointer-events:none}.layout-grid{display:grid}.layout-flex{display:flex}.layout-inline-flex{display:inline-flex}.layout-block{display:block}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.place-center{place-items:center}.flow-column{flex-direction:column}.text-center{text-align:center}:root{--spacing-xs:var(--space-4);--spacing-sm:var(--space-6);--spacing-md:var(--space-8);--spacing-lg:var(--space-12);--spacing-xl:var(--space-16);--spacing-2xl:var(--space-20);--spacing-3xl:var(--space-24);--spacing-4xl:var(--space-32);--spacing-5xl:var(--space-40);--spacing-6xl:var(--space-48);--measure-sm:620px;--measure-md:720px;--radius-lg-system:var(--radius-lg);--radius-pill:var(--radius-full);--radius-control:var(--radius-md);--radius-compact:var(--radius-xl);--radius-card:var(--radius-2xl);--radius-panel:var(--radius-4xl);--space-56:56px;--icon-size-2xs:12px;--icon-size-3xs:10px;--icon-stroke-10:3px;--icon-stroke-12:2.5px;--icon-stroke-14:2.57px;--icon-stroke-16:2.25px;--icon-stroke-18:2px;--icon-stroke-20:2.1px;--icon-stroke-22:1.91px;--icon-stroke-24:2px;--icon-stroke-32:1.6875px;--icon-stroke-48:1.25px;--icon-stroke-xs:var(--icon-stroke-16);--focus-ring-color:var(--focus-default);--skillprint-action-violet:var(--mindset-violet-500);--text-primary:var(--geistface-grey-200);--text-muted:color-mix(in srgb,var(--geistface-grey-200) 72%,transparent);--deep-navy:var(--deep-navy-900);--skillprint-deep-navy:var(--deep-navy-900);--white:var(--deep-navy-25);--mood-500:var(--core-lime-500);--cognition-500:var(--personality-mint-500);--personality-500:var(--personality-blue-500);--focus-violet:var(--mindset-violet-400);--card-radius-sm:var(--radius-xl);--card-padding-sm:var(--space-16)}html[data-surface=light]{--button-surface:var(--surface-box);--button-surface-hover:var(--surface-raised);--button-surface-disabled:color-mix(in srgb,var(--surface-raised) 62%,transparent);--button-border:var(--surface-border-hover);--button-border-disabled:var(--surface-border);--button-text:var(--surface-text);--button-text-muted:color-mix(in srgb,var(--surface-text) 72%,transparent);--button-text-disabled:color-mix(in srgb,var(--surface-text) 42%,transparent)}html[data-surface=light] .sp-side-nav{--side-nav-surface:var(--geistface-grey-25);--side-nav-border:color-mix(in srgb,var(--deep-navy-900) 11%,transparent);--side-nav-text:var(--geistface-grey-800);--side-nav-muted:color-mix(in srgb,var(--geistface-grey-800) 80%,transparent);--side-nav-hover:var(--panel-navy-50);--side-nav-active:var(--nav-current-surface);--side-nav-active-border:var(--nav-current-border)}.sp-icon{width:var(--icon-size,var(--icon-size-md));height:var(--icon-size,var(--icon-size-md));flex:0 0 auto;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:var(--icon-stroke,var(--icon-stroke-md));stroke-linecap:round;stroke-linejoin:round}.sp-icon--3xs{--icon-size:var(--icon-size-3xs);--icon-stroke:var(--icon-stroke-10)}.sp-icon--2xs{--icon-size:var(--icon-size-2xs);--icon-stroke:var(--icon-stroke-12)}.sp-icon--xs{--icon-size:var(--icon-size-xs);--icon-stroke:var(--icon-stroke-16)}.sp-icon--sm{--icon-size:var(--icon-size-sm);--icon-stroke:var(--icon-stroke-20)}.sp-icon--md{--icon-size:var(--icon-size-md);--icon-stroke:var(--icon-stroke-24)}.sp-icon--lg{--icon-size:var(--icon-size-lg);--icon-stroke:var(--icon-stroke-32)}.sp-icon--xl{--icon-size:var(--icon-size-xl);--icon-stroke:var(--icon-stroke-48)}.page--portal .clear-search svg,.page--portal .duration svg{width:var(--space-14);flex-basis:auto;height:var(--space-14);--icon-stroke:var(--icon-stroke-14)}.page--portal .modal-close svg{width:var(--space-18);flex-basis:auto;height:var(--space-18);--icon-stroke:var(--icon-stroke-18)}.page--game-session .game-result__icon svg{width:var(--space-24);flex-basis:auto;height:var(--space-24);--icon-stroke:var(--icon-stroke-24)}.button svg{--icon-stroke:var(--icon-stroke-20)}.button--xs svg{--icon-stroke:var(--icon-stroke-16)}.ui-badge--md .ui-badge__icon{--icon-stroke:var(--icon-stroke-14)}.ui-badge>:is(.ui-badge__icon,.ui-badge__dot,.ui-badge__avatar,.ui-badge__flag):first-child{margin-inline-end:var(--space-2)}.sp-icon-frame{--icon-frame-size:var(--space-40);--icon-frame-radius:var(--radius-md);width:var(--icon-frame-size);height:var(--icon-frame-size);flex:0 0 var(--icon-frame-size);display:grid;place-items:center;border:1px solid var(--surface-border);border-radius:var(--icon-frame-radius);background:var(--surface-box);color:var(--surface-text)}.sp-icon-frame--xs{--icon-frame-size:var(--space-24);--icon-frame-radius:var(--radius-xs)}.sp-icon-frame--sm{--icon-frame-size:var(--space-32);--icon-frame-radius:var(--radius-sm)}.sp-icon-frame--md{--icon-frame-size:var(--space-40);--icon-frame-radius:var(--radius-md)}.sp-icon-frame--lg{--icon-frame-size:var(--space-48);--icon-frame-radius:var(--radius-lg)}.sp-icon-frame--xl{--icon-frame-size:var(--space-64);--icon-frame-radius:var(--radius-xl)}.sp-icon-frame--round{--icon-frame-radius:var(--radius-full)}.sp-icon-frame--brand{border-color:color-mix(in srgb,var(--mindset-violet-500) 42%,transparent);background:color-mix(in srgb,var(--mindset-violet-500) 12%,transparent);color:var(--violet)}.sp-icon--muted{color:var(--surface-text-muted)}.sp-icon--success{color:var(--core-green-500)}.sp-icon--warning{color:var(--skills-orange-500)}.sp-icon--danger{color:var(--skills-pink-500)}.sp-icon--mood{color:var(--core-lime-500)}.sp-icon--cognition{color:var(--personality-mint-500)}.sp-icon--personality{color:var(--personality-blue-500)}html:is([data-theme=light],[data-surface=light]) .sp-icon--brand{color:var(--mindset-violet-500)}html:is([data-theme=light],[data-surface=light]) .sp-icon--success{color:var(--core-green-700)}html:is([data-theme=light],[data-surface=light]) .sp-icon--warning{color:var(--skills-orange-600)}html:is([data-theme=light],[data-surface=light]) .sp-icon--danger{color:var(--skills-pink-600)}html:is([data-theme=light],[data-surface=light]) .sp-icon--mood{color:var(--core-lime-700)}html:is([data-theme=light],[data-surface=light]) .sp-icon--cognition{color:var(--personality-mint-700)}html:is([data-theme=light],[data-surface=light]) .sp-icon--personality{color:var(--personality-blue-600)}.sp-sprite{position:absolute;overflow:hidden}.sp-table{width:100%;border-collapse:collapse;font-family:var(--skillprint-font-ui);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.sp-table :is(th,td){padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--surface-border);text-align:left;vertical-align:top}.sp-table th{color:var(--surface-text-muted);font-family:var(--skillprint-font-mono);font-size:var(--app-text-xs-font-size);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase}.sp-table td{color:var(--surface-text)}.sp-table tr:last-child :is(th,td){border-bottom:0}.button-group__item.active,.button-group__item.is-active{background:var(--button-group-current)}.popup-backdrop:not(.is-open):not([data-open=true]){display:none}.popup-backdrop.is-open,.popup-backdrop[data-open=true]{display:grid}.brand-logo--light,html:is([data-surface=light],[data-theme=light]) .brand-logo--dark{display:none}html:is([data-surface=light],[data-theme=light]) .brand-logo--light{display:block}.page{--deep:var(--deep-navy);--panel-900:var(--panel-navy-900);--text:var(--text-primary);--text-strong:var(--deep-navy-25);--muted:var(--text-muted);--border:var(--border-subtle);--border-strong:rgb(248 250 252/18%);--lime:var(--core-lime-500);--green:var(--core-green-500);--mint:var(--personality-mint-500);--blue:var(--personality-blue-500);--violet:var(--mindset-violet-400);--magenta:var(--mindset-magenta-400);--pink:var(--skills-pink-500);--orange:var(--skills-orange-500);--mood-500:var(--lime);--cognition-500:var(--mint);--personality-500:var(--blue);--side-nav-accent:var(--violet);--font-ui:var(--skillprint-font-ui);--font-mono:var(--skillprint-font-mono)}.page :where(.panel-surface-demo--light,.surface-demo--light,.chart-card.light),.page.light,html[data-surface=light] .page,html[data-theme=light] .page{--lime:var(--core-lime-600);--mint:var(--personality-mint-600);--violet:var(--mindset-violet-500);--magenta:var(--mindset-magenta-500)}.page :where(.layout-grid){display:grid}.page :where(.layout-flex){display:flex}.page :where(.layout-inline-flex){display:inline-flex}html:is([data-theme=light],[data-surface=light]) .page{--deep:var(--deep-navy-25);--panel-900:var(--geistface-grey-25);--text:var(--geistface-grey-800);--text-strong:var(--deep-navy-900);--muted:rgb(68 75 97/82%);--border:color-mix(in srgb,var(--deep-navy-900) 11%,transparent);--border-strong:color-mix(in srgb,var(--deep-navy-900) 20%,transparent)}[data-surface=dark]{color-scheme:dark;--page:var(--deep-navy);--surface:var(--panel-navy-900);--surface-raised:var(--panel-navy-800);--text:var(--text-primary);--muted:var(--text-muted);--border:var(--border-subtle)}[data-surface=light]{color-scheme:light;--page:var(--deep-navy-25);--surface:var(--geistface-grey-25);--surface-raised:var(--geistface-grey-100);--text:var(--geistface-grey-800);--muted:rgb(68 75 97/82%);--border:color-mix(in srgb,var(--deep-navy-900) 11%,transparent)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--page,var(--deep-navy));color:var(--text,var(--text-primary))}img,svg{max-width:100%}.margin-none{margin:0}.position-absolute{position:absolute}.position-fixed{position:fixed}.items-end{align-items:flex-end}.justify-center{justify-content:center}.push-block-end{margin-top:auto}.separator-bottom{border-bottom:1px solid var(--ui-border)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.padding-none{padding:0}.padding-xl{padding:var(--spacing-xl)}.border-none{border:0}.text-left{text-align:left}.separator-top{border-top:1px solid var(--ui-border)}.no-grow{flex:0 0 auto}.text-deep{color:var(--deep-navy)}.inset-none{inset:0}.overflow-visible{overflow:visible}.text-subtle{color:var(--subtle)}.opaque{opacity:1}.font-md{font-size:var(--app-text-sm-font-size)}.gap-2xl{gap:var(--spacing-2xl)}.radius-round{border-radius:50%}.radius-full{border-radius:var(--radius-pill)}.font-sm{font-size:var(--app-text-xs-font-size)}.gap-3xl{gap:var(--spacing-3xl)}.gap-md{gap:var(--spacing-md)}.no-underline{text-decoration:none}.leading-sm{line-height:var(--app-text-xs-line-height)}.text-muted{color:var(--ui-muted)}.border-subtle{border:1px solid var(--ui-border)}.radius-control{border-radius:var(--radius-control)}.radius-compact{border-radius:var(--radius-compact)}.gap-lg{gap:var(--spacing-lg)}.font-xs{font-size:var(--app-text-xxs-font-size)}.radius-lg{border-radius:var(--radius-lg-system)}.gap-xs{gap:var(--spacing-xs)}.leading-compact{line-height:var(--app-text-xxs-line-height)}.gap-xl{gap:var(--spacing-xl)}.push-inline-end{margin-left:auto}.border-strong{border:1px solid var(--ui-border-strong)}.leading-md{line-height:var(--app-text-sm-line-height)}.text-default{color:var(--ui-text)}.no-wrap{white-space:nowrap}.text-inverse{color:var(--geistface-grey-25)}.gap-4xl{gap:var(--spacing-4xl)}.font-mono{font-family:var(--skillprint-font-mono)}.font-ui{font-family:var(--skillprint-font-ui)}.font-base{font-size:var(--app-text-md-font-size)}.leading-base{line-height:var(--app-text-md-line-height)}.surface-transparent{background:transparent}.radius-card{border-radius:var(--radius-card)}.gap-sm{gap:var(--spacing-sm)}.leading-lg{line-height:22px}.text-strong{color:var(--text-strong)}.wrap{flex-wrap:wrap}.clip{overflow:hidden}.position-relative{position:relative}.min-width-0{min-width:0}.full-width{width:100%}.page :where(h1,h2,h3,h4){margin:0;color:var(--ui-text);font-family:var(--skillprint-font-ui);font-weight:var(--app-heading-weight);letter-spacing:var(--app-heading-tracking)}.page :where(h1){font-size:var(--app-display-xs-font-size);line-height:var(--app-display-xs-line-height);letter-spacing:var(--app-title-tracking)}.page :where(h2){font-size:var(--app-text-lg-font-size);line-height:var(--app-text-lg-line-height)}.page :where(h3){font-size:var(--app-text-xl-font-size);line-height:var(--app-text-xl-line-height)}.page :where(h4){font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height)}.page :where(.eyebrow){width:max-content;max-width:100%;margin:0 0 var(--spacing-lg);display:inline-flex;align-items:center;gap:var(--spacing-md);color:var(--ui-muted);font-family:var(--skillprint-font-ui);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.page :where(.eyebrow--compact){margin-bottom:var(--spacing-md);font-size:var(--app-text-xxs-font-size);line-height:var(--app-text-xxs-line-height)}.page :where(.grid){display:grid;gap:var(--grid-gap)}.page :where(.grid-2){grid-template-columns:repeat(2,minmax(0,1fr))}.page :where(.grid-3){grid-template-columns:repeat(3,minmax(0,1fr))}.page :where(.grid-4){grid-template-columns:repeat(4,minmax(0,1fr))}.page :where(.stack){display:grid;gap:var(--spacing-xl)}.page :where(.cluster){display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-lg)}.page :where(input,select,textarea){border:1px solid var(--ui-border-strong);border-radius:var(--radius-control);background:var(--ui-surface);color:var(--ui-text);font-family:var(--skillprint-font-ui);transition:var(--transition-interactive)}.page :where(input,select,textarea):focus{border-color:var(--focus-ring-color)}.page :where(.icon,.icon-box,.icon-button){display:inline-grid;place-items:center;flex:0 0 auto}.page :where(code,kbd,samp){font-family:var(--skillprint-font-mono)}.sp-slider[data-single-value] :is(.sp-slider__handle,.sp-slider__value){--slider-position:var(--slider-end)}.page{--positive-text:var(--green)}.chart-card.light,html[data-surface=light] .page,html[data-theme=light] .page{--positive-text:var(--core-green-900)}.field[data-state=success] .field__help,.sp-icon--success,.text-positive{color:var(--positive-text)}.page :where(.code-block,.code-card){overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--radius-card);background:var(--code-bg);color:var(--code-text);font-family:var(--skillprint-font-mono)}.page :where(.code-block pre,.code-card pre){margin:0;overflow:auto;font:inherit}.page :focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.page .card--compact{--card-current-padding:var(--card-padding-sm);--card-current-radius:var(--card-radius-sm)}.page .card--flush{--card-current-padding:0px}.page .tone--lime{--tone:var(--core-lime-500)}.page .tone--green{--tone:var(--core-green-500)}.page .tone--mint{--tone:var(--personality-mint-500)}.page .tone--blue{--tone:var(--personality-blue-500)}.page .tone--violet,.page .tone--violet-soft{--tone:var(--mindset-violet-500)}.page .tone--violet-light{--tone:var(--mindset-violet-100)}.page .tone--magenta{--tone:var(--mindset-magenta-500)}.page .tone--pink{--tone:var(--skills-pink-500)}.page .tone--orange{--tone:var(--skills-orange-500)}.page .tone--deep{--tone:var(--deep-navy)}.page .tone--text{--tone:var(--ui-text)}.page .tone--color-mood-500{--tone:var(--mood-500)}.page .tone--color-cognition-500{--tone:var(--cognition-500)}.page .tone--color-personality-500{--tone:var(--personality-500)}.page .tone{--badge-accent:var(--tone);--item:var(--tone)}@page{size:16in 9in;margin:0}.page{text-rendering:optimizeLegibility}.page :where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--skillprint-action-violet);outline-offset:3px}html:is([data-theme=dark],[data-surface=dark]) .page :where(a,button,input,select,textarea):focus-visible{outline-color:var(--focus-default)}.page .toast{position:fixed;left:50%;bottom:var(--space-24);z-index:400;transform:translate(-50%,18px);padding:var(--space-10) var(--space-14);border:1px solid var(--border-strong,var(--border-interactive,var(--border)));background:var( --surface-box,var(--surface-card,var(--panel-900,var(--panel-navy-900))) );color:var(--text-strong,var(--text,var(--geistface-grey-200)));box-shadow:var(--shadow-md,var(--shadow,0 16px 36px color-mix(in srgb,var(--pure-black) 18%,transparent)));opacity:0;pointer-events:none;transition:opacity var(--duration-base) ease,transform var(--duration-base) ease}.page .toast.is-visible{opacity:1;transform:translate(-50%)}html[data-surface=light],html[data-theme=light]{color-scheme:light;--skillprint-deep-navy:var(--deep-navy-25);--nav-current-surface:color-mix(in srgb,var(--nav-current) 10%,transparent);--nav-current-border:color-mix(in srgb,var(--nav-current) 38%,transparent);--nav-current-text:var(--mindset-violet-900);--nav-surface:color-mix(in srgb,var(--geistface-grey-25) 95%,transparent);--nav-border:color-mix(in srgb,var(--deep-navy-900) 11%,transparent);--nav-text:var(--geistface-grey-800);--nav-hover-surface:var(--panel-navy-50);--nav-hover-border:color-mix(in srgb,var(--deep-navy-900) 11%,transparent);--code-bg:var(--deep-navy-25);--code-border:color-mix(in srgb,var(--deep-navy-900) 12%,transparent);--code-border-strong:color-mix(in srgb,var(--deep-navy-900) 20%,transparent);--code-border-hover:color-mix(in srgb,var(--deep-navy-900) 32%,transparent);--code-text:var(--deep-navy-800);--code-selection:color-mix(in srgb,var(--mindset-violet-300) 42%,transparent);--syntax-tag:var(--skills-pink-700)}html[data-surface=dark],html[data-theme=dark]{color-scheme:dark}.page{--ui-page:var(--page,var(--deep,var(--deep-navy)));--ui-surface:var( --surface-card,var(--surface-box,var(--surface,var(--panel-900,var(--panel-navy-900)))) );--ui-text:var(--text-strong,var(--text,var(--text-primary)));--ui-muted:var(--muted-text,var(--muted,var(--text-muted)));--ui-border:var(--border,var(--border-subtle));--ui-border-strong:var( --border-interactive,var(--border-strong,rgb(248 250 252/18%)) );--nav-surface:color-mix(in srgb,var(--ui-page) 82%,transparent);--nav-border:var(--ui-border)}.page .text--danger{color:var(--pink)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip-path:inset(50%);white-space:nowrap}.page{-webkit-font-smoothing:antialiased}.sp-alert{--alert-accent:var(--personality-blue-500);--alert-wash:8%;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-12);padding:var(--space-14) var(--space-16);border:1px solid color-mix(in srgb,var(--alert-accent) 34%,var(--surface-border));border-radius:var(--radius-compact);background:color-mix(in srgb,var(--alert-accent) var(--alert-wash),var(--surface-box));color:var(--surface-text);font-family:var(--skillprint-font-ui)}.sp-alert[hidden]{display:none}.sp-alert__icon{margin-block-start:var(--space-2);color:var(--alert-accent)}.sp-alert__body{min-width:0;display:grid;gap:var(--space-2)}.sp-alert__title{font-weight:var(--weight-semibold)}.sp-alert__text,.sp-alert__title{font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.sp-alert__text{margin:0;color:var(--surface-text-muted)}.sp-alert__dismiss{margin-block-start:calc(var(--space-4) * -1);margin-inline-end:calc(var(--space-8) * -1)}.sp-alert[data-alert-tone=success]{--alert-accent:var(--core-green-500)}.sp-alert[data-alert-tone=warning]{--alert-accent:var(--skills-orange-500)}.sp-alert[data-alert-tone=danger]{--alert-accent:var(--skills-pink-500)}html:is([data-theme=light],[data-surface=light]) .sp-alert{--alert-accent:var(--personality-blue-600);--alert-wash:6%}html:is([data-theme=light],[data-surface=light]) .sp-alert[data-alert-tone=success]{--alert-accent:var(--core-green-700)}html:is([data-theme=light],[data-surface=light]) .sp-alert[data-alert-tone=warning]{--alert-accent:var(--skills-orange-600)}html:is([data-theme=light],[data-surface=light]) .sp-alert[data-alert-tone=danger]{--alert-accent:var(--skills-pink-600)}.sp-tour-anchor{position:relative;display:inline-flex}.sp-tour-anchor[data-tour-active=true]>:first-child{border-radius:var(--radius-control);box-shadow:0 0 0 var(--space-4) color-mix(in srgb,var(--mindset-violet-400) 28%,transparent)}.sp-tour{--tour-gap:var(--space-12);--tour-arrow:var(--space-10);--tour-shift:0px;position:absolute;left:50%;z-index:70;width:max-content;max-width:min(var(--space-320),calc(100vw - var(--space-32)));padding:var(--space-16);border:1px solid var(--surface-border-hover);border-radius:var(--radius-card);background:var(--surface-box);color:var(--surface-text);font-family:var(--skillprint-font-ui);text-align:left;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateX(calc(-50% + var(--tour-shift))) translateY(var(--space-4));transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard),visibility var(--duration-base) var(--ease-standard)}.sp-tour[data-placement=top]{bottom:calc(100% + var(--tour-gap))}.sp-tour[data-placement=bottom]{top:calc(100% + var(--tour-gap))}.sp-tour[data-open=true]{opacity:1;visibility:visible;transform:translateX(calc(-50% + var(--tour-shift))) translateY(0)}.sp-tour__arrow{position:absolute;left:calc(50% - var(--tour-shift));width:var(--tour-arrow);height:var(--tour-arrow);border:1px solid var(--surface-border-hover);background:var(--surface-box);transform:translateX(-50%) rotate(45deg)}.sp-tour[data-placement=bottom] .sp-tour__arrow{top:calc(var(--tour-arrow) / -2);border-inline-end:0;border-block-end:0}.sp-tour[data-placement=top] .sp-tour__arrow{bottom:calc(var(--tour-arrow) / -2);border-inline-start:0;border-block-start:0}.sp-tour__eyebrow{display:block;color:var(--mindset-violet-300);font-family:var(--skillprint-font-mono);font-size:var(--app-text-xxs-font-size);line-height:var(--app-text-xxs-line-height);letter-spacing:.08em;text-transform:uppercase}.sp-tour__eyebrow,.sp-tour__title{font-weight:var(--weight-semibold)}.sp-tour__title{margin:var(--space-6) 0 0;font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height)}.sp-tour__text{margin:var(--space-4) 0 0;color:var(--surface-text-muted);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.sp-tour__footer{margin-block-start:var(--space-16);display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.sp-tour__dot{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);background:var(--surface-border-hover);transition:var(--transition-interactive)}.sp-tour__dot[data-current=true]{width:var(--space-16);background:var(--mindset-violet-400)}.sp-tour__actions{display:flex;align-items:center;gap:var(--space-8)}html:is([data-theme=light],[data-surface=light]) .sp-tour__eyebrow{color:var(--mindset-violet-500)}html:is([data-theme=light],[data-surface=light]) .sp-tour__dot[data-current=true]{background:var(--mindset-violet-500)}@media (prefers-reduced-motion:reduce){.sp-tour,.sp-tour[data-open=true]{transform:translateX(calc(-50% + var(--tour-shift)))}}.sp-chart-popover-anchor{position:relative;display:inline-flex}.sp-stepper{--stepper-mark:var(--space-28);--stepper-gap:var(--space-12);--stepper-line:2px;--stepper-done:var(--core-green-500);--stepper-current:var(--violet);counter-reset:sp-step;margin:0;padding:0;list-style:none}.sp-stepper,.sp-stepper__item{display:flex;align-items:center;gap:var(--stepper-gap)}.sp-stepper__item{counter-increment:sp-step;min-width:0}.sp-stepper__item:not(:last-child){flex:1 1 auto}.sp-stepper__item:not(:last-child):after{content:"";flex:1 1 var(--space-24);height:var(--stepper-line);border-radius:var(--radius-full);background:var(--surface-raised)}.sp-stepper__item[data-state=done]:after{background:var(--stepper-done)}.sp-stepper__mark{width:var(--stepper-mark);height:var(--stepper-mark);flex:0 0 var(--stepper-mark);display:grid;place-items:center;border:1px solid var(--surface-border);border-radius:var(--radius-full);background:var(--surface-raised);color:var(--surface-text-muted);font-family:var(--skillprint-font-mono);font-size:var(--app-text-xxs-font-size);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.sp-stepper__mark:before{content:counter(sp-step)}.sp-stepper__mark .sp-icon{display:none}.sp-stepper__item[data-state=done] .sp-stepper__mark:before{content:none}.sp-stepper__item[data-state=done] .sp-stepper__mark .sp-icon{display:block}.sp-stepper__item[data-state=done] .sp-stepper__mark{border-color:transparent;background:var(--stepper-done);color:var(--deep-navy-900)}.sp-stepper__item[data-state=current] .sp-stepper__mark{border-color:var(--stepper-current);background:color-mix(in srgb,var(--stepper-current) 22%,transparent);color:var(--surface-text)}.sp-stepper__label{min-width:0;display:grid;gap:var(--space-2);color:var(--surface-text-muted);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.sp-stepper__item[data-state=done] .sp-stepper__label{color:var(--surface-text)}.sp-stepper__item[data-state=current] .sp-stepper__label{color:var(--surface-text);font-weight:var(--weight-semibold)}.sp-stepper--dots{--stepper-mark:var(--space-10);gap:var(--space-8)}.sp-stepper--dots .sp-stepper__item{flex:none}.sp-stepper--dots .sp-stepper__item:after,.sp-stepper--dots .sp-stepper__mark:before{content:none}.sp-stepper--dots .sp-stepper__mark .sp-icon{display:none}.sp-stepper--dots .sp-stepper__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (max-width:650px){.sp-stepper:not(.sp-stepper--vertical) .sp-stepper__item:not([data-state=current]) .sp-stepper__label{display:none}}.sp-progress-button{--progress-button-base:var(--mindset-violet-800);--progress-button-fill:var(--button-primary);position:relative;width:100%;overflow:hidden;justify-content:flex-start;background:var(--progress-button-base)}.sp-progress-button:before{content:"";position:absolute;inset:0 auto 0 0;z-index:0;width:clamp(0%,var(--meter,0%),100%);background:var(--progress-button-fill);transition:width var(--duration-slow,.32s) var(--ease-standard)}.sp-progress-button>*{position:relative;z-index:1}.sp-progress-button__value{margin-inline-start:auto;font-variant-numeric:tabular-nums}.sp-progress-button--compact{--button-padding:var(--space-10) var(--space-12);--button-gap:var(--space-6)}.sp-progress-button--compact .sp-progress-button__icon{display:none}.sp-progress-button:hover{--progress-button-base:var(--mindset-violet-900);--progress-button-fill:var(--button-primary-hover);background:var(--progress-button-base)}.sp-progress-button:active{--progress-button-fill:var(--button-primary-active);background:var(--progress-button-base)}.sp-progress-button:disabled:before,.sp-progress-button[aria-disabled=true]:before{opacity:.32}.sp-progress-button[data-meter="0"]:before{width:var(--space-2)}@media (prefers-reduced-motion:reduce){.sp-progress-button:before{transition:none}}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.leading-xs{line-height:14px}.page--portal-games .search-field>svg{left:var(--space-12);top:50%;width:var(--space-16);height:var(--space-16);transform:translateY(-50%);--icon-stroke:var(--icon-stroke-16)}.page--portal-games .clear-search:hover{background:var(--surface-raised);color:var(--text)}.page--portal .modal-media img{object-fit:cover}.page--portal .modal-media-label span{letter-spacing:.11em;opacity:.72}.weight-medium{font-weight:var(--weight-medium)}.weight-semibold{font-weight:var(--weight-semibold)}.page--game-session .game-result__status{min-height:26px;padding:0 var(--space-8);border:1px solid color-mix(in srgb,var(--green) 38%,transparent);border-radius:var(--radius-full);background:color-mix(in srgb,var(--green) 12%,transparent)}.page--game-session .game-result__status i{width:var(--space-6);height:var(--space-6);background:var(--green)}.page--game-session .game-result__close{width:var(--space-40);height:var(--space-40);flex:0 0 var(--space-40);border:1px solid;color:inherit;opacity:.72}.page--game-session .game-result__close:hover{opacity:1;background:color-mix(in srgb,currentColor 8%,transparent)}.page--game-session .game-result__icon{width:52px;height:52px;border-radius:var(--radius-compact);background:var(--button-primary);box-shadow:var(--shadow-sm)}.page--portal-games{--canvas:var(--deep-navy-900);--surface-panel:var(--panel-navy-950);--surface-box:var(--panel-navy-900);--surface-raised:var(--panel-navy-800);--surface-strong:var(--panel-navy-700);--border-interactive:rgb(248 250 252/18%);--customer:var(--core-green-500)}html:has(.page--portal-games)[data-surface=light]{--canvas:var(--deep-navy-25);--surface-panel:var(--panel-navy-50);--surface-box:var(--geistface-grey-25);--surface-raised:var(--geistface-grey-100);--surface-strong:var(--panel-navy-100);--border-interactive:color-mix(in srgb,var(--deep-navy-900) 20%,transparent)}html:has(.page--portal-games){scroll-behavior:smooth;scroll-padding-top:var(--space-72)}.page--portal-games{min-width:var(--space-320);background:var(--canvas);font-size:var(--app-text-md-font-size);-webkit-font-smoothing:antialiased}.page--portal-games svg{width:var(--space-20);height:var(--space-20);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;--icon-stroke:var(--icon-stroke-20)}.page--portal-games [hidden]{display:none!important}[data-skillprint-page^=portal-]{--grid-container-max:1440px}[data-skillprint-page^=portal-] .brand-logo{display:block;width:142px;height:auto;overflow:visible;stroke:none}.page--portal-games h1,.page--portal-games h2,.page--portal-games h3,.page--portal-games p{margin-top:0}.page--portal-games h1{max-width:760px}.page--portal-games .week-label{font:600 11px/18px var(--font-mono)}.page--portal-games .metric-grid{grid-template-columns:repeat(3,1fr)}.metric--portal{border-radius:var(--radius-compact);background:var(--surface-box)}.metric--portal strong{margin-top:var(--space-4);font:600 18px/26px var(--font-mono)}.metric--portal small{margin-top:var(--space-2);color:var(--customer)}.page--portal-games .streak-row{margin-top:var(--space-16);padding-top:var(--space-16)}.page--portal-games .day{width:var(--space-24);height:var(--space-24);background:var(--surface-box);font:600 9px/1 var(--font-mono)}.page--portal-games .day.done{background:var(--customer);border-color:var(--customer)}.page--portal-games .featured-card{grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr)}.page--portal .art-stack{background:var(--surface-raised)}.page--portal .art-layer{inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);max-width:none;object-fit:cover;object-position:center;transition:opacity var(--duration-fast) ease,transform var(--duration-base) ease}.page--portal .art-animated{opacity:0}.page--portal .is-art-animating .art-stack:has(.art-animated) .art-static{opacity:0}.page--portal .is-art-animating .art-animated{opacity:1}.game-card--portal:hover .art-layer,.page--portal .featured-card:focus-within .art-layer,.page--portal .featured-card:hover .art-layer,.page--portal .game-card--portal:focus-within .art-layer{transform:scale(1.012)}@media (prefers-reduced-motion:reduce){.page--portal .featured-card:focus-within .art-layer,.page--portal .featured-card:hover .art-layer,.page--portal .game-card--portal:focus-within .art-layer,.page--portal .game-card--portal:hover .art-layer{transform:none}}.page--portal-games .portal-section__bar:has(.search-field){align-items:flex-end;gap:var(--space-24)}.page--portal-games .portal-section__bar .search-field{flex:0 1 var(--space-320);min-width:0}@media (max-width:720px){.page--portal-games .portal-section__bar:has(.search-field){flex-wrap:wrap;align-items:stretch}.page--portal-games .portal-section__bar .search-field{flex:1 1 100%}}.page--portal-games .search-field input{height:var(--space-42);padding-block:0}.page--portal-games .clear-search{right:var(--space-6);top:var(--space-6);width:var(--space-28);height:var(--space-28)}.game-grid--portal{margin-top:var(--space-24)}.game-card--portal.is-hidden{display:none}.page--portal .game-card--portal{isolation:isolate}.page--portal .game-card--portal:focus-within,.page--portal .game-card--portal:hover{z-index:1;transform:translateY(calc(var(--space-4) * -1));box-shadow:var(--shadow-md)}@media (prefers-reduced-motion:reduce){.page--portal .game-card--portal:focus-within,.page--portal .game-card--portal:hover{transform:none}}.page--portal-games .media-open{color:inherit}.page--portal .media-open:active:not(:disabled){transform:none}.page--portal .game-media{aspect-ratio:1.82/1;background:var(--surface-raised)}.page--portal .media-badge{position:absolute;top:var(--space-14);z-index:4;min-height:var(--space-28);padding:0 var(--space-10);display:inline-flex;align-items:center;border-radius:var(--radius-full);white-space:nowrap;--badge-accent:var(--geistface-grey-400);--badge-height:var(--space-20);right:var(--space-14);left:auto;min-height:var(--space-20);padding:0 var(--space-6);border:1px solid color-mix(in srgb,var(--badge-accent) 30%,var(--panel-navy-700));background:var(--panel-navy-900);box-shadow:none;color:var(--badge-accent);font-size:var(--app-text-xxs-font-size);line-height:var(--app-text-xxs-line-height);font-weight:var(--weight-medium);letter-spacing:normal;text-transform:none}.page--portal .media-badge[data-status=in-progress]{--badge-accent:var(--mindset-magenta-400)}.page--portal .media-badge[data-status=new]{--badge-accent:var(--skills-orange-500)}.page--portal .media-badge[data-status=recommended]{--badge-accent:var(--core-green-500)}.page--portal .game-body{flex:1;padding:var(--space-20)}.page--portal .game-description{margin:var(--space-8) 0 var(--space-16)}.page--portal .trait-group{grid-template-columns:1fr}.page--portal .trait-skills{list-style:none;column-gap:var(--space-10);row-gap:var(--space-4)}.page--portal .trait-skill{color:var(--ui-text)}.page--portal-games .sp-icon--2xs,.page--portal-skill-progression .sp-icon--2xs{width:var(--icon-size);height:var(--icon-size);flex-basis:var(--icon-size)}.page--portal .trait-group+.trait-group{margin-top:var(--space-12)}.page--portal .play-btn svg{fill:currentColor;stroke:none}.page--portal-games .empty-state{display:none;margin-top:var(--space-24);padding:var(--space-64) var(--space-24);border:1px dashed var(--border-interactive);border-radius:var(--radius-panel);background:var(--surface-panel)}.page--portal .modal-media-label span,.page--portal .modal-media-label strong,.page--portal-games .empty-state.is-visible{display:block}.page--portal .popup{width:min(var(--space-1024),100%);max-height:min(var(--space-1024),100%);grid-template-columns:minmax(0,.87fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.page--portal .modal-media img{position:absolute;inset:0;width:100%;height:100%}@media (max-width:900px){.page--portal .popup-backdrop{padding:var(--space-20)}.page--portal .popup{width:min(var(--space-480),100%);grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.page--portal .modal-media{height:clamp(var(--space-120),26vh,var(--space-256))}}.page--portal .modal-close{right:var(--space-18);top:var(--space-18);z-index:5;width:var(--space-40);height:var(--space-40);border:1px solid color-mix(in srgb,var(--pure-white) 18%,transparent);background:color-mix(in srgb,var(--deep-navy-900) 78%,transparent)}.page--portal .modal-close:active,.page--portal .modal-close:hover{background:var(--deep-navy-900);border-color:color-mix(in srgb,var(--pure-white) 32%,transparent)}.page--portal .modal-media{min-height:0;background:var(--surface-raised)}.page--portal .modal-media-label{left:var(--space-22);bottom:var(--space-22);max-width:calc(100% - 44px);padding:var(--space-10) var(--space-12);border:1px solid color-mix(in srgb,var(--pure-white) 22%,transparent);background:color-mix(in srgb,var(--deep-navy-900) 78%,transparent);backdrop-filter:blur(12px)}.page--portal .modal-content{min-height:0;overflow:auto;overscroll-behavior:contain}.page--portal .modal-inner{padding:var(--space-42) var(--space-40) var(--space-32)}.page--portal .modal-title{margin:var(--space-6) var(--space-56) var(--space-10) 0;font-size:var(--app-display-xs-font-size);line-height:var(--app-display-xs-line-height);letter-spacing:var(--app-title-tracking)}.page--portal .modal-meta{margin:var(--space-24) 0}.page--portal .meta-card strong{margin-top:var(--space-2)}.page--portal .modal-section{padding:var(--space-20) 0}.page--portal .insight-box{gap:var(--space-10);padding:var(--space-14);border:1px solid color-mix(in srgb,var(--customer) 36%,var(--border));background:color-mix(in srgb,var(--customer) 8%,var(--surface-box))}.page--portal .insight-box svg{width:var(--space-20);height:var(--space-20);color:var(--customer);--icon-stroke:var(--icon-stroke-20)}.page--portal .modal-actions{position:sticky;bottom:0;padding:var(--space-16) var(--space-40) var(--space-24);background:color-mix(in srgb,var(--surface-box) 94%,transparent);backdrop-filter:blur(14px)}.page--portal .modal-description{font-size:var(--app-text-md-font-size)}html[data-surface=light] .page--portal-games,html[data-theme=light] .page--portal-games{--canvas:var(--deep-navy-25);--surface-panel:var(--panel-navy-50);--surface-box:var(--geistface-grey-25);--surface-raised:var(--geistface-grey-100);--surface-strong:var(--panel-navy-100);--border-interactive:color-mix(in srgb,var(--deep-navy-900) 20%,transparent);color-scheme:light}html[data-surface=light] .page--portal .popup-backdrop,html[data-theme=light] .page--portal .popup-backdrop{background:var(--popup-backdrop-light)}html[data-surface=light] .page--portal .popup,html[data-theme=light] .page--portal .popup{background:var(--popup-light);border:1px solid color-mix(in srgb,var(--geistface-grey-25) 52%,transparent)}button,input,select,textarea{font:inherit}.sp-datepicker{--datepicker-cell:var(--space-36);--datepicker-gap:var(--space-2);width:max-content;padding:var(--space-16);display:grid;gap:var(--space-16);box-shadow:var(--shadow-md)}.sp-datepicker__grid,.sp-datepicker__weekdays{grid-template-columns:repeat(7,var(--datepicker-cell));gap:var(--datepicker-gap)}.sp-datepicker__weekdays span{height:var(--space-24);display:grid;place-items:center;color:var(--surface-text-muted);font:var(--weight-semibold) var(--app-text-xxs-font-size) /1 var(--font-mono);text-transform:uppercase}.sp-datepicker__day{width:var(--datepicker-cell);height:var(--datepicker-cell);padding:0;display:grid;place-items:center;border:0;border-radius:var(--radius-control);background:transparent;color:inherit;font:var(--weight-medium) var(--app-text-xs-font-size) /1 var(--font-ui);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.sp-datepicker__day:hover{background:var(--surface-raised)}.sp-datepicker__day[data-today]{box-shadow:inset 0 0 0 1px var(--surface-border-hover)}.sp-datepicker__day[data-in-range]{border-radius:0;background:color-mix(in srgb,var(--mindset-violet-500) 22%,transparent)}.sp-datepicker__day[aria-selected=true]{background:var(--mindset-violet-500);color:var(--geistface-grey-25)}.sp-datepicker__day[data-range-start]{border-radius:var(--radius-control) 0 0 var(--radius-control)}.sp-datepicker__day[data-range-end]{border-radius:0 var(--radius-control) var(--radius-control) 0}.sp-datepicker__day[data-outside]{color:var(--surface-text-muted);opacity:.45}.sp-datepicker__day:disabled{color:var(--surface-text-muted);opacity:.4;cursor:not-allowed}.sp-datepicker__day:disabled:hover{background:transparent}.sp-datepicker__day:focus-visible{outline:0;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-inner),0 0 0 calc(var(--focus-ring-width) * 2) var(--focus-violet)}.sp-datepicker-trigger>.sp-icon{position:absolute;right:var(--space-12);top:50%;transform:translateY(-50%);color:var(--surface-text-muted);pointer-events:none}:is(.page--ontology-wheel,.ontology-root){--ontology-leaf-size:10.5px}:is(.page--ontology-wheel,.ontology-root) [data-cluster=core]{--item:var(--personality-blue-500)}:is(.page--ontology-wheel,.ontology-root) [data-cluster=puzzle]{--item:var(--skills-pink-500)}:is(.page--ontology-wheel,.ontology-root) [data-cluster=reflex]{--item:var(--mindset-magenta-500)}:is(.page--ontology-wheel,.ontology-root) [data-cluster=rewards]{--item:var(--skills-orange-500)}:is(.page--ontology-wheel,.ontology-root) [data-cluster=openplay]{--item:var(--personality-mint-500)}:is(.page--ontology-wheel,.ontology-root) [data-cluster=levels]{--item:var(--core-green-500)}:is(.page--ontology-wheel,.ontology-root) .ring{fill:none;stroke:var(--surface-border);stroke-width:1;opacity:.55}:is(.page--ontology-wheel,.ontology-root) .ring--full{stroke-dasharray:2 4}:is(.page--ontology-wheel,.ontology-root) .link{fill:none;stroke:var(--item,var(--surface-border-hover));stroke-linecap:round;stroke-linejoin:round;transition:stroke-width var(--duration-fast) var(--ease-standard)}:is(.page--ontology-wheel,.ontology-root) .link.is-path{filter:drop-shadow(0 0 3px rgb(255 255 255/65%))}:is(.page--ontology-wheel,.ontology-root) .leaf-label{fill:var(--surface-text-muted);font-family:var(--font-mono);font-size:var(--ontology-leaf-size);font-weight:var(--weight-medium);pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard),fill var(--duration-fast) var(--ease-standard)}:is(.page--ontology-wheel,.ontology-root) .leaf-label.is-hovered{fill:var(--surface-text)}:is(.page--ontology-wheel,.ontology-root) .leaf-value{fill:var(--pure-white);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}:is(.page--ontology-wheel,.ontology-root) .leaf-label.is-hovered .leaf-value{fill:var(--surface-text);opacity:1}:is(.page--ontology-wheel,.ontology-root) .cluster-group{transition:filter var(--duration-fast) var(--ease-standard)}:is(.page--ontology-wheel,.ontology-root) .cluster-group.is-faded{filter:saturate(.06)}:is(.page--ontology-wheel,.ontology-root) .cluster-group.is-faded .leaf-label{opacity:.32}:is(.page--ontology-wheel,.ontology-root) .skillprint__wheel.is-isolated .ring{opacity:.28}:is(.page--ontology-wheel,.ontology-root) .leaf-hit{fill:transparent;cursor:pointer}:is(.page--ontology-wheel,.ontology-root) .leaf-hit:focus-visible{outline:2px solid var(--focus-default);outline-offset:1px}:is(.page--ontology-wheel,.ontology-root) .centre-disc{fill:var(--surface-box);stroke:var(--surface-border-hover);stroke-width:1.4}:is(.page--ontology-wheel,.ontology-root) .centre-title{fill:var(--surface-text);font-family:var(--font-ui);font-size:21px;font-weight:var(--weight-medium);letter-spacing:-.03em}:is(.page--ontology-wheel,.ontology-root) .centre-copy{fill:var(--surface-text-muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase}:is(.page--ontology-wheel,.ontology-root) .key-value{fill:var(--surface-text);font-family:var(--skillprint-font-ui);font-size:13px;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;letter-spacing:-.01em}:is(.page--ontology-wheel,.ontology-root) .key-foot{fill:var(--surface-text-muted);font-family:var(--skillprint-font-ui);font-size:12px;letter-spacing:0}:is(.page--ontology-wheel,.ontology-root) .key-ramp{stroke-linecap:round}:is(.page--ontology-wheel,.ontology-root) [data-sp-terms]{display:none}:is(.page--ontology-wheel,.ontology-root) .ontology-visual{color-scheme:dark;--surface-panel:var(--panel-navy-950);--surface-box:var(--panel-navy-900);--surface-raised:var(--panel-navy-800);--surface-text:var(--geistface-grey-200);--surface-text-muted:var(--geistface-grey-400);--surface-border:color-mix(in srgb,var(--deep-navy-25) 10%,transparent);--surface-border-hover:color-mix(in srgb,var(--deep-navy-25) 20%,transparent);--ui-text:var(--geistface-grey-200);--ui-muted:var(--geistface-grey-400);--ui-surface:var(--panel-navy-900);--ui-border:color-mix(in srgb,var(--deep-navy-25) 10%,transparent);--ui-border-strong:color-mix(in srgb,var(--deep-navy-25) 20%,transparent);--text:var(--geistface-grey-200);--text-strong:var(--pure-white);--muted:var(--geistface-grey-400);--border:color-mix(in srgb,var(--deep-navy-25) 10%,transparent);background:var(--surface-panel);color:var(--surface-text)}:is(.page--ontology-wheel,.ontology-root) .sp-strength{display:grid;grid-template-columns:minmax(0,1fr) 84px auto;align-items:center;gap:var(--space-10);width:100%;min-height:var(--space-28);padding:var(--space-2) 0;border:0;background:none;font:inherit;text-align:left;cursor:pointer}:is(.page--ontology-wheel,.ontology-root) .sp-strength.is-active .sp-strength__name,:is(.page--ontology-wheel,.ontology-root) .sp-strength:hover .sp-strength__name{color:var(--ui-text)}:is(.page--ontology-wheel,.ontology-root) .sp-strength[aria-pressed=true] .sp-strength__name{font-weight:var(--weight-semibold)}:is(.page--ontology-wheel,.ontology-root) .sp-strength:focus-visible{outline:2px solid var(--focus-default);outline-offset:2px;border-radius:var(--radius-compact)}:is(.page--ontology-wheel,.ontology-root) .sp-strength__name{display:flex;align-items:center;gap:var(--space-8);min-width:0;color:var(--ui-text);font-size:var(--app-text-xs-font-size)}:is(.page--ontology-wheel,.ontology-root) .sp-strength__name:before{content:"";width:var(--space-8);height:var(--space-8);flex:0 0 auto;border-radius:var(--radius-full);background:var(--item,var(--ui-muted))}html:is([data-theme=light],[data-surface=light]) :is(.page--ontology-wheel,.ontology-root) .sp-strength[data-cluster=core]{--item:var(--personality-blue-700)}html:is([data-theme=light],[data-surface=light]) :is(.page--ontology-wheel,.ontology-root) .sp-strength[data-cluster=puzzle]{--item:var(--skills-pink-600)}html:is([data-theme=light],[data-surface=light]) :is(.page--ontology-wheel,.ontology-root) .sp-strength[data-cluster=reflex]{--item:var(--mindset-magenta-700)}html:is([data-theme=light],[data-surface=light]) :is(.page--ontology-wheel,.ontology-root) .sp-strength[data-cluster=rewards]{--item:var(--skills-orange-700)}html:is([data-theme=light],[data-surface=light]) :is(.page--ontology-wheel,.ontology-root) .sp-strength[data-cluster=openplay]{--item:var(--personality-mint-800)}html:is([data-theme=light],[data-surface=light]) :is(.page--ontology-wheel,.ontology-root) .sp-strength[data-cluster=levels]{--item:var(--core-green-700)}:is(.page--ontology-wheel,.ontology-root) .sp-strength__track{height:var(--space-6);border-radius:var(--radius-full);background:var(--surface-raised);overflow:hidden}:is(.page--ontology-wheel,.ontology-root) .sp-strength__fill{display:block;height:100%;border-radius:var(--radius-full);background:var(--ui-text)}:is(.page--ontology-wheel,.ontology-root) .sp-strength__value{color:var(--surface-text-muted);font-family:var(--font-mono);font-size:var(--app-text-xxs-font-size);font-variant-numeric:tabular-nums}:is(.page--ontology-wheel,.ontology-root) .ontology-visual{grid-template-rows:auto auto}:is(.page--ontology-wheel,.ontology-root) .skillprint__wheel{display:block;width:100%;height:auto;aspect-ratio:1000/1084}:is(.page--ontology-wheel,.ontology-root) .ontology-visual__stage{overflow:hidden}:is(.page--ontology-wheel,.ontology-root) .ontology-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.page--ontology-wheel,.ontology-root) .ontology-metric{min-height:var(--space-80);padding:var(--space-12);background:var(--surface-raised)}:is(.page--ontology-wheel,.ontology-root) .ontology-metric strong{font-size:var(--app-display-xs-font-size);line-height:var(--app-display-xs-line-height);letter-spacing:-.035em;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}:is(.page--ontology-wheel,.ontology-root) .ontology-metric--term strong{font-family:var(--skillprint-font-ui);font-size:var(--app-text-lg-font-size);line-height:var(--app-text-lg-line-height);letter-spacing:-.02em}:is(.page--ontology-wheel,.ontology-root) .ontology-legend__count{margin-left:auto;color:var(--surface-text-muted);font-family:var(--font-mono);font-size:var(--app-text-xxs-font-size);font-variant-numeric:tabular-nums}.ontology-tooltip{z-index:50;min-width:148px;max-width:260px;padding:var(--space-8) var(--space-10);opacity:0;pointer-events:none;transform:translateY(var(--space-4));transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.ontology-tooltip.is-visible{opacity:1;transform:none}.ontology-tooltip strong{display:block;color:var(--surface-text);font-size:var(--app-text-xs-font-size)}.ontology-tooltip span{display:block;color:var(--surface-text-muted);font-size:var(--app-text-xxs-font-size)}.ontology-tooltip span.ontology-tooltip__score{color:var(--surface-text);font-family:var(--font-mono);font-size:var(--app-display-sm-font-size);line-height:var(--app-display-sm-line-height);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;letter-spacing:-.035em}.ontology-tooltip__facet{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--surface-border);color:var(--surface-text-muted);font-family:var(--font-mono)}.page--game-session{--stage-canvas:var(--geistface-grey-100);--stage-ink:var(--geistface-grey-900);--stage-accent:var(--personality-mint-500);--result-line:color-mix(in srgb,var(--deep-navy-25) 10%,transparent);--result-fill:color-mix(in srgb,var(--panel-navy-900) 60%,transparent);min-height:100dvh;background:var(--stage-canvas);color:var(--stage-ink)}.page--game-session .popup-backdrop{position:fixed;padding:var(--space-24);background:color-mix(in srgb,var(--deep-navy-950) 26%,transparent);-webkit-backdrop-filter:blur(var(--backdrop-blur-sm));backdrop-filter:blur(var(--backdrop-blur-sm))}.page--game-session .popup{width:min(var(--space-720),100%);max-height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto}.page--game-session .popup-backdrop.is-open .popup{animation:game-result-enter var(--duration-slow) var(--ease-standard) both}@keyframes game-result-enter{0%{opacity:0;transform:translateY(var(--space-12)) scale(.98)}to{opacity:1;transform:none}}.page--game-session .popup__content{padding:var(--space-20) var(--space-20) var(--space-20) var(--space-24);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.page--game-session .popup--dark .popup__content.scrollbar-violet{--scrollbar-housing:color-mix(in srgb,var(--mindset-violet-200) 16%,transparent);--scrollbar-thumb:color-mix(in srgb,var(--mindset-violet-400) 72%,transparent);--scrollbar-thumb-hover:color-mix(in srgb,var(--mindset-violet-400) 88%,transparent);--scrollbar-thumb-active:var(--mindset-violet-400)}.page--game-session .ui-label{font-weight:var(--weight-medium);letter-spacing:normal;text-transform:none}.page--game-session .portal-eyebrow,.page--game-session .ui-label{font-family:var(--skillprint-font-ui);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height)}.page--game-session .portal-eyebrow{font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.page--game-session .game-result__close svg{width:var(--space-16);height:var(--space-16);flex:0 0 var(--space-16);--icon-stroke:var(--icon-stroke-16)}.page--game-session .game-result__head{margin-top:var(--space-20)}.page--game-session .game-result__head h2{font-size:var(--app-display-xs-font-size);line-height:var(--app-display-xs-line-height);letter-spacing:var(--app-title-tracking)}.page--game-session .game-result__icon{width:var(--space-44);height:var(--space-44);flex:0 0 var(--space-44)}.page--game-session .game-result__description{margin-top:var(--space-4);color:color-mix(in srgb,var(--geistface-grey-200) 72%,transparent)}.page--game-session :is(.game-result__score,.game-result__summary){border:1px solid var(--result-line);background:var(--result-fill)}.page--game-session .game-result__overview{margin-top:var(--space-20);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}.page--game-session .game-result__score{gap:var(--space-4);align-content:center}.page--game-session .game-result__score>div span{opacity:.56}.page--game-session .game-result__best{--badge-accent:var(--deep-navy-900);--badge-bg:var(--green);--badge-border:var(--green);--badge-text:var(--deep-navy-900);font-weight:var(--weight-semibold)}.page--game-session .game-result__score-value{font-family:var(--font-mono);font-size:var(--app-display-lg-font-size);line-height:var(--app-display-lg-line-height);font-weight:var(--weight-medium);letter-spacing:-.02em}.page--game-session .game-result__score-note{line-height:var(--app-text-xs-line-height);color:color-mix(in srgb,var(--geistface-grey-200) 62%,transparent)}.page--game-session .game-result__summary{align-content:center}.page--game-session .game-result__summary span{margin-bottom:var(--space-4);opacity:.56}.page--game-session .game-result__summary strong{font-family:var(--font-mono);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height);font-weight:var(--weight-medium);overflow-wrap:anywhere}.page--game-session .popup__footer{padding:var(--space-16) var(--space-32) var(--space-20) var(--space-24);align-items:center;justify-content:space-between;border-top-color:var(--result-line);background:color-mix(in srgb,var(--deep-navy-900) 26%,transparent);box-shadow:0 -12px 24px -12px color-mix(in srgb,var(--deep-navy-950) 60%,transparent)}.page--game-session .popup__footer .button--tertiary{margin-inline-start:calc(var(--space-8) * -1);padding-inline:var(--space-8)}.page--game-session .game-result__section{margin-top:var(--space-20);padding-top:var(--space-16);gap:var(--space-12);border-top-color:var(--result-line)}.page--game-session .game-result__section-title{margin:0;opacity:.56}.page--game-session .game-result__metric{padding:var(--space-14);gap:var(--space-4);border:1px solid var(--result-line);border-radius:var(--radius-compact);background:var(--result-fill)}.page--game-session .game-result__metric-name{opacity:.56}.page--game-session .game-result__metric-value{font-family:var(--font-mono);font-size:var(--app-display-xs-font-size);line-height:var(--app-display-xs-line-height);font-weight:var(--weight-medium);letter-spacing:-.02em}.page--game-session .game-result__metric:not([data-score]) .game-result__metric-value{font-family:var(--skillprint-font-ui)}.page--game-session .game-result__metric-total{margin-left:var(--space-4);font-size:var(--app-text-xs-font-size);line-height:1;opacity:.5}.page--game-session .game-result__metric .sp-progress__track{height:var(--space-6)}.page--game-session .game-result__metric{--band:var(--panel-navy-300)}.page--game-session .game-result__metric[data-band=green]{--band:var(--core-green-500)}.page--game-session .game-result__metric[data-band=blue]{--band:var(--personality-blue-500)}.page--game-session .game-result__metric[data-band=amber]{--band:var(--skills-orange-500)}.page--game-session .game-result__metric[data-band=red]{--band:var(--skills-pink-500)}.page--game-session .game-result__metric[data-band] .sp-progress{--progress-colour:var(--band)}.page--game-session .game-result__metric[data-band] .game-result__metric-value{color:var(--band)}.page--game-session .game-result__mood{padding:var(--space-14);border:1px solid var(--result-line);border-radius:var(--radius-compact);background:var(--result-fill)}.page--game-session .game-result__mood:not(:has([aria-pressed=true])){border-color:color-mix(in srgb,var(--violet) 52%,var(--result-line));background:color-mix(in srgb,var(--mindset-violet-500) 15%,var(--result-fill))}.page--game-session .game-result__mood-question{opacity:.72}.page--game-session .game-result__mood-answer{--answer:var(--panel-navy-300);--button-height:var(--space-40);flex:1 1 0;gap:var(--space-6)}.page--game-session .game-result__mood-answer[data-mood-answer="1"]{--answer:var(--core-green-500)}.page--game-session .game-result__mood-answer[data-mood-answer="0"]{--answer:var(--personality-blue-500)}.page--game-session .game-result__mood-answer[data-mood-answer="-1"]{--answer:var(--skills-pink-500)}.page--game-session .game-result__mood-answer svg{color:color-mix(in srgb,var(--geistface-grey-200) 62%,transparent);transition:color var(--duration-fast) var(--ease-standard)}.page--game-session .game-result__mood-answer:focus-visible,.page--game-session .game-result__mood-answer:hover{border-color:var(--answer);background:color-mix(in srgb,var(--answer) 14%,var(--panel-navy-900));color:var(--geistface-grey-25)}.page--game-session .game-result__mood-answer:is(:hover,:focus-visible) svg{color:var(--answer)}.page--game-session .game-result__mood-answer[aria-pressed=true]{border-color:var(--answer);background:color-mix(in srgb,var(--answer) 22%,var(--panel-navy-900));color:var(--geistface-grey-25);box-shadow:inset 0 0 0 1px var(--answer)}.page--game-session .game-result__mood-answer[aria-pressed=true] svg{color:var(--answer)}.page--game-session .game-result__mood:has([aria-pressed=true]) .game-result__mood-answer[aria-pressed=false]{opacity:.5}.page--game-session .game-result__note{font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);opacity:.56}.page--game-session [data-step]{display:none}.page--game-session[data-sequence=calculating] [data-step~=calculating],.page--game-session[data-sequence=loading] [data-step~=loading],.page--game-session[data-sequence=playing] [data-step~=playing],.page--game-session[data-sequence=review] [data-step~=review],.page--game-session[data-sequence=start] [data-step~=start]{display:grid}.page--game-session .session-veil{position:fixed;inset:0;z-index:300;place-items:center;padding-block-end:var(--play-bar-clear);gap:var(--space-16);justify-items:center;background:color-mix(in srgb,var(--deep-navy-950) 62%,transparent);-webkit-backdrop-filter:blur(var(--backdrop-blur-md));backdrop-filter:blur(var(--backdrop-blur-md));color:var(--geistface-grey-25);text-align:center}.page--game-session .session-veil--canvas{background:transparent;color:var(--stage-ink);-webkit-backdrop-filter:none;backdrop-filter:none}.page--game-session .session-veil__copy{display:grid;gap:var(--space-6);max-width:var(--space-320)}.page--game-session .session-spinner{width:var(--space-32);height:var(--space-32);border:var(--space-4) solid color-mix(in srgb,currentColor 22%,transparent);border-top-color:var(--violet);border-radius:var(--radius-full);animation:session-spin var(--duration-slowest) linear infinite}@keyframes session-spin{to{transform:rotate(1turn)}}@keyframes game-board-spin{to{transform:rotate(1turn)}}@keyframes game-board-drop{0%{opacity:0;transform:rotate(var(--block-angle,0deg)) translateY(-32%)}14%{opacity:1}70%,to{opacity:1;transform:rotate(var(--block-angle,0deg)) translateY(46%)}}.page--game-session .session-rail{--button-text:var(--geistface-grey-200);--button-text-muted:color-mix(in srgb,var(--geistface-grey-200) 72%,transparent);--button-surface-hover:color-mix(in srgb,var(--geistface-grey-25) 14%,transparent);--button-focus-inner:var(--panel-navy-950);--border-subtle:color-mix(in srgb,var(--geistface-grey-25) 12%,transparent);position:fixed;right:var(--space-16);bottom:var(--space-16);z-index:310;padding:var(--space-8);gap:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--glass-surface-brand);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(var(--backdrop-blur-md));backdrop-filter:blur(var(--backdrop-blur-md))}.page--game-session .session-rail__step{--button-height:var(--space-32);--button-padding:0 var(--space-12);--button-font-size:var(--app-text-xs-font-size);--button-current-shadow:0 0 0 0 transparent;border-radius:var(--radius-full)}.page--game-session .session-rail__step[aria-pressed=true]{background:var(--button-primary);color:var(--geistface-grey-25)}.page--game-session .game-switch{position:fixed;top:var(--space-16);right:var(--space-16);z-index:318;width:var(--space-256);padding:var(--space-6);border:1px solid var(--surface-border);border-radius:var(--radius-2xl);background:color-mix(in srgb,var(--geistface-grey-25) 88%,transparent);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(var(--backdrop-blur-md));backdrop-filter:blur(var(--backdrop-blur-md))}.page--game-session .game-switch__menu{right:0;left:auto;width:max(100%,var(--space-320));max-height:min(60vh,var(--space-480))}.page--game-session .game-switch__menu .sp-dropdown__item:focus-visible{position:relative;z-index:1}@media (max-width:1180px){:is(.page--ontology-wheel,.ontology-root){--ontology-leaf-size:9.5px}:is(.page--ontology-wheel,.ontology-root) .ontology-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){:is(.page--ontology-wheel,.ontology-root){--ontology-leaf-size:12.5px}:is(.page--ontology-wheel,.ontology-root) .ontology-visual__stage{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}:is(.page--ontology-wheel,.ontology-root) .skillprint__wheel{min-width:var(--space-720)}.game-grid--portal{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){:is(.page--ontology-wheel,.ontology-root) .ontology-visual__stage{overflow-x:hidden}:is(.page--ontology-wheel,.ontology-root) .ontology-visual{grid-template-columns:minmax(0,1fr)}:is(.page--ontology-wheel,.ontology-root) .skillprint__wheel{min-width:0;width:100%;max-width:100%;height:auto}:is(.page--ontology-wheel,.ontology-root) .ontology-visual:not([data-terms=on]) .leaf-label{display:none}:is(.page--ontology-wheel,.ontology-root) .ontology-visual[data-terms=on] .ontology-visual__stage{overflow-x:auto;overscroll-behavior-x:contain}:is(.page--ontology-wheel,.ontology-root) .ontology-visual[data-terms=on] .skillprint__wheel{min-width:var(--space-720);width:var(--space-720)}:is(.page--ontology-wheel,.ontology-root) [data-sp-terms]{display:inline-flex}}@media (max-width:1023px){.sp-side-nav{position:fixed;inset:0 auto 0 0;z-index:140;width:min(var(--side-nav-width),calc(100vw - var(--space-48)));height:100vh;box-shadow:var(--side-nav-shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-100%);transition:var(--transition-interactive)}.sp-side-nav.is-open,.sp-side-nav[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}.page--portal-games .featured-card{grid-template-columns:1fr}.game-grid--portal{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){:root{--grid-padding:var(--space-16)}[class*=sp-span-]{grid-column:span 4}.sp-side-nav{width:min(var(--side-nav-width),calc(100vw - var(--space-24)))}.sp-panel:not(.padding-none){padding:var(--space-16)}.chart-card-head{padding:var(--space-20);flex-direction:column}.chart-actions{justify-content:flex-start}.chart-frame{min-height:var(--space-320);padding:var(--space-16) var(--space-8) var(--space-4)}.chart-key{padding:var(--space-4) var(--space-20) var(--space-18)}.chart-insight{margin:0 var(--space-20) var(--space-20)}.sp-dropdown--compact{width:100%}:is(.page--ontology-wheel,.ontology-root) .ontology-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page :where(.grid-4,.grid-3){grid-template-columns:repeat(2,minmax(0,1fr))}.page .card--flush{--card-current-padding:0px}.game-grid--portal{grid-template-columns:1fr}.page--portal .game-description{min-height:0}}@media (max-width:620px){.sp-tour{max-width:min(var(--space-320),calc(100vw - var(--space-32)))}.button-group{width:100%;display:flex}.button-group__item{padding-inline:var(--space-10);flex:1 0 auto}.page--game-session .game-result__overview,.page--game-session .game-result__summary{grid-template-columns:1fr}.page--game-session .game-result__mood-answer{flex:1 1 auto}.page--game-session .game-result__section :is(.grid-3,.grid-4){grid-template-columns:repeat(2,minmax(0,1fr))}.page--game-session .session-rail{left:var(--space-16);right:var(--space-16);justify-content:center}.page--game-session .game-switch{left:var(--space-16);right:var(--space-16);width:auto}.page--game-session .popup__footer{padding-inline:var(--space-24);flex-direction:column-reverse;align-items:stretch}.page--game-session .popup__footer .button--tertiary{margin-inline-start:0}.page--game-session .game-result__actions{flex-direction:column-reverse}.page--game-session .popup__footer .button{width:100%}}@media (max-width:520px){.popup-backdrop{padding:var(--space-14)}.sp-tour__actions{flex-direction:column-reverse;width:100%}.sp-tour__actions .button:not(.button--icon-only){width:100%}.sp-tour__footer{align-items:stretch;flex-direction:column;gap:var(--space-14)}.popup__content{padding:var(--space-24)}.popup__footer{flex-direction:column-reverse}.popup__footer .button{width:100%}.page--game-session .game-result__section :is(.grid-3,.grid-4){grid-template-columns:1fr}.page--game-session .game-result__mood-answer{--button-height:var(--space-44)}.page :where(.grid-4,.grid-3,.grid-2){grid-template-columns:1fr}[data-skillprint-page^=portal-] .brand-logo{width:124px}.page--portal-games .metric-grid{grid-template-columns:1fr}.page--portal .card-actions{width:100%}.page--portal .details-btn,.page--portal .play-btn{flex:1}.page--portal .modal-inner{padding:var(--space-32) var(--space-20) var(--space-24)}.page--portal .modal-actions{padding:var(--space-14) var(--space-20) var(--space-20)}.page--portal .modal-meta{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button[aria-busy=true]:before{animation-duration:1.4s}:is(.switch__track,.switch__track:after,.sp-toggle,.sp-toggle__thumb){transition:none}:is(.sp-progress__fill,.sp-progress-ring__value,.video-overlay,.video-preview){transition:none}html{scroll-behavior:auto!important}}.sp-nav__menu{display:none;border-radius:var(--radius-lg);background:var(--nav-hover-surface);box-shadow:var(--shadow-xs)}.sp-nav__menu svg{width:var(--icon-size-sm);height:var(--icon-size-sm);fill:none;stroke:currentColor;stroke-width:var(--icon-stroke-md);stroke-linecap:round;stroke-linejoin:round;--icon-stroke:var(--icon-stroke-20)}.sp-nav__drawer{position:absolute;top:calc(100% + var(--space-8));right:max(var(--grid-padding),calc((100vw - var(--grid-container-max)) / 2 + var(--grid-padding)));z-index:110;width:min(var(--space-320),calc(100vw - var(--space-32)));padding:var(--space-10);border:1px solid var(--nav-border);border-radius:var(--radius-xl);background:var(--nav-drawer-surface);box-shadow:var(--nav-shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(var(--space-4) * -1));transition:var(--transition-interactive)}.sp-nav__drawer[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}@media (max-width:1023px){.sp-nav__menu{display:grid}}@media (max-width:767px){.sp-nav__drawer{right:var(--space-8);left:var(--space-8);width:auto}}.table-scroll{overflow-x:auto;overscroll-behavior-x:contain}html:not([data-reveal]) .reveal{opacity:1;transform:none}.page--portal-welcome main{background:var(--page)}.page--portal-welcome h1,.page--portal-welcome h2,.page--portal-welcome h3,.page--portal-welcome p{margin-top:0}.page--portal-welcome .metric--portal{display:grid}.page--portal-welcome .status-tab{min-height:var(--space-36);padding:0 var(--spacing-2xl);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--surface-text-muted);font-family:var(--skillprint-font-ui);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-semibold);cursor:pointer;transition:var(--transition-interactive)}.page--portal-welcome .status-tab:hover{color:var(--surface-text)}.page--portal-welcome .status-tab.is-active,.page--portal-welcome .status-tab[aria-selected=true]{background:var(--skillprint-action-violet);color:var(--white)}.page--portal-welcome .skill-card{--card-current-padding:var(--spacing-lg) var(--spacing-xl);--card-current-radius:var(--radius-card);text-decoration:none;color:inherit}.page--portal-welcome .empty-state{padding:var(--spacing-5xl) var(--spacing-2xl);border:1px dashed var(--surface-border-hover);border-radius:var(--radius-card);background:var(--surface-box);justify-items:center}@media (max-width:720px){.page--portal-welcome .auth-card{padding:var(--spacing-3xl)}}.page--portal,.page--portal-skills{--skill-accent:var(--mood-500);--skill-ink:var(--mood-500);--skill-highlight:var(--core-green-500);--skill-on-accent:var(--skillprint-deep-navy)}.page--portal [data-dimension=mood]{--skill-accent:var(--mood-500);--skill-ink:var(--mood-500)}.page--portal [data-dimension=cognition]{--skill-accent:var(--cognition-500);--skill-ink:var(--cognition-500)}.page--portal [data-dimension=personality]{--skill-accent:var(--personality-500);--skill-ink:var(--personality-500)}html:is([data-theme=light],[data-surface=light]) .page--portal,html:is([data-theme=light],[data-surface=light]) .page--portal-skills{--skill-accent:var(--core-lime-700);--skill-ink:var(--core-lime-900);--skill-highlight:var(--core-green-800);--skill-on-accent:var(--white)}html:is([data-theme=light],[data-surface=light]) .page--portal [data-dimension=mood]{--skill-accent:var(--core-lime-700);--skill-ink:var(--core-lime-900)}html:is([data-theme=light],[data-surface=light]) .page--portal [data-dimension=cognition]{--skill-accent:var(--personality-mint-700);--skill-ink:var(--personality-mint-900)}html:is([data-theme=light],[data-surface=light]) .page--portal [data-dimension=personality]{--skill-accent:var(--personality-blue-600);--skill-ink:var(--personality-blue-800)}.page--portal-skills .skills-section{gap:var(--space-16);scroll-margin-top:calc(var(--portal-topbar) + var(--space-20))}.page--portal-skills .skills-section__index-title{margin:var(--space-12) 0 0;color:var(--ui-muted);font-weight:var(--weight-semibold)}.page--portal-skills .portal-section__title--category{display:flex;align-items:center;gap:var(--space-10)}.page--portal-skills .portal-section__title--category .sp-icon{--icon-size:1.1em;--icon-stroke:var(--icon-stroke-sm);color:var(--skill-ink);flex:none}.page--portal-skills .skill-feature{--card-current-padding:var(--space-24);--card-current-radius:var(--radius-card);display:grid;gap:var(--space-20)}.page--portal-skills .skill-feature__head{display:grid;gap:var(--space-14)}.page--portal-skills .skill-feature__eyebrow{margin-bottom:var(--space-2)}.page--portal-skills .skill-feature__icon{--icon-frame-radius:var(--radius-xl);border-color:color-mix(in srgb,var(--skill-ink) 45%,transparent);background:color-mix(in srgb,var(--skill-accent) 14%,var(--surface-box));color:var(--skill-ink);box-shadow:var(--shadow-xs)}.page--portal-skills .skill-feature__icon .sp-icon{width:var(--space-22);height:var(--space-22);flex-basis:auto;--icon-stroke:var(--icon-stroke-22)}.page--portal-skills .skill-feature__copy{max-width:var(--measure-sm);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.page--portal-skills .skill-feature__rule{height:var(--space-4);border-radius:var(--radius-full);background:var(--skill-accent)}.page--portal-skills .skill-feature__bar h4{font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height);font-weight:var(--weight-semibold)}:is(.page--portal-skills,.page--portal-game-detail,.page--portal-playbook-detail) .portal-content .skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12)}:is(.page--portal-game-detail,.page--portal-playbook-detail) .skill-grid:has(>:last-child:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}:is(.page--portal-skills,.page--portal-game-detail,.page--portal-playbook-detail) .skill-card{--card-current-padding:var(--space-18);--card-current-radius:var(--radius-compact);display:grid;gap:var(--space-14)}.page--portal-skills .skill-card{grid-template-rows:auto auto 1fr auto}:is(.page--portal-game-detail,.page--portal-playbook-detail) .skill-card{grid-template-rows:auto 1fr auto}:is(.page--portal-game-detail,.page--portal-playbook-detail) .skill-card__copy{align-content:start}:is(.page--portal-skills,.page--portal-game-detail,.page--portal-playbook-detail) .skill-card:hover{border-color:color-mix(in srgb,var(--skill-ink) 72%,var(--surface-border))}:is(.page--portal-skills,.page--portal-game-detail,.page--portal-playbook-detail) .skill-card__icon{--icon-frame-radius:var(--radius-lg);border-color:color-mix(in srgb,var(--skill-ink) 45%,transparent);background:color-mix(in srgb,var(--skill-accent) 14%,var(--surface-box));color:var(--skill-ink);box-shadow:var(--shadow-xs)}:is(.page--portal-skills,.page--portal-game-detail,.page--portal-playbook-detail) .skill-card__icon .sp-icon{width:var(--space-18);height:var(--space-18);flex-basis:auto;--icon-stroke:var(--icon-stroke-18)}:is(.page--portal-skills,.page--portal-game-detail,.page--portal-playbook-detail) .skill-card__pillar{--badge-accent:var(--skill-accent);margin-inline-start:auto;font-family:var(--font-mono);font-size:var(--app-text-xxs-font-size);font-weight:var(--weight-semibold)}:is(.page--portal-skills,.page--portal-game-detail,.page--portal-playbook-detail) .skill-card__copy{display:grid;gap:var(--space-4)}:is(.page--portal-skills,.page--portal-game-detail,.page--portal-playbook-detail) .skill-card__desc{font-size:var(--app-text-xs-font-size);line-height:var(--app-text-sm-line-height)}.page--portal-skills .skill-card__games{display:grid;gap:var(--space-8);align-content:start}.page--portal-skills .skill-card__game-list{list-style:none;padding:0}.page--portal-skills .skill-game{min-height:var(--space-24);padding:var(--space-2) var(--space-10);display:inline-flex;align-items:center;border:1px solid var(--surface-border);border-radius:var(--radius-full);background:var(--surface-raised);color:var(--surface-text);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-medium);text-decoration:none;cursor:pointer;transition:var(--transition-interactive)}.page--portal-skills .skill-game.is-peeking,.page--portal-skills .skill-game:hover{border-color:var(--skill-ink);background:color-mix(in srgb,var(--skill-accent) 14%,var(--surface-box));color:var(--skill-ink)}.page--portal-skills .skill-game:focus-visible{outline:0;border-color:color-mix(in srgb,var(--skill-accent) 58%,transparent);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-inner),0 0 0 calc(var(--focus-ring-width) * 2) var(--focus-default)}.page--portal-skills .skill-feature__all{color:var(--skill-ink);text-decoration:none}.page--portal-skills .skill-feature__all:hover{text-decoration:underline;text-underline-offset:4px}.page--portal .game-peek{position:fixed;top:0;left:0;z-index:70;width:264px;max-width:calc(100vw - var(--space-32));padding:var(--space-12);display:grid;gap:var(--space-10);border:1px solid var(--surface-border-hover);border-radius:var(--radius-compact);background:var(--surface-box);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(var(--space-4));transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),visibility var(--duration-fast) var(--ease-standard)}.page--portal .game-peek.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}.page--portal .game-peek:before{content:"";position:absolute;left:0;right:0;height:var(--space-12)}.page--portal .game-peek[data-side=below]:before{bottom:100%}.page--portal .game-peek[data-side=above]:before{top:100%}.page--portal .game-peek__head{display:flex;align-items:center;gap:var(--space-10)}.page--portal .game-peek__art{width:var(--space-40);height:var(--space-40);flex:0 0 var(--space-40);display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--skill-ink) 40%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--skill-accent) 10%,var(--surface-raised))}.page--portal .game-peek__art img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.page--portal .game-peek__title{margin:0;color:var(--surface-text);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height);font-weight:var(--weight-semibold)}.page--portal .game-peek__summary{margin:0;color:var(--ui-muted);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-sm-line-height)}.page--portal .game-peek__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-10);padding-top:var(--space-10);border-top:1px solid var(--surface-border);color:var(--ui-muted);font-size:var(--app-text-xxs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-semibold)}.page--portal .game-peek__meta{display:inline-flex;align-items:center;gap:var(--space-6)}.page--portal .game-peek__meta[hidden]{display:none}.page--portal .game-peek__cue{display:inline-flex;align-items:center;gap:var(--space-4);color:var(--skill-ink);text-decoration:none;cursor:pointer}.page--portal .game-peek__cue:focus-visible,.page--portal .game-peek__cue:hover{text-decoration:underline;text-underline-offset:var(--space-3)}.page--portal .game-peek__cue:hover .sp-icon{transform:translateX(var(--space-2))}.page--portal .game-peek__cue .sp-icon{--icon-size:var(--icon-size-xs);--icon-stroke:var(--icon-stroke-xs);transition:transform var(--duration-fast) var(--ease-standard)}@media (prefers-reduced-motion:reduce){.page--portal .game-peek__cue .sp-icon{transition:none}.page--portal .game-peek__cue:hover .sp-icon{transform:none}}.page--portal-skills .skill-panel__head{display:grid;gap:var(--space-2)}.page--portal-skills .skill-panel__week{font-family:var(--font-mono)}.page--portal-skills .skill-panel__metrics{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.page--portal-skills .metric--stacked{padding:var(--space-12) var(--space-14);display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-12);border-radius:var(--radius-compact);background:var(--surface-box)}.page--portal-skills .metric--stacked .metric__label{grid-column:1;grid-row:1}.page--portal-skills .metric--stacked .metric__note{grid-column:1;grid-row:2;margin-top:var(--space-2);color:var(--skill-highlight)}.page--portal-skills .metric--stacked .metric__value{grid-column:2;grid-row:1/span 2;align-self:center;margin:0;font:var(--weight-semibold) var(--app-text-xl-font-size) /var(--app-text-xl-line-height) var(--font-mono)}.page--portal-skills .skill-panel__meters{display:grid;gap:var(--space-14);margin-top:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--surface-border)}.page--portal-skills .skill-panel__label{margin-bottom:var(--space-2)}.page--portal-skills .skill-meter{display:grid;gap:var(--space-6)}.page--portal-skills .skill-meter__icon{color:var(--skill-ink)}.page--portal-skills .skill-meter__pillar{color:var(--skill-ink);font-family:var(--font-mono)}.page--portal-skills .skill-meter__bar{--progress-colour:var(--skill-accent)}.page--portal-skills .skill-meter__bar--78{--progress:78%}.page--portal-skills .skill-meter__bar--74{--progress:74%}.page--portal-skills .skill-meter__bar--66{--progress:66%}.page--portal-skills .skill-panel__streak{margin-top:var(--space-16);padding-top:var(--space-16)}.page--portal-skills .skill-day{width:var(--space-24);height:var(--space-24);border-radius:var(--radius-full);background:var(--surface-box);font:var(--weight-semibold) var(--app-text-xxs-font-size) /1 var(--font-mono)}.page--portal-skills .skill-day.is-done{border-color:transparent;background:var(--skill-highlight);color:var(--skill-on-accent)}.page--portal-skills .skill-goal,.page--portal-skills .skill-goal__head{gap:var(--space-12)}.page--portal-skills .skill-goal__eyebrow{margin-bottom:var(--space-2)}.page--portal-skills .skill-goal__copy{max-width:var(--measure-sm)}.page--portal-skills .skill-goal__chips{list-style:none;padding:0;margin-top:var(--space-2)}.page--portal-skills .skill-goal__chips .ui-badge[data-dimension]{--badge-accent:var(--skill-accent)}.page--portal-skills .skill-goal__chips .ui-badge[data-dimension] .ui-badge__icon{color:var(--skill-ink)}.page--portal-skills .skill-goal__note{display:flex;align-items:flex-start;gap:var(--space-8);padding-top:var(--space-12)}.page--portal-skills .skill-goal__note .sp-icon{flex:0 0 auto;margin-top:var(--space-2);color:var(--skill-highlight)}@media (max-width:1180px){:is(.page--portal-skills,.page--portal-game-detail,.page--portal-playbook-detail) .portal-content .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){:is(.page--portal-game-detail,.page--portal-playbook-detail) .skill-grid:has(>:last-child:nth-child(4)),:is(.page--portal-skills,.page--portal-game-detail,.page--portal-playbook-detail) .portal-content .skill-grid{grid-template-columns:minmax(0,1fr)}}@media (hover:none){.page--portal .game-peek__foot{gap:var(--space-12);padding-top:var(--space-6)}.page--portal .game-peek__cue{min-height:var(--space-44);padding-inline:var(--space-12);margin-right:calc(var(--space-12) * -1);border-radius:var(--radius-compact)}}@media (prefers-reduced-motion:reduce){.page--portal .game-peek{transition:none;transform:none}}:is(.page--portal-game-detail,.page--portal-playbook-detail){--gd-tone:var(--tone,var(--personality-mint-500));--gd-ink:var(--gd-tone)}html:is([data-surface=light],[data-theme=light]) :is(.page--portal-game-detail,.page--portal-playbook-detail){--gd-ink:color-mix(in srgb,var(--gd-tone) 42%,var(--ui-text))}:is(.page--portal-game-detail,.page--portal-playbook-detail) .tone{--gd-tone:var(--tone,var(--personality-mint-500));--gd-ink:var(--gd-tone)}html:is([data-surface=light],[data-theme=light]) :is(.page--portal-game-detail,.page--portal-playbook-detail) .tone{--gd-ink:color-mix(in srgb,var(--gd-tone) 42%,var(--ui-text))}:is(.page--portal-game-detail,.page--portal-playbook-detail) h1,:is(.page--portal-game-detail,.page--portal-playbook-detail) h2,:is(.page--portal-game-detail,.page--portal-playbook-detail) h3{color:var(--ui-text)}:is(.page--portal-game-detail,.page--portal-playbook-detail) .brand-logo{display:block;width:142px;height:auto;overflow:visible;stroke:none}:is(.page--portal-game-detail,.page--portal-playbook-detail) .gd-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--space-48);align-items:center}.page--portal-game-detail .gd-art{aspect-ratio:380/210;border:1px solid var(--surface-border);border-radius:var(--radius-panel);background:color-mix(in srgb,var(--gd-tone) 10%,var(--surface-box));box-shadow:var(--shadow-lg)}.page--portal-game-detail .gd-art__layer{inset:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--duration-slow) var(--ease-standard)}.page--portal-game-detail .gd-art__layer--animated{opacity:0}.page--portal-game-detail .gd-art__flag{--badge-accent:var(--core-green-500);top:var(--space-16);right:var(--space-16);letter-spacing:.08em;font-weight:var(--weight-semibold)}:is(.page--portal-game-detail,.page--portal-playbook-detail) .gd-hero__copy{display:grid;align-content:center;justify-items:start;gap:var(--space-16)}:is(.page--portal-game-detail,.page--portal-playbook-detail) .gd-blurb{max-width:var(--measure-sm);margin:0;line-height:var(--app-text-md-line-height)}:is(.page--portal-game-detail,.page--portal-playbook-detail) .gd-facts{list-style:none}:is(.page--portal-game-detail,.page--portal-playbook-detail) .gd-fact{padding:var(--space-6) var(--space-12);border-radius:var(--radius-pill);background:var(--surface-box)}:is(.page--portal-game-detail,.page--portal-playbook-detail) .gd-target{margin-top:0}:is(.page--portal-game-detail,.page--portal-playbook-detail) .gd-actions{margin-top:var(--space-8)}:is(.page--portal-game-detail,.page--portal-playbook-detail) .gd-panel{--card-current-padding:var(--space-24);--card-current-radius:var(--radius-card);display:grid;gap:var(--spacing-xl);align-content:start;border-color:color-mix(in srgb,var(--gd-tone) 26%,var(--surface-border))}.page--portal-game-detail .gd-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-20)}.page--portal-game-detail .gd-controls__set{display:grid;gap:var(--space-10);align-content:start}.page--portal .portal-content .gd-controls .gd-controls__title{margin:0;color:var(--ui-muted);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.page--portal-game-detail .gd-controls__list{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-8)}.page--portal-game-detail .gd-control{display:flex;align-items:start;gap:var(--space-10)}.page--portal-game-detail .gd-control__input{display:flex;flex-wrap:wrap;gap:var(--space-4);flex:0 0 auto}.page--portal-game-detail .gd-control__does{color:var(--ui-muted);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.page--portal-game-detail .gd-key{min-width:var(--space-24);padding:var(--space-2) var(--space-6);border:solid var(--surface-border-hover);border-width:1px 1px 2px;border-radius:var(--radius-sm);background:var(--surface-box);font-family:var(--skillprint-font-mono);text-align:center}.page--portal-game-detail .gd-gesture,.page--portal-game-detail .gd-key{color:var(--surface-text);font-size:var(--app-text-xs-font-size);line-height:var(--space-20);font-weight:var(--weight-semibold);white-space:nowrap}.page--portal-game-detail .gd-gesture{padding:var(--space-2) var(--space-10);border:1px solid color-mix(in srgb,var(--gd-tone) 38%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--gd-tone) 14%,transparent)}@media (max-width:640px){.page--portal-game-detail .gd-controls{grid-template-columns:minmax(0,1fr)}}.page--portal-game-detail .gd-adapt__panel{display:grid;gap:var(--spacing-3xl);padding:var(--space-32);border-color:color-mix(in srgb,var(--gd-tone) 30%,var(--surface-border))}.page--portal-game-detail .gd-adapt__copy{max-width:var(--measure-md)}.page--portal-game-detail .gd-meter{--progress-colour:var(--skill-highlight)}.page--portal-game-detail .metric--portal{display:grid}.page--portal-game-detail .gd-play[aria-busy=true]{pointer-events:none;opacity:.72}@media (max-width:1023px){:is(.page--portal-game-detail,.page--portal-playbook-detail) .gd-hero__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-32)}}@media (max-width:767px){.page--portal-game-detail .gd-adapt__panel{padding:var(--space-20)}}@media (prefers-reduced-motion:reduce){.page--portal-game-detail .gd-art__layer{transition:none}}.page--portal-playbook-detail .pb-art{aspect-ratio:380/210;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--pb-ink) 26%,transparent);border-radius:var(--radius-panel);background:var(--pb-500);color:var(--pb-ink);box-shadow:var(--shadow-lg)}.page--portal-playbook-detail .pb-art__mark{width:42%;max-width:var(--space-224);height:auto}.page--portal-playbook-detail .pb-art__flag{top:var(--space-16);right:var(--space-16);border:1px solid color-mix(in srgb,var(--pb-ink) 32%,transparent);background:color-mix(in srgb,var(--pb-ink) 12%,transparent);color:var(--pb-ink);letter-spacing:.08em;text-transform:uppercase;font-weight:var(--weight-semibold)}.page--portal-playbook-detail .pb-eyebrow{margin:0;color:var(--gd-ink);letter-spacing:.08em;text-transform:uppercase}.page--portal-playbook-detail .pb-sequence{display:grid;gap:var(--space-24);margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(232px,1fr))}.page--portal-playbook-detail .pb-step{display:grid;gap:var(--space-12);align-content:start;min-width:0}.page--portal-playbook-detail .pb-step__head{gap:var(--space-10)}.page--portal-playbook-detail .pb-step__index{flex:none;display:grid;place-items:center;width:var(--space-24);height:var(--space-24);border:1px solid color-mix(in srgb,var(--ui-text) 40%,transparent);border-radius:var(--radius-full);color:var(--ui-muted);font-size:var(--app-text-xs-font-size);line-height:1;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.page--portal-playbook-detail .pb-step--done .pb-step__index{border-color:var(--core-green-500);background:var(--core-green-500);color:var(--deep-navy-950)}.page--portal-playbook-detail .pb-step__label{min-width:0;color:var(--ui-muted)}.page--portal .pb-progress__count{margin:0;font-variant-numeric:tabular-nums}.page--portal .pb-progress__pips{gap:var(--space-6);margin:var(--space-12) 0 0;padding:0;list-style:none}.page--portal .pb-progress__pip{flex:1;height:var(--space-6);border:1px solid color-mix(in srgb,var(--ui-text) 40%,transparent);border-radius:var(--radius-full)}.page--portal .pb-progress__pip--played{border-color:var(--core-green-500);background:var(--core-green-500)}.page--portal .pb-progress__next{margin:var(--space-16) 0 0}@media (max-width:1023px){.page--portal-playbook-detail .pb-art{aspect-ratio:16/9}}.page--portal-profile{--skills-ramp-from:var(--personality-blue-300);--skills-ramp-to:var(--personality-mint-300)}:is(.page--portal-profile,.page--portal-settings) .pp-section{padding-block:var(--spacing-6xl)}.page--portal-profile .pp-print{padding:0;overflow:hidden}.page--portal-profile .pp-print__bar{padding:var(--spacing-2xl) var(--spacing-3xl);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-xl);border-block-end:1px solid var(--surface-border)}.page--portal-profile .pp-print__bar .button[data-sp-download]{white-space:normal;text-align:start}.page--portal-profile .portal-content .pp-print__bar .pp-print__who{display:block;font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height);font-weight:var(--weight-semibold)}.page--portal-profile .pp-print__caption{display:block;margin-block-start:var(--spacing-xs);color:var(--ui-muted);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height)}.page--portal-profile .pp-print__body{display:grid;grid-template-columns:minmax(0,65fr) minmax(0,35fr)}.page--portal-profile .pp-print__figure{min-width:0;padding:var(--spacing-3xl);display:grid;gap:var(--spacing-xl);align-content:start;justify-items:center;border-inline-end:1px solid var(--surface-border)}.page--portal-profile .pp-print__figure>.ontology-visual{width:100%}.page--portal-profile .ontology-root{--ontology-leaf-size:12px}.page--portal-profile .leaf-label{fill:color-mix(in srgb,var(--surface-text) 82%,transparent);font-weight:var(--weight-semibold)}.page--portal-profile .pp-print__figure{padding:var(--space-16)}@media (max-width:900px){.page--portal-profile .pp-print__figure .ontology-visual .leaf-label{display:block}.page--portal-profile .pp-print__figure .ontology-visual__stage{overflow:hidden}.page--portal-profile .pp-print__figure .skillprint__wheel{min-width:0;width:100%;max-width:100%;height:auto}.page--portal-profile [data-sp-terms]{display:none}.page--portal-profile .ontology-root{--ontology-leaf-size:15px}}.page--portal-profile .pp-print__read,.page--portal-profile .pp-read{min-width:0;display:grid;align-content:start}.page--portal-profile .pp-read{padding:var(--space-16);gap:var(--spacing-lg)}.page--portal-profile .ontology-metric{min-height:var(--space-64);padding:var(--space-10)}@media (max-width:900px){.page--portal-profile .pp-read{padding:var(--space-12)}.page--portal-profile .ontology-metric{min-height:var(--space-56);padding:var(--space-8)}.page--portal-profile .ontology-metrics{gap:var(--space-8)}}.page--portal-profile .pp-print__read .pp-read+.pp-read{border-block-start:1px solid var(--surface-border)}.page--portal-profile .pp-read__title{margin:0;font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height);font-weight:var(--weight-semibold)}.page--portal-profile .pp-print__figure>.pp-read{padding:0}.page--portal-profile .pp-print__figure .ontology-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1280px){.page--portal-profile .pp-print__figure .ontology-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.page--portal-profile #print>.chart-insight,.page--portal-profile .pp-print+.chart-insight{margin-block:var(--spacing-xl) 0}@media (max-width:1180px){.page--portal-profile .pp-print__body{grid-template-columns:minmax(0,1fr)}.page--portal-profile .pp-print__figure{border-inline-end:0;border-block-end:1px solid var(--surface-border)}.page--portal-profile .pp-print__read .pp-read:first-child{border-block-start:0}}:is(.page--portal-profile,.page--portal-settings) .pp-section+.pp-section{padding-block-start:0}:is(.page--portal-profile,.page--portal-settings) .pp-section{scroll-margin-top:calc(var(--portal-topbar) + var(--space-20))}:is(.page--portal-profile,.page--portal-settings) .pp-head{margin-block-end:var(--spacing-3xl)}:is(.page--portal-profile,.page--portal-settings) .section-head-copy{min-width:0;max-width:var(--measure-md);display:grid;gap:var(--spacing-md)}.page--portal-profile .week-label{display:block;margin-block-end:var(--spacing-xs);font-size:var(--app-text-xxs-font-size);font-weight:var(--weight-semibold);letter-spacing:.08em}.page--portal-profile .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-lg)}.page--portal-profile .metric--portal{border-radius:var(--radius-compact);background:var(--surface-box)}.page--portal-profile .metric--portal strong{margin-block-start:var(--spacing-sm);font-family:var(--skillprint-font-mono);font-size:var(--app-display-xs-font-size);line-height:var(--app-display-xs-line-height);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.page--portal-profile .metric--portal small{margin-block-start:var(--spacing-xs);color:var(--core-green-500)}.page--portal-profile .streak-row{margin-block-start:var(--spacing-2xl);padding-block-start:var(--spacing-xl)}.page--portal-profile .day{width:var(--space-28);height:var(--space-28);font-size:var(--app-text-xxs-font-size);font-weight:var(--weight-semibold)}.page--portal-profile .day.done{border-color:transparent;background:var(--core-green-500)}.page--portal-profile :is(.status-tabs,.chart-view-switch){padding:var(--space-4);align-items:center;gap:var(--space-2);border:1px solid var(--surface-border);border-radius:var(--radius-pill);background:var(--surface-panel);flex-wrap:nowrap;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.page--portal-profile :is(.status-tabs,.chart-view-switch)::-webkit-scrollbar{display:none}.page--portal-profile :is(.status-tab,.chart-view-switch button){flex:0 0 auto}.page--portal-profile :is(.status-tab,.chart-view-switch button){min-height:var(--space-28);padding-inline:var(--spacing-lg);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--surface-text-muted);font-family:var(--skillprint-font-ui);font-size:var(--app-text-xs-font-size);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;transition:var(--transition-interactive)}.page--portal-profile :is(.status-tab,.chart-view-switch button):hover{color:var(--surface-text)}.page--portal-profile .chart-view-switch button.is-active,.page--portal-profile .status-tab[aria-pressed=true]{background:var(--skillprint-action-violet);color:var(--geistface-grey-25)}.page--portal-profile .pp-compare{grid-auto-flow:column;align-items:center;gap:var(--spacing-md)}.page--portal-profile .pp-compare label{color:var(--surface-text-muted);font-weight:var(--weight-medium);white-space:nowrap}.page--portal-profile .chart-card-head{flex-wrap:wrap}.page--portal-profile [data-pp-orbit]>.pp-orbit__svg{width:auto;max-width:100%;height:auto;margin-inline:auto}.page--portal-profile .pp-orbit__node{cursor:pointer;stroke-width:2;transition:r var(--duration-fast) var(--ease-standard),stroke-width var(--duration-fast) var(--ease-standard)}.page--portal-profile .pp-orbit__node:hover{r:7;stroke-width:3}.page--portal-profile .pp-orbit__node[data-selected=true]{r:6;stroke:var(--pp-series,var(--mindset-violet-500));stroke-width:10;stroke-opacity:.3;paint-order:stroke fill}.page--portal-profile .pp-orbit__node:focus-visible{outline:none;r:6;stroke:var(--focus-default);stroke-width:8;stroke-opacity:1;paint-order:stroke fill}.page--portal-profile .pp-orbit-detail{margin-inline:var(--spacing-3xl);padding-block:var(--spacing-2xl);border-block-start:1px solid var(--surface-border)}.page--portal-profile .pp-orbit-detail__body{display:grid;gap:var(--spacing-xl)}.page--portal-profile .pp-orbit-detail__body[hidden]{display:none}.page--portal-profile .pp-orbit-detail__name{font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.page--portal-profile .pp-orbit-detail__pillar{--badge-accent:var(--pp-series,var(--violet))}.page--portal-profile .pp-orbit-detail__stats{display:flex;flex-wrap:wrap;gap:var(--spacing-lg) var(--spacing-4xl)}.page--portal-profile .pp-orbit-detail__stats>div{display:grid;gap:var(--space-2)}.page--portal-profile .pp-orbit-detail__stats dd{font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height);font-variant-numeric:tabular-nums}.page--portal-profile .pp-orbit-detail [data-orbit-link]{justify-self:start}.page--portal-profile .pp-orbit-detail+.chart-insight{margin-block-start:var(--spacing-xl)}.page--portal-skills :is(.skill-goal__view,.skill-goal__empty,.skill-goal__edit){display:grid;gap:var(--space-12)}.page--portal-skills :is(.skill-goal__view,.skill-goal__empty,.skill-goal__edit)[hidden]{display:none}.page--portal-skills .skill-goal__empty{justify-items:center}.page--portal-skills .skill-goal .pp-goal__picker{max-height:calc(var(--space-32) + var(--space-44) * 3);overflow-y:auto;padding-inline-end:var(--space-8)}.page--portal-skills .skill-goal .pp-goal__foot{padding-block-start:var(--space-12);justify-content:flex-end}.page--portal-profile .filter-panel{margin-block-end:var(--spacing-2xl);padding:var(--spacing-xl);display:grid;gap:var(--spacing-lg);border-radius:var(--radius-card)}.page--portal-profile .filter-label{display:block;margin-block-end:var(--spacing-md)}.page--portal-profile .chart-chip{gap:var(--spacing-sm);cursor:pointer}.page--portal-profile .chart-chip .sp-icon{flex:0 0 auto}.page--portal-profile [data-pp-pillar-group=Mood] .chart-chip .sp-icon{color:var(--mood-500)}.page--portal-profile [data-pp-pillar-group=Cognition] .chart-chip .sp-icon{color:var(--cognition-500)}.page--portal-profile [data-pp-pillar-group=Personality] .chart-chip .sp-icon{color:var(--personality-500)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile [data-pp-pillar-group=Mood] .chart-chip .sp-icon{color:var(--core-lime-700)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile [data-pp-pillar-group=Cognition] .chart-chip .sp-icon{color:var(--personality-mint-700)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile [data-pp-pillar-group=Personality] .chart-chip .sp-icon{color:var(--personality-blue-600)}.page--portal-profile .pp-metric-note{border-block-start:1px solid var(--surface-border);padding-block-start:var(--spacing-lg)}.page--portal-profile .pp-game-filters{margin-block-end:var(--spacing-2xl);gap:var(--spacing-md)}.page--portal-profile button.ui-tag{cursor:pointer}.page--portal-profile .metric-card{padding:var(--spacing-2xl);display:grid;gap:var(--spacing-lg);border-radius:var(--radius-card)}.page--portal-profile .metric-value{font-family:var(--skillprint-font-mono);font-size:var(--app-display-xs-font-size);line-height:var(--app-display-xs-line-height);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.page--portal-profile .chart-frame{min-height:0}.page--portal-profile [data-pp-game-chart]{padding-block:var(--spacing-2xl)}.page--portal-profile .empty-state{min-height:var(--space-192);display:grid;place-content:center;gap:var(--spacing-md);justify-items:center;padding:var(--spacing-4xl)}.page--portal-profile .empty-state[hidden]{display:none}.page--portal-profile .pp-insight{display:grid;gap:var(--spacing-2xl);padding:var(--spacing-3xl);border-radius:var(--radius-card)}.page--portal-profile .pp-insight__head{display:grid;gap:var(--spacing-xs);max-width:var(--measure-md)}.page--portal-profile .pp-insight__title{font-size:var(--app-text-lg-font-size);line-height:var(--app-text-lg-line-height);font-weight:var(--weight-semibold)}.page--portal-profile .pp-insight__note{margin:0;color:var(--ui-muted);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.page--portal-profile .pp-insight__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-lg)}@media (max-width:720px){.page--portal-profile .pp-insight__stats{grid-template-columns:minmax(0,1fr)}}.page--portal .rail-card--record{border-color:color-mix(in srgb,var(--mindset-violet-500) 32%,var(--surface-border));background:color-mix(in srgb,var(--mindset-violet-500) 7%,var(--surface-box))}.page--portal .rail-card--record .gd-record__figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md)}.page--portal .rail-card--record .rail-card__head{display:grid;gap:var(--space-4)}.page--portal .rail-card--record .rail-card__hint{margin:0;color:var(--ui-muted)}.page--portal .rail-card--record :is(.gd-record__feed,.gd-record__empty){padding:var(--spacing-xl);min-width:0;margin-block-start:var(--spacing-2xl)}.page--portal .rail-card--record :is(.gd-record__feed,.gd-record__empty) .button{white-space:normal;min-width:0}.page--portal .rail-card--record.is-arrived{border-color:var(--mindset-violet-500);box-shadow:0 0 0 var(--space-4) color-mix(in srgb,var(--mindset-violet-500) 18%,transparent)}@media (prefers-reduced-motion:no-preference){.page--portal .rail-card--record{transition:border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}}.page--portal .gd-record__empty{border-style:dashed}.page--portal-profile .pp-wheel-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-16);align-items:stretch}.page--portal-profile .pp-wheel-layout__wheel{min-width:0}.page--portal-profile .pp-wheel-layout__aside{min-width:0;display:flex;flex-direction:column;gap:var(--space-12)}.page--portal-profile .pp-wheel-layout__aside .pp-subhead{margin:0}.page--portal-profile .pp-wheel-layout__aside .pp-breakdown{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.page--portal-profile .pp-wheel-layout__aside .pp-breakdown__scroll{flex:1 1 auto;min-height:0;max-height:var(--space-480)}@media (min-width:1440px){.page--portal-profile .pp-wheel-layout{grid-template-columns:minmax(0,55fr) minmax(0,45fr)}.page--portal-profile .pp-wheel-layout__aside{height:0;min-height:100%}.page--portal-profile .pp-wheel-layout__aside .pp-breakdown__scroll{max-height:none}}.page--portal-profile .pp-breakdown{border-radius:var(--radius-card)}.page--portal-profile .pp-breakdown__head{padding:var(--spacing-xl);display:grid;gap:var(--spacing-md)}.page--portal-profile .pp-breakdown__scroll{max-height:var(--space-480);overflow-y:auto;overscroll-behavior:contain}.page--portal-profile .pp-breakdown__label{position:sticky;inset-block-start:0;z-index:1;margin:0;padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-lg);border-block-end:1px solid var(--surface-border);background:var(--surface-box);color:var(--pp-tone)}.page--portal-profile .pp-breakdown__group[data-pillar=mood]{--pp-tone:var(--mood-500)}.page--portal-profile .pp-breakdown__group[data-pillar=cognition]{--pp-tone:var(--cognition-500)}.page--portal-profile .pp-breakdown__group[data-pillar=personality]{--pp-tone:var(--personality-500)}.page--portal-profile .pp-skill{padding:var(--spacing-md) var(--spacing-xl);display:grid;grid-template-columns:auto minmax(0,1fr) var(--space-80) var(--space-32) auto;align-items:center;gap:var(--spacing-lg);border-block-end:1px solid var(--surface-border);color:var(--surface-text);text-decoration:none;transition:var(--transition-interactive)}.page--portal-profile .pp-breakdown__group:last-child .pp-skill:last-child{border-block-end:0}.page--portal-profile .pp-skill:hover{background:var(--surface-raised)}.page--portal-profile .pp-skill:focus-visible{outline:var(--focus-ring-width) solid var(--focus-default);outline-offset:calc(var(--focus-ring-width) * -1)}.page--portal-profile .pp-skill__icon{color:var(--pp-tone,var(--cognition-500))}.page--portal-profile .pp-skill__name{min-width:0;overflow-wrap:break-word}.page--portal-profile .pp-skill__track{height:var(--space-6);overflow:hidden;background:var(--surface-raised)}.page--portal-profile .pp-skill__track i{display:block;width:var(--track-fill,0);height:100%;background:var(--pp-tone,var(--cognition-500))}.page--portal-profile .pp-skill__value{font-family:var(--skillprint-font-mono);font-variant-numeric:tabular-nums;text-align:right}.page--portal-profile .pp-skill--empty{grid-template-columns:auto minmax(0,1fr) calc(var(--space-80) + var(--space-32) + var(--spacing-lg)) auto}.page--portal-profile .pp-skill__state{text-align:right;white-space:nowrap}:is(.page--portal-profile,.page--portal-settings) .pp-session__link{padding:var(--spacing-lg) var(--spacing-xl);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--spacing-xl);border-radius:var(--radius-compact);color:inherit;text-decoration:none;transition:var(--transition-interactive)}:is(.page--portal-profile,.page--portal-settings) .pp-session__link:hover{border-color:var(--surface-border-hover);background:var(--surface-raised)}:is(.page--portal-profile,.page--portal-settings) .pp-session__cue{opacity:0;transition:var(--transition-interactive)}:is(.page--portal-profile,.page--portal-settings) .pp-session__link:focus-visible .pp-session__cue,:is(.page--portal-profile,.page--portal-settings) .pp-session__link:hover .pp-session__cue{opacity:1}.page--portal .rail-list__link{display:contents;color:inherit;text-decoration:none}.page--portal .rail-list li:hover .rail-list__name{color:var(--ui-text)}.page--portal-profile .pp-sessions{padding:var(--spacing-3xl);display:grid;gap:var(--spacing-2xl);border-radius:var(--radius-card)}.page--portal-profile .pp-sessions__head{padding-block-end:var(--spacing-2xl)}.page--portal-profile .pp-sessions__head h3{margin:0 0 var(--spacing-xs);font-size:var(--app-text-lg-font-size);line-height:var(--app-text-lg-line-height);font-weight:var(--weight-semibold)}.page--portal-profile .pp-played{padding:var(--spacing-md) var(--spacing-xl);border:1px solid color-mix(in srgb,var(--skillprint-action-violet) 32%,var(--surface-border));background:color-mix(in srgb,var(--skillprint-action-violet) 12%,var(--surface-box));color:var(--surface-text)}.page--portal-profile .pp-played strong{font-family:var(--skillprint-font-mono);font-size:var(--app-text-md-font-size);font-variant-numeric:tabular-nums}.page--portal-profile .pp-session-list{max-height:var(--space-384);padding:0;overflow-y:auto;list-style:none}.page--portal-profile .pp-session-list[hidden]{display:none}.page--portal-profile .pp-session{display:block}.page--portal-profile .pp-session__icon{width:var(--space-44);height:var(--space-44);object-fit:cover;background:color-mix(in srgb,var(--skillprint-action-violet) 14%,var(--surface-panel));color:var(--violet)}.page--portal-profile .pp-session__score{text-align:right}.page--portal-profile .pp-session__score strong{color:var(--violet);font-family:var(--skillprint-font-mono);font-size:var(--app-text-md-font-size);font-variant-numeric:tabular-nums}:is(.page--portal-profile,.page--portal-settings) .pp-goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-2xl)}:is(.page--portal-profile,.page--portal-settings) .pp-goal{min-height:var(--space-224);padding:var(--spacing-3xl);display:grid;align-content:start;gap:var(--spacing-xl);border-radius:var(--radius-card)}:is(.page--portal-profile,.page--portal-settings) .pp-goal h3{margin:0;font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height);font-weight:var(--weight-semibold)}:is(.page--portal-profile,.page--portal-settings) .pp-goal__empty{display:grid;gap:var(--spacing-xl);justify-items:center;padding-block:var(--spacing-2xl)}:is(.page--portal-profile,.page--portal-settings) .pp-goal__edit{display:grid;gap:var(--spacing-lg)}:is(.page--portal-profile,.page--portal-settings) .pp-goal__picker{max-height:calc(var(--space-32) + var(--space-44) * 3);overflow-y:auto;padding-inline-end:var(--space-8)}:is(.page--portal-profile,.page--portal-settings) .pp-goal__foot{padding-block-start:var(--spacing-lg);justify-content:flex-end}:is(.page--portal-profile,.page--portal-settings) :is(.pp-goal__view,.pp-goal__empty,.pp-goal__edit)[hidden]{display:none}:is(.page--portal-profile,.page--portal-settings) .pp-settings{padding:var(--spacing-3xl);display:grid;gap:var(--spacing-2xl);border-radius:var(--radius-card)}:is(.page--portal-profile,.page--portal-settings) .pp-setting{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-xl)}:is(.page--portal-profile,.page--portal-settings) .pp-setting.separator-bottom{padding-block-end:var(--spacing-2xl)}:is(.page--portal-profile,.page--portal-settings) .pp-setting--stack{display:grid;gap:var(--spacing-xl);justify-content:normal;align-items:normal}.page--portal .portal-content .pp-settings .pp-setting :is(h2,h3){margin:0 0 var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height);font-weight:var(--app-heading-weight)}:is(.page--portal-profile,.page--portal-settings) .pp-setting__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-xl)}:is(.page--portal-profile,.page--portal-settings)[data-appearance=midnight]{background:var(--deep-navy-950)}:is(.page--portal-profile,.page--portal-settings)[data-appearance=midnight] :is(.sp-panel,.sp-card){--surface-panel:var(--panel-navy-950);--surface-box:var(--deep-navy-900)}.page--portal-profile .pp-chart__grid{fill:none;stroke:var(--surface-border);stroke-width:1}.page--portal-profile .pp-chart__label{fill:var(--surface-text-muted);font-family:var(--skillprint-font-ui);font-size:var(--app-text-xs-font-size);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.page--portal-profile .is-tight .pp-chart__label{font-size:var(--app-text-xxs-font-size)}.page--portal-profile .pp-chart__label--strong{fill:var(--surface-text);font-weight:var(--weight-semibold)}.page--portal-profile .pp-chart__hub{fill:var(--surface-panel);stroke:var(--surface-border);stroke-width:1}.page--portal-profile .pp-chart__compare{fill:none;stroke:var(--surface-text-muted);stroke-width:1.4;stroke-dasharray:5 6;stroke-linecap:round}.page--portal-profile .pp-chart__baseline{fill:none;stroke:var(--core-green-500);stroke-width:2.2;stroke-linecap:round}.page--portal-profile :is(.pp-chart__bar,.pp-chart__area,.pp-chart__dot,.pp-chart__node){fill:var(--pp-series,var(--mindset-violet-500));stroke:var(--pp-series,var(--mindset-violet-500))}.page--portal-profile .pp-chart__line{fill:none;stroke:var(--pp-series,var(--mindset-violet-500));stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.page--portal-profile .pp-chart__shape{fill:var(--pp-series,var(--mindset-violet-500));stroke:var(--pp-series,var(--mindset-violet-500));stroke-width:2.2;stroke-linejoin:round}.page--portal-profile .pp-chart__dot{stroke:var(--surface-box);stroke-width:2}.page--portal-profile .chart-key .key-item[data-series] i{background:var(--pp-series)}.page--portal-profile .pp-key-compare{width:var(--space-16);height:0;border-block-start:2px dashed var(--surface-text-muted);border-radius:0;background:none}.page--portal-profile .button[hidden]{display:none}.page--portal-profile [data-series="0"]{--pp-series:var(--mindset-violet-500)}.page--portal-profile [data-series="1"]{--pp-series:var(--personality-blue-500)}.page--portal-profile [data-series="2"]{--pp-series:var(--personality-mint-500)}.page--portal-profile [data-series="3"]{--pp-series:var(--skills-orange-500)}.page--portal-profile [data-series=mood]{--pp-series:var(--mood-500)}.page--portal-profile [data-series=cognition]{--pp-series:var(--cognition-500)}.page--portal-profile [data-series=personality]{--pp-series:var(--personality-500)}.page--portal-profile [data-series=baseline]{--pp-series:var(--core-green-500)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile [data-series="0"]{--pp-series:var(--mindset-violet-600)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile [data-series="1"]{--pp-series:var(--personality-blue-600)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile [data-series="2"]{--pp-series:var(--personality-mint-700)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile [data-series="3"]{--pp-series:var(--skills-orange-600)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile [data-series=mood]{--pp-series:var(--core-lime-700)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile [data-series=cognition]{--pp-series:var(--personality-mint-700)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile [data-series=personality]{--pp-series:var(--personality-blue-600)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile [data-series=baseline]{--pp-series:var(--core-green-700)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile .pp-chart__baseline{stroke:var(--core-green-700)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile .day.done{background:var(--core-green-700)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile .pp-session__icon,html:is([data-theme=light],[data-surface=light]) .page--portal-profile .pp-session__score strong{color:var(--mindset-violet-600)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile .metric--portal small{color:var(--core-green-700)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile{--skills-ramp-from:var(--personality-blue-700);--skills-ramp-to:var(--personality-mint-900)}@media (max-width:860px){:is(.page--portal-profile,.page--portal-settings) .pp-section{padding-block:var(--spacing-4xl)}:is(.page--portal-profile,.page--portal-settings) :is(.pp-goal-grid,.pp-setting__fields){grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.page--portal-profile .metric-grid{grid-template-columns:minmax(0,1fr)}.page--portal-profile .pp-skill{grid-template-columns:auto minmax(0,1fr) var(--space-32) auto}.page--portal-profile .pp-skill--empty{grid-template-columns:auto minmax(0,1fr) auto auto}.page--portal-profile .pp-skill__track{display:none}:is(.page--portal-profile,.page--portal-settings) .pp-setting{align-items:flex-start;flex-direction:column}}.page--portal-skill-progression{--canvas:var(--deep-navy-900);--surface-panel:var(--panel-navy-950);--surface-box:var(--panel-navy-900);--surface-raised:var(--panel-navy-800);--surface-strong:var(--panel-navy-700);--border-interactive:rgb(248 250 252/18%);--customer:var(--core-green-500);--skills-ramp-from:var(--personality-blue-300);--skills-ramp-to:var(--personality-mint-300);--skill-accent:var(--skills-ramp-from);min-width:var(--space-320);background:var(--canvas);font-size:var(--app-text-md-font-size)}html:is([data-surface=light],[data-theme=light]) .page--portal-skill-progression{--canvas:var(--deep-navy-25);--surface-panel:var(--panel-navy-50);--surface-box:var(--geistface-grey-25);--surface-raised:var(--geistface-grey-100);--surface-strong:var(--panel-navy-100);--border-interactive:color-mix(in srgb,var(--deep-navy-900) 20%,transparent);--skills-ramp-from:var(--personality-blue-700);--skills-ramp-to:var(--personality-mint-900)}html:has(.page--portal-skill-progression){scroll-behavior:smooth;scroll-padding-top:var(--space-72)}.page--portal-skill-progression{--stat-accent:var(--cognition-500);--stat-accent-strong:var(--core-green-400);--stat-accent-low:var(--geistface-grey-400);--stat-track:var(--surface-raised);--stat-tint:color-mix(in srgb,var(--stat-accent) 12%,transparent);--stat-hairline:color-mix(in srgb,var(--stat-accent) 26%,var(--surface-border))}.page--portal-skill-progression[data-pillar=mood]{--stat-accent:var(--mood-500)}.page--portal-skill-progression[data-pillar=cognition]{--stat-accent:var(--cognition-500)}.page--portal-skill-progression[data-pillar=personality]{--stat-accent:var(--personality-500)}html:is([data-surface=light],[data-theme=light]) .page--portal-skill-progression{--stat-accent-strong:var(--core-green-800);--stat-accent-low:var(--geistface-grey-500)}.page--portal-skill-progression .brand-logo{display:block;width:142px;height:auto;overflow:visible;stroke:none}.page--portal-skill-progression h1{max-width:var(--space-768);margin:0 0 var(--space-12);color:var(--text-strong)}.page--portal-skill-progression h2{margin:0;color:var(--text-strong);font-size:var(--app-text-xl-font-size);line-height:var(--app-text-xl-line-height)}.page--portal-skill-progression .progression-pillar{--badge-accent:var(--stat-accent)}:is(.page--portal-skill-progression,.page--portal-games) .progression-key[data-has-data=true]{content:"";width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);background:var(--pick-accent,var(--stat-accent));flex:0 0 var(--space-6)}:is(.page--portal-skill-progression,.page--portal-games) .progression-key{width:var(--space-6);height:var(--space-6);background:var(--border-strong)}.page--portal-skill-progression .progression-start{padding:var(--spacing-4xl);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--spacing-2xl);border:1px solid var(--stat-hairline);background:color-mix(in srgb,var(--stat-accent) 6%,var(--surface-panel))}.page--portal-skill-progression .progression-start__glyph{color:var(--stat-accent);background:var(--surface-raised)}.page--portal-skill-progression .progression-start__copy{max-width:var(--space-640)}.page--portal-skill-progression .progression-unlocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-lg);margin-block-start:var(--spacing-2xl);list-style:none}.page--portal-skill-progression .progression-unlock{padding:var(--spacing-xl);border-radius:var(--radius-compact)}.page--portal-skill-progression .progression-unlock__glyph{color:var(--stat-accent);background:var(--surface-raised)}.page--portal-profile [data-cognition-ramp]{--skill-accent:var(--skills-ramp-from)}.page--portal-profile [data-cognition-ramp="2"]{--skill-accent:color-mix(in srgb,var(--skills-ramp-to) 12%,var(--skills-ramp-from))}.page--portal-profile [data-cognition-ramp="3"]{--skill-accent:color-mix(in srgb,var(--skills-ramp-to) 25%,var(--skills-ramp-from))}.page--portal-profile [data-cognition-ramp="4"]{--skill-accent:color-mix(in srgb,var(--skills-ramp-to) 37%,var(--skills-ramp-from))}.page--portal-profile [data-cognition-ramp="5"]{--skill-accent:color-mix(in srgb,var(--skills-ramp-to) 50%,var(--skills-ramp-from))}.page--portal-profile [data-cognition-ramp="6"]{--skill-accent:color-mix(in srgb,var(--skills-ramp-to) 62%,var(--skills-ramp-from))}.page--portal-profile [data-cognition-ramp="7"]{--skill-accent:color-mix(in srgb,var(--skills-ramp-to) 75%,var(--skills-ramp-from))}.page--portal-profile [data-cognition-ramp="8"]{--skill-accent:color-mix(in srgb,var(--skills-ramp-to) 87%,var(--skills-ramp-from))}.page--portal-profile [data-cognition-ramp="9"]{--skill-accent:var(--skills-ramp-to)}.page--portal-skill-progression .stat-section__head{margin-block-end:var(--spacing-md)}.page--portal-skill-progression .stat-section__head .eyebrow{margin-block-end:var(--spacing-sm)}.page--portal-skill-progression .stat-section__lede{max-width:var(--measure-md);margin-block-end:var(--spacing-3xl)}.page--portal-skill-progression .stat-count{white-space:nowrap}.page--portal:is(.page--portal-skill-progression,.page--portal-game-detail) .portal-head{row-gap:var(--space-10)}.page--portal .stat-hero__back{margin-bottom:var(--space-10);color:var(--muted);text-decoration:none;justify-self:start}.page--portal .stat-hero__back:focus-visible,.page--portal .stat-hero__back:hover{color:var(--text-primary)}.page--portal-skill-progression .stat-hero__glyph{flex:0 0 auto;color:var(--stat-accent);background:var(--stat-tint);border:1px solid var(--stat-hairline)}.page--portal-skill-progression .stat-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-lg)}.page--portal-skill-progression .stat-rail__metric strong{font-variant-numeric:tabular-nums}.page--portal-skill-progression .stat-table{border-color:var(--stat-hairline)}.page--portal-skill-progression .stat-table__table{min-width:var(--space-720)}.page--portal-skill-progression .stat-table__table :is(th,td){padding:var(--spacing-lg) var(--spacing-xl)}.page--portal-skill-progression .stat-table__table th{font-size:var(--app-text-xxs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-semibold);white-space:nowrap}.page--portal-skill-progression .stat-table__table tbody tr:last-child :is(td){border-block-end:0}.page--portal-skill-progression .stat-table__table tbody tr:hover{background:var(--stat-tint)}.page--portal-skill-progression .stat-table__table tbody tr[hidden]{display:none}.page--portal-skill-progression .stat-table__date{font-variant-numeric:tabular-nums}.page--portal-skill-progression .stat-table__game .sp-icon{color:var(--muted)}.page--portal-skill-progression .stat-flow{min-width:var(--space-128)}.page--portal-skill-progression .stat-flow__value{min-width:var(--space-28);font-variant-numeric:tabular-nums}.page--portal-skill-progression .stat-flow__bar{--progress-colour:var(--stat-accent)}.page--portal-skill-progression .stat-flow__bar[data-band=low]{--progress-colour:var(--stat-accent-low)}.page--portal-skill-progression .stat-flow__bar[data-band=high]{--progress-colour:var(--stat-accent-strong)}.page--portal-skill-progression .stat-delta[data-trend=up]{color:var(--stat-accent-strong)}.page--portal-skill-progression .stat-delta[data-trend=down]{color:var(--skills-orange-400)}html[data-surface=light] .page--portal-skill-progression .stat-delta[data-trend=down]{color:var(--skills-orange-800)}.page--portal-skill-progression .stat-table__foot{padding:var(--spacing-lg) var(--spacing-xl)}.page--portal-skill-progression .stat-breakdown{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.page--portal-skill-progression :is(.stat-rank,.stat-components){display:grid;gap:var(--spacing-xl);border-color:var(--stat-hairline)}.page--portal-skill-progression .stat-rank__value{font-family:var(--font-mono);font-size:var(--app-text-xl-font-size);line-height:var(--app-text-xl-line-height);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.page--portal-skill-progression .stat-rank__badge{--badge-accent:var(--stat-accent-strong)}.page--portal-skill-progression .stat-rank__meter{position:relative;padding-block-end:var(--spacing-md)}.page--portal-skill-progression .stat-rank__track{display:block;height:var(--space-12);overflow:hidden;background:var(--stat-track)}.page--portal-skill-progression .stat-rank__fill{display:block;width:var(--rank,0);height:100%;background:var(--stat-accent)}.page--portal-skill-progression .stat-rank__marker{position:absolute;inset-block-start:calc(var(--space-12) * -.5);left:var(--rank,0);width:var(--space-4);height:var(--space-24);transform:translateX(-50%);border-radius:var(--radius-full);background:var(--stat-accent-strong);box-shadow:0 0 0 var(--space-2) var(--surface-panel)}.page--portal-skill-progression .stat-rank__note{max-width:var(--measure-sm)}.page--portal-skill-progression .stat-components__list{list-style:none}.page--portal-skill-progression .stat-component__frame{flex:0 0 auto;color:var(--stat-accent);background:var(--stat-tint)}.page--portal-skill-progression .stat-component__value{font-variant-numeric:tabular-nums}.page--portal-skill-progression .stat-component .sp-progress{--progress-colour:var(--stat-accent)}.page--portal-skill-progression .stat-component[data-band=low] .sp-progress{--progress-colour:var(--stat-accent-low)}.page--portal-skill-progression .stat-trends{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.page--portal-skill-progression :is(.stat-trend,.stat-weeks){display:grid;gap:var(--spacing-xl);align-content:start;border-color:var(--stat-hairline)}.page--portal-skill-progression .stat-trend__value{font-family:var(--font-mono);font-size:var(--app-text-xl-font-size);line-height:var(--app-text-xl-line-height);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.page--portal-skill-progression .stat-trend__badge{--badge-accent:var(--stat-accent-strong)}.page--portal-skill-progression .stat-trend__chart{min-height:0}.page--portal-skill-progression .stat-trend__svg{width:100%;height:auto;display:block;overflow:visible}.page--portal-skill-progression .stat-trend__rules line{stroke:var(--surface-border);stroke-width:1;vector-effect:non-scaling-stroke}.page--portal-skill-progression .stat-trend__area{fill:var(--stat-tint);stroke:none}.page--portal-skill-progression .stat-trend__line{fill:none;stroke:var(--stat-accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.page--portal-skill-progression .stat-trend__dots circle{fill:var(--surface-panel);stroke:var(--stat-accent);stroke-width:2;vector-effect:non-scaling-stroke}.page--portal-skill-progression .stat-trend__dots circle.stat-trend__dot--last{fill:var(--stat-accent-strong);stroke:var(--stat-accent-strong)}.page--portal-skill-progression .stat-weeks__list{list-style:none}.page--portal-skill-progression .stat-week__bar{display:block;height:var(--space-8);overflow:hidden;background:var(--stat-track)}.page--portal-skill-progression .stat-week__bar i{display:block;width:var(--week-w,0);height:100%;background:var(--stat-accent)}.page--portal-skill-progression .stat-weeks__foot{padding-block-start:var(--spacing-xl)}.page--portal-skill-progression .day.done{border-color:transparent;background:var(--core-green-500)}html:is([data-theme=light],[data-surface=light]) .page--portal-skill-progression .day.done{background:var(--core-green-700)}.page--portal-skill-progression .stat-games{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-16)}.page--portal-skill-progression .stat-game__score{color:var(--stat-ink,var(--stat-accent));font-variant-numeric:tabular-nums}html:is([data-surface=light],[data-theme=light]) .page--portal-skill-progression{--stat-ink:var(--personality-mint-900)}html:is([data-surface=light],[data-theme=light]) .page--portal-skill-progression[data-pillar=mood]{--stat-ink:var(--core-lime-900)}html:is([data-surface=light],[data-theme=light]) .page--portal-skill-progression[data-pillar=cognition]{--stat-ink:var(--personality-mint-900)}html:is([data-surface=light],[data-theme=light]) .page--portal-skill-progression[data-pillar=personality]{--stat-ink:var(--personality-blue-800)}.page--portal-skill-progression .stat-cta{margin-block-start:var(--spacing-3xl);padding-block-start:var(--spacing-2xl)}.page--portal-skill-progression .stat-cta p{max-width:var(--measure-sm)}@media (max-width:1100px){.page--portal-skill-progression .stat-breakdown,.page--portal-skill-progression .stat-trends{grid-template-columns:minmax(0,1fr)}.page--portal-skill-progression .stat-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.page--portal-skill-progression .stat-rail{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.page--portal-skill-progression .progression-unlocks{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.page--portal-skill-progression .progression-start{padding:var(--spacing-2xl);grid-template-columns:minmax(0,1fr)}}.page--portal-profile-embed{--embed-accent:var(--skillprint-action-violet);--embed-width:420px;--embed-height:560px}html:is([data-theme=dark],[data-surface=dark]) .page--portal-profile-embed{--embed-accent:var(--mindset-violet-300)}.page--portal-profile-embed .embed-section{padding-block:var(--spacing-5xl)}.page--portal-profile-embed .embed-stage{align-items:start}.page--portal-profile-embed .embed-figure{flex:0 0 auto;width:var(--embed-width);max-width:100%}.page--portal-profile-embed .embed-figure__caption{max-width:var(--embed-width)}.page--portal-profile-embed .embed-card{width:100%;min-height:var(--embed-height);grid-template-rows:auto 1fr auto;gap:0;border:1px solid var(--surface-border);border-radius:var(--radius-card);background:var(--surface-raised)}.page--portal-profile-embed .embed-card__head{padding:var(--spacing-lg) var(--spacing-xl);border-block-end:1px solid var(--surface-border)}.page--portal-profile-embed .embed-card__mark{display:block;width:20px;height:20px}.page--portal-profile-embed .embed-card__body{padding:var(--spacing-xl);align-content:start}.page--portal-profile-embed .embed-card__action{margin:0 var(--spacing-xl) var(--spacing-xl);width:auto}.page--portal-profile-embed .embed-print{width:128px;flex:0 0 auto}.page--portal-profile-embed .embed-print .ontology-visual{border-radius:var(--radius-xl)}.page--portal-profile-embed .embed-print .leaf-label{display:none}.page--portal-profile-embed .embed-print .skillprint__wheel{display:block;width:140%;max-width:none;min-width:0;margin:-20%;height:auto;aspect-ratio:1}.page--portal-profile-embed .embed-print__lede{font-size:var(--app-text-sm-font-size);line-height:var(--app-text-md-line-height)}.page--portal-profile-embed .embed-score__trend{color:var(--embed-accent);margin-block:2px}.page--portal-profile-embed .embed-stat strong{margin-block-start:2px;font-size:var(--app-text-sm-font-size)}.page--portal-profile-embed .embed-traits{list-style:none}.page--portal-profile-embed .embed-trait .sp-progress__fill{background:var(--cognition-500)}html:is([data-theme=light],[data-surface=light]) .page--portal-profile-embed .embed-trait .sp-progress__fill{background:var(--personality-mint-700)}.page--portal-profile-embed .embed-trait[data-score="82"] .sp-progress__fill{inline-size:82%}.page--portal-profile-embed .embed-trait[data-score="76"] .sp-progress__fill{inline-size:76%}.page--portal-profile-embed .embed-trait[data-score="71"] .sp-progress__fill{inline-size:71%}.page--portal-profile-embed .embed-empty{align-content:center;justify-items:center;padding-inline:var(--spacing-2xl)}.page--portal-profile-embed .embed-empty__glyph{color:var(--skills-orange-500);background:color-mix(in srgb,var(--skills-orange-500) 12%,transparent)}.page--portal-profile-embed .embed-card.is-retrying{opacity:.55}.page--portal-profile-embed .embed-notes{list-style:none}.page--portal-profile-embed .embed-howto .code-block{min-width:0;overflow-x:auto}@media (max-width:900px){.page--portal-profile-embed .embed-howto{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.page--portal-profile-embed{--embed-width:100%}.page--portal-profile-embed .embed-stage{gap:var(--spacing-3xl)}}[data-skillprint-page] .screen-switch{position:relative;flex:0 0 auto;margin-inline-end:var(--spacing-md)}[data-skillprint-page] .screen-switch__trigger{max-width:var(--space-256)}[data-skillprint-page] .screen-switch__menu{right:0;left:auto;width:max(100%,var(--space-320));max-height:min(70vh,var(--space-480))}@media (max-width:900px){[data-skillprint-page] .screen-switch__trigger .sp-dropdown__copy span{display:none}}@media (max-width:640px){[data-skillprint-page] .screen-switch{order:-1;margin-inline-end:0}}.popup--dark{--surface-box:var(--panel-navy-900);--surface-raised:var(--panel-navy-800);--surface-panel:var(--panel-navy-950);--surface-text:var(--geistface-grey-200);--surface-text-muted:color-mix(in srgb,var(--geistface-grey-200) 72%,transparent);--surface-border:color-mix(in srgb,var(--deep-navy-25) 10%,transparent);--surface-border-hover:color-mix(in srgb,var(--deep-navy-25) 20%,transparent);--text:var(--text-primary);--text-strong:var(--deep-navy-25);--muted:var(--text-muted);--border:var(--border-subtle);--border-strong:rgb(248 250 252/18%);--ui-text:var(--deep-navy-25);--ui-muted:var(--text-muted);--ui-border:var(--border-subtle);--button-text:var(--geistface-grey-200);--button-text-strong:var(--geistface-grey-25);--button-text-muted:color-mix(in srgb,var(--geistface-grey-200) 72%,transparent);--button-text-disabled:color-mix(in srgb,var(--geistface-grey-200) 42%,transparent);--button-surface:var(--panel-navy-900);--button-surface-hover:var(--panel-navy-800);--button-surface-disabled:color-mix(in srgb,var(--panel-navy-900) 62%,transparent)}.sp-dropdown__menu{background:var(--surface-box);border:1px solid var(--surface-border);border-radius:var(--card-current-radius,var(--radius-2xl));color:var(--surface-text)}.sp-dropdown__copy>strong{font-weight:var(--weight-semibold)}.ui-tag{gap:var(--spacing-sm)}button.chart-chip:not(.is-active):hover{border-color:color-mix(in srgb,var(--surface-text) 28%,var(--surface-border));color:var(--surface-text)}html:is([data-surface=light],[data-theme=light]) .metric--portal small{color:var(--core-green-800)}.page{--subtle:color-mix(in srgb,var(--muted) 88%,transparent);--shadow-lg:0 var(--space-12) var(--space-24) color-mix(in srgb,var(--deep-navy-950) 22%,transparent),0 var(--space-4) var(--space-8) color-mix(in srgb,var(--deep-navy-950) 16%,transparent)}html:is([data-surface=light],[data-theme=light]) .page{--text-primary:var(--geistface-grey-900);--text-muted:color-mix(in srgb,var(--geistface-grey-800) 82%,transparent);--border-subtle:color-mix(in srgb,var(--deep-navy-900) 10%,transparent);--subtle:color-mix(in srgb,var(--geistface-grey-700) 92%,transparent);--shadow-lg:0 var(--space-12) var(--space-24) color-mix(in srgb,var(--deep-navy-950) 8%,transparent),0 var(--space-2) var(--space-6) color-mix(in srgb,var(--deep-navy-950) 5%,transparent)}html:is([data-surface=light],[data-theme=light]) .page .text--danger{color:var(--skills-pink-700)}html:is([data-surface=light],[data-theme=light]) .page--portal .stat-hero__back:focus-visible,html:is([data-surface=light],[data-theme=light]) .page--portal .stat-hero__back:hover{color:var(--ui-text)}html:is([data-surface=light],[data-theme=light]) .page--portal{color-scheme:light;--page:var(--geistface-grey-50);--deep:var(--geistface-grey-50);--canvas:var(--geistface-grey-50);--surface:var(--geistface-grey-25);--surface-canvas:var(--geistface-grey-50);--surface-panel:var(--geistface-grey-25);--surface-box:var(--geistface-grey-25);--surface-raised:color-mix(in srgb,var(--panel-navy-50) 45%,var(--geistface-grey-25));--surface-strong:color-mix(in srgb,var(--panel-navy-100) 55%,var(--geistface-grey-25));--panel-900:var(--geistface-grey-25);--text-strong:var(--deep-navy-800);--text:var(--geistface-grey-900);--text-primary:var(--geistface-grey-900);--surface-text:var(--geistface-grey-900);--muted:var(--geistface-grey-700);--surface-text-muted:var(--geistface-grey-700);--text-muted:color-mix(in srgb,var(--geistface-grey-800) 82%,transparent);--subtle:color-mix(in srgb,var(--geistface-grey-700) 94%,transparent);--border:color-mix(in srgb,var(--deep-navy-900) 8%,transparent);--border-subtle:color-mix(in srgb,var(--deep-navy-900) 8%,transparent);--border-strong:color-mix(in srgb,var(--deep-navy-900) 13%,transparent);--surface-border:color-mix(in srgb,var(--deep-navy-900) 8%,transparent);--surface-border-hover:color-mix(in srgb,var(--deep-navy-900) 15%,transparent);--shadow-xs:0 1px 2px color-mix(in srgb,var(--deep-navy-950) 5%,transparent);--shadow-sm:0 1px 2px color-mix(in srgb,var(--deep-navy-950) 5%,transparent),0 1px 3px color-mix(in srgb,var(--deep-navy-950) 4%,transparent);--shadow-md:0 var(--space-2) var(--space-4) color-mix(in srgb,var(--deep-navy-950) 5%,transparent),0 var(--space-6) var(--space-12) color-mix(in srgb,var(--deep-navy-950) 6%,transparent);--shadow-lg:0 var(--space-8) var(--space-20) color-mix(in srgb,var(--deep-navy-950) 7%,transparent),0 var(--space-2) var(--space-6) color-mix(in srgb,var(--deep-navy-950) 5%,transparent);--shadow-xl:0 var(--space-16) var(--space-40) color-mix(in srgb,var(--deep-navy-950) 9%,transparent),0 var(--space-4) var(--space-10) color-mix(in srgb,var(--deep-navy-950) 5%,transparent);--ui-page:var(--geistface-grey-50);--ui-surface:var(--geistface-grey-25);--ui-text:var(--deep-navy-800);--ui-muted:var(--geistface-grey-700);--ui-border:color-mix(in srgb,var(--deep-navy-900) 8%,transparent);--ui-border-strong:color-mix(in srgb,var(--deep-navy-900) 13%,transparent);--button-shadow:0 1px 2px color-mix(in srgb,var(--deep-navy-950) 6%,transparent);--button-surface:var(--geistface-grey-25);--button-surface-hover:color-mix(in srgb,var(--panel-navy-50) 45%,var(--geistface-grey-25));--button-surface-disabled:color-mix(in srgb,var(--geistface-grey-50) 70%,transparent);--button-border:color-mix(in srgb,var(--deep-navy-900) 13%,transparent);--button-border-disabled:color-mix(in srgb,var(--deep-navy-900) 8%,transparent);--button-text:var(--geistface-grey-900);--button-text-strong:var(--geistface-grey-25);--button-text-muted:var(--geistface-grey-700);--button-text-disabled:color-mix(in srgb,var(--geistface-grey-900) 40%,transparent);--button-group-surface:var(--geistface-grey-25);--button-group-current:color-mix(in srgb,var(--panel-navy-50) 45%,var(--geistface-grey-25));--button-group-text:var(--geistface-grey-900);--button-group-border:color-mix(in srgb,var(--deep-navy-900) 13%,transparent);--button-group-icon:var(--geistface-grey-700);--button-group-icon-strong:var(--geistface-grey-900);--button-group-shadow:none;--nav-surface:var(--geistface-grey-25);--nav-drawer-surface:var(--geistface-grey-25);--nav-border:color-mix(in srgb,var(--deep-navy-900) 8%,transparent);--nav-text:var(--geistface-grey-900);--nav-hover-surface:color-mix(in srgb,var(--panel-navy-50) 45%,var(--geistface-grey-25));--nav-hover-border:transparent;--side-nav-surface:var(--geistface-grey-25);--side-nav-border:color-mix(in srgb,var(--deep-navy-900) 8%,transparent);--side-nav-text:var(--deep-navy-800);--side-nav-muted:var(--geistface-grey-700);--side-nav-hover:color-mix(in srgb,var(--panel-navy-50) 52%,var(--geistface-grey-25));--side-nav-active:var(--nav-current-surface);--side-nav-active-border:var(--nav-current-border);--side-nav-accent:var(--violet);--side-nav-scrim:color-mix(in srgb,var(--deep-navy-900) 32%,transparent)}html:is([data-surface=light],[data-theme=light]) .page--portal .sp-panel{box-shadow:var(--shadow-sm)}html:is([data-surface=light],[data-theme=light]) .page--portal .sp-icon-frame{border-color:transparent;background:color-mix(in srgb,var(--mindset-violet-500) 8%,transparent)}html:is([data-surface=light],[data-theme=light]) .page--portal .field :is(input,select,textarea),html:is([data-surface=light],[data-theme=light]) .page--portal :is(input,select,textarea){border-color:color-mix(in srgb,var(--deep-navy-900) 11%,transparent);background:color-mix(in srgb,var(--panel-navy-50) 38%,var(--geistface-grey-25))}html:is([data-surface=light],[data-theme=light]) .page--portal .field :is(input,select,textarea):hover,html:is([data-surface=light],[data-theme=light]) .page--portal :is(input,select,textarea):hover{border-color:color-mix(in srgb,var(--deep-navy-900) 16%,transparent)}html:is([data-surface=light],[data-theme=light]) .page--portal .field :is(input,select,textarea):focus,html:is([data-surface=light],[data-theme=light]) .page--portal :is(input,select,textarea):focus{background:var(--geistface-grey-25)}html:is([data-surface=dark],[data-theme=dark]) .page--portal{--side-nav-active:var(--nav-current-surface);--side-nav-active-border:var(--nav-current-border);--side-nav-accent:var(--violet)}.page--portal{--portal-sidebar:var(--space-256);--portal-topbar:0px;--portal-bar-height:var(--space-56);--portal-rail:var(--space-320);--portal-gutter:var(--space-24);background:var(--ui-page)}.page--portal .portal-app{min-height:100dvh}.page--portal .portal-sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:90;width:var(--portal-sidebar);height:100dvh;opacity:1;visibility:visible;pointer-events:auto;transform:none;box-shadow:none;transition:width .25s ease-out,transform .25s ease-out}.page--portal .portal-brand{display:grid;gap:var(--space-8);padding:var(--space-20) var(--space-20) var(--space-16);text-decoration:none;color:inherit}.page--portal .portal-brand .brand-logo{display:block}.page--portal .portal-brand__product{color:var(--side-nav-muted);font-family:var(--skillprint-font-ui);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-medium);letter-spacing:.06em}.page--portal .portal-sidebar__scroll{flex:1 1 auto;padding-inline:var(--space-12)}.page--portal .portal-sidebar .sp-side-nav__link{min-height:var(--space-40);gap:var(--space-12);border-radius:var(--radius-lg);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.page--portal .portal-sidebar .sp-side-nav__link:hover{border-color:transparent}.page--portal .portal-sidebar .sp-side-nav__link.is-active,.page--portal .portal-sidebar .sp-side-nav__link[aria-current=page]{border-color:transparent;color:var(--nav-current-text);font-weight:var(--weight-medium)}.page--portal .portal-sidebar .sp-side-nav__link svg{--icon-stroke:var(--icon-stroke-sm)}.page--portal .portal-subnav{display:grid;gap:var(--space-2);margin:var(--space-4) 0 var(--space-4) var(--space-24);padding-inline-start:var(--space-12);border-inline-start:1px solid var(--side-nav-border)}.page--portal .portal-subnav__link{min-height:var(--space-32);padding-inline:var(--space-10);display:flex;align-items:center;gap:var(--space-8);border-radius:var(--radius-md);color:var(--side-nav-muted);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-medium);text-decoration:none;transition:var(--transition-interactive)}.page--portal .portal-subnav__link:hover{background:var(--side-nav-hover);color:var(--side-nav-text)}.page--portal .portal-subnav__link.is-active,.page--portal .portal-subnav__link[aria-current=page]{background:var(--side-nav-active);color:var(--side-nav-text)}.page--portal .portal-subnav__link .sp-icon{--icon-size:var(--icon-size-xs);--icon-stroke:var(--icon-stroke-xs);flex:0 0 auto;color:currentColor}.page--portal .portal-subnav__link.is-active .sp-icon,.page--portal .portal-subnav__link[aria-current=page] .sp-icon{color:var(--skill-ink)}.page--portal .portal-sidebar__foot{padding:var(--space-12);display:grid;gap:var(--space-8);border-top:1px solid var(--side-nav-border)}.page--portal .portal-sidebar__utilities{padding-block-end:var(--space-8);border-block-end:1px solid var(--side-nav-border)}.page--portal .portal-sidebar__utilities button.sp-side-nav__link{cursor:pointer;text-align:start}.page--portal .portal-main{min-width:0;margin-inline-start:var(--portal-sidebar);display:flex;flex-direction:column;min-height:100dvh;transition:margin-inline-start .25s ease-out}.page--portal .portal-topbar{position:sticky;top:0;z-index:60;min-height:var(--portal-bar-height);padding:var(--space-8);padding-inline:max(var(--space-8),env(safe-area-inset-left)) max(var(--space-8),env(safe-area-inset-right));display:none;align-items:center;gap:var(--space-12);border-bottom:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-page) 88%,transparent);backdrop-filter:blur(16px)}.page--portal .portal-topbar__brand{display:block;min-width:0;text-decoration:none}.page--portal .portal-topbar .brand-logo{width:132px;height:auto;overflow:visible;stroke:none}.page--portal .portal-topbar .brand-logo--dark{display:block}.page--portal .portal-topbar .brand-logo--light{display:none}html:is([data-surface=light],[data-theme=light]) .page--portal .portal-topbar .brand-logo--dark{display:none}html:is([data-surface=light],[data-theme=light]) .page--portal .portal-topbar .brand-logo--light{display:block}.page--portal .portal-topbar .portal-nav-toggle{margin-inline-start:auto}.page--portal .portal-content{flex:1 1 auto;min-width:0;width:100%;padding:var(--space-32) var(--portal-gutter) var(--space-40)}.page--portal .portal-foot{padding:var(--space-20) var(--portal-gutter) var(--space-28);width:100%;align-items:center;border-top:1px solid var(--ui-border);color:var(--subtle);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height)}.page--portal .portal-foot,.page--portal .portal-foot nav{display:flex;flex-wrap:wrap;gap:var(--space-16)}.page--portal .portal-foot a{color:inherit;text-decoration:none}.page--portal .portal-foot a:hover{color:var(--ui-text);text-decoration:underline;text-underline-offset:var(--space-2)}.page--portal .portal-foot__legal{margin-inline-start:auto}.page--portal .portal-nav-toggle,.page--portal .portal-sidebar__close{display:none}.page--portal .portal-scrim{position:fixed;inset:0;z-index:80;display:none;border:0;padding:0;background:var(--side-nav-scrim)}.page--portal .portal-head{display:grid;gap:var(--space-6);margin-bottom:var(--space-32)}.page--portal .portal-head__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-20)}.page--portal .portal-head h1{margin:0;font-size:var(--app-display-xs-font-size);line-height:var(--app-display-xs-line-height);font-weight:var(--app-heading-weight);letter-spacing:var(--app-title-tracking)}.page--portal .portal-head p{margin:0;max-width:var(--measure-md);color:var(--ui-muted);font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height)}.page--portal .portal-eyebrow,.page--portal .rail-card__label{font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.page--portal .portal-eyebrow,.page--portal .rail-card__label,.page--portal .ui-label{color:var(--ui-muted);font-family:var(--skillprint-font-ui);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height)}.page--portal .ui-label{font-weight:var(--weight-medium);letter-spacing:normal;text-transform:none}.page--portal .ontology-visual .ui-label{color:var(--ui-muted)}.page--portal .portal-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--portal-rail);align-items:start;gap:var(--space-28)}.page--portal .portal-layout__main{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-32)}.page--portal .portal-rail{position:sticky;top:calc(var(--portal-topbar) + var(--space-20));min-width:0;display:grid;gap:var(--space-16)}.page--portal .portal-section{display:grid;gap:var(--space-14);min-width:0}.page--portal .portal-section__bar{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-16);min-width:0}@media (max-width:480px){.page--portal .portal-section__bar{flex-wrap:wrap;row-gap:var(--space-8)}}.page--portal .portal-section__title{margin:0;font-size:var(--app-text-lg-font-size);line-height:var(--app-text-lg-line-height);font-weight:var(--weight-semibold)}.page--portal .portal-section__hint{margin:var(--space-2) 0 0;color:var(--ui-muted);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.page--portal .portal-section__link{flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;gap:var(--space-6);color:var(--ui-muted);font-size:var(--app-text-sm-font-size);font-weight:var(--weight-semibold);text-decoration:none}.page--portal .portal-section__link:hover{color:var(--ui-text)}.page--portal .portal-section__link .sp-icon{--icon-size:var(--icon-size-xs);--icon-stroke:var(--icon-stroke-xs)}.page--portal .game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:var(--space-16)}.page--portal .game-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(232px,1fr);gap:var(--space-16);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:var(--space-4)}.page--portal .game-rail>*{scroll-snap-align:start}.page--portal .rail-card{--card-current-padding:var(--space-18);--card-current-radius:var(--radius-2xl);display:grid;gap:var(--space-14)}.page--portal .rail-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.page--portal .rail-card__title{margin:0;font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height);font-weight:var(--weight-semibold);color:var(--ui-text)}.page--portal .rail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}.page--portal .rail-stat{display:grid;gap:var(--space-2);padding:var(--space-10) var(--space-12);border-radius:var(--radius-lg);background:var(--surface-raised);min-width:0}.page--portal .rail-stat dt{color:var(--ui-muted);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-medium);letter-spacing:normal;text-transform:none}.page--portal .rail-stat dd{margin:0;color:var(--ui-text);font-size:var(--app-text-lg-font-size);line-height:var(--app-text-lg-line-height);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.page--portal .rail-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.page--portal .rail-list li{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-8) 0;min-width:0;font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.page--portal .rail-list li+li{border-top:1px solid var(--ui-border)}.page--portal .rail-list__name{min-width:0;flex:1 1 auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:var(--ui-text)}.page--portal .rail-list__value{flex:0 0 auto;color:var(--ui-muted);font-variant-numeric:tabular-nums}.page--portal .rail-thumb{width:var(--space-32);height:var(--space-32);flex:0 0 auto;border-radius:var(--radius-md);object-fit:cover;background:color-mix(in srgb,var(--mindset-violet-500) 8%,transparent)}.page--portal .rail-meter{height:var(--space-6);border-radius:var(--radius-full);background:var(--surface-strong);overflow:hidden}.page--portal .rail-meter>i{display:block;height:100%;width:var(--meter,0);border-radius:inherit;background:var(--meter-tone,var(--mindset-violet-500))}.page--portal .portal-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-10)}.page--portal .portal-toolbar__count{margin-inline-start:auto;color:var(--ui-muted);font-size:var(--app-text-sm-font-size);font-weight:var(--weight-semibold)}@media (max-width:1180px){.page--portal{--portal-rail:var(--space-256)}}@media (max-width:1023px){.page--portal .portal-layout{grid-template-columns:minmax(0,1fr)}.page--portal .portal-rail{position:static;grid-auto-flow:row}}@media (max-width:900px){.page--portal{--portal-gutter:var(--space-20);--portal-topbar:var(--portal-bar-height)}.page--portal .portal-topbar{display:flex}.page--portal .portal-main{margin-inline-start:0}.page--portal .portal-sidebar{transform:translateX(-100%);transition:transform var(--duration-base) var(--ease-standard);box-shadow:none;opacity:0;visibility:hidden;pointer-events:none}.page--portal .portal-nav-toggle{display:inline-grid}.page--portal .portal-sidebar__close{position:absolute;inset-block-start:var(--space-14);inset-inline-end:var(--space-12);display:inline-flex}.page--portal.nav-open .portal-sidebar{transform:translateX(0);box-shadow:var(--shadow-xl);opacity:1;visibility:visible;pointer-events:auto}.page--portal.nav-open .portal-scrim{display:block}}@media (max-width:640px){.page--portal .portal-content{padding-block:var(--space-24) var(--space-48)}.page--portal .game-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.page--portal .rail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.page--portal .portal-foot{gap:var(--space-10)}.page--portal .portal-foot__legal{margin-inline-start:0;flex-basis:100%}}@media (prefers-reduced-motion:reduce){.page--portal .portal-sidebar{transition:none}}:is(.page--portal .portal-sidebar__foot .screen-switch,.page--portal .portal-sidebar__foot .portal-preview__switch){margin-inline-end:0;width:100%;order:0}:is(.page--portal .portal-sidebar__foot .screen-switch__trigger,.page--portal .portal-sidebar__foot .portal-preview__switch .sp-dropdown__trigger){max-width:none;justify-content:space-between;font-size:var(--app-text-xs-font-size);font-weight:var(--weight-medium);color:var(--side-nav-muted)}:is(.page--portal .portal-sidebar__foot .screen-switch__trigger,.page--portal .portal-sidebar__foot .portal-preview__switch .sp-dropdown__trigger) strong{font-weight:var(--weight-medium)}:is(.page--portal .portal-sidebar__foot .screen-switch__menu,.page--portal .portal-sidebar__foot .portal-preview__menu){inset-block-end:calc(100% + var(--space-8));inset-block-start:auto;inset-inline:0 auto;width:var(--space-320);max-height:min(64vh,var(--space-480))}.page--portal a.sp-card,.page--portal a.sp-card:hover{text-decoration:none;color:inherit}.page--portal-welcome .welcome-shell{min-height:100dvh;display:flex;flex-direction:column}.page--portal-welcome .welcome-bar{min-height:var(--portal-bar-height);padding:var(--space-12) var(--portal-gutter);display:flex;align-items:center;gap:var(--space-12);border-bottom:1px solid var(--ui-border)}.page--portal-welcome .welcome-bar__brand{display:grid;gap:var(--space-2);text-decoration:none;color:inherit}.page--portal-welcome .welcome-bar__brand .brand-logo{display:block;width:132px;height:auto;overflow:visible;stroke:none}.page--portal-welcome .welcome-bar__brand .brand-logo--light{display:none}html:is([data-surface=light],[data-theme=light]) .page--portal-welcome .welcome-bar__brand .brand-logo--dark{display:none}html:is([data-surface=light],[data-theme=light]) .page--portal-welcome .welcome-bar__brand .brand-logo--light{display:block}.page--portal-welcome .welcome-bar__actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-8)}.page--portal-welcome .welcome-main{flex:1 1 auto;display:grid;place-items:center;padding:var(--space-48) var(--portal-gutter)}.page--portal-welcome .auth-card{--card-current-padding:var(--space-40);--card-current-radius:var(--radius-4xl);width:100%;max-width:var(--space-480);display:grid;gap:var(--space-28);box-shadow:var(--shadow-lg)}.page--portal-welcome .auth-card__head{display:grid;gap:var(--space-8);text-align:center;justify-items:center}.page--portal-welcome .auth-card__title{font-size:var(--app-display-xs-font-size);line-height:var(--app-display-xs-line-height);font-weight:var(--app-heading-weight);letter-spacing:var(--app-title-tracking)}.page--portal-welcome .auth-card__lede{max-width:38ch;font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.page--portal-welcome .auth-card__body{display:grid;gap:var(--space-20)}.page--portal-welcome .auth-guest{gap:var(--spacing-md);font-weight:var(--weight-semibold)}.page--portal-welcome .auth-divider__rule{flex:1 1 auto;height:1px;background:var(--ui-border)}.page--portal-welcome .auth-divider__label{letter-spacing:.1em}.page--portal-welcome .auth-providers{gap:var(--space-10)}.page--portal-welcome .auth-provider{justify-content:center;gap:var(--space-10)}.page--portal-welcome .auth-provider__mark{width:var(--icon-size-sm);height:var(--icon-size-sm);flex:0 0 auto;display:block}.page--portal-welcome .auth-org{margin-top:var(--spacing-xs);padding-top:var(--space-16);border-top:1px solid var(--ui-border)}.page--portal-welcome .auth-org__toggle{justify-content:center;gap:var(--space-8);color:var(--mindset-violet-600);font-weight:var(--weight-semibold)}.page--portal-welcome .auth-org__toggle:hover{color:var(--mindset-violet-700)}html:is([data-surface=dark],[data-theme=dark]) .page--portal-welcome .auth-org__toggle{color:var(--mindset-violet-300)}.page--portal-welcome .auth-org__toggle[aria-expanded=true]{display:none}.page--portal-welcome .auth-card__body:has(.auth-org__toggle[aria-expanded=true]) :is(.auth-guest,.auth-divider,.auth-providers){display:none}.page--portal-welcome .auth-card__body:has(.auth-org__toggle[aria-expanded=true]) .auth-org{padding-top:0;border-top:0}.page--portal-welcome .auth-org__form{gap:var(--space-12);margin-top:var(--space-4)}.page--portal-welcome .auth-org__form[hidden]{display:none}.page--portal-welcome .auth-org__title{color:var(--surface-text);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height);font-weight:var(--weight-semibold);letter-spacing:normal}.page--portal-welcome .auth-org__actions>*{flex:1 1 0}.page--portal-welcome .auth-org__status:empty{display:none}.page--portal-welcome .auth-legal{max-width:40ch;margin-inline:auto}@media (max-width:640px){.page--portal-welcome .auth-card{padding:var(--space-24)}.page--portal-welcome .welcome-main{padding-block:var(--space-24)}}.page--portal-games .game-grid--portal{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-16)}.page--portal .duration{white-space:nowrap}.page--portal .game-description{min-height:calc(var(--space-22) * 2);margin:var(--space-6) 0 var(--space-14);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.page--portal .trait-group+.trait-group{margin-top:var(--space-8)}.page--portal .trait-group{gap:var(--space-4)}.page--portal-welcome .welcome-bar .screen-switch__trigger{color:var(--ui-muted);font-weight:var(--weight-medium)}.page--portal-welcome .welcome-bar .screen-switch__trigger strong{font-weight:var(--weight-medium)}.page--portal-welcome .welcome-bar .screen-switch__trigger .sp-dropdown__value{margin-inline-end:var(--space-4)}.page--portal-welcome .auth-legal{max-width:46ch}.page--portal .portal-content .section-head-copy h2,.page--portal .portal-content :is(.pp-section,.portal-section,.skill-feature) h2{font-size:var(--app-text-lg-font-size);line-height:var(--app-text-lg-line-height);font-weight:var(--app-heading-weight)}.page--portal .portal-content .section-head-copy p{font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.page--portal .portal-content .skill-feature .skill-feature__identity :is(h2,h3){font-size:var(--app-text-xl-font-size);line-height:var(--app-text-xl-line-height);font-weight:var(--weight-semibold)}.page--portal .skill-feature__icon{--icon-frame-size:var(--space-48)}.page--portal .portal-content :is(.skill-card__title,.index-card h3,.sp-card h3,.chart-card-title strong){font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height);font-weight:var(--weight-semibold)}:is(.page--portal-profile,.page--portal-settings) .pp-subhead{margin-block:var(--spacing-4xl) var(--spacing-2xl)}:is(.page--portal-profile,.page--portal-settings) .pp-subhead .section-head-copy h3{margin:0;font-size:var(--app-text-lg-font-size);line-height:var(--app-text-lg-line-height);font-weight:var(--weight-semibold)}.page--portal-profile .chart-card-title .theme-label{color:var(--ui-muted);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-medium);letter-spacing:normal;text-transform:none}.page--portal-profile .portal-content .chart-card-title strong{font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height);font-weight:var(--weight-semibold)}.page--portal-profile .chart-card-title>span{font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height)}.page--portal-profile .chart-chip,.page--portal-profile .chart-key,.page--portal-profile :is(.status-tabs,.chart-view-switch) button{font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height)}.page--portal .skill-card__games-label{font-size:var(--app-text-xxs-font-size);line-height:var(--app-text-xxs-line-height);letter-spacing:.06em}.page--portal .portal-content .portal-rail :is(h2,h3),.page--portal .portal-rail .rail-card :is(h2,h3){font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height);font-weight:var(--app-heading-weight)}.page--portal .portal-rail .rail-card p{font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.page--portal .portal-rail .skill-panel__metrics{gap:var(--space-8)}.page--portal .portal-content>.pp-section,.page--portal .portal-layout__main>.portal-section,.page--portal .portal-layout__main>.pp-section{margin-inline:0;margin-block-end:0;padding:0;border:0}.page--portal .portal-content .pp-section{display:grid;gap:var(--space-14)}.page--portal .portal-content .section-head{gap:var(--space-16)}.page--portal .portal-content .section-head-copy{display:grid;gap:var(--space-2)}.page--portal .portal-brand .brand-logo{width:132px;height:auto;overflow:visible;stroke:none}.page--portal .portal-brand .brand-logo--dark{display:block}.page--portal .portal-brand .brand-logo--light{display:none}html:is([data-surface=light],[data-theme=light]) .page--portal .portal-brand .brand-logo--dark{display:none}html:is([data-surface=light],[data-theme=light]) .page--portal .portal-brand .brand-logo--light{display:block}.page--portal .portal-content>*+*,.page--portal .portal-layout__main>*+*{margin-top:var(--space-32)}.page--portal .portal-layout__main{gap:0}.page--portal .portal-content>.portal-layout{margin-top:0}.page--portal .portal-content>section.separator-top,.page--portal .portal-section.separator-top{padding-top:var(--space-28)}.page--portal .portal-content h2{font-size:var(--app-text-lg-font-size);line-height:var(--app-text-lg-line-height);font-weight:var(--app-heading-weight)}.page--portal .portal-content h3{font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height);font-weight:var(--app-heading-weight)}.page--portal .game-rail,.page--portal .portal-section>*{min-width:0}.page--portal-welcome .welcome-bar{flex-wrap:wrap;row-gap:var(--space-8)}.page--portal-welcome .welcome-bar__brand{min-width:0}@media (max-width:480px){.page--portal-welcome .welcome-bar__actions{margin-inline-start:0}.page--portal-welcome .welcome-bar__brand .brand-logo{width:112px}}.page--portal-welcome .welcome-bar .screen-switch{width:auto;max-width:100%}.page--portal-welcome .welcome-bar__actions{flex:0 1 auto;min-width:max-content;max-width:100%}.page--portal-welcome .welcome-bar .icon-button{width:var(--space-36);height:var(--space-36);flex:0 0 auto;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--ui-muted);cursor:pointer}.page--portal-welcome .welcome-bar .icon-button:hover{background:var(--surface-raised);color:var(--ui-text)}.page--portal-welcome .welcome-bar .icon-button .sp-icon{--icon-size:var(--icon-size-sm);--icon-stroke:var(--icon-stroke-sm)}.page--portal .rail-stat dd{font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height);white-space:nowrap}.page--portal .rail-card .layout-flex.items-center.justify-between.separator-top,.page--portal .rail-card .streak-row{flex-wrap:wrap;row-gap:var(--space-8)}.page--portal{--portal-sidebar-collapsed:var(--space-72)}.page--portal.nav-collapsed{--portal-sidebar:var(--portal-sidebar-collapsed)}.page--portal .portal-sidebar__head{position:relative}.page--portal .portal-sidebar__toggle{position:absolute;inset-block-start:var(--space-36);inset-inline-end:0;translate:50% -50%;z-index:3;--icon-button-size:var(--space-28);--icon-button-icon:var(--icon-size-xs);--button-height:var(--space-28);--button-padding:0;border-radius:var(--radius-full);border:1px solid var(--side-nav-border);background:var(--side-nav-surface);color:var(--side-nav-muted);box-shadow:var(--shadow-sm)}.page--portal .portal-sidebar__toggle:hover{border-color:var(--side-nav-text);background:var(--side-nav-hover);color:var(--side-nav-text)}.page--portal .portal-sidebar__toggle .sp-icon{--icon-size:var(--icon-size-xs);--icon-stroke:var(--icon-stroke-xs);transition:transform var(--duration-fast) var(--ease-standard)}.page--portal.nav-collapsed .portal-sidebar__toggle .sp-icon{transform:rotate(180deg)}.page--portal.nav-collapsed .portal-brand{justify-items:center}.page--portal .portal-brand__mark,.page--portal.nav-collapsed .portal-brand__product,html .page--portal.nav-collapsed .portal-brand .brand-logo{display:none}.page--portal.nav-collapsed .portal-brand__mark{display:block;width:var(--space-32);height:var(--space-32)}.page--portal.nav-collapsed .portal-sidebar__scroll{padding-inline:var(--space-12)}.page--portal.nav-collapsed .sp-side-nav__link{justify-content:center;gap:0;padding-inline:0}.page--portal.nav-collapsed .sp-side-nav__link .sp-side-nav__label{display:none}.page--portal.nav-collapsed .portal-subnav{margin-inline-start:0;padding-inline-start:0;border-inline-start:0;justify-items:center}.page--portal.nav-collapsed .portal-subnav__link{justify-content:center;padding-inline:0}.page--portal.nav-collapsed .portal-sidebar__foot .screen-switch,.page--portal.nav-collapsed .portal-subnav__link .portal-subnav__label{display:none}.page--portal.nav-collapsed .portal-sidebar__utilities{padding-block-end:0;border-block-end:0}@media (max-width:1023px){.page--portal .portal-sidebar__toggle{display:none}.page--portal.nav-collapsed{--portal-sidebar:var(--space-256)}}.page--portal .portal-nextup{--card-current-padding:var(--space-24);--card-current-radius:var(--radius-3xl);position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--space-256)),1fr));gap:var(--space-24);align-items:center;border-color:color-mix(in srgb,var(--mindset-violet-500) 38%,transparent);background:color-mix(in srgb,var(--mindset-violet-500) 8%,var(--surface-box))}.page--portal .portal-nextup__copy{display:grid;gap:var(--space-12);min-width:0}.page--portal .portal-nextup__title{margin:0;font-weight:var(--weight-semibold);color:var(--ui-text)}.page--portal .portal-nextup__lede{margin:0;max-width:52ch;color:var(--ui-muted);font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height)}.page--portal .portal-nextup__actions{display:flex;flex-wrap:wrap;gap:var(--space-12);margin-top:var(--space-4)}.page--portal .portal-nextup__progress{display:grid;gap:var(--space-12);align-content:start;padding:var(--space-20);border:1px solid var(--surface-border);border-radius:var(--radius-2xl);background:color-mix(in srgb,var(--surface-canvas) 62%,transparent)}.page--portal .nextup-progress__count{margin:0;color:var(--ui-text);font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height);font-weight:var(--weight-semibold)}.page--portal .nextup-slots{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--space-8);margin:0;padding:0;list-style:none}.page--portal .nextup-slot{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-raised)}.page--portal .nextup-slot img{display:block;width:100%;height:100%;object-fit:cover}.page--portal .nextup-slot--empty{border:1px dashed var(--ui-border-strong,var(--surface-border));background:transparent}.page--portal .nextup-progress__note{margin:0;color:var(--ui-muted);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height)}@media (max-width:767px){.page--portal .portal-nextup{grid-template-columns:minmax(0,1fr);gap:var(--space-20)}}@media (max-width:640px){.page--portal{--portal-gutter:var(--space-16)}.page--portal :is(.portal-nextup,.sp-card):not(.card--compact,.card--flush){--card-current-padding:var(--space-20)}.page--portal :is(.portal-nextup__progress,.playbook-card__progress,.pp-orbit-detail__body){padding:var(--space-14)}}.page--portal .skill-launch{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-16)}.page--portal .skill-launch__card{--card-current-padding:var(--space-20);position:relative;display:grid;gap:var(--space-12);align-content:start;overflow:hidden;text-decoration:none;color:inherit}.page--portal .skill-launch__card:is(:hover,:active,.is-hover,.is-pressed){border-color:var(--skill-accent);background:color-mix(in srgb,var(--skill-accent) 8%,var(--surface-box))}.page--portal .skill-launch__card:focus-visible{border-color:var(--skill-accent)}.page--portal .skill-launch__card .sp-icon-frame{border-color:color-mix(in srgb,var(--skill-accent) 42%,transparent);background:color-mix(in srgb,var(--skill-accent) 12%,transparent)}.page--portal .skill-launch__card .sp-icon{color:var(--skill-ink)}.page--portal .skill-launch__name{font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height);font-weight:var(--weight-semibold);color:var(--ui-text)}.page--portal .skill-launch__meta{color:var(--ui-muted);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height)}.page--portal .skill-launch__card--all{--skill-accent:var(--skill-highlight);--skill-ink:var(--skill-highlight)}.page--portal .rail-print{display:grid;gap:var(--space-16)}.page--portal .rail-print__figure{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-2xl);background:color-mix(in srgb,var(--surface-canvas) 62%,transparent)}.page--portal .rail-print__figure .skillprint__wheel{display:block;width:132%;max-width:none;min-width:0;height:auto;margin:-16%;aspect-ratio:1}.page--portal .rail-print__figure .leaf-label{display:none}.page--portal .rail-print__veil{position:absolute;inset:0;display:grid;align-content:end;justify-items:center;padding:var(--space-12);background:linear-gradient(to bottom,transparent 38%,color-mix(in srgb,var(--surface-box) 88%,transparent))}.page--portal .rail-meter{--meter-tone:var(--core-green-500)}.page--portal [data-dimension] .rail-meter{--meter-tone:var(--skill-accent,var(--mindset-violet-500))}.page--portal .playbook-card{--card-current-padding:var(--space-16);--pb-hairline:color-mix(in srgb,var(--pb-ink) 26%,transparent);position:relative;gap:var(--space-16);background:var(--pb-500);border-color:var(--pb-hairline);color:var(--pb-ink);cursor:auto}.page--portal :is(.playbook-card,.pb-tone).tone--magenta{--pb-500:var(--mindset-magenta-600);--pb-ink:var(--geistface-grey-25)}.page--portal :is(.playbook-card,.pb-tone).tone--pink{--pb-500:var(--skills-pink-500);--pb-ink:var(--deep-navy-950)}.page--portal :is(.playbook-card,.pb-tone).tone--orange{--pb-500:var(--skills-orange-500);--pb-ink:var(--deep-navy-950)}.page--portal .playbook-card:focus-within,.page--portal .playbook-card:hover{border-color:color-mix(in srgb,var(--pb-ink) 52%,transparent)}.page--portal .playbook-card__head{padding-inline-end:var(--space-64)}.page--portal .playbook-card__mark{position:absolute;top:var(--card-current-padding,var(--space-16));right:var(--card-current-padding,var(--space-16));width:var(--space-48);height:var(--space-48)}.page--portal .portal-content h3.playbook-card__title{margin:0;color:inherit;font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height);font-weight:var(--weight-semibold)}.page--portal .playbook-card__link{color:inherit}.page--portal .playbook-card__link:focus-visible{outline:var(--focus-ring-width) solid var(--pb-ink);outline-offset:var(--space-2);border-radius:var(--radius-xs)}.page--portal .playbook-card__blurb{margin:var(--space-4) 0 0;font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.page--portal .playbook-card__progress{gap:var(--space-12)}.page--portal .playbook-card__preview{flex:none;width:var(--space-40);height:var(--space-40);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--pb-hairline)}.page--portal .playbook-card__preview img{width:100%;height:100%;object-fit:cover}.page--portal .playbook-card__count{margin:0;font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-semibold)}.page--portal .playbook-pips{gap:var(--space-4);margin-block-start:var(--space-6);list-style:none}.page--portal .playbook-pip{flex:1;height:var(--space-4);border:1px solid color-mix(in srgb,var(--pb-ink) 55%,transparent);border-radius:var(--radius-full)}.page--portal .playbook-pip--played{border-color:var(--pb-ink);background:var(--pb-ink)}.page--portal .playbook-card__actions{justify-content:flex-end;gap:var(--space-8);margin-block-start:auto}.page--portal .playbook-card .button{flex:0 1 auto;min-width:0}@media (pointer:coarse){:is(.page--portal,.page--game-session) :is(.button,.button-group__item,.icon-button){min-height:var(--space-44)}.page--portal .portal-sidebar :is(.sp-side-nav__link,.portal-subnav__link){min-height:var(--space-44)}:is(.page--portal,.page--game-session) :is(.icon-button,.button--icon-only){min-width:var(--space-44)}:is(.page--portal,.page--game-session) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:var(--space-44)}}.page--portal .skill-launch{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1279px){.page--portal .skill-launch{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:479px){.page--portal .skill-launch{grid-template-columns:minmax(0,1fr)}}.page--portal.nav-collapsed .portal-sidebar__head .portal-brand{padding-inline:0}.page--portal.nav-collapsed .portal-brand{padding-block-end:var(--space-8)}.page--portal.nav-collapsed .sp-side-nav__link{width:var(--space-44);min-width:var(--space-44);min-height:var(--space-44);margin-inline:auto}.page--portal.nav-collapsed .sp-side-nav__link.is-active,.page--portal.nav-collapsed .sp-side-nav__link[aria-current=page]{background:color-mix(in srgb,var(--mindset-violet-500) 32%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mindset-violet-400) 58%,transparent)}.page--portal.nav-collapsed .sp-side-nav__link.is-active .sp-icon,.page--portal.nav-collapsed .sp-side-nav__link[aria-current=page] .sp-icon{color:var(--nav-current-text,var(--mindset-violet-200))}.page--portal.nav-collapsed .sp-side-nav__group{grid-template-columns:var(--space-44);justify-items:stretch}.page--portal.nav-collapsed .portal-sidebar__scroll{display:grid;justify-items:center;align-content:start;padding-inline:var(--space-10);scrollbar-width:none}.page--portal.nav-collapsed .portal-sidebar__scroll::-webkit-scrollbar{width:0;height:0}.page--portal :is(.game-rail,[data-game-rail],[data-gd-related]){display:grid;grid-auto-flow:column;grid-auto-columns:minmax(min(19rem,82vw),1fr);gap:var(--space-16);margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4) var(--space-8);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--space-4);list-style:none}@media (max-width:640px){.page--portal :is(.game-rail,[data-game-rail],[data-gd-related]){--rail-gap:var(--space-6);--rail-peek:var(--space-10);--rail-pad:calc(var(--rail-gap) + var(--rail-peek));--rail-bleed:var(--portal-gutter);margin-inline:calc(var(--rail-bleed) * -1);padding-inline:var(--rail-pad);gap:var(--rail-gap);grid-auto-columns:100%;scroll-padding-inline:var(--rail-pad);scroll-snap-type:inline mandatory;overscroll-behavior-inline:contain}.page--portal :is(.game-rail,[data-game-rail],[data-gd-related])>*{scroll-snap-align:start;min-width:0}.page--portal-skills .skill-feature .game-rail{--rail-bleed:var(--card-current-padding,var(--space-20))}}.page--portal :is(.game-rail,[data-game-rail],[data-gd-related])>*{scroll-snap-align:start;min-width:0}.page--portal .game-rail,.page--portal [data-game-rail],.page--portal [data-gd-related]{padding-block:var(--space-8) var(--space-16);margin-block:calc(var(--space-8) * -1) 0}@media (min-width:64rem){.page--portal [data-game-rail]:not([data-game-rail-scroll]){grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:visible}}.page--portal .game-head__best{color:var(--ui-muted);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);flex:none}.page--portal .gd-record__figures{gap:var(--space-16)}.page--portal .gd-record__empty,.page--portal .gd-record__feed{margin-block-start:var(--space-24);display:grid;gap:var(--space-16)}.page--portal .gd-record__empty p,.page--portal .gd-record__into{max-width:var(--measure-md)}.page--portal .gd-record__link{justify-self:stretch;justify-content:center}.page--portal .game-card--portal,.page--portal .skill-card{position:relative}.page--portal .game-card--portal .card-actions,.page--portal .game-card--portal .game-media,.page--portal .skill-card .skill-card__action,.page--portal .skill-card .skill-card__game-list{position:relative;z-index:2}.page--portal .game-card--portal:hover,.page--portal .skill-card:hover{cursor:pointer}.page--game-session{--play-bar-height:var(--space-56);--session-rail-height:var(--space-48);--game-switch-height:var(--space-56);--play-bar-inset:var(--space-16);--play-bar-safe:env(safe-area-inset-bottom,0px);--play-bar-clear:calc(var(--play-bar-inset) + var(--play-bar-safe) + var(--play-bar-height) + var(--space-12));--session-chrome-clear:calc(var(--play-bar-clear) + var(--session-rail-height) + var(--space-16));--session-chrome-clear-start:calc(var(--space-16) + var(--game-switch-height) + var(--space-16))}.page--game-session .play-field{position:fixed;inset:0;z-index:0;overflow:hidden;background:var(--stage-accent)}.page--game-session .play-field__art{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.25);transform-origin:50% 50%}.page--game-session .play-stage{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding-block-end:var(--play-bar-clear);pointer-events:none}.page--game-session .play-stage__toggle{--play-size:var(--space-96);pointer-events:auto;display:grid;place-items:center;width:var(--play-size);height:var(--play-size);padding:0;border:var(--space-4) solid;border-radius:var(--radius-full);background:var(--panel-navy-950);color:var(--geistface-grey-25);box-shadow:var(--shadow-lg);cursor:pointer;transition:var(--transition-interactive)}.page--game-session .play-stage__toggle:hover{transform:scale(1.04);box-shadow:var(--shadow-xl)}.page--game-session .play-stage__toggle:focus-visible{outline:var(--focus-ring-width) solid var(--skillprint-action-violet);outline-offset:var(--space-4)}.page--game-session .play-stage__mark{width:0;height:0;margin-inline-start:var(--space-6);border-block:var(--space-16) solid transparent;border-inline-start:var(--space-28) solid currentColor;border-inline-end:0}.page--game-session[data-sequence=playing]:not([data-paused=true]) .play-stage__mark{width:var(--space-24);height:var(--space-32);margin-inline-start:0;border:0;border-inline:var(--space-8) solid currentColor;background:none}.page--game-session .play-bar{position:fixed;inset-block-end:calc(var(--play-bar-inset) + var(--play-bar-safe));inset-inline:0;width:fit-content;margin-inline:auto;z-index:320;display:flex;align-items:center;gap:var(--space-4);max-width:calc(100% - var(--space-32));padding:var(--space-6);border:1px solid color-mix(in srgb,var(--geistface-grey-25) 16%,transparent);border-radius:var(--radius-full);background:var(--panel-navy-950);box-shadow:var(--shadow-lg);overflow-x:auto;overscroll-behavior-inline:contain}.page--game-session .play-bar__control,.page--game-session .play-bar__group{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-8);min-height:var(--space-32);padding:var(--space-4) var(--space-12);border:0;border-radius:var(--radius-full);background:none;color:var(--geistface-grey-25);white-space:nowrap}.page--game-session .play-bar__control{cursor:pointer;font-family:var(--skillprint-font-ui);transition:var(--transition-interactive)}.page--game-session .play-bar__control:hover{background:color-mix(in srgb,var(--geistface-grey-25) 14%,transparent)}.page--game-session .play-bar__control:focus-visible{outline:var(--focus-ring-width) solid var(--geistface-grey-25);outline-offset:calc(var(--space-2) * -1)}.page--game-session .play-bar__sep{flex:0 0 auto;align-self:center;width:1px;height:var(--space-24);background:color-mix(in srgb,var(--geistface-grey-25) 22%,transparent)}.page--game-session .play-bar__icon{flex:0 0 auto;width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--geistface-grey-25);fill:none;stroke:currentColor;stroke-width:var(--icon-stroke,2);stroke-linecap:round;stroke-linejoin:round}.page--game-session .play-bar__art{flex:0 0 auto;overflow:hidden;width:var(--space-24);height:var(--space-24);border-radius:var(--radius-sm)}.page--game-session .play-bar__art img{display:block;width:100%;height:100%;object-fit:cover}.page--game-session .play-bar__stack{display:flex;align-items:baseline;gap:var(--space-6);line-height:var(--app-text-xs-line-height);white-space:nowrap}.page--game-session .play-bar__label{color:color-mix(in srgb,var(--geistface-grey-25) 64%,transparent);font-family:var(--skillprint-font-ui);font-size:var(--app-text-xxs-font-size);font-weight:var(--weight-regular);letter-spacing:normal;text-transform:none}.page--game-session .play-bar__action-label,.page--game-session .play-bar__name,.page--game-session .play-bar__value{color:var(--geistface-grey-25);font-family:var(--skillprint-font-ui);font-size:var(--app-text-sm-font-size);font-weight:var(--weight-medium);letter-spacing:normal;text-transform:none}.page--game-session .game-switch{border-color:color-mix(in srgb,var(--geistface-grey-25) 16%,transparent);background:var(--panel-navy-950);-webkit-backdrop-filter:none;backdrop-filter:none}.page--game-session .game-switch__name,.page--game-session .game-switch__trigger{color:var(--geistface-grey-25);font-family:var(--skillprint-font-ui);font-size:var(--app-text-sm-font-size);font-weight:var(--weight-medium);letter-spacing:normal;text-transform:none}.page--game-session .game-switch__trigger .sp-dropdown__chevron{color:var(--geistface-grey-25)}.page--game-session .game-switch__trigger:is(:hover,:active),.page--game-session .game-switch__trigger[aria-expanded=true]{background:color-mix(in srgb,var(--geistface-grey-25) 14%,transparent);color:var(--geistface-grey-25)}.page--game-session .game-switch__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--geistface-grey-25);outline-offset:calc(var(--space-2) * -1)}.page--game-session .session-rail{inset-block-end:var(--play-bar-clear)}@media (max-width:900px){.page--game-session .play-bar{inset-inline:var(--space-8);width:auto;max-width:none;justify-content:flex-start}.page--game-session .play-bar__control,.page--game-session .play-bar__group{padding-inline:var(--space-8)}.page--game-session .play-field__art{transform:none}}@media (max-width:560px){.page--game-session .play-stage__toggle{--play-size:var(--space-80)}.page--game-session .play-bar__action .play-bar__action-label{display:none}.page--game-session .play-bar__action{padding-inline:var(--space-10);order:-1}.page--game-session .play-bar__sep{display:none}.page--game-session .play-bar{gap:var(--space-8)}.page--game-session .play-bar__label-more{display:none}.page--game-session .play-bar__identity{position:sticky;inset-inline-start:0;z-index:1;background:var(--panel-navy-950);order:-2}.page--game-session .session-rail__step{min-height:var(--space-24);padding:0 var(--space-6);font-size:var(--app-text-xs-font-size);letter-spacing:normal}.page--game-session .session-rail{gap:var(--space-2);padding:var(--space-2)}}@media (max-width:900px){.page--game-session .game-switch{display:none}}.page--game-session .play-bar__readout{cursor:default}.page--game-session .play-bar__group--quiet .play-bar__value{color:color-mix(in srgb,var(--geistface-grey-25) 62%,transparent);font-variant-numeric:tabular-nums}.page--game-session .play-bar__group--quiet{padding-inline-start:0}.page--game-session #scoreValue{font-variant-numeric:tabular-nums}.page--game-session .play-bar__art{display:block}.page--game-session .play-help{position:fixed;inset-block-end:var(--play-bar-clear);inset-inline-start:50%;translate:-50% 0;z-index:321;display:grid;gap:var(--space-4);width:min(var(--space-384),calc(100vw - var(--space-32)));padding:var(--space-16);border:1px solid color-mix(in srgb,var(--geistface-grey-25) 16%,transparent);border-radius:var(--radius-2xl);background:var(--panel-navy-950);color:var(--geistface-grey-25);box-shadow:var(--shadow-lg)}.page--game-session .play-help[hidden]{display:none}.page--game-session .play-help__title{font-weight:var(--weight-medium)}.page--game-session .play-help__copy,.page--game-session .play-help__title{font-family:var(--skillprint-font-ui);font-size:var(--app-text-sm-font-size)}.page--game-session .play-help__copy{margin:0;color:color-mix(in srgb,var(--geistface-grey-25) 72%,transparent);line-height:var(--app-text-sm-line-height)}.page--game-session .popup-backdrop{padding-block-start:var(--session-chrome-clear-start);padding-block-end:var(--session-chrome-clear)}.sp-badge{--badge-art:var(--space-96);min-width:0;margin:0;display:grid;justify-items:center;gap:var(--space-12);text-align:center;position:relative}.sp-badge--sm{--badge-art:var(--space-64)}.sp-badge--md{--badge-art:var(--space-96)}.sp-badge--lg{--badge-art:var(--space-144)}.sp-badge--xl{--badge-art:min(var(--space-256),62vw,34dvh)}.sp-badge__art{width:var(--badge-art);height:auto;aspect-ratio:1;object-fit:contain}.sp-badge--row{grid-template-columns:var(--badge-art) minmax(0,1fr);align-items:center;justify-items:start;gap:var(--space-14);text-align:start;container-type:inline-size;container-name:badge-row}.sp-badge--row .sp-badge__copy{width:100%;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:var(--space-12)}.sp-badge--row .sp-badge__name{grid-column:1;grid-row:1}.sp-badge--row .sp-badge__points{position:static;grid-column:2;grid-row:1;justify-self:end;align-self:start}.sp-badge--row :is(.sp-badge__animal,.sp-badge__foot,.sp-badge__reason){grid-column:1/-1}@container badge-row (max-width: 420px){.sp-badge--row .sp-badge__copy{grid-template-columns:minmax(0,1fr)}.sp-badge--row .sp-badge__points{grid-column:1;grid-row:auto;justify-self:start;margin-top:var(--space-6)}}.sp-badge__copy{gap:var(--space-2);justify-items:inherit}.sp-badge__name{color:inherit;font-family:var(--skillprint-font-ui);font-size:var(--app-text-md-font-size);line-height:var(--app-text-md-line-height);font-weight:var(--weight-semibold)}.sp-badge--xl .sp-badge__name{font-size:var(--app-display-xs-font-size);line-height:var(--app-display-xs-line-height)}.sp-badge__animal{font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);opacity:.72}.sp-badge__points{position:absolute;top:0;right:0;z-index:1;width:max-content;gap:0;align-items:baseline;font-size:var(--app-text-xxs-font-size);letter-spacing:.02em}.sp-badge__points b{font-size:var(--app-text-sm-font-size);font-weight:var(--weight-semibold);line-height:1}.sp-badge__foot{margin-top:var(--space-8);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);min-width:0;max-width:100%;font-size:var(--app-text-xxs-font-size);line-height:var(--app-text-xxs-line-height);opacity:.72}.sp-badge__glyph{width:var(--space-18);height:var(--space-18);flex:0 0 auto;border-radius:var(--radius-xs);object-fit:cover;background:color-mix(in srgb,var(--mindset-violet-500) 8%,transparent)}.sp-badge__game-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-badge__when{display:inline-flex;align-items:center;gap:var(--space-4);white-space:nowrap;flex:0 0 auto}.sp-badge__dot{flex:0 0 auto;opacity:.6}.sp-badge__link{color:inherit;text-decoration:none}.sp-badge__link:after{content:"";position:absolute;inset:0;border-radius:inherit}.sp-badge__link:hover{text-decoration:none}.page--portal-profile .pp-badge-card .sp-badge:has(.sp-badge__link:focus-visible){outline:none}.sp-badge:has(.sp-badge__link:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-card)}.sp-badge__link:focus-visible{outline:none}@supports not selector(:has(*)){.sp-badge__link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}}.sp-badge--xl .sp-badge__copy{position:relative}.sp-badge--xl .sp-badge__name{max-width:calc(100% - 2 * var(--space-72))}.sp-badge__reason{max-width:46ch;font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height);opacity:.8}.sp-badge[data-earned=false] .sp-badge__art{opacity:.42;filter:grayscale(1)}.sp-badge[data-earned=false] .sp-badge__name{opacity:.74}.page--portal .sp-badge__points{--badge-accent:var(--green)}.page--portal .sp-badge[data-earned=false] .sp-badge__points{--badge-accent:var(--panel-navy-400)}.page--game-session .sp-badge__points{--badge-accent:var(--green);--badge-bg:color-mix(in srgb,var(--green) 16%,transparent);--badge-border:color-mix(in srgb,var(--green) 42%,transparent);--badge-text:var(--geistface-grey-25)}.page--game-session[data-sequence=badge] [data-step~=badge]{display:grid}.page--game-session .session-veil--award{padding-block-start:var(--session-chrome-clear-start);padding-block-end:var(--session-chrome-clear);padding-inline:var(--space-24);align-items:safe center;overflow-y:auto;overscroll-behavior:contain}.page--game-session .award-panel{width:min(var(--space-560),100%);padding:var(--space-32);justify-items:center;gap:var(--space-20);border:1px solid var(--result-line);border-radius:var(--radius-3xl);background:var(--result-fill);-webkit-backdrop-filter:blur(var(--backdrop-blur-md));backdrop-filter:blur(var(--backdrop-blur-md));box-shadow:var(--shadow-xl);color:var(--geistface-grey-25);text-align:center}.page--game-session .award-panel:focus{outline:none}.page--game-session .award-panel:focus-visible{outline:var(--focus-ring-width) solid var(--geistface-grey-25);outline-offset:var(--space-4)}.page--game-session .award-panel__eyebrow{color:var(--mindset-violet-300);opacity:1}.page--game-session .award-panel__badge{display:grid;justify-items:center;position:relative}.page--game-session .award-panel__actions{justify-items:center;width:100%}.page--game-session .award-count{color:color-mix(in srgb,var(--geistface-grey-25) 70%,transparent)}.page--game-session .award-count__ring{--progress-ring-size:var(--space-36);--progress-ring-stroke:5;--progress-colour:var(--violet)}.page--game-session .award-count__ring .sp-progress-ring__track{stroke:color-mix(in srgb,var(--geistface-grey-25) 18%,transparent)}.page--game-session .award-count__ring .sp-progress-ring__value{transition:stroke-dasharray 1s linear}.page--game-session .award-count__seconds{color:var(--geistface-grey-25);font-family:var(--font-mono);font-size:var(--app-text-xs-font-size);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium)}.page--game-session .award-count[data-state=paused] .award-count__ring{--progress-colour:color-mix(in srgb,var(--geistface-grey-25) 42%,transparent)}.page--game-session .award-count[data-state=held] .award-count__ring{display:none}@media (prefers-reduced-motion:no-preference){.page--game-session[data-sequence=badge] .award-panel{animation:award-panel-enter var(--duration-slow) var(--ease-standard) both}.page--game-session[data-sequence=badge] .award-panel__badge .sp-badge__art{animation:award-badge-land var(--duration-slower) var(--ease-standard) .12s both}.page--game-session[data-sequence=badge] .award-panel__badge:after{content:"";position:absolute;top:calc(var(--badge-art, var(--space-96)) / 2);width:var(--badge-art,var(--space-96));aspect-ratio:1;translate:0 -50%;border:2px solid var(--violet);border-radius:var(--radius-full);pointer-events:none;animation:award-ring var(--duration-slowest) var(--ease-standard) .26s both}.page--game-session[data-sequence=badge] .award-panel__actions,.page--game-session[data-sequence=badge] .award-panel__badge .sp-badge__copy{animation:award-copy-rise var(--duration-slow) var(--ease-standard) .32s both}}@keyframes award-panel-enter{0%{opacity:0;transform:translateY(var(--space-12)) scale(.98)}to{opacity:1;transform:none}}@keyframes award-badge-land{0%{opacity:0;transform:translateY(var(--space-16)) scale(.88)}to{opacity:1;transform:none}}@keyframes award-ring{0%{opacity:.55;transform:scale(.55)}to{opacity:0;transform:scale(1.28)}}@keyframes award-copy-rise{0%{opacity:0;transform:translateY(var(--space-8))}to{opacity:1;transform:none}}.page--game-session .game-result__badge{grid-column:1/-1;border:1px solid var(--result-line);background:var(--result-fill)}.page--game-session .game-result__badge[hidden]{display:none}.page--game-session .game-result__badge .sp-badge{--badge-art:var(--space-64);gap:var(--space-14)}.page--portal .rail-card--badge[hidden]{display:none}.page--portal .rail-card--badge .sp-badge{--badge-art:var(--space-112);gap:var(--space-16)}.page--portal .rail-card--badge .sp-badge__name{font-size:var(--app-text-lg-font-size);line-height:var(--app-text-lg-line-height)}.page--portal .rail-card--badge .sp-badge__animal{font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.page--portal .rail-card--badge .sp-badge__foot{font-size:var(--app-text-xs-font-size)}.page--portal .rail-card--badge .sp-badge__name{color:var(--ui-text)}.page--portal .rail-card--badge :is(.sp-badge__animal,.sp-badge__foot){color:var(--ui-muted);opacity:1}.page--portal .rail-card--badge [data-gd-badge]{container-type:inline-size;container-name:badge-slot}@container badge-slot (max-width: 260px){.sp-badge--row{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:var(--space-12)}.sp-badge--row .sp-badge__foot{justify-content:center}.sp-badge--row .sp-badge__points{justify-self:center}}.page--portal .rail-card--badge{scroll-margin-top:var(--space-24);transition:box-shadow .24s ease,border-color .24s ease}.page--portal .rail-card--badge.is-highlighted{border-color:var(--focus-ring-color);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}@media (prefers-reduced-motion:reduce){.page--portal .rail-card--badge{transition:none}}.page--portal-profile .pp-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--space-256),1fr));gap:var(--spacing-2xl)}.page--portal-profile .pp-badge-empty[hidden],.page--portal-profile .pp-badge-grid[hidden]{display:none}.page--portal-profile .pp-badge-card{padding:var(--spacing-2xl);align-content:start;border-radius:var(--radius-card);container-type:inline-size;container-name:badge-card;position:relative;transition:var(--transition-interactive)}.page--portal-profile .pp-badge-card:hover{background:var(--surface-raised);border-color:var(--surface-border-hover)}.page--portal-profile .pp-badge-card:has(.sp-badge__link:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.page--portal-profile .pp-badge-card .sp-badge{--badge-art:var(--space-112);position:static}.page--portal-profile .pp-badge-card .sp-badge__points{top:var(--spacing-lg);right:var(--spacing-lg)}@container badge-card (max-width: 300px){.page--portal-profile .pp-badge-card .sp-badge__points{position:static;justify-self:center;margin-top:var(--space-8)}}.page--portal-profile .pp-badge-card .sp-badge__name{color:var(--ui-text)}.page--portal-profile .pp-badge-card :is(.sp-badge__animal,.sp-badge__foot){color:var(--ui-muted);opacity:1}.page--portal-profile .pp-badge-empty{padding:var(--spacing-3xl);display:grid;justify-items:center;gap:var(--spacing-lg);border-radius:var(--radius-card);text-align:center}.page--portal-profile .pp-badge-empty__icon{color:var(--ui-muted)}@media (max-width:900px){.page--game-session .session-veil--award{padding-inline:var(--space-16)}.page--game-session .award-panel{padding:var(--space-24);gap:var(--space-16)}}@media (max-width:720px){.page--game-session .game-result__badge{grid-column:auto}}@media (max-width:560px){.page--game-session .sp-badge--xl{--badge-art:min(var(--space-192),58vw,30dvh)}.page--game-session .award-panel{padding:var(--space-20);border-radius:var(--radius-2xl)}.page--game-session .award-panel__actions [data-award-go]{width:100%}}@media (max-width:640px){.page--portal-profile .pp-badge-grid{grid-template-columns:minmax(0,1fr);gap:var(--spacing-lg)}.page--portal-profile .pp-badge-card{padding:var(--spacing-lg)}.page--portal-profile .pp-badge-card .sp-badge{--badge-art:var(--space-96);grid-template-columns:var(--badge-art) minmax(0,1fr);align-items:center;justify-items:start;gap:var(--space-14);text-align:start}.page--portal-profile .pp-badge-card .sp-badge__copy{width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-8);row-gap:var(--space-2);justify-items:start;align-items:baseline}.page--portal-profile .pp-badge-card .sp-badge__name{grid-column:1;grid-row:1}.page--portal-profile .pp-badge-card .sp-badge__points{position:static;grid-column:2;grid-row:1;justify-self:end;margin:0}.page--portal-profile .pp-badge-card .sp-badge__animal{grid-column:1/-1}.page--portal-profile .pp-badge-card .sp-badge__foot{grid-column:1/-1;flex-wrap:nowrap;margin-top:var(--space-6)}}.page--portal .portal-blank{display:grid;justify-items:start;gap:var(--space-8);padding:var(--space-28) var(--space-24);border:1px dashed var(--ui-border-strong,var(--surface-border));border-radius:var(--radius-compact);background:var(--surface-panel)}.page--portal .portal-blank .sp-icon-frame{margin-block-end:var(--space-4)}.page--portal .portal-blank__title{color:var(--surface-text);font-weight:var(--weight-semibold)}.page--portal .portal-blank__note,.page--portal .portal-blank__title{margin:0;font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.page--portal .portal-blank__note{max-width:var(--space-560);color:var(--surface-text-muted)}.page--portal [data-state-when][hidden]{display:none}.page--portal .portal-preview{display:grid;gap:var(--space-6);padding-block-end:var(--space-8);border-block-end:1px solid var(--side-nav-border)}.page--portal .portal-preview__label{color:var(--side-nav-muted);font-family:var(--skillprint-font-mono);font-size:var(--app-text-xxs-font-size);line-height:var(--app-text-xxs-line-height);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.page--portal.nav-collapsed .portal-preview{display:none}.page--portal .portal-preview [role=menuitemradio][aria-checked=true]{background:color-mix(in srgb,var(--mindset-violet-500) 16%,var(--surface-box))}.page--portal .portal-preview [role=menuitemradio][aria-checked=true] .sp-dropdown__selected-mark{opacity:1}.page--portal-home.home-tour-open{overflow:hidden;padding-inline-end:var(--home-tour-gutter,0)}.page--portal-home .portal-spotlight{--spot-scrim:color-mix(in srgb,var(--deep-navy-950) 74%,transparent);--spot-ring:color-mix(in srgb,var(--mindset-violet-400) 52%,transparent);position:fixed;inset:0;z-index:200;pointer-events:none;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-standard),visibility var(--duration-base) var(--ease-standard)}.page--portal-home .portal-spotlight[data-open=true]{opacity:1;visibility:visible;pointer-events:auto}.page--portal-home .portal-spotlight:before{content:"";position:absolute;left:var(--spot-x,0);top:var(--spot-y,0);width:var(--spot-w,0);height:var(--spot-h,0);border-radius:var(--spot-radius,var(--radius-card));box-shadow:0 0 0 var(--space-4) var(--spot-ring),0 0 0 max(200vw,200vh) var(--spot-scrim)}html:is([data-theme=light],[data-surface=light]) .page--portal-home .portal-spotlight{--spot-scrim:color-mix(in srgb,var(--deep-navy-900) 56%,transparent);--spot-ring:color-mix(in srgb,var(--mindset-violet-500) 46%,transparent)}.page--portal-home .portal-tour{position:fixed;z-index:210;pointer-events:none;max-width:min(var(--space-320),calc(100vw - var(--space-32)));transform:translateY(var(--space-4))}.page--portal-home .portal-tour[data-placement]{right:auto;bottom:auto;left:var(--tour-left,0);top:var(--tour-top,0)}.page--portal-home .portal-tour[data-open=true]{transform:translateY(0);pointer-events:auto}.page--portal-home .portal-tour[data-placement=bottom] .sp-tour__arrow,.page--portal-home .portal-tour[data-placement=top] .sp-tour__arrow{left:var(--tour-arrow-x,50%)}.page--portal-home .portal-tour[data-placement=left] .sp-tour__arrow,.page--portal-home .portal-tour[data-placement=right] .sp-tour__arrow{left:auto;top:var(--tour-arrow-y,50%);transform:translateY(-50%) rotate(45deg)}.page--portal-home .portal-tour[data-placement=right] .sp-tour__arrow{inset-inline-start:calc(var(--tour-arrow) / -2);border-inline-end:0;border-block-start:0}.page--portal-home .portal-tour[data-placement=left] .sp-tour__arrow{inset-inline-end:calc(var(--tour-arrow) / -2);border-inline-start:0;border-block-end:0}.page--portal-home .portal-tour[data-placement=dock]{left:var(--space-16);right:var(--space-16);top:auto;bottom:max(var(--space-16),env(safe-area-inset-bottom));width:auto;max-width:none}.page--portal-home .portal-tour[data-placement=dock] .sp-tour__arrow{display:none}.page--portal-home.home-tour-open .portal-content{padding-block-end:var(--home-tour-dock,0)}.page--portal-home .portal-tour__stepper{--stepper-gap:var(--space-6);flex:0 0 auto}.page--portal-home .portal-tour__body{display:block}@media (max-width:32.5rem){.page--portal-home .portal-tour[data-placement=dock] .sp-tour__footer{flex-direction:row;align-items:center;gap:var(--space-12)}.page--portal-home .portal-tour[data-placement=dock] .sp-tour__actions{flex-direction:row;width:auto}.page--portal-home .portal-tour[data-placement=dock] .sp-tour__actions .button:not(.button--icon-only){width:auto}}@media (max-width:23rem){.page--portal-home .portal-tour[data-placement=dock] .sp-tour__footer{flex-direction:column-reverse;align-items:stretch;gap:var(--space-12)}.page--portal-home .portal-tour[data-placement=dock] .sp-tour__actions{justify-content:space-between}.page--portal-home .portal-tour[data-placement=dock] .portal-tour__stepper{justify-content:center}}@media (pointer:coarse){.page--portal-home .portal-tour .sp-tour__actions .button{position:relative}.page--portal-home .portal-tour .sp-tour__actions .button:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,var(--space-44));height:max(100%,var(--space-44));transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.page--portal-home .portal-tour,.page--portal-home .portal-tour[data-open=true]{transform:none}.page--portal-home .portal-spotlight{transition:none}}.page--portal-welcome .welcome-field{--field-card:var(--space-192);--field-row:calc(var(--field-card) * 21 / 38);--field-gap:var(--space-16);--field-tilt:-3deg;--field-scale:1.18;position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:layout paint}.page--portal-welcome .welcome-field__stage{position:absolute;inset:0;display:grid;align-content:center;grid-auto-rows:var(--field-row);gap:var(--field-gap);transform:rotate(var(--field-tilt)) scale(var(--field-scale));transform-origin:center}.page--portal-welcome .welcome-field__row{overflow:hidden;height:var(--field-row)}.page--portal-welcome .welcome-field__track{display:flex;width:max-content;gap:var(--field-gap);animation:welcome-drift var(--row-duration,110s) linear infinite;animation-delay:var(--row-delay,0s);will-change:transform}.page--portal-welcome .welcome-field__row--reverse .welcome-field__track{animation-direction:reverse}.page--portal-welcome .welcome-field__card{width:var(--field-card);height:var(--field-row);flex:0 0 auto;overflow:hidden;border-radius:var(--radius-2xl);background:var(--surface-raised)}.page--portal-welcome .welcome-field__card img{display:block;width:100%;height:100%;object-fit:cover}@keyframes welcome-drift{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.page--portal-welcome .welcome-field:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--field-chrome) 0,transparent var(--space-144),transparent calc(100% - var(--space-112)),var(--field-chrome) 100%),radial-gradient(ellipse 55% 52% at 50% 50%,var(--field-core) 0,var(--field-mid) 58%,var(--field-edge) 100%),var(--field-wash)}.page--portal-welcome{--field-core:color-mix(in srgb,var(--deep-navy-950) 82%,transparent);--field-mid:color-mix(in srgb,var(--deep-navy-950) 66%,transparent);--field-edge:color-mix(in srgb,var(--deep-navy-950) 46%,transparent);--field-wash:color-mix(in srgb,var(--deep-navy-950) 30%,transparent);--field-chrome:color-mix(in srgb,var(--deep-navy-950) 78%,transparent)}html:is([data-theme=light],[data-surface=light]) .page--portal-welcome{--field-core:color-mix(in srgb,var(--geistface-grey-25) 86%,transparent);--field-mid:color-mix(in srgb,var(--geistface-grey-25) 70%,transparent);--field-edge:color-mix(in srgb,var(--geistface-grey-25) 52%,transparent);--field-wash:color-mix(in srgb,var(--geistface-grey-25) 34%,transparent);--field-chrome:color-mix(in srgb,var(--geistface-grey-25) 84%,transparent)}.page--portal-welcome .portal-foot,.page--portal-welcome .welcome-bar,.page--portal-welcome .welcome-main{position:relative;z-index:1}.page--portal-welcome .welcome-main{background:transparent}@media (max-width:64rem){.page--portal-welcome .welcome-field{--field-card:var(--space-176)}}@media (max-width:40rem){.page--portal-welcome .welcome-field{--field-card:var(--space-160);--field-gap:var(--space-12);--field-tilt:-4deg;--field-scale:1.24}.page--portal-welcome{--field-core:color-mix(in srgb,var(--deep-navy-950) 84%,transparent)}}@media (prefers-reduced-motion:reduce){.page--portal-welcome .welcome-field__track{animation:none;transform:translate3d(var(--row-rest,0),0,0);will-change:auto}}.page--portal .game-info{width:var(--space-24);height:var(--space-24);flex:0 0 var(--space-24);padding:0;display:inline-grid;place-items:center;appearance:none;border:0;border-radius:var(--radius-full);background:transparent;color:var(--surface-text-muted);cursor:pointer;transition:var(--transition-interactive)}.page--portal .game-info .sp-icon{--icon-size:var(--icon-size-xs);--icon-stroke:var(--icon-stroke-16)}.page--portal .game-info:hover{background:var(--surface-raised);color:var(--surface-text)}.page--portal .game-info:focus-visible{outline:var(--focus-ring-width) solid var(--focus-default);outline-offset:var(--space-2)}.page--portal .game-info,.page--portal .play-btn,.page--portal .trait-skill{position:relative;z-index:2}@media (pointer:coarse){.page--portal .game-info:after{content:"";position:absolute;inset:calc(var(--space-10) * -1)}}.page--portal .game-head :is(.game-head__best,.stat-game__score){margin-inline-start:auto}.page--portal .game-head h3{min-width:0}.page--portal .trait-skill{min-height:var(--space-24);padding:var(--space-2) var(--space-10);display:inline-flex;align-items:center;gap:var(--space-4);appearance:none;border:1px solid var(--surface-border);border-radius:var(--radius-full);background:var(--surface-raised);color:var(--surface-text);font-family:var(--skillprint-font-ui);font-size:var(--app-text-xxs-font-size);line-height:var(--app-text-xs-line-height);font-weight:var(--weight-medium);text-align:left;transition:var(--transition-interactive)}button.trait-skill{cursor:pointer}.page--portal .trait-skill__icon{--icon-stroke:var(--icon-stroke-xs);flex:0 0 auto;color:var(--surface-text-muted)}.page--portal .trait-skill__name{min-width:0}button.trait-skill.is-peeking,button.trait-skill:focus-visible,button.trait-skill:hover{border-color:color-mix(in srgb,var(--skill-accent,var(--surface-text)) 46%,var(--surface-border));background:color-mix(in srgb,var(--skill-accent,var(--surface-text)) 12%,var(--surface-box));color:var(--surface-text)}button.trait-skill.is-peeking .trait-skill__icon,button.trait-skill:focus-visible .trait-skill__icon,button.trait-skill:hover .trait-skill__icon{color:var(--skill-ink,currentColor)}button.trait-skill:focus-visible{outline:var(--focus-ring-width) solid var(--focus-default);outline-offset:var(--space-2)}.page--portal .trait-skills{column-gap:var(--space-6);row-gap:var(--space-6)}.page--portal .game-card--portal .play-btn{justify-content:center}.page--portal .game-peek[data-kind=skill] .game-peek__art{display:none}.page--portal .game-peek[data-kind=skill] .game-peek__foot{justify-content:flex-end}.page--portal .game-peek.is-interactive{visibility:visible;transition-property:opacity,transform}.page--portal .skill-filter{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);margin:0;padding:0;border:0;background:none}.page--portal .skill-filter__label{margin-inline-end:var(--space-4)}.page--portal .skill-filter__dim{position:relative;width:auto;flex:0 0 auto}.page--portal .skill-filter__dim .sp-dropdown__trigger{width:auto;gap:var(--space-6);white-space:nowrap}.page--portal .skill-filter__dim.is-set .sp-dropdown__trigger{border-color:var(--mindset-violet-500);color:var(--surface-text)}.page--portal .skill-filter__menu{left:0;width:max(100%,var(--space-224));max-width:calc(100vw - var(--space-32));max-height:min(60vh,var(--space-320))}.page--portal .skill-filter__menu .sp-dropdown__item{gap:var(--space-8)}.page--portal .skill-filter__item-label{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page--portal .skill-filter__menu .progression-key{flex:0 0 var(--space-6)}.page--portal .skill-filter__legend{margin-inline-start:auto}@media (max-width:719px){.page--portal .skill-filter__legend{order:1;flex-basis:100%;margin-inline-start:0}.page--portal .skill-filter__dim{flex:1 1 100%}.page--portal .skill-filter__dim .sp-dropdown__trigger,.page--portal .skill-filter__menu{width:100%}}.page--portal .game-body{gap:var(--space-10)}.page--portal .game-description{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.page--portal .duration{margin:0}.page--portal .trait-group{margin-block-start:var(--space-6);gap:var(--space-6)}.page--portal .trait-skills{min-height:calc(var(--space-24) * 2 + var(--space-6));align-content:flex-start}.page--portal .play-btn{margin-block-start:auto}.page--portal .table-scroll{margin-block-end:var(--space-16)}.button-group__icon{--icon-size:var(--icon-size-sm);--icon-stroke:var(--icon-stroke-20)}:is(.page--portal-profile,.page--portal-settings) .pp-credential{display:grid;gap:var(--space-6)}:is(.page--portal-profile,.page--portal-settings) .pp-credential__row{display:flex;align-items:end;gap:var(--space-8)}:is(.page--portal-profile,.page--portal-settings) .pp-credential__row .button{--button-height:var(--space-44)}:is(.page--portal-profile,.page--portal-settings) .pp-credential__row .field{flex:1 1 auto;min-width:0}:is(.page--portal-profile,.page--portal-settings) .pp-credential input{font-family:var(--skillprint-font-mono);font-size:var(--app-text-xs-font-size);letter-spacing:.01em}:is(.page--portal-profile,.page--portal-settings) .pp-credential__note{margin:0;color:var(--ui-muted);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height)}.page--portal .game-peek__mark{flex:0 0 auto;display:inline-grid;place-items:center;color:var(--skill-ink,var(--surface-text))}.page--portal .game-peek__mark[hidden]{display:none}@media (max-width:640px){.page--portal .portal-blank{padding:var(--space-24) var(--space-20)}.page--portal .empty-state{padding:var(--space-24)}.page--portal-profile .pp-orbit-detail{padding-inline:var(--space-16);padding-block-end:var(--space-16)}.page--portal .chart-frame{padding-inline:var(--space-12)}:is(.page--portal-profile,.page--portal-settings) .pp-goal{min-height:var(--space-192);padding:var(--space-20)}}.game-peek{position:fixed;visibility:hidden;opacity:0;pointer-events:none}.game-peek:not(.game-peek--drawer) .game-peek__grab{display:none}@media (hover:none){.game-peek.game-peek--drawer{inset:auto 0 0 0;width:auto;max-width:var(--space-480);margin-inline:auto;max-height:80dvh;z-index:320;display:grid;gap:var(--space-10);padding:0 var(--space-20) max(var(--space-20),env(safe-area-inset-bottom));border:0;border-top:1px solid var(--surface-border);border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:var(--surface-panel);box-shadow:0 -18px 48px color-mix(in srgb,var(--deep-navy-950) 24%,transparent);transform:none;translate:0 var(--peek-drawer-y,0);touch-action:none;overscroll-behavior:contain;transition:translate var(--duration-slow) var(--ease-standard),visibility var(--duration-slow) var(--ease-standard)}.game-peek.game-peek--drawer:not(.is-visible){opacity:1;translate:0 100%}.game-peek.game-peek--drawer.is-visible{opacity:1}.game-peek.game-peek--drawer.is-dragging{transition:none}.game-peek.game-peek--drawer:before{content:none}.game-peek__grab{display:grid;place-items:center;margin-inline:calc(var(--space-20) * -1);width:calc(100% + var(--space-20) * 2);min-height:var(--space-44);padding:0;border:0;background:none;color:inherit;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.game-peek__grab:active{cursor:grabbing}.game-peek__grab-bar{width:var(--space-40);height:var(--space-4);border-radius:var(--radius-full);background:var(--surface-border-hover)}.game-peek .game-peek__grab:focus,.game-peek .game-peek__grab:focus-visible{outline:none}.game-peek .game-peek__grab:focus-visible .game-peek__grab-bar{background:var(--focus-default)}.game-peek.game-peek--drawer .game-peek__foot{justify-content:space-between}.game-peek.game-peek--drawer .game-peek__art{width:var(--space-48);height:var(--space-48);flex:0 0 var(--space-48)}}.game-peek-scrim{position:fixed;inset:0;z-index:319;background:var(--side-nav-scrim);opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.game-peek-scrim.is-open{opacity:1}.game-peek-scrim[hidden]{display:none}body.peek-drawer-open{overflow:hidden;padding-inline-end:var(--peek-drawer-gutter,0)}@media (prefers-reduced-motion:reduce) and (hover:none){.game-peek.game-peek--drawer,.game-peek.game-peek--drawer:not(.is-visible){translate:none;transition:opacity var(--duration-fast) var(--ease-standard)}.game-peek.game-peek--drawer.is-visible{translate:0 var(--peek-drawer-y,0);transition:opacity var(--duration-fast) var(--ease-standard)}.game-peek.game-peek--drawer:not(.is-visible){opacity:0}.game-peek.game-peek--drawer.is-visible{opacity:1}.game-peek-scrim{transition:none}}@media (max-width:390px){.page--portal-profile :is(.status-tab,.chart-view-switch button){padding-inline:var(--spacing-md)}}@media (min-width:40.0625rem){.page--portal :is(.game-rail,[data-game-rail],[data-gd-related]){scrollbar-color:var(--ui-border-strong) transparent}}@media (max-width:1023px){.page--portal :is(.portal-nextup__progress,.metric-card,.chart-card-head,.pp-print__bar,.stat-trend,.stat-weeks,.stat-rank,.stat-components){padding:var(--space-16)}.page--portal .chart-key{padding:var(--space-4) var(--space-16) var(--space-16)}.page--portal .pp-orbit-detail{padding-block:var(--space-16)}.page--portal .gd-adapt__panel{padding:var(--space-24)}.page--portal :is(.pp-insight,.pp-sessions,.rail-card,.pp-print__body,.sp-card,.chart-card) :is(.portal-blank,.empty-state){padding:var(--space-16)}}@media (max-width:767px){.page--portal{--portal-gutter:var(--space-12)}.page--portal :is(.portal-nextup,.sp-card):not(.card--compact,.card--flush){--card-current-padding:var(--space-14)}.page--portal .pp-skills-wheel{padding:var(--space-14)}.page--portal .playbook-card{--card-current-padding:var(--space-14)}.page--portal :is(.pp-insight,.pp-sessions,.pp-settings,.pp-badge-empty,.pp-badge-card,.pp-metric-bar,.pp-print__body,.pp-print__bar,.gd-adapt__panel,.progression-start,.stat-rail__metric,.stat-trend,.stat-weeks,.stat-rank,.stat-components,.game-body,.chart-card-head,.embed-card__body){padding:var(--space-14)}:is(.page--portal-profile,.page--portal-settings) .pp-goal{padding:var(--space-14);min-height:var(--space-160)}.page--portal .chart-key{padding:var(--space-4) var(--space-14) var(--space-14)}.page--portal .embed-card__head{padding:var(--space-10) var(--space-14)}.page--portal .pp-orbit-detail{padding-block-start:var(--space-14);padding-inline:var(--space-14);padding-block-end:var(--space-14)}.page--portal .empty-state,.page--portal .portal-blank{padding:var(--space-16) var(--space-14)}.page--portal-welcome .auth-card{padding:var(--space-14)}.page--portal :is(.pp-breakdown,.stat-table){padding:0}.page--portal .card--compact{--card-current-padding:var(--space-10)}.page--portal :is(.portal-nextup__progress,.playbook-card__progress,.pp-orbit-detail__body,.pp-print__figure,.pp-read,.metric-card,.rail-print__veil,.sp-alert,.metric--stacked,.metric--portal,.pp-skills-wheel__body,.insight-box,.meta-card){padding:var(--space-10)}.page--portal .rail-card--record :is(.gd-record__feed,.gd-record__empty){padding:var(--space-10)}.page--portal :is(.pp-session__link,.pp-played,.pp-skill,.pp-breakdown__label,.pp-breakdown__head){padding:var(--space-8) var(--space-10)}.page--portal :is(.pp-breakdown,.stat-table) :is(td,th,.separator-bottom,.stat-table__foot){padding:var(--space-8) var(--space-10)}.page--portal .chart-frame,.page--portal .stat-trend__chart{padding-inline:var(--space-8)}.page--portal .rail-stat{padding:var(--space-8) var(--space-10)}.page--portal :is(.pp-insight,.pp-sessions,.rail-card,.pp-print__body,.sp-card) :is(.portal-blank,.empty-state){padding:var(--space-12) var(--space-10)}.page--portal :is(.pp-print__figure,.pp-read) .ontology-metric{padding:var(--space-8)}.page--game-session .popup-backdrop{padding-inline:var(--space-12)}.page--game-session .popup__content{padding:var(--space-14)}.page--game-session .popup__footer{padding:var(--space-12) var(--space-14)}.page--game-session .award-panel{padding:var(--space-14)}.page--game-session :is(.game-result__score,.game-result__summary,.game-result__badge,.game-result__mood,.game-result__metric){padding:var(--space-10)}.page--portal .portal-content{padding-block:var(--space-16) var(--space-28)}.page--portal .portal-content>*+*,.page--portal .portal-layout__main>*+*{margin-top:var(--space-24)}.page--portal .portal-layout{gap:var(--space-20)}.page--portal .portal-head{margin-bottom:var(--space-20)}.page--portal :is(.portal-section,.portal-content .pp-section){gap:var(--space-12)}.page--portal :is(.portal-section.separator-top,.portal-content>section.separator-top){padding-top:var(--space-20)}.page--portal .portal-foot{padding-block:var(--space-16) var(--space-20)}}.page--portal-profile .pp-skill__icon{--icon-size:var(--space-18);--icon-stroke:var(--icon-stroke-18)}.page--portal-profile .pp-skill .sp-icon--muted{--icon-size:var(--icon-size-xs);--icon-stroke:var(--icon-stroke-16)}.page--portal .stat-hero__back .sp-icon,.page--portal-profile .metric-card-head .sp-icon,.page--portal-skills .skill-feature__all .sp-icon,.page--portal-skills .skill-meter__icon,:is(.page--portal-game-detail,.page--portal-playbook-detail) :is(.gd-fact,.gd-target) .sp-icon{--icon-size:var(--icon-size-xs);--icon-stroke:var(--icon-stroke-16)}.page--portal-profile .pp-goal__head .sp-icon--md{--icon-size:var(--icon-size-sm);--icon-stroke:var(--icon-stroke-20)}@media (max-width:640px){.page--portal-profile .pp-session__icon{width:var(--space-32);height:var(--space-32)}.page--portal-profile .pp-badge-card .sp-badge{--badge-art:var(--space-80);grid-template-columns:var(--badge-art) minmax(0,1fr)}.page--portal-game-detail .rail-card--badge .sp-badge{--badge-art:var(--space-96)}}@media (max-width:900px){.page--portal-profile .pp-print__figure{padding-inline:0}.page--portal-profile .pp-print__figure>.ontology-visual{width:calc(100% + var(--space-10) * 2);margin-inline:calc(var(--space-10) * -1)}.page--portal-profile .pp-print__figure>.pp-read{padding-inline:var(--space-10)}}.page--portal-profile .pp-print__figure .ontology-visual__stage{touch-action:pan-y}.page--portal-profile .pp-print__figure .ontology-visual__stage[data-zoomed=true]{touch-action:none}.page--portal .ontology-zoom-hint{margin:var(--space-8) 0 0;color:var(--ui-muted);font-size:var(--app-text-xs-font-size);line-height:var(--app-text-xs-line-height);text-align:center}.page--portal .ontology-zoom-hint[hidden]{display:none}:is(.page--ontology-wheel,.ontology-root) .leaf-hit:focus-visible{outline:none;stroke:var(--focus-default);stroke-width:2;vector-effect:non-scaling-stroke;fill:color-mix(in srgb,var(--focus-default) 14%,transparent)}.page--portal .ontology-visual__stage:focus-visible{outline:var(--focus-ring-width) solid var(--focus-default);outline-offset:calc(var(--space-2) * -1)}@media (hover:none){.ontology-tooltip.is-sheet{position:fixed;inset:auto 0 0 0;left:0;top:auto;width:auto;min-width:0;max-width:none;z-index:300;display:grid;gap:var(--space-2);padding:0 var(--space-20) max(var(--space-16),env(safe-area-inset-bottom));border:0;border-top:1px solid var(--surface-border);border-radius:var(--radius-panel) var(--radius-panel) 0 0;box-shadow:0 -18px 48px color-mix(in srgb,var(--deep-navy-950) 24%,transparent);pointer-events:auto;touch-action:none;transform:none;translate:0 100%;transition:translate var(--duration-slow) var(--ease-standard)}.ontology-tooltip.is-sheet.is-visible{opacity:1;translate:0 var(--read-sheet-y,0)}.ontology-tooltip.is-sheet.is-dragging{transition:none}.ontology-tooltip__grab{display:grid;place-items:center;width:calc(100% + var(--space-20) * 2);margin-inline:calc(var(--space-20) * -1);min-height:var(--space-44);padding:0;border:0;background:none;color:inherit;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.ontology-tooltip__grab-bar{width:var(--space-40);height:var(--space-4);border-radius:var(--radius-full);background:var(--surface-border-hover)}.ontology-tooltip .ontology-tooltip__grab:focus,.ontology-tooltip .ontology-tooltip__grab:focus-visible{outline:none}.ontology-tooltip .ontology-tooltip__grab:focus-visible .ontology-tooltip__grab-bar{background:var(--focus-default)}.ontology-tooltip.is-sheet strong{font-size:var(--app-text-md-font-size)}.ontology-tooltip.is-sheet span.ontology-tooltip__score{font-size:var(--app-text-lg-font-size)}}.ontology-tooltip:not(.is-sheet) .ontology-tooltip__grab{display:none}@media (prefers-reduced-motion:reduce) and (hover:none){.ontology-tooltip.is-sheet,.ontology-tooltip.is-sheet.is-visible{translate:none;transition:opacity var(--duration-fast) var(--ease-standard)}.ontology-tooltip.is-sheet:not(.is-visible){visibility:hidden;pointer-events:none}}:is(.page--ontology-wheel,.ontology-root) .ontology-metric--term strong{min-width:0;overflow-wrap:anywhere;hyphens:auto}.page--portal .button-group[data-button-group]>.button-group__item:focus-visible,.page--portal .button-group[data-button-group]>.button:focus-visible{outline-offset:calc(var(--space-2) * -1)}@media (max-width:390px){.page--portal-skill-progression [data-game-filters] .button,.page--portal-skill-progression [data-game-filters] .button-group__item{padding-inline:var(--space-8)}}@media (hover:none){.ontology-tooltip.is-sheet{--read-sheet-pad:var(--space-14);gap:0;padding:0 var(--read-sheet-pad) max(var(--space-12),env(safe-area-inset-bottom))}.ontology-tooltip.is-sheet .ontology-tooltip__grab{min-height:var(--space-32);width:calc(100% + var(--read-sheet-pad) * 2);margin-inline:calc(var(--read-sheet-pad) * -1)}.ontology-tooltip.is-sheet strong{font-size:var(--app-text-sm-font-size)}.ontology-tooltip.is-sheet span.ontology-tooltip__score{font-size:var(--app-text-md-font-size);line-height:var(--app-text-xs-line-height)}}.page--portal-games svg.sp-icon{width:var(--icon-size,var(--icon-size-sm));height:var(--icon-size,var(--icon-size-sm));flex-basis:var(--icon-size,var(--icon-size-sm))}@media (min-width:40.0625rem) and (max-width:56.25rem){.page--portal-profile .pp-print__figure>.ontology-visual{width:100%;margin-inline:0}}@media (max-width:640px){.page--portal .playbook-card__progress{padding-inline:0}}@media (max-width:640px){.page--portal .rail-card--record :is(.gd-record__feed,.gd-record__empty){border-radius:calc(var(--radius-2xl) - var(--space-10))}}.page--portal .game-card [data-card-media]:focus-visible,.page--portal .game-media a:focus-visible{outline-offset:calc(var(--space-3) * -1)}@media (min-width:34rem) and (max-width:640px){.page--portal :is(.game-rail,[data-game-rail],[data-gd-related]){margin-inline:0;padding-inline:var(--space-4);scroll-padding-inline:var(--space-4);grid-auto-columns:minmax(min(19rem,82vw),1fr);gap:var(--space-16)}}.page--portal-profile .pp-skills-wheel{--card-current-padding:0;overflow:hidden;--sw-hub:52;--sw-in:60;--sw-out:170;--sw-label:185;--sw-line-min:0.8;--sw-line-max:3.6;--sw-gap:3;--sw-key-gap:100;--sw-start:90}.page--portal-profile .pp-skills-wheel__body{display:grid;gap:var(--space-8);padding:var(--space-16);border-block-start:1px solid var(--surface-border)}.page--portal-profile .pp-skills-wheel__figure{color-scheme:dark;min-width:0;padding:var(--space-8);border-radius:var(--radius-2xl);background:var(--panel-navy-950);--sw-ink:var(--geistface-grey-200);--sw-muted:var(--geistface-grey-400);--sw-line:color-mix(in srgb,var(--deep-navy-25) 12%,transparent)}.page--portal-profile .pp-skills-wheel__svg{display:block;width:100%;max-width:var(--space-480);margin-inline:auto;height:auto}.pp-skills-wheel__svg .sw-ring{fill:none;stroke:var(--sw-line);stroke-width:.75}.pp-skills-wheel__svg .sw-ring--edge{stroke-dasharray:2 4}.pp-skills-wheel__svg .sw-spoke__line{stroke:var(--item,var(--sw-muted));stroke-linecap:round;transition:stroke-width var(--duration-fast) var(--ease-standard)}.pp-skills-wheel__svg .sw-spoke.is-unread .sw-spoke__line{stroke-dasharray:3 6}.pp-skills-wheel__svg .sw-spoke.is-active .sw-spoke__line{stroke-width:7;stroke-opacity:1}.pp-skills-wheel__svg .sw-label{font-family:var(--skillprint-font-ui);font-size:14px;font-weight:var(--weight-regular);fill:color-mix(in srgb,var(--sw-ink) 72%,transparent)}.pp-skills-wheel__svg .sw-label__score{fill:var(--item,var(--sw-muted));font-family:var(--font-mono);font-size:13px}.pp-skills-wheel__svg .sw-label.is-active,.pp-skills-wheel__svg .sw-label.is-active .sw-label__score{fill:var(--pure-white)}.pp-skills-wheel__svg .sw-key__ramp{stroke:var(--sw-ink);stroke-linecap:butt}.pp-skills-wheel__svg .sw-key__note{font-family:var(--skillprint-font-ui);font-size:12px;fill:color-mix(in srgb,var(--sw-muted) 82%,transparent)}.pp-skills-wheel__svg .sw-key__dash{stroke:var(--item,var(--sw-muted));stroke-width:4;stroke-linecap:round}.pp-skills-wheel__svg .sw-key__label{font-family:var(--skillprint-font-ui);font-size:12px;font-weight:var(--weight-regular);fill:var(--sw-muted)}.pp-skills-wheel__svg .sw-centre__disc{fill:color-mix(in srgb,var(--deep-navy-25) 6%,transparent);stroke:var(--sw-line);stroke-width:1}.pp-skills-wheel__svg .sw-centre__title{font-family:var(--skillprint-font-ui);font-size:22px;font-weight:var(--weight-semibold);fill:var(--sw-ink)}.pp-skills-wheel__svg .sw-centre__copy{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;fill:var(--sw-muted)}.pp-skills-wheel__svg .sw-hit{fill:transparent;cursor:pointer}.pp-skills-wheel__svg .sw-hit:focus-visible{outline:none;stroke:var(--focus-default);stroke-width:2;vector-effect:non-scaling-stroke;fill:color-mix(in srgb,var(--focus-default) 12%,transparent)}.pp-skills-wheel__svg [data-dimension=mood]{--item:var(--mood-500)}.pp-skills-wheel__svg [data-dimension=cognition]{--item:var(--cognition-500)}.pp-skills-wheel__svg [data-dimension=personality]{--item:var(--personality-500)}.page--portal-profile .pp-skills-wheel__read{margin:0;min-height:var(--space-44);display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2) var(--space-8);color:var(--ui-muted);font-size:var(--app-text-sm-font-size);line-height:var(--app-text-sm-line-height)}.page--portal-profile .pp-skills-wheel__read .sw-read__name{color:var(--ui-text);font-size:var(--app-text-md-font-size);font-weight:var(--weight-semibold)}.page--portal-profile .pp-skills-wheel__read .sw-read__score{color:var(--skill-ink,var(--ui-text));font-family:var(--font-mono);font-size:var(--app-text-md-font-size)}.page--portal-profile .pp-skills-wheel__read .sw-read__note{flex:1 1 100%}@media (prefers-reduced-motion:reduce){.pp-skills-wheel__svg .sw-spoke__line{transition:none}}@media (max-width:640px){.page--portal-profile .pp-skills-wheel__body{padding:var(--space-10)}.page--portal-profile .pp-skills-wheel__figure{padding:var(--space-4)}.page--portal-profile .pp-skills-wheel{--sw-key-gap:200}.pp-skills-wheel__svg .sw-label{font-size:30px}.pp-skills-wheel__svg .sw-label__score{font-size:26px}.pp-skills-wheel__svg .sw-centre__title{font-size:44px}.pp-skills-wheel__svg .sw-centre__copy{font-size:20px}.pp-skills-wheel__svg .sw-key__label,.pp-skills-wheel__svg .sw-key__note{font-size:24px}}@media print{.page--portal,html:is([data-theme],[data-surface]) .page--portal{color-scheme:light;--page:var(--geistface-grey-25);--deep:var(--geistface-grey-25);--canvas:var(--geistface-grey-25);--surface:var(--geistface-grey-25);--surface-canvas:var(--geistface-grey-25);--surface-panel:var(--geistface-grey-25);--surface-box:var(--geistface-grey-25);--surface-raised:var(--geistface-grey-25);--surface-strong:var(--geistface-grey-25);--panel-900:var(--geistface-grey-25);--text-strong:var(--deep-navy-800);--text:var(--geistface-grey-900);--text-primary:var(--geistface-grey-900);--surface-text:var(--geistface-grey-900);--muted:var(--geistface-grey-700);--surface-text-muted:var(--geistface-grey-700);--text-muted:var(--geistface-grey-700);--subtle:var(--geistface-grey-700);--ui-page:var(--geistface-grey-25);--ui-surface:var(--geistface-grey-25);--ui-text:var(--deep-navy-800);--ui-muted:var(--geistface-grey-700);--nav-text:var(--deep-navy-800);--side-nav-text:var(--deep-navy-800);--side-nav-muted:var(--geistface-grey-700);--button-text:var(--geistface-grey-900);--button-text-strong:var(--deep-navy-800);--button-text-muted:var(--geistface-grey-700);--border:color-mix(in srgb,var(--deep-navy-900) 22%,transparent);--border-subtle:color-mix(in srgb,var(--deep-navy-900) 16%,transparent);--border-strong:color-mix(in srgb,var(--deep-navy-900) 32%,transparent);--surface-border:color-mix(in srgb,var(--deep-navy-900) 22%,transparent);--ui-border:color-mix(in srgb,var(--deep-navy-900) 22%,transparent);--ui-border-strong:color-mix(in srgb,var(--deep-navy-900) 32%,transparent);--nav-border:color-mix(in srgb,var(--deep-navy-900) 22%,transparent);--side-nav-border:color-mix(in srgb,var(--deep-navy-900) 22%,transparent);background:var(--geistface-grey-25);color:var(--geistface-grey-900)}.page--portal .brand-logo--dark{display:none!important}.page--portal .brand-logo--light{display:block!important}}