@layer components{.sm-arena{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"mac" "out" "load" "mini";gap:16px;align-items:start;overflow:clip;padding-top:16px}.sm-arena>.sm-arena__mac{grid-area:mac}.sm-arena>.sm-arena__out{grid-area:out}.sm-arena>.sm-arena__load{grid-area:load}.sm-arena>.sm-mini{grid-area:mini}.sm-arena .sm-card{margin-top:0}@container (min-width: 760px){.sm-arena{grid-template-columns:1fr 1.05fr;grid-template-rows:auto 1fr;grid-template-areas:"mac out" "load out"}.sm-arena>.sm-arena__out{position:sticky;top:16px}.sm-card{padding:24px}}.sm-startover{margin:8px 0 0}.sm-res{display:grid;gap:16px}.sm-res[data-state=planning] .sm-banner,.sm-res[data-state=planning] .sm-res__body{opacity:.45}.sm-chips{display:flex;flex-wrap:wrap;gap:8px}.sm-chip{min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-weight:800;cursor:pointer;touch-action:manipulation}.sm-chip[aria-checked=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.sm-chip[aria-checked=true]:focus-visible{outline-color:var(--focus-on-accent)}.sm-slow{margin:0;color:var(--muted);font-size:var(--text-label)}.sm-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px;border-radius:12px;background:var(--banner-off);color:var(--ink);transition:background .2s}.sm-banner[data-tone=off]{box-shadow:inset 0 -3px 0 var(--miss)}.sm-banner[data-tone=on]{background:var(--accent);color:var(--on-accent)}.sm-banner__title{font-family:var(--font-display);font-weight:900;font-size:var(--text-heading);line-height:1;text-transform:uppercase}.sm-banner__sub{margin-top:4px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.sm-banner[data-tone=on] .sm-banner__sub{color:var(--on-accent)}.sm-banner[data-tone=neutral] .sm-banner__sub,.sm-banner[data-tone=off] .sm-banner__sub{color:var(--muted)}.sm-banner__kcal{display:flex;align-items:baseline;gap:4px;font-family:var(--font-display);font-weight:900}.sm-banner__kcal span{font-size:var(--text-heading)}.sm-banner__kcal small{font-size:12px;letter-spacing:.14em;text-transform:uppercase}@container (min-width: 760px){.sm-banner__kcal span{font-size:56px;line-height:.9}}.sm-rings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sm-ring{display:grid;justify-items:center;gap:6px}.sm-ring__disc{position:relative;width:min(100%,104px);aspect-ratio:1}.sm-ring__arc{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--mc) calc(var(--rp) * 1%),var(--ring-track) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px));mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px))}.sm-ring__center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;animation:sm-bump .3s ease}.sm-ring__center b{font-family:var(--font-display);font-weight:900;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}.sm-ring__center span{font-size:11px;letter-spacing:.1em}.sm-ring__center span,.sm-ring__label{font-weight:800;text-transform:uppercase;color:var(--muted)}.sm-ring__label{display:inline-flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.12em}.sm-ring__label i{width:8px;height:8px;border-radius:50%;background:var(--mc)}.sm-ring__pill{min-width:64px;padding:4px 10px;border-radius:999px;text-align:center;font-weight:900;font-size:13px;font-variant-numeric:tabular-nums;background:var(--miss);color:var(--on-accent)}.sm-ring[data-hit=yes] .sm-ring__pill{background:var(--accent)}@keyframes sm-bump{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.sm-grams{list-style:none;margin:0;padding:0}.sm-gr{display:grid;grid-template-columns:112px minmax(0,1fr);gap:0 14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.sm-gr__num{text-align:right;white-space:nowrap;font-family:var(--font-display);font-weight:900;font-size:56px;line-height:.9;font-variant-numeric:tabular-nums;color:var(--ink)}.sm-gr__num small{font-size:22px;margin-left:2px;color:var(--muted)}.sm-gr__body{display:grid;gap:4px;min-width:0;justify-items:start}.sm-gr__name{font-weight:700;overflow-wrap:anywhere}.sm-gr__hint{color:var(--muted);font-size:var(--text-label)}.sm-gr__mini{display:flex;gap:10px;font-size:12px;font-weight:800;color:var(--muted)}.sm-gr__mini span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:4px;background:var(--mc)}.sm-gr__tag{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sm-gr__tag--miss{color:var(--miss)}@container (max-width: 520px){.sm-gr{grid-template-columns:96px minmax(0,1fr)}.sm-gr__num{font-size:50px}}.sm-why{background:#1E1E22;border:1px solid #3a2a2e;border-radius:12px;padding:16px;display:grid;gap:8px}.sm-why p{margin:0}.sm-why__label{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.sm-fix{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.sm-fix__btn{min-height:44px;padding:8px 18px;border-radius:999px;border:1.5px solid var(--accent);background:transparent;color:var(--accent);font:inherit;font-weight:800;cursor:pointer;touch-action:manipulation}.sm-fix__btn:focus-visible,.sm-fix__btn:hover{background:var(--accent);color:var(--on-accent)}.sm-fix__note{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sm-act{display:flex;flex-wrap:wrap;gap:12px}.sm-act .sk-btn:disabled,.sm-act .sk-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.sm-block{display:grid;gap:8px;padding:16px;border-radius:12px;border:1px dashed var(--control)}.sm-block__title{margin:0;font-family:var(--font-display);font-weight:900;font-size:22px;text-transform:uppercase;color:var(--ink)}.sm-block__body{margin:0}.sm-btn{justify-self:start;min-height:44px;padding:8px 20px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-weight:800;cursor:pointer;touch-action:manipulation}.sm-mini{position:sticky;bottom:8px;z-index:5;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:99px;box-shadow:0 16px 32px rgba(0,0,0,.6)}.sm-mini__gaps{display:flex;flex:1;gap:12px;justify-content:space-between}.sm-mini__gap{display:inline-flex;align-items:center;gap:6px;font-weight:900;font-variant-numeric:tabular-nums}.sm-mini__gap[data-hit=no]{color:var(--miss)}.sm-mini__gap i{width:8px;height:8px;border-radius:50%;background:var(--mc)}.sm-mini__chip{padding:8px 14px;border-radius:99px;font-size:12px;font-weight:900;letter-spacing:.1em;background:var(--miss);color:var(--on-accent)}.sm-mini__chip[data-on=yes]{background:var(--accent)}@container (min-width: 760px){.sm-mini{display:none}}.sm-hand{margin-top:48px;display:grid;gap:20px;padding:24px;border-radius:24px;border:2px solid var(--accent);background:linear-gradient(135deg,#17170F,#0E0E0F 60%)}.sm-hand__kicker{margin:0;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.sm-hand h2{margin:4px 0 0;font-size:clamp(32px,6cqi,56px);line-height:.95}.sm-hand p{margin:0}.sm-hand__text{display:grid;gap:12px;justify-items:start}.sm-hand__note{font-size:var(--text-label);color:var(--muted)}.sm-hand__list{display:none;list-style:none;margin:0;padding:0}@container (min-width: 860px){.sm-hand{grid-template-columns:1.2fr 1fr;align-items:center;padding:34px}.sm-hand__list{display:grid;gap:4px}.sm-hand__list li{display:flex;justify-content:space-between;gap:12px;font-family:var(--font-display);font-weight:900;font-size:32px;line-height:1.1;text-transform:uppercase;color:var(--ink)}.sm-hand__list .sm-hand__kcal{color:var(--accent)}}@media (prefers-reduced-motion:reduce){.sm-ring__center{animation:none}.sm-banner,.sm-ring__arc{transition:none}}}