.home{gap:var(--space-11);flex-direction:column;display:flex}.home-section{gap:var(--space-9);flex-direction:column;display:flex}.home-heading{align-items:center;gap:var(--space-5);font-size:var(--font-size-card-title);display:flex}.home-heading:before{content:"";inline-size:var(--home-heading-bar);block-size:var(--home-heading-bar-block);border-radius:var(--radius-pill);background:var(--gradient-action)}.home-kicker{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.home-display{font-size:var(--font-size-display);font-weight:var(--font-weight-black);line-height:var(--font-line-height-display)}.home-accent{background:var(--gradient-accent-text);color:#0000;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .home-accent{background-image:linear-gradient(to left, var(--tone-violet-end), var(--tone-blue-end))}}:root[data-theme=dark] .home-accent{background-image:linear-gradient(to left, var(--tone-violet-end), var(--tone-blue-end))}.home-lead{color:var(--color-text-secondary);font-size:var(--font-size-2xl);line-height:var(--font-line-height-comfortable);margin:0}[data-tone=blue]{--tone:var(--tone-blue);--tone-end:var(--tone-blue-end);--tone-glow:var(--tone-blue-glow)}[data-tone=violet]{--tone:var(--tone-violet);--tone-end:var(--tone-violet-end);--tone-glow:var(--tone-violet-glow)}[data-tone=green]{--tone:var(--tone-green);--tone-end:var(--tone-green-end);--tone-glow:var(--tone-green-glow)}[data-tone=teal]{--tone:var(--tone-teal);--tone-end:var(--tone-teal-end);--tone-glow:var(--tone-teal-glow)}[data-tone=amber]{--tone:var(--tone-amber);--tone-end:var(--tone-amber-end);--tone-glow:var(--tone-amber-glow)}[data-tone=orange]{--tone:var(--tone-orange);--tone-end:var(--tone-orange-end);--tone-glow:var(--tone-orange-glow)}[data-tone=red]{--tone:var(--tone-red);--tone-end:var(--tone-red-end);--tone-glow:var(--tone-red-glow)}[data-tone=pink]{--tone:var(--tone-pink);--tone-end:var(--tone-pink-end);--tone-glow:var(--tone-pink-glow)}.home-hero{isolation:isolate;justify-content:space-between;align-items:center;gap:var(--space-10);padding:var(--space-10);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-surface);box-shadow:var(--shadow-card);flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.home-hero:before,.home-hero:after{content:"";z-index:var(--z-behind);inline-size:var(--home-glow);block-size:var(--home-glow);border-radius:var(--radius-pill);filter:var(--home-glow-blur);pointer-events:none;position:absolute}.home-hero:before{background:var(--home-hero-glow-a);inset-block-start:var(--home-glow-offset);inset-inline-start:var(--home-glow-offset)}.home-hero:after{background:var(--home-hero-glow-b);inset-block-end:var(--home-glow-offset);inset-inline-end:var(--home-glow-offset)}.home-hero-id{align-items:center;gap:var(--space-9);min-inline-size:0;display:flex}.home-hero-text{gap:var(--space-3);flex-direction:column;min-inline-size:0;display:flex}.home-avatar{inline-size:var(--home-avatar);block-size:var(--home-avatar);border-radius:var(--radius-pill);background:var(--gradient-action);box-shadow:0 0 0 var(--home-avatar-ring) var(--color-bg-subtle), var(--shadow-focus-brand);cursor:pointer;transition:box-shadow var(--motion-fast), transform var(--motion-fast);border:0;flex:none;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.home-avatar:hover{box-shadow:0 0 0 var(--home-avatar-ring) var(--color-selection-border), var(--shadow-focus-brand)}.home-avatar:active{transform:scale(var(--home-press))}.home-avatar-initial{color:var(--color-text-on-action);font-size:var(--font-size-display);font-weight:var(--font-weight-black)}.home-avatar img{inline-size:var(--size-fill);block-size:var(--size-fill);object-fit:cover;transform:scale(var(--home-avatar-zoom));transform-origin:top;position:absolute;inset:0}.home-avatar[data-art=loaded] .home-avatar-initial{visibility:hidden}.home-chips{gap:var(--space-5);margin:0;flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.home-chip{align-items:center;gap:var(--space-3);min-block-size:var(--size-touch-min);padding-inline:var(--space-8);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-selection-bg);color:var(--color-action-secondary-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-emphasis);text-decoration:none;display:inline-flex}.home-chip svg{inline-size:var(--home-icon-sm);block-size:var(--home-icon-sm);flex:none}.home-chip-action{background:var(--color-bg-surface);color:var(--color-text-primary);transition:background-color var(--motion-instant), border-color var(--motion-instant)}.home-chip-action:hover{border-color:var(--color-selection-border);background:var(--color-action-secondary-hover)}.home-chip-action:active{background:var(--color-action-secondary-active)}.home-stats{gap:var(--space-7);flex-wrap:wrap;margin:0;display:flex}.home-stats>div{gap:var(--space-2);min-inline-size:var(--home-stat-min);padding:var(--space-7) var(--space-9);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-bg-subtle);flex-direction:column;display:flex}.home-stats dt{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.home-stats dd{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);margin:0}.home-feature{isolation:isolate;align-items:center;gap:var(--space-9);min-block-size:var(--home-feature-block);padding:var(--space-10);border-radius:var(--radius-lg);background:var(--gradient-feature);box-shadow:var(--shadow-feature);color:var(--home-feature-text);grid-template-columns:1fr;display:grid;position:relative;overflow:hidden}.home-feature:before{content:"";z-index:var(--z-behind);inline-size:var(--home-glow);block-size:var(--home-glow);border-radius:var(--radius-pill);background:var(--home-feature-shine);filter:var(--home-glow-blur);position:absolute;inset-block-start:var(--home-glow-offset);inset-inline-end:var(--home-glow-offset)}.home-feature-text{align-items:flex-start;gap:var(--space-5);flex-direction:column;min-inline-size:0;display:flex}.home-feature-kicker{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-7);border-radius:var(--radius-pill);background:var(--home-feature-chip-bg);font-size:var(--font-size-xs);font-weight:var(--font-weight-emphasis);margin:0;display:inline-flex}.home-feature-kicker svg{inline-size:var(--home-icon-sm);block-size:var(--home-icon-sm)}.home-feature-title{font-size:var(--font-size-display);font-weight:var(--font-weight-black);line-height:var(--font-line-height-display)}.home-feature-lead{max-inline-size:var(--layout-reading);line-height:var(--font-line-height-comfortable);margin:0}.home-feature-cta{align-items:center;gap:var(--space-5);min-block-size:var(--size-touch-min);padding-inline:var(--space-10);border-radius:var(--radius-pill);background:var(--home-feature-cta-bg);color:var(--home-feature-cta-text);font-weight:var(--font-weight-heading);transition:background-color var(--motion-instant), transform var(--motion-fast);margin-block-start:var(--space-5);text-decoration:none;display:inline-flex}.home-feature-cta svg{inline-size:var(--home-icon);block-size:var(--home-icon);transition:transform var(--motion-fast)}.home-feature-cta:hover{background:var(--home-feature-cta-hover)}.home-feature-cta:hover svg{transform:translateX(var(--home-lift))}.home-feature-cta:focus-visible{outline-color:var(--home-feature-text)}.home-feature-cta:active{transform:scale(var(--home-press))}.home-feature-art{inline-size:var(--home-feature-art);block-size:var(--home-feature-art);order:-1;justify-self:center;place-items:center;display:grid;position:relative}.home-feature-art:before{content:"";border:var(--home-avatar-ring) dashed var(--home-feature-ring);border-radius:var(--radius-pill);position:absolute;inset:0}.home-feature-grade{font-size:var(--font-size-feature-grade-sm);font-weight:var(--font-weight-black);line-height:var(--game-line-tight);background:var(--gradient-feature-grade);color:#0000;-webkit-background-clip:text;background-clip:text;flex-direction:column;align-items:center;display:flex}.home-feature-grade small{font-size:var(--font-size-sm);font-weight:var(--font-weight-emphasis);line-height:var(--font-line-height-base)}.home-feature-art img{inline-size:var(--size-fill);block-size:var(--size-fill);object-fit:contain;position:absolute;inset:0}.home-feature-art[data-art=loaded]:before{visibility:hidden}.home-feature-art[data-art=loaded] .home-feature-grade{z-index:var(--z-sticky);font-size:var(--font-size-feature-grade-xs);filter:var(--home-feature-grade-shadow);position:absolute;inset-block-start:var(--home-feature-grade-top);inset-inline:0}.subject-grid{grid-template-columns:repeat(auto-fill, minmax(var(--home-card-min), 1fr));gap:var(--space-9);display:grid}.subject-card{isolation:isolate;align-items:flex-start;gap:var(--space-2);block-size:var(--size-fill);min-block-size:var(--home-card-block);padding:var(--space-9);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-surface);box-shadow:var(--shadow-card);color:var(--color-text-primary);transition:transform var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.subject-card:before{content:"";z-index:var(--z-behind);inline-size:var(--home-glow);block-size:var(--home-glow);border-radius:var(--radius-pill);background:var(--tone-glow);filter:var(--home-glow-blur);transition:opacity var(--motion-fast);position:absolute;inset-block-start:var(--home-glow-offset);inset-inline-end:var(--home-glow-offset)}a.subject-card:hover{transform:translateY(var(--home-lift));border-color:var(--tone);box-shadow:var(--shadow-card), 0 0 0 var(--border-width) var(--tone-glow)}a.subject-card:active{transform:scale(var(--home-press))}.subject-card[aria-disabled=true]{opacity:var(--home-dim);box-shadow:none}.subject-card-top{justify-content:space-between;align-items:center;gap:var(--space-5);inline-size:var(--size-fill);margin-block-end:var(--space-5);display:flex}.subject-card-icon{inline-size:var(--home-icon-tile);block-size:var(--home-icon-tile);border-radius:var(--radius-xs);background:linear-gradient(to bottom left, var(--tone-end), var(--tone));color:var(--tone-icon);box-shadow:0 0 0 var(--home-avatar-ring) var(--tone-glow);flex:none;place-items:center;display:grid}.subject-card-icon svg{inline-size:var(--home-icon);block-size:var(--home-icon)}.subject-card-chip{padding:var(--space-2) var(--space-7);border:var(--border-width) solid var(--tone-glow);border-radius:var(--radius-pill);background:var(--color-bg-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-emphasis);white-space:nowrap}.subject-card-title{font-size:var(--font-size-card-title);font-weight:var(--font-weight-black);line-height:var(--font-line-height-heading)}.subject-card-track{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.subject-card-art{z-index:var(--z-behind);inline-size:var(--home-card-art);block-size:var(--home-card-art);color:var(--tone);pointer-events:none;place-items:center;display:grid;position:absolute;inset-block-end:var(--home-card-art-offset);inset-inline-start:var(--home-card-art-offset)}.subject-card-art svg{inline-size:var(--size-fill);block-size:var(--size-fill);opacity:var(--home-art-fallback)}.subject-card-art img{inline-size:var(--size-fill);block-size:var(--size-fill);object-fit:contain;position:absolute;inset:0}.subject-card-art[data-art=loaded] svg{visibility:hidden}.subject-card-go{inline-size:var(--home-go);block-size:var(--home-go);border:var(--border-width) solid var(--tone-glow);border-radius:var(--radius-pill);background:var(--color-bg-surface);color:var(--color-text-primary);transition:background-color var(--motion-fast), color var(--motion-fast), border-color var(--motion-fast);place-items:center;display:grid;position:absolute;inset-block-end:var(--space-9);inset-inline-end:var(--space-9)}.subject-card-go svg{inline-size:var(--home-icon-sm);block-size:var(--home-icon-sm)}a.subject-card:hover .subject-card-go{border-color:var(--tone);background:var(--tone);color:var(--tone-icon)}.home-welcome{gap:var(--space-11);padding-block:var(--space-10);align-items:center;display:grid}.home-welcome-text{gap:var(--space-9);flex-direction:column;display:flex}.home-cta{background:var(--gradient-action)}.home-welcome-points{gap:var(--space-7);display:grid}.home-welcome-points li{align-items:center;gap:var(--space-9);padding:var(--space-9);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-bg-surface);box-shadow:var(--shadow-card);display:flex}.home-welcome-points li>span:last-child{flex-direction:column;display:flex}.home-point-icon{inline-size:var(--home-icon-tile);block-size:var(--home-icon-tile);border-radius:var(--radius-xs);background:linear-gradient(to bottom left, var(--tone-end), var(--tone));color:var(--tone-icon);flex:none;place-items:center;display:grid}.home-point-icon svg{inline-size:var(--home-icon);block-size:var(--home-icon)}@media (width>=640px){.home-feature{grid-template-columns:1fr auto}.home-feature-art{order:0}}@media (width>=960px){.home-display,.home-feature-title{font-size:var(--font-size-display-lg)}.home-avatar{inline-size:var(--home-avatar-lg);block-size:var(--home-avatar-lg)}.home-hero,.home-feature{padding:var(--space-11)}.home-feature-art{inline-size:var(--home-feature-art-lg);block-size:var(--home-feature-art-lg)}.home-feature-grade{font-size:var(--font-size-feature-grade)}.home-feature-art[data-art=loaded] .home-feature-grade{font-size:var(--font-size-feature-grade-md)}.subject-grid{grid-template-columns:repeat(auto-fill, minmax(var(--home-card-min-lg), 1fr))}.home-welcome{grid-template-columns:3fr 2fr}}@media (prefers-reduced-motion:reduce){a.subject-card:hover,a.subject-card:active,.home-feature-cta:active,.home-feature-cta:hover svg{transform:none}}