.ui-card{background:var(--card);border:var(--hairline) solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.ui-card--flush{padding:0;overflow:hidden}.ui-card--raised{box-shadow:var(--shadow-md)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-5);border:var(--hairline) solid transparent;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:transform var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.ui-btn:active{transform:scale(.98)}.ui-btn--primary{background:var(--ink);color:var(--paper)}.ui-btn--primary:hover{background:color-mix(in srgb,var(--ink) 85%,var(--paper) 15%)}.ui-btn--accent{background:var(--c-teal);color:var(--c-white)}.ui-btn--secondary{background:transparent;border-color:var(--control-edge);color:var(--ink)}.ui-btn--secondary:hover{border-color:var(--ink-soft)}.ui-btn--lg{min-height:60px;padding:0 var(--sp-7);font-size:var(--fs-md)}.ui-btn--block{width:100%}.ui-btn:disabled{opacity:.45;cursor:not-allowed}.ui-btn:disabled:active{transform:none}.ui-tile{--tile-bg: var(--accent-1);--tile-fg: var(--accent-1-fg);container-type:inline-size;position:relative;display:flex;align-items:center;gap:var(--sp-4);width:100%;min-height:72px;padding:var(--sp-4) var(--sp-5);background:var(--tile-bg);color:var(--tile-fg);border:var(--hairline) solid var(--tile-edge);border-radius:var(--r-md);text-align:start;cursor:pointer;transition:transform var(--dur-fast) var(--ease),opacity var(--dur) var(--ease),filter var(--dur) var(--ease)}.ui-tile--a1{--tile-bg: var(--accent-1);--tile-fg: var(--accent-1-fg)}.ui-tile--a2{--tile-bg: var(--accent-2);--tile-fg: var(--accent-2-fg)}.ui-tile--a3{--tile-bg: var(--accent-3);--tile-fg: var(--accent-3-fg)}.ui-tile--a4{--tile-bg: var(--accent-4);--tile-fg: var(--accent-4-fg)}.ui-tile__shape{flex:0 0 auto;display:grid;place-items:center}.ui-tile__label{font-size:var(--fs-lg);font-weight:600;line-height:var(--lh-snug);overflow-wrap:break-word;min-width:0}@container (max-width: 260px){.ui-tile__label{font-size:var(--fs-md)}}@container (max-width: 190px){.ui-tile__label{font-size:var(--fs-sm);line-height:var(--lh-tight)}}@container (max-width: 140px){.ui-tile__label{font-size:var(--fs-xs);-webkit-hyphens:auto;hyphens:auto}}.ui-tile:active{transform:scale(.985)}.ui-tile--dim{opacity:.34;filter:saturate(.5)}.ui-tile--correct{box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--ok)}.ui-tile--player{flex-direction:column;justify-content:center;min-height:0;height:100%;padding:var(--sp-4)}.ui-tile--player .ui-tile__shape{width:clamp(40px,34cqi,120px);height:clamp(40px,34cqi,120px)}.ui-tile--player .ui-tile__shape svg{width:100%;height:100%}.ui-tile--locked{cursor:default}.ui-dist{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,2.2fr) auto;align-items:center;gap:var(--sp-3)}.ui-dist__shape{display:grid;place-items:center;width:32px;height:32px;color:var(--bar-color, var(--accent-1))}.ui-dist__track{position:relative;height:42px;background:var(--paper-deep);border-radius:var(--r-sm);overflow:hidden;min-width:0}.ui-dist__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bar-color, var(--accent-1));border-radius:var(--r-sm);transform-origin:left center;transform:scaleX(var(--fill, 0));transition:transform var(--dur) var(--ease-out)}[dir=rtl] .ui-dist__fill{transform-origin:right center}.ui-dist__label{font-size:var(--fs-md);font-weight:600;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-dist__count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-lg);font-weight:600;min-width:2ch;text-align:end}.ui-dist--correct .ui-dist__count{color:var(--ok)}.ui-ring{position:relative;display:grid;place-items:center;width:var(--ring-size, 96px);height:var(--ring-size, 96px)}.ui-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.ui-ring__track{fill:none;stroke:var(--line);stroke-width:6}.ui-ring__progress{fill:none;stroke:var(--c-teal);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .22s linear,stroke var(--dur) var(--ease)}.ui-ring--urgent .ui-ring__progress{stroke:var(--c-maroon)}.ui-ring__value{position:relative;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:calc(var(--ring-size, 96px) * .38);font-weight:600;line-height:1;color:var(--ink)}.ui-avatar{position:relative;flex:0 0 auto;display:grid;place-items:center;width:var(--avatar-size, 48px);height:var(--avatar-size, 48px);border-radius:var(--r-pill);background:var(--paper-deep);border:var(--hairline) solid var(--line-strong);overflow:hidden}.ui-avatar img,.ui-avatar svg{width:100%;height:100%;object-fit:cover}.ui-avatar__monogram{font-family:var(--font-mono);font-size:calc(var(--avatar-size, 48px) * .4);font-weight:600;color:var(--ink-soft);-webkit-user-select:none;user-select:none}.ui-avatar--lg{--avatar-size: clamp(64px, 9vw, 112px)}.ui-avatar--empty{border-style:dashed;background:transparent}.ui-rank-list{container-type:inline-size;display:grid;gap:var(--sp-3)}.ui-rank{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto auto;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--card);border:var(--hairline) solid var(--line);border-radius:var(--r-md)}.ui-rank__pos{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-xl);font-weight:600;color:var(--ink-soft);min-width:1.5ch;text-align:end}.ui-rank__name{font-size:var(--fs-lg);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-rank__delta{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--r-pill);background:var(--ok-bg);color:var(--ok);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums}.ui-rank__delta--zero{background:var(--paper-deep);color:var(--ink-faint)}.ui-rank__total{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-xl);font-weight:600;text-align:end;min-width:5ch}.ui-rank__move{display:grid;place-items:center;width:22px;height:22px}.ui-rank__move--up{color:var(--ok)}.ui-rank__move--down{color:var(--bad)}.ui-rank__move--same{color:var(--ink-faint)}.ui-rank--leader{border-color:var(--c-gold);box-shadow:inset 0 0 0 1px var(--c-gold)}@container (max-width: 420px){.ui-rank{gap:var(--sp-3)}.ui-rank__delta{display:none}}.ui-chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border:var(--hairline) solid var(--line-strong);border-radius:var(--r-pill);background:var(--card);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-soft)}.ui-chip--ok{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.ui-chip--bad{border-color:var(--bad);background:var(--bad-bg);color:var(--bad)}