.ex-page{width:100%;max-width:76rem;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.ex-head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.ex-emblem{flex-shrink:0;display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:1.125rem;background:var(--background-base);box-shadow:var(--neu-inset);color:var(--accent)}.ex-title{flex:1 1 18rem;min-width:0}.ex-title h1{font-family:var(--font-heading);font-weight:700;font-size:2.125rem;letter-spacing:.02em;line-height:1;text-transform:uppercase;color:var(--foreground)}.ex-title p{margin-top:.375rem;font-size:.9375rem;line-height:1.45;color:var(--foreground-muted);max-width:40rem}.ex-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ex-body{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:1.25rem;align-items:start}@media (max-width:64rem){.ex-body{grid-template-columns:minmax(0,1fr)}}.ex-preview{position:relative;padding:3rem 1.25rem 1.25rem;border-radius:1.5rem;background:var(--background-base);box-shadow:var(--neu-inset);overflow:hidden}.ex-preview:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(120% 70% at 50% 0,rgb(var(--accent-fill-rgb)/.1),transparent 60%)}.ex-tag{position:absolute;top:.875rem;left:1.25rem;z-index:2;display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:999px;background:var(--neu-face);box-shadow:var(--neu-raise-sm),var(--specular);font-family:var(--font-heading);font-size:.6875rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.ex-tag:before{content:"";width:.4375rem;height:.4375rem;border-radius:999px;background:var(--accent-fill);box-shadow:0 0 8px rgb(var(--accent-fill-rgb)/.8)}.ex-points{display:flex;flex-direction:column;gap:.625rem}.ex-point{display:flex;gap:.75rem;align-items:flex-start;padding:.875rem 1rem;border-radius:1rem;background:var(--neu-face);box-shadow:var(--neu-raise-sm),var(--specular);font-size:.875rem;line-height:1.4;color:var(--foreground)}.ex-point-well{flex-shrink:0;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:.625rem;color:var(--accent)}.ex-note,.ex-point-well{background:var(--background-base);box-shadow:var(--neu-inset-sm)}.ex-note{padding:.75rem 1rem;border-radius:1rem;font-size:.8125rem;line-height:1.45;color:var(--foreground-muted)}.ex-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem}@media (max-width:40rem){.ex-grid2{grid-template-columns:minmax(0,1fr)}}.ex-win{display:flex;flex-direction:column;gap:.5rem;padding:.875rem 1rem;border-radius:1.125rem;background:var(--neu-face);box-shadow:var(--neu-raise),var(--specular)}.ex-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--foreground-muted)}.ex-label,.ex-num{font-family:var(--font-heading)}.ex-num{font-size:2rem;font-weight:800;line-height:1;color:var(--foreground);font-variant-numeric:tabular-nums}.ex-num small{margin-left:.25rem;font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ex-num small,.ex-sub{color:var(--foreground-muted)}.ex-sub{font-size:.75rem;line-height:1.35}.ex-row{display:flex;align-items:center;gap:.75rem}.ex-bar{position:relative;height:.5rem;border-radius:999px;background:var(--background-base);box-shadow:var(--neu-inset-sm);overflow:hidden}.ex-bar>span{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-fill));box-shadow:0 0 10px rgb(var(--accent-fill-rgb)/.5)}.ex-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;font-family:var(--font-heading);font-size:.6875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ex-chip.is-win{background:rgb(43 138 62/.16);color:var(--rp-green,#2b8a3e)}.ex-chip.is-loss{background:rgb(224 49 49/.14);color:var(--rp-red,#b42318)}.ex-chip.is-draw{background:rgb(var(--foreground-rgb)/.08);color:var(--foreground-muted)}.ex-ladder{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;padding-top:.25rem}.ex-ladder:before{content:"";position:absolute;left:10%;right:10%;top:calc(.25rem + .4375rem - 1px);height:2px;border-radius:2px;background:rgb(var(--foreground-rgb)/.12)}.ex-ladder li{position:relative;display:flex;flex-direction:column;align-items:center;gap:.375rem;text-align:center}.ex-ladder-dot{width:.875rem;height:.875rem;border-radius:999px;background:var(--background-base);box-shadow:var(--neu-inset-sm)}.ex-ladder li.is-lit .ex-ladder-dot{background:var(--accent-fill);box-shadow:0 0 10px rgb(var(--accent-fill-rgb)/.7)}.ex-ladder-when{font-family:var(--font-heading);font-size:.75rem;font-weight:700;line-height:1.1;color:var(--foreground)}.ex-ladder li:not(.is-lit) .ex-ladder-when{color:var(--foreground-muted)}@media (prefers-reduced-motion:no-preference){.ex-point,.ex-preview>*{animation:ex-rise .5s cubic-bezier(.2,.9,.3,1) both}.ex-point:nth-child(2){animation-delay:.08s}.ex-point:nth-child(3){animation-delay:.16s}}@keyframes ex-rise{0%{opacity:0;transform:translateY(.625rem)}to{opacity:1;transform:none}}.ex-banner{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap;padding:.625rem .75rem .625rem .875rem;border-radius:1rem;background:var(--neu-face);box-shadow:var(--neu-raise-sm),var(--specular),0 0 0 1.5px rgb(var(--accent-fill-rgb)/.35)}.ex-banner .ex-tag{position:static;box-shadow:var(--neu-inset-sm);background:var(--background-base)}.ex-banner p{flex:1 1 16rem;min-width:0;font-size:.875rem;line-height:1.4;color:var(--foreground)}.ex-banner p span{color:var(--foreground-muted)}.ex-tag.is-inline{position:static;padding:.125rem .5rem;font-size:.625rem}