:root{--color-scheme:normal;--font-body:system-ui, -apple-system, sans-serif;--font-display:system-ui, -apple-system, sans-serif;--font-numeric:system-ui, -apple-system, sans-serif;--weight-display:700;--weight-button:700;--display-transform:none;--display-tracking:normal;--button-transform:none;--button-tracking:normal;--eyebrow-tracking:.12em;--radius-xs:6px;--radius-s:8px;--radius-button:10px;--radius-field:10px;--radius-thumb:10px;--radius-card:12px;--radius-hint:14px;--radius-sheet:18px;--radius-pill:999px;--radius-control:50%;--radius-dock-control:50%;--radius-chip:50%;--radius-meter:.3rem;--radius-signal:.5rem;--radius-badge:.625rem;--border-thin:1px;--border:2px;--border-thick:3px;--focus-width:3px;--icon-stroke:2.2;--icon-linecap:round;--shadow-thumb:0 1px 6px #0006;--shadow-sheet:0 -4px 18px #0006;--shadow-button:none;--shadow-button-pressed:none;--shadow-card:none;--text-shadow-overlay:0 1px 2px #000;--text-shadow-title:0 1px 3px #000c;--text-shadow-caption:0 1px 2px #000, 0 0 4px #000;--text-shadow-countdown:0 2px 12px #000c;--motion-signal:.2s;--motion-hold:.1s;--motion-line:.3s;--ease-line:ease-out;--motion-loop-scale:1;--motion-press:0s;--ease-press:ease-out;--press-transform:none;--enter-animation:none;--motion-enter:0s;--ease-enter:ease-out;--motion-push:.32s;--ease-push:cubic-bezier(.2, .8, .2, 1);--page:#0b0f13;--stage-bg:#20262c;--tab-active:#79b8ff;--tab-inactive:#8f99a3;--surface:#f7f6f2;--surface-raised:#fff;--on-surface:#17202b;--on-surface-muted:#52606d;--divider:#dadbd9;--control-border:#17202b;--field-border-subtle:#8b949d;--button-bg:#17202b;--on-button:#fff;--button-disabled-bg:#9ca2a8;--button-secondary-bg:#fff;--on-button-secondary:#17202b;--button-secondary-border:#17202b;--on-button-secondary-disabled:#6b737b;--selected-bg:#17202b;--on-selected:#fff;--success:#1f8a45;--on-success:#fff;--link:#1454a8;--info:#1454a8;--warning:#8a3b00;--danger:#a1260d;--focus:#286ee9;--backdrop:#000a;--on-overlay:#fff;--on-overlay-muted:#e3e8ec;--on-overlay-subtle:#c3ccd5;--scrim:#05080bb3;--scrim-strong:#000000b3;--scrim-soft:#00000059;--dock-bg:#000000b3;--overlay-control-bg:#10161ca6;--overlay-control-bg-strong:#10161cb3;--overlay-panel-bg:#10161cd9;--overlay-panel-bg-strong:#10161ce6;--overlay-solid:#10161c;--overlay-control-border:#ffffff59;--overlay-control-border-strong:#ffffff73;--overlay-line:#ffffff8c;--overlay-line-strong:#ffffffb3;--overlay-track:#ffffff40;--overlay-divider:#ffffff40;--overlay-frame:#ffffff60;--overlay-ring-shade:#0008;--meter-edge:#0006;--meter-line:#fff;--meter-line-edge:#000a;--thumb-border:#fff;--overlay-primary-bg:#fff;--on-overlay-primary:#17202b;--overlay-primary-disabled-bg:#c3ccd5;--progress:#3ccf6c;--success-on-overlay:#8ff0ad;--success-fill:#1f8a45;--on-success-fill:#fff;--relax:#9cc7ff;--relax-hint-bg:#0b1a2bf0;--warning-on-overlay:#ffd9a8;--danger-on-overlay:#ffb4a3;--link-on-overlay:#9cc4ff;--opponent:#ffc46b;--badge-bg:#e0445a;--on-badge:#fff;--danger-fill:#b3261e;--on-danger-fill:#fff;--hero-top:#2b3640;--hero-bottom:#0d1217;--hero-mid:#2b3640;--hero-pattern:none;--signal-stops:none;--signal-hue-low:0;--signal-hue-high:120;--signal-saturation:75;--signal-lightness-low:42;--signal-lightness-high:42;--signal-unavailable:#b9c4d0;--signal-idle:#89929c;--overlay-live:#fff;--overlay-shade:#05080b;--overlay-disc:#10161c;--overlay-mastery-line:#dfe3e8;--overlay-mastery-line-opacity:.7;--overlay-mastery-line-scale:.25;--overlay-outline-halo:0}[data-palette=color-blind]{--success:#1d4ed8;--progress:#f2e640;--success-on-overlay:#f7ec6e;--success-fill:#f2e640;--on-success-fill:#17202b;--opponent:#f08bd0;--badge-bg:#c8323f;--signal-stops:#0b1f8f 0%, #2f6fe0 45%, #9cc4ff 82%, #e6d6b3 89%, #f5e43d 96%, #f7e94f 100%;--overlay-outline-halo:.55}:root{font-family:var(--font-body);color:var(--on-surface);background:var(--page);color-scheme:var(--color-scheme);font-synthesis:none;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box}body{background:var(--page);margin:0}h1,h2,h3,.heading-sizer{line-height:1.2;font-family:var(--font-display);font-weight:var(--weight-display);text-transform:var(--display-transform);letter-spacing:var(--display-tracking)}p{line-height:1.45}a{color:var(--link)}label{font-weight:700}button,input[type=file]{font:inherit;border-radius:var(--radius-button);padding:.7rem .9rem}input[type=file]{border:var(--border-thin) solid var(--field-border-subtle);width:100%}button{background:var(--button-bg);color:var(--on-button);cursor:pointer;font-weight:var(--weight-button);text-transform:var(--button-transform);letter-spacing:var(--button-tracking);min-height:44px;transition:transform var(--motion-press) var(--ease-press), box-shadow var(--motion-press) var(--ease-press);border:0}button:disabled,button[aria-disabled=true]{background:var(--button-disabled-bg);cursor:default}button.secondary{background:var(--button-secondary-bg);color:var(--on-button-secondary);border:var(--border) solid var(--button-secondary-border)}button.secondary:disabled{background:var(--button-secondary-bg);color:var(--on-button-secondary-disabled);border-color:var(--button-disabled-bg)}button.primary,button.secondary,.session-actions button,.start-button,.relax-hint button,.give-up>button{box-shadow:var(--shadow-button)}button:active:not(:disabled,[aria-disabled=true]){transform:var(--press-transform)}button.primary:active:not(:disabled,[aria-disabled=true]),button.secondary:active:not(:disabled,[aria-disabled=true]),.session-actions button:active:not(:disabled,[aria-disabled=true]),.start-button:active:not([aria-disabled=true]){box-shadow:var(--shadow-button-pressed)}.stage-tip,.stage-hint,.relax-hint,.duel-status,.leaderboard-panel .reset-confirm{box-shadow:var(--shadow-card)}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:3px}:root:not([data-input=keyboard]) [tabindex="-1"]:focus-visible{outline:none}.small{color:var(--on-surface-muted);margin:0;font-size:.9rem}.eyebrow{color:var(--on-overlay-subtle);letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.text-slot,.dock-controls{grid-template-columns:minmax(0,1fr);display:grid}.text-slot>*,.dock-controls>*{grid-area:1/1}.covered{visibility:hidden}.text-slot-sizer{visibility:hidden;pointer-events:none}.text-slot-sizer:before{content:attr(data-text)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{background:var(--stage-bg);width:min(100%,75dvh);height:100dvh;color:var(--on-overlay);margin:0 auto;position:relative;overflow:hidden;container-type:size}.stage{position:absolute;inset:0;overflow:hidden}.stage video,.stage svg{width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.stage video{object-fit:cover}.stage svg{pointer-events:none}.stage-hint{border-radius:var(--radius-hint);background:var(--scrim);max-width:calc(100% - 2rem);color:var(--on-overlay);text-align:center;margin:0;padding:.45rem .9rem;font-weight:700;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.stage-hint.stage-start,.stage-hint.stage-start:active:not(:disabled){text-transform:none;letter-spacing:normal;width:max-content;min-height:0;transform:translate(-50%,-50%)}.camera-failed{justify-items:center;gap:.25rem;width:min(20rem,100% - 2rem);display:grid}.camera-failed p{overflow-wrap:anywhere;margin:0}.camera-failed .small{color:var(--on-overlay);font-weight:400}.camera-failed .text-button{min-height:44px;color:var(--link-on-overlay);text-transform:none;letter-spacing:normal;justify-self:center;padding-block:0;font-weight:700}.overlay-top{z-index:1;padding:calc(var(--safe-top) + .5rem) calc(var(--safe-right) + .5rem) 0 calc(var(--safe-left) + .5rem);background:linear-gradient(var(--scrim-strong), var(--scrim-soft) calc(var(--safe-top) + 3rem), transparent calc(var(--safe-top) + 4rem));pointer-events:none;position:absolute;top:0;left:0;right:0}.overlay-top>*{pointer-events:auto}.top-bar{grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr);align-items:center;gap:.5rem;display:grid}.top-bar>:last-child{justify-self:end}.top-title{text-align:center;min-width:0;text-shadow:var(--text-shadow-title)}.top-title h1{overflow-wrap:anywhere;margin:0;font-size:clamp(.9rem,4.6cqw,1.1rem)}.top-title h1:focus-visible{outline-offset:1px;outline-width:2px}.top-title .rhythm{color:var(--on-overlay-muted);margin:0;font-size:clamp(.75rem,3.7cqw,.9rem)}.mode-switcher{border-radius:var(--radius-pill);background:var(--overlay-control-bg);width:max-content;max-width:100%;box-shadow:inset 0 0 0 var(--border-thin) var(--overlay-control-border);text-shadow:none;grid-auto-columns:minmax(min-content,max-content);grid-auto-flow:column;margin-inline:auto;display:grid}.mode-switcher a{border-radius:var(--radius-pill);min-width:44px;min-height:44px;color:var(--on-overlay);text-align:center;-webkit-hyphens:auto;hyphens:auto;place-items:center;padding:.15rem .3rem;font-size:clamp(.65rem,3.6cqw,.9rem);font-weight:700;line-height:1.1;text-decoration:none;display:grid}.mode-switcher a[aria-current=page]{background:var(--overlay-primary-bg);color:var(--on-overlay-primary)}.mode-switcher a:focus-visible{outline-offset:-3px}.top-bar:has(.mode-switcher){gap:.2rem}:is(.top-bar:has(.mode-switcher)>.icon-button,.top-bar:has(.mode-switcher)>.icon-spacer){width:44px;height:44px}.icon-button,.icon-spacer{flex:none;width:2.75rem;min-width:44px;height:2.75rem;min-height:44px}.icon-button{border-radius:var(--radius-control);background:var(--overlay-control-bg);border:var(--border-thin) solid var(--overlay-control-border);color:var(--on-overlay);place-items:center;padding:0;display:grid}.icon-button,.tab-icon{position:relative}.icon-button .badge,.tab-icon .badge{border-radius:var(--radius-badge);background:var(--badge-bg);min-width:1.25rem;height:1.25rem;color:var(--on-badge);text-align:center;box-sizing:border-box;padding:0 .3rem;font-size:.75rem;font-weight:700;line-height:1.25rem;position:absolute;top:-.2rem;right:-.2rem}.icon{fill:none;stroke:currentColor;width:1.4rem;height:1.4rem;stroke-width:var(--icon-stroke);stroke-linecap:var(--icon-linecap);stroke-linejoin:round}.top-row{pointer-events:none;align-items:flex-start;gap:.5rem;margin-top:.4rem;display:flex}.reference{flex:none;width:min(24cqw,13.5cqh);margin:0}.card-frame{position:relative}.stage-reference{aspect-ratio:3/4;object-fit:cover;border:var(--border) solid var(--thumb-border);border-radius:var(--radius-thumb);width:100%;box-shadow:var(--shadow-thumb);display:block}.card-gauge{pointer-events:none;position:absolute;inset:0}.gauge-window{inset:var(--border);border-radius:calc(var(--radius-thumb) - var(--border));position:absolute;overflow:hidden}.gauge-fill{background:color-mix(in srgb, var(--signal) 40%, transparent);border-top:3px solid var(--signal);box-sizing:border-box;position:absolute;bottom:0;left:0;right:0}.gauge-tick{bottom:calc(var(--border) + (100% - 2 * var(--border)) * var(--line));background:var(--meter-line);width:.6rem;height:4px;box-shadow:0 0 0 1px var(--meter-line-edge);transition:bottom var(--motion-line) var(--ease-line);border-radius:1px;margin-bottom:-2px;position:absolute}.gauge-tick.left{left:-.3rem}.gauge-tick.right{right:-.3rem}.gauge-tick.relax{background:repeating-linear-gradient(90deg, var(--relax) 0 3px, transparent 3px 5px)}.gauge-hold{width:46%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gauge-hold-disc{fill:var(--overlay-panel-bg);stroke:var(--on-overlay);stroke-width:1.5px}.gauge-hold-fill{fill:none;stroke:var(--progress);stroke-width:16px;transition:stroke-dashoffset var(--motion-hold) linear}.reference{container-type:inline-size}.reference figcaption{text-align:center;color:var(--on-overlay);text-shadow:var(--text-shadow-caption);margin-top:.15rem;font-size:min(.72rem,15.5cqi);font-weight:600;line-height:1.2}.caption-word{text-overflow:ellipsis;white-space:nowrap;vertical-align:top;max-width:100%;display:inline-block;overflow:hidden}.tip-slot{flex:1;min-width:0}.stage-tip,.tip-sizer{text-align:center;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:0;padding:.4rem .7rem;font-size:clamp(.8rem,4.2cqw,1rem);font-weight:700;line-height:1.25}.stage-tip{border-radius:var(--radius-card);background:var(--overlay-panel-bg);color:var(--on-overlay);pointer-events:none;align-self:start}.segment-glow{animation:glow-pulse calc(1.4s * var(--motion-loop-scale)) ease-in-out infinite alternate}@keyframes glow-pulse{0%{opacity:.35}to{opacity:.7}}.guidance-cue{animation:guidance-in var(--guidance-fade) ease-out both}.guidance-cue.leaving{animation:guidance-out var(--guidance-fade) ease-in forwards}@keyframes guidance-in{0%{opacity:0}}@keyframes guidance-out{to{opacity:0}}.arrow-chevrons .chevron{opacity:.4;animation:chevron-flow calc(1.2s * var(--motion-loop-scale)) ease-in-out infinite;animation-delay:calc(var(--chevron) * .2s * var(--motion-loop-scale))}@keyframes chevron-flow{35%{opacity:1}70%{opacity:.4}}.arrow-comet .comet-glide{animation:comet-glide calc(1.3s * var(--motion-loop-scale)) ease-in-out infinite alternate}@keyframes comet-glide{0%{transform:translateX(calc(var(--arrow-length) * -.14))}}.arrow-curve .curve-breath{animation:curve-breath calc(1.8s * var(--motion-loop-scale)) ease-in-out infinite alternate}@keyframes curve-breath{0%{opacity:.7}}.arrow-nudge .nudge-glide{animation:nudge-glide calc(1.6s * var(--motion-loop-scale)) ease-in-out infinite alternate}@keyframes nudge-glide{0%{transform:translateX(calc(var(--arrow-length) * -.3))}}.arrow-badge .badge-bob{animation:badge-bob calc(1.4s * var(--motion-loop-scale)) ease-in-out infinite alternate}@keyframes badge-bob{0%{transform:translateX(calc(var(--arrow-length) * -.08))}to{transform:translateX(calc(var(--arrow-length) * .08))}}.dock{z-index:2;left:0;right:0;bottom:var(--tab-space);position:absolute}.workout-dock,.free-dock{padding:.15rem calc(var(--safe-right) + .75rem) .45rem calc(var(--safe-left) + .75rem);background:var(--dock-bg);text-shadow:var(--text-shadow-overlay);gap:.3rem;display:grid;position:relative}.workout-dock:before,.free-dock:before{content:"";background:linear-gradient(transparent, var(--dock-bg));pointer-events:none;height:2.5rem;position:absolute;bottom:100%;left:0;right:0}.workout-dock{grid-template-columns:minmax(0,1fr)}.cue,.cue-sizer{text-align:center;font-size:1.1rem;font-weight:800;line-height:1.25;font-family:var(--font-display);margin:0}.cue-hold{color:var(--success-on-overlay)}.cue-relax{color:var(--relax)}.cue-unavailable,.cue-paused{color:var(--on-overlay-muted);font-size:1rem}.cue-unavailable{font-size:.9rem}.dock-controls-main{grid-template-columns:minmax(0,1fr);gap:.3rem;display:grid}.relax-hint{border:var(--border) solid var(--relax);border-radius:var(--radius-card);background:var(--relax-hint-bg);text-shadow:none;align-content:center;gap:.25rem;padding:.35rem .6rem;display:grid}.relax-hint p{overflow-wrap:anywhere;margin:0;font-size:.8rem;font-weight:700;line-height:1.25}.relax-hint button{max-width:100%;color:var(--on-overlay);border:var(--border) solid var(--relax);background:0 0;justify-self:end;padding:.2rem .9rem}.hold-line{--reps-width:calc(var(--reps,1) * 1.1rem - .3rem);grid-template-columns:minmax(var(--reps-width), 1fr) minmax(0, auto) minmax(var(--reps-width), 1fr);align-items:center;column-gap:.8rem;font-size:.9rem;line-height:1.1;display:grid}.hold-line label{text-align:center;grid-column:2;font-weight:600}.hold-line .reps{grid-column:3;justify-self:start}.reps{align-items:center;gap:.45rem;display:flex}.reps ol{gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.reps li{border-radius:var(--radius-chip);border:var(--border) solid var(--overlay-line-strong);width:.8rem;height:.8rem}.reps li.current{border-color:var(--on-overlay);box-shadow:0 0 0 2px var(--overlay-ring-shade)}.reps li.done{background:var(--success-on-overlay);border-color:var(--success-on-overlay)}.control-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;column-gap:clamp(1rem,8cqw,2.5rem);display:grid}.control-row>:first-child{justify-self:end}.control-row>:last-child{justify-self:start}.round-control{min-width:44px;color:var(--on-overlay);border-radius:var(--radius-card);background:0 0;justify-items:center;gap:.1rem;padding:0;display:grid}.round-icon{border-radius:var(--radius-dock-control);background:var(--overlay-control-bg-strong);border:var(--border-thin) solid var(--overlay-control-border-strong);place-items:center;width:2.9rem;height:2.9rem;display:grid;position:relative}.round-label{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:.8rem;font-weight:700;line-height:1.15}.control-row .round-control:nth-child(2) .round-icon{background:var(--overlay-primary-bg);width:3.5rem;height:3.5rem;color:var(--on-overlay-primary);border:0}.level-chips{flex-wrap:wrap;justify-content:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.level-chips li{border-radius:var(--radius-chip);background:var(--overlay-control-bg);border:var(--border-thin) solid var(--overlay-control-border-strong);width:1.5rem;height:1.5rem;color:var(--on-overlay);text-shadow:none;place-items:center;font-size:.8rem;font-weight:800;display:grid}.level-chips li.passed{background:var(--success-fill);border-color:var(--success-fill);color:var(--on-success-fill)}.level-chips li.current{box-shadow:0 0 0 2px var(--on-overlay)}.meter-track{border-radius:var(--radius-meter);background:var(--overlay-track);height:.6rem;box-shadow:0 0 0 1px var(--meter-edge);flex:1;position:relative}.meter-fill{border-radius:var(--radius-meter);position:absolute;top:0;bottom:0;left:0}.carousel{scroll-snap-type:x proximity;scrollbar-width:none;gap:.55rem;padding:.3rem .2rem;display:flex;overflow-x:auto}.carousel button{border-radius:var(--radius-dock-control);background:var(--overlay-solid);border:var(--border) solid var(--overlay-line);scroll-snap-align:center;flex:none;width:3.5rem;height:3.5rem;padding:0;overflow:hidden}.carousel button[aria-pressed=true]{border:var(--border-thick) solid var(--on-overlay);box-shadow:0 0 0 2px var(--progress)}.carousel img{object-fit:cover;width:100%;height:100%;display:block}.sheet{max-height:calc(100cqh - var(--safe-top) - 4.25rem - var(--tab-space));overscroll-behavior:contain;padding:1rem calc(var(--safe-right) + 1rem) 1rem calc(var(--safe-left) + 1rem);background:var(--surface);color:var(--on-surface);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:var(--shadow-sheet);animation:var(--enter-animation) var(--motion-enter) var(--ease-enter) both;grid-template-columns:minmax(0,1fr);gap:.6rem;scroll-padding-bottom:1rem;display:grid;overflow-y:auto}.sheet h2,.sheet .heading-sizer{margin:0;font-size:1.25rem}.sheet h2,.sheet .heading-sizer,.session-actions button{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.sheet p{margin:0}.sheet .level-chips{justify-content:flex-start}.sheet .level-chips li{background:var(--surface-raised);color:var(--on-surface);border-color:var(--field-border-subtle)}.sheet .level-chips li.passed{background:var(--success);border-color:var(--success);color:var(--on-success)}.sheet .level-chips li.current{box-shadow:0 0 0 2px var(--on-surface)}.session-actions{flex-wrap:wrap;gap:.5rem;display:flex}.session-actions button{flex:8rem}.session-actions .primary{flex-basis:100%}.segmented{border:0;min-width:0;margin:0;padding:0;display:flex}.segmented legend{margin-bottom:.3rem;padding:0;font-size:.9rem;font-weight:700}.segmented label{border:var(--border) solid var(--control-border);background:var(--surface-raised);text-align:center;cursor:pointer;flex:1;place-items:center;min-width:0;min-height:44px;margin-left:-2px;padding:.3rem .2rem;font-size:.9rem;display:grid}.segmented label:first-of-type{border-radius:var(--radius-button) 0 0 var(--radius-button);margin-left:0}.segmented label:last-of-type{border-radius:0 var(--radius-button) var(--radius-button) 0}.segmented label span{font-size:.8rem;font-weight:500}.segmented label.selected{background:var(--selected-bg);color:var(--on-selected)}.segmented input{opacity:0;width:1px;height:1px;position:absolute}.segmented label:has(input:focus-visible){outline:var(--focus-width) solid var(--focus);outline-offset:2px;z-index:1}.picker-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.1rem .8rem;display:flex}.picker-header h2{min-width:0}.level-picker{border:0;justify-content:space-between;min-width:0;max-width:22rem;margin:0;padding:0;display:flex}.level-picker label{border-radius:var(--radius-chip);border:var(--border) solid var(--field-border-subtle);background:var(--surface-raised);width:44px;height:44px;color:var(--on-surface);cursor:pointer;place-items:center;font-weight:800;display:grid;position:relative}.level-picker label.passed{background:var(--success);border-color:var(--success);color:var(--on-success)}.level-picker label.selected{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--on-surface)}.level-picker label.locked{color:var(--on-surface-muted)}.level-picker label.locked .icon{width:1.1rem;height:1.1rem}.level-picker input{opacity:0;width:1px;height:1px;position:absolute}.level-picker label:has(input:focus-visible){outline:var(--focus-width) solid var(--focus);outline-offset:5px}.sheet .begin{border-radius:var(--radius-pill);min-height:3.5rem;font-size:1.15rem}.tier-picker label,.board-choice label{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;line-height:1.15}.tier-picker label{padding-inline:.15rem;font-size:.75rem;position:relative}.tier-picker label span{font:inherit}.tier-picker label.locked{color:var(--on-surface-muted);border-style:dashed}.tier-lock{display:flex;position:absolute;top:.15rem;right:.2rem}.tier-lock .icon{width:.75rem;height:.75rem}.level-picker-sheet{container:picker/inline-size}@container picker (width<=17rem){.tier-picker{flex-wrap:wrap}.tier-picker label{flex:40%}.tier-picker label:first-of-type{border-radius:var(--radius-button) 0 0 0}.tier-picker label:nth-of-type(2){border-radius:0 var(--radius-button) 0 0}.tier-picker label:nth-of-type(3){border-radius:0 0 0 var(--radius-button);margin-top:-2px;margin-left:0}.tier-picker label:nth-of-type(4){border-radius:0 0 var(--radius-button) 0;margin-top:-2px}}.picker-links{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;column-gap:.8rem;display:grid}.picker-links .text-button{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;min-width:44px;min-height:44px;padding-block:0;font-size:.9rem;line-height:1.2}.picker-links .text-button+.text-button{text-align:end;justify-self:end}.picker-links .text-button:nth-child(2):not(:last-child){text-align:center;justify-self:center}.sheet.level-picker-sheet{gap:.4rem;padding-block:.75rem}.level-picker-sheet .segmented legend{margin-bottom:.15rem}.level-picker-sheet .picker-header{column-gap:.5rem}.level-picker-sheet .picker-header h2{font-size:1.15rem}.level-picker-sheet .picker-header .small{font-size:.8rem}.level-picker-sheet .picker-links{column-gap:.5rem}.level-picker-sheet .picker-links .text-button{font-size:.85rem}.text-button{color:var(--link);background:0 0;justify-self:start;padding:.5rem 0;text-decoration:underline}.reset-confirm p{margin:0 0 .5rem}.sharing-toggle{cursor:pointer;align-items:center;gap:.6rem;min-height:44px;font-size:.9rem;line-height:1.3;display:flex}.sharing-toggle input{width:1.3rem;height:1.3rem;accent-color:var(--success);flex:none;margin:0}.sharing-toggle:has(input:focus-visible){outline:var(--focus-width) solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}.sharing-setup{flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:.8rem;display:flex}.sharing-setup .sharing-toggle{overflow-wrap:anywhere;flex:0 auto;min-width:0}.sharing-setup .text-button{flex:none;padding-block:0;font-size:.9rem}.sharing-section,.challenge-section{gap:.5rem;display:grid}.challenge-section h2{margin:0;font-size:1.15rem}.sharing-section ul,.challenge-section ul{gap:.3rem;margin:0;padding-left:1.1rem;display:grid}.sharing-section .reset-confirm p{font-size:.95rem}.calibration-instruction{font-size:1.3rem;font-weight:700;line-height:1.3}.calibration-retry{border-radius:var(--radius-card);background:var(--overlay-panel-bg);width:fit-content;max-width:calc(100% - 1rem);color:var(--warning-on-overlay);text-align:center;box-shadow:var(--shadow-card);pointer-events:none;padding:.4rem .85rem;font-weight:700;line-height:1.25;position:absolute;bottom:calc(100% + .5rem);left:.5rem;right:.5rem;margin:0 auto!important}.calibration-status{color:var(--info);font-weight:700}.calibration-sheet .session-actions button{flex:auto}.segmented label.selected+label.selected{border-left-color:var(--surface)}.cue-choice label{justify-content:center;align-items:center;gap:.3rem;display:flex}.calibration-section,.account-section,.account-form{gap:.5rem;display:grid}.account-section p{margin:0}.account-email{overflow-wrap:anywhere}.account-mode{font-weight:700}.account-form label{font-size:.95rem;font-weight:600}.account-form input{font:inherit;border:var(--border) solid var(--control-border);border-radius:var(--radius-field);background:var(--surface-raised);width:100%;min-height:44px;color:var(--on-surface);padding:.5rem .7rem}.account-form input[aria-invalid=true]{border-color:var(--danger)}.account-verify,.account-plan{border-top:1px solid var(--divider);gap:.5rem;padding-top:.75rem;display:grid}.account-plan .account-manage{align-items:center;min-height:44px;display:flex}.account-form .text-button{min-height:44px;padding-block:0}.account-forgot{display:grid}.account-forgot>*{grid-area:1/1}.account-forgot-sizer{visibility:hidden}.level-results{border-top:1px solid var(--divider);margin:0;padding:0;list-style:none}.level-results li{border-bottom:1px solid var(--divider);flex-wrap:wrap;justify-content:space-between;gap:.2rem .8rem;padding:.4rem 0;display:flex}.start-button{border-radius:var(--radius-pill);background:var(--overlay-primary-bg);min-height:3.5rem;color:var(--on-overlay-primary);font-size:1.15rem}.start-button[aria-disabled=true]{background:var(--overlay-primary-disabled-bg);color:var(--on-overlay-primary)}.camera-start{z-index:3;border-radius:var(--radius-card);background:var(--overlay-panel-bg-strong);width:min(20rem,100% - 2rem);box-shadow:var(--shadow-card);gap:.6rem;padding:.9rem;display:grid;position:absolute;top:40%;left:50%;transform:translate(-50%)}.camera-start .small{color:var(--on-overlay);text-align:center;overflow-wrap:anywhere;margin:0;font-weight:700}.app:has(>dialog.details-sheet[open]):after{content:"";z-index:4;inset:0 0 var(--tab-space);background:var(--backdrop);position:absolute}.details-sheet{z-index:5;inset:auto 0 var(--tab-space);width:min(100%,40rem);max-width:100%;max-height:calc(88cqh - var(--tab-space));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--surface);color:var(--on-surface);overscroll-behavior:contain;border:0;margin:0 auto;padding:0 1rem 1rem;position:absolute;overflow-y:auto}.details-sheet>*{margin:.8rem 0}.tour{z-index:6;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);color:var(--on-surface);position:absolute;inset:0}.tour-dim{width:100%;height:100%;position:absolute;inset:0}.tour-shade{fill:var(--backdrop)}.tour-ring{fill:none;stroke:var(--on-overlay);stroke-width:2px}.tour-callout{left:calc(var(--safe-left) + 10px);right:calc(var(--safe-right) + 10px);border-radius:var(--radius-card);background:var(--surface);max-width:26rem;color:var(--on-surface);box-shadow:var(--shadow-sheet);gap:.25rem;margin-inline:auto;padding:.6rem .9rem;display:grid;position:absolute}.tour-callout[data-side]:before{content:"";left:calc(var(--caret) - 8px);background:var(--surface);width:16px;height:16px;position:absolute;transform:rotate(45deg)}.tour-callout[data-side=below]:before{top:-8px}.tour-callout[data-side=above]:before{bottom:-8px}.tour-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 .5rem;margin-block:-.6rem -.5rem;display:flex}.tour-progress{color:var(--on-surface-muted);white-space:nowrap;font-size:.8rem}.tour-skip{overflow-wrap:anywhere;flex:0 auto;min-height:44px;padding-block:0;font-size:.9rem}.tour-callout h2{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:1rem}.tour-callout p{overflow-wrap:anywhere;margin:0;line-height:1.35}.tour-actions{justify-content:space-between;gap:.5rem;margin-top:.15rem;display:flex}.tour-actions button{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;flex:0 auto;min-width:44px;padding:.55rem 1rem}.tour-shade-full{background:var(--backdrop);position:absolute;inset:0}.tour-video{inset:max(5%, calc(var(--safe-top) + .5rem)) max(5%, calc(var(--safe-right) + .5rem)) max(5%, calc(var(--safe-bottom) + .5rem)) max(5%, calc(var(--safe-left) + .5rem));border-radius:var(--radius-sheet);background:var(--surface);color:var(--on-surface);box-shadow:var(--shadow-sheet);flex-direction:column;display:flex;position:absolute;overflow:hidden}.tour-video-head{align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex}.tour-video-head h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:1.15rem}.tour-video-close{background:var(--button-secondary-bg);width:44px;height:44px;color:var(--on-button-secondary);border:var(--border) solid var(--button-secondary-border);flex:none}.tour-video-player{background:var(--stage-bg);object-fit:contain;flex:1;width:100%;min-height:0;display:block}.tour-video-summary{flex:1;min-height:0;padding:0 1rem 1rem;overflow-y:auto}.tour-video-summary ol{gap:.4rem;margin:.6rem 0 0;padding-left:1.2rem;display:grid}.sheet-header{z-index:1;background:var(--surface);justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem 0 .5rem;display:flex;position:sticky;top:0;margin:0!important}.sheet-header h2{margin:0;font-size:1.25rem}.feedback{align-items:flex-start;gap:.8rem;display:flex}.feedback>div:last-child{min-width:0}.feedback p{color:var(--on-surface-muted);margin:.3rem 0 0;font-size:.9rem}.feedback .feedback-headline{color:inherit;margin:0;font-size:1rem;font-weight:700;line-height:normal}.signal{border-radius:var(--radius-signal);width:1.2rem;height:3.5rem;transition:background-color var(--motion-signal) linear;flex:none}.region-readings{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .8rem;margin:.8rem 0;font-size:.9rem;display:grid}.region-readings>div{border-bottom:1px solid var(--divider);flex-direction:column;justify-content:space-between;min-width:0;padding:.2rem 0;display:flex}.region-readings dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-weight:700;line-height:1.15}.reading-bar{vertical-align:middle;border-radius:var(--radius-meter);background:var(--divider);width:min(100%,6rem);height:.45rem;display:inline-block;overflow:hidden}.reading-bar>span{background:var(--on-surface-muted);height:100%;display:block}.comparison summary,.feedback summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.capture-actions{flex-wrap:wrap;gap:.5rem;display:flex}.capture-actions button{flex:135px}.capture-list{border-top:1px solid var(--divider);margin-top:1rem}.capture-list p{margin:.5rem 0;font-size:.92rem}.photo-section{gap:.5rem;display:grid}.reference-preview{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.reference-preview img{object-fit:contain;border-radius:var(--radius-s);max-width:130px;max-height:130px}.credit{overflow-wrap:anywhere}.details-footer{color:var(--on-surface-muted);font-size:.88rem}@media (prefers-reduced-motion:reduce){.signal,.gauge-hold-fill,.gauge-tick,button{transition:none}.segment-glow{opacity:.55;animation:none}.arrow-chevrons .chevron,.arrow-comet .comet-glide,.arrow-curve .curve-breath,.arrow-nudge .nudge-glide,.arrow-badge .badge-bob{animation:none}.arrow-chevrons .chevron{opacity:calc(.5 + var(--chevron) * .25)}.sheet,.challenge-panel{animation:none}button:active:not(:disabled,[aria-disabled=true]){transform:none}}.challenge-panel{padding:calc(var(--safe-top) + 4rem) calc(var(--safe-right) + 1.25rem) calc(var(--safe-bottom) + 1.25rem) calc(var(--safe-left) + 1.25rem);background:var(--hero-pattern), radial-gradient(circle at 50% 20%, var(--hero-top), var(--hero-bottom) 70%);overscroll-behavior:contain;animation:var(--enter-animation) var(--motion-enter) var(--ease-enter) both;flex-direction:column;gap:.7rem;display:flex;position:absolute;inset:0;overflow-y:auto}.challenge-panel h2{overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,7.5cqw,2.1rem)}.challenge-panel h3{overflow-wrap:anywhere;margin:.4rem 0 0;font-size:1.05rem}.challenge-panel p{color:var(--on-overlay-muted);margin:0}.challenge-panel .small{color:var(--on-overlay-subtle)}.challenge-panel .level-results,.standings{border-top:1px solid var(--overlay-divider);margin:0;padding:0;list-style:none}.challenge-panel .level-results li,.standings li{border-bottom:1px solid var(--overlay-divider);flex-wrap:wrap;justify-content:space-between;gap:.1rem .8rem;padding:.4rem 0;font-size:.92rem;display:flex}.level-results li>span,.standings li>span{overflow-wrap:anywhere;min-width:0}.level-results li>span:last-child,.standings li>span:last-child{font-variant-numeric:tabular-nums}.challenge-panel li.mine{color:var(--success-on-overlay);font-weight:800}.challenge-panel .session-actions{margin-top:.4rem}.challenge-panel button.primary,.start-challenge button.primary{background:var(--overlay-primary-bg);color:var(--on-overlay-primary)}.challenge-panel button.secondary,.start-challenge button.secondary{color:var(--on-overlay);border-color:var(--on-overlay);background:0 0}.challenge-notice{font-weight:700;color:var(--success-on-overlay)!important}.start-challenge{gap:.5rem;display:grid}.name-form,.share-box{gap:.45rem;display:grid}.name-form input,.share-link{font:inherit;border:var(--border) solid var(--control-border);border-radius:var(--radius-field);background:var(--surface-raised);width:100%;min-height:44px;color:var(--on-surface);padding:.5rem .7rem}.form-error{color:var(--danger);font-size:.9rem;font-weight:700}.match-rounds{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.match-rounds>li{gap:.3rem;display:grid}.match-status{font-size:1.05rem}.round-winner{font-weight:700}.challenge-panel .form-error{color:var(--danger-on-overlay)}.challenge-panel label{font-weight:700}.rounds-field,.language-switch,.palette-switch{gap:.3rem;display:grid}.rounds-field select,.language-switch select,.palette-switch select{font:inherit;border:var(--border) solid var(--control-border);border-radius:var(--radius-field);background:var(--surface-raised);width:100%;min-height:44px;color:var(--on-surface);padding:.4rem .6rem}.match-section,.duel-section,.notification-section{gap:.5rem;display:grid}.match-section h2,.duel-section h2{margin:0;font-size:1.15rem}.notification-section>ul{gap:.3rem;margin:0;padding-left:1.1rem;display:grid}.notification-section p{margin:0}.notification-kinds{border:0;margin:0;padding:0;display:grid}.match-section h3,.duel-section h3{margin:.3rem 0 0;font-size:1rem}.match-section>ul:not(.match-list),.duel-section>ul{gap:.3rem;margin:0;padding-left:1.1rem;display:grid}.match-list{margin:0;padding:0;list-style:none;display:grid}.rounds-field select:focus-visible,.language-switch select:focus-visible,.palette-switch select:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:3px}.guidance-section,.voice-section{gap:.5rem;display:grid}.choice-list{border:0;min-width:0;margin:0;padding:0;display:grid}.choice-list legend{margin-bottom:.1rem;padding:0;font-size:.9rem;font-weight:700}.choice-list label{cursor:pointer;align-items:center;gap:.6rem;min-height:44px;padding:.2rem 0;font-size:.9rem;font-weight:400;line-height:1.3;display:flex}.choice-list input{width:1.3rem;height:1.3rem;accent-color:var(--success);flex:none;margin:0}.choice-list label:has(input:focus-visible){outline:var(--focus-width) solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}.choice-note{color:var(--on-surface-muted);font-size:.85rem;display:block}.summary-actions button{padding-inline:.4rem;font-size:.95rem}.summary-actions .primary{flex:2 1 0}.summary-actions .primary+.secondary{flex:1 1 0}.duel-panel .sharing-toggle span{color:var(--on-overlay)}.ghost-frame{background:var(--overlay-panel-bg-strong);place-items:center;display:grid;position:relative;overflow:hidden}.ghost-frame svg{width:100%;height:100%;position:absolute;inset:0;transform:none}.ghost-frame path{fill:none;stroke:var(--opponent);stroke-width:.045px;stroke-linecap:round;stroke-linejoin:round}.reference.duel-card{width:min(17cqw,9.5cqh)}.reference.duel-card figcaption{margin-inline:-.3rem;font-size:min(.64rem,15.5cqi)}.ghost-frame p{text-align:center;color:var(--on-overlay-muted);overflow-wrap:anywhere;margin:0;padding:.2rem;font-size:.6rem;font-weight:700;line-height:1.15}.duel-status{border-radius:var(--radius-pill);background:var(--overlay-panel-bg-strong);width:fit-content;max-width:calc(100% - 1rem);color:var(--on-overlay);text-align:center;margin:.4rem auto 0;padding:.3rem .8rem;font-size:.85rem;font-weight:700}.duel-status:empty{display:none}.duel-countdown{z-index:1;font-family:var(--font-numeric);color:var(--on-overlay);text-shadow:var(--text-shadow-countdown);pointer-events:none;margin:0;font-size:clamp(3.5rem,30cqw,7rem);font-weight:900;line-height:1;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.duel-meters{gap:.15rem;display:grid}.duel-meter{grid-template-columns:7.5em minmax(0,1fr) 7.5em;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;line-height:1.15;display:grid}.duel-meter-name,.duel-meter-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.duel-meter .meter-track{height:.5rem;display:block}.duel-meter .meter-fill{background:var(--progress);display:block}.duel-meter.opponent .meter-fill{background:var(--opponent)}.duel-meter-text{text-align:right;font-variant-numeric:tabular-nums}.give-up{justify-items:center;gap:.4rem;display:grid}.give-up>button{min-width:10rem;color:var(--on-overlay);border-color:var(--overlay-line-strong);font-variant-numeric:tabular-nums;background:0 0;padding-block:.45rem}.give-up>button[aria-disabled=true]{color:var(--on-overlay-subtle);border-color:var(--overlay-control-border);background:0 0}.give-up-confirm p{text-align:center;margin:0;font-weight:700}.give-up-confirm .session-actions{width:100%}.give-up-confirm button.secondary{color:var(--on-overlay);border-color:var(--on-overlay);background:0 0}.give-up-yes{background:var(--danger-fill);color:var(--on-danger-fill)}.duel-dock{padding-top:.6rem}.duel-detail{text-align:center;color:var(--on-overlay-muted);margin:0;font-size:.9rem}.duel-deadline strong{font-variant-numeric:tabular-nums}.duel-deadline-sizer{font-weight:700}.duel-sheet .level-results{font-size:.92rem}.duel-sheet .duel-rounds h3{margin:0;font-size:1rem}.duel-sheet li.mine,.duel-panel li.mine{font-weight:800}.leaderboard-panel{padding-block:0;overflow:hidden}.board-scroll{min-height:0;margin-top:calc(var(--safe-top) + 4rem);overscroll-behavior:contain;padding-bottom:calc(var(--safe-bottom) + 1.25rem);flex-direction:column;flex:1;gap:.7rem;display:flex;overflow-y:auto}.board-profile .profile-actions button{flex-basis:100%}.leaderboard-panel .board-choice label{border-color:var(--on-overlay);min-width:auto;color:var(--on-overlay);background:0 0}.leaderboard-panel .board-choice label.selected{background:var(--overlay-primary-bg);color:var(--on-overlay-primary)}.leaderboard-panel .board-choice label.selected+label.selected{border-left-color:var(--on-overlay-primary)}.leaderboard-panel .board-choice legend{color:var(--on-overlay-muted)}.leaderboard-panel .rounds-field label{font-weight:700}.leaderboard-panel .text-button{color:var(--link-on-overlay)}.board-standings li{align-items:center}.board-standings li>span:first-child{flex:10rem}.board-standings .report-button{text-align:start;min-width:44px;min-height:44px;padding:0 .2rem;font-size:.88rem}.board-standings li.board-gap{color:var(--on-overlay-subtle);justify-content:center}.board-empty{font-weight:700}.board-profile{gap:.45rem;display:grid}.leaderboard-panel .reset-confirm{border:1px solid var(--overlay-frame);border-radius:var(--radius-button);gap:.3rem;padding:.6rem;display:grid}.leaderboard-section>ul{gap:.3rem;margin:0;padding-left:1.1rem;display:grid}.leaderboard-section{gap:.5rem;display:grid}.leaderboard-section h2,.board-profile h2,.about-section h2{margin:0;font-size:1.05rem}.leaderboard-section p{margin:0}.summary-header{align-items:center;gap:.5rem;display:flex}.summary-header h2{flex:1;min-width:0}.summary-header .board-button{background:var(--button-secondary-bg);border:var(--border) solid var(--button-secondary-border);color:var(--on-button-secondary);margin-block:-.45rem}.app{--tab-height:max(44px, 1.9rem);--tab-space:calc(var(--tab-height) + 1px + var(--safe-bottom))}.tab-bar{z-index:3;min-height:var(--tab-space);padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--stage-bg);border-top:1px solid var(--overlay-divider);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute;bottom:0;left:0;right:0}.tab-bar a{min-width:0;min-height:var(--tab-height);color:var(--tab-inactive);place-items:center;padding:.25rem .15rem;text-decoration:none;display:grid}.tab-bar a[aria-current=page]{color:var(--tab-active)}.tab-bar a[aria-current=page] .icon{stroke-width:calc(var(--icon-stroke) * 1.25)}.tab-bar a:focus-visible{outline-offset:-3px}.tab-icon{place-items:center;display:grid}.with-tabs .challenge-panel{bottom:var(--tab-space);padding-bottom:1.25rem}.with-tabs .leaderboard-panel{padding-bottom:0}.with-tabs .board-scroll{padding-bottom:1.25rem}.screen-top{background:var(--stage-bg);border-bottom:1px solid var(--overlay-divider);padding-bottom:.4rem}.large-title{overflow-wrap:anywhere;margin:0;font-size:clamp(1.6rem,8cqw,2.2rem)}.app[data-presentation=root] .board-scroll{margin-top:calc(var(--safe-top) + 1rem)}.route-frame{pointer-events:none;position:absolute;inset:0}.route-frame>*{pointer-events:auto}.route-frame[data-motion=push]{animation:push-in var(--motion-push) var(--ease-push) both}.route-frame[data-motion=pop]{animation:pop-in var(--motion-push) var(--ease-push) both}@keyframes push-in{0%{transform:translate(100%)}}@keyframes pop-in{0%{opacity:.6;transform:translate(-30%)}}@media (prefers-reduced-motion:reduce){.route-frame[data-motion]{animation:none}}.screen{inset:0 0 var(--tab-space);background:var(--hero-pattern), radial-gradient(circle at 50% 20%, var(--hero-top), var(--hero-bottom) 70%);flex-direction:column;display:flex;position:absolute}.screen-body{min-height:0;margin-top:calc(var(--safe-top) + 4.25rem);padding:0 calc(var(--safe-right) + 1.25rem) 1.25rem calc(var(--safe-left) + 1.25rem);overscroll-behavior:contain;flex-direction:column;flex:1;gap:.7rem;display:flex;overflow-y:auto}.app[data-presentation=root] .screen-body{margin-top:calc(var(--safe-top) + 1rem)}.screen-body>*{flex-shrink:0}.screen h2{overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,7.5cqw,2.1rem)}.screen p{color:var(--on-overlay-muted);margin:0}.screen .small{color:var(--on-overlay-subtle)}.surface-card{border-radius:var(--radius-sheet);background:var(--surface);color:var(--on-surface);gap:1.25rem;padding:1rem;display:grid}.surface-card p{color:inherit}.surface-card .small,.surface-card .details-footer{color:var(--on-surface-muted)}.screen .surface-card h2{font-size:1.15rem}.me-group-title{font-family:var(--font-body);letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;color:var(--on-overlay-subtle);margin:.4rem 0 -.3rem;font-weight:700;font-size:.8rem!important}.me-list{border-radius:var(--radius-sheet);background:var(--surface);color:var(--on-surface);margin:0;padding:0;list-style:none;overflow:hidden}.me-list>li+li{border-top:1px solid var(--divider)}.me-row,.me-static{min-height:44px;color:inherit;align-items:center;gap:.6rem;padding:.55rem .9rem;text-decoration:none;display:flex}.me-static{flex-wrap:wrap;row-gap:.1rem}.me-row-text{flex-wrap:wrap;flex:1;align-items:center;gap:.1rem .6rem;min-width:0;display:flex}.me-row .icon{width:1.1rem;height:1.1rem;color:var(--on-surface-muted);flex:none}.me-row:focus-visible{outline-offset:-3px}.me-list button.me-row{width:100%;color:inherit;font-weight:inherit;text-align:start;box-shadow:none;background:0 0;border:0;border-radius:0;padding:.55rem .9rem}.me-list .list-row{overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:flex-start;gap:.1rem}.me-list .list-row>span:first-child,.play-start .me-row-label{font-weight:600}.list-row-text{flex-direction:column;align-items:flex-start}.screen .me-list .small{color:var(--on-surface-muted)}.play-kind .match-section,.play-kind .duel-section{gap:.5rem;display:grid}.play-kinds .me-row{min-height:4.5rem}.play-kinds .me-row-label{font-size:1.15rem}.play-kinds .badge{border-radius:var(--radius-badge);background:var(--badge-bg);min-width:1.5rem;height:1.5rem;color:var(--on-badge);text-align:center;box-sizing:border-box;flex:none;padding:0 .4rem;font-size:.85rem;font-weight:700;line-height:1.5rem}.play-data .surface-card section{gap:.5rem;display:grid}.play-data .surface-card ul{gap:.3rem;margin:0;padding-left:1.1rem;display:grid}.play-data .surface-card h2{margin:0;font-size:1.15rem}.me-row-label{overflow-wrap:anywhere;flex:auto;min-width:0;font-weight:600}.me-row-value{min-width:0;color:var(--on-surface-muted);text-align:end;overflow-wrap:anywhere;flex:0 auto;margin-left:auto;font-size:.92rem;display:block}.me-row-value .small,.me-row-value .text-slot-sizer{text-align:end}.me-row-line{display:block}.me-static .me-row-value{text-align:start;flex-basis:100%}.credits{overflow-wrap:anywhere;gap:.3rem;margin:0;padding-left:1.1rem;font-size:.9rem;display:grid}.about-section{gap:.6rem;display:grid}.setting-screen .language-switch,.setting-screen .palette-switch{gap:.5rem}.paywall-heading{margin:0}.paywall-state{margin:0;font-weight:700}.screen-body>.paywall-slot{isolation:isolate;contain:paint;border-radius:var(--radius-sheet);background:var(--surface);flex:1 1 0;min-height:16rem;position:relative;overflow:hidden}.paywall-target{overscroll-behavior:contain;position:absolute;inset:0;overflow-y:auto}.screen .paywall-loading{text-align:center;color:var(--on-surface-muted);place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.paywall-target:not(:empty)+.paywall-loading{display:none}