.trn{display:flex;flex-direction:column;min-width:0}.trn:focus{outline:none}.trn__bar{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-5);align-items:flex-end;justify-content:space-between;padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border)}.trn__stats{display:flex;gap:var(--s-5);margin:0}.trn__stats div{display:flex;flex-direction:column;gap:2px}.trn__grid dt,.trn__numbers dt,.trn__stats dt{font-size:var(--text-xs);color:var(--muted);font-weight:500}.trn__grid dd,.trn__numbers dd,.trn__stats dd{margin:0;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trn__stats dd{font-size:var(--text-xl);line-height:1.1}.trn__stage{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-5);min-height:236px}.trn__ask{font-size:var(--text-lg);font-weight:650;line-height:1.3}.trn__prompt{display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start;min-width:0}.trn__loading{margin:auto 0}.trn__error{display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start}.trn__scene{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-6);align-items:flex-end}.trn__scene-item{display:flex;flex-direction:column;gap:var(--s-2);min-width:0}.trn__label{font-size:var(--text-xs);color:var(--muted);font-weight:500}.trn__figure{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-xl);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trn__pill{display:inline-flex;align-items:center;min-height:28px;padding:0 var(--s-3);border-radius:var(--r-sm);background:var(--surface-3);border:1px solid var(--border);font-size:var(--text-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trn__handclass{font-size:var(--text-2xl);font-weight:700;letter-spacing:.01em}.trn__answers{display:flex;flex-direction:column;gap:var(--s-3);padding:0 var(--s-5) var(--s-4);min-height:150px}.trn__choices{display:grid;gap:var(--s-2)}.trn__choices,.trn__choices--many{grid-template-columns:repeat(2,minmax(0,1fr))}.trn-choice{display:flex;align-items:center;gap:var(--s-3);min-height:56px;padding:var(--s-2) var(--s-3);border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);text-align:left;font-size:var(--text-md);font-weight:600;cursor:pointer;min-width:0}.trn-choice span{min-width:0;overflow-wrap:anywhere;line-height:1.3}.trn-choice:hover:not(:disabled){border-color:var(--muted);background:var(--surface-3)}.trn-choice:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.trn-choice:disabled{cursor:default;opacity:.55}.trn-choice[data-state=correct]{opacity:1;border-color:var(--felt-bright);background:color-mix(in srgb,var(--felt-bright) 14%,transparent)}.trn-choice[data-state=wrong]{opacity:1;border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.trn kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:4px;border:1px solid var(--border-strong);background:var(--bg);color:var(--muted);font:600 var(--text-xs) /1 var(--font-sans);flex:none}.trn__number{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:flex-end}.trn__input{flex:1 1 180px;max-width:280px}.trn__number .btn{min-height:var(--tap);flex:0 0 auto}.trn__slider{flex:1 1 100%;display:flex;flex-direction:column;gap:var(--s-2)}.trn__slider .slider{min-height:var(--tap)}.trn__readout{font-size:var(--text-3xl);font-weight:700;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--gold-strong)}.trn__hint{margin-top:auto}.trn__feedback{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4) var(--s-5) var(--s-5);border-top:1px solid var(--border);background:var(--surface-2);min-height:252px}.trn__feedback[data-state=correct]{border-top-color:var(--felt-bright)}.trn__feedback[data-state=wrong]{border-top-color:var(--danger)}.trn__verdict{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-5);align-items:center}.trn__numbers{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);margin:0}.trn__numbers div{gap:2px}.trn__explain,.trn__numbers div{display:flex;flex-direction:column}.trn__explain{gap:var(--s-2);font-size:var(--text-sm);color:var(--text);min-width:0}.trn__explain p{margin:0}.trn__math{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;color:var(--gold-strong)}.trn__reveal{gap:var(--s-2);min-width:0}.trn__notes,.trn__reveal{display:flex;flex-direction:column}.trn__notes{margin:0;padding-left:var(--s-5);gap:var(--s-1)}.trn__dirty{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3);font-size:var(--text-sm)}.trn__breakdown{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-1) var(--s-4);margin:0;font-size:var(--text-sm)}.trn__breakdown dt{color:var(--text)}.trn__breakdown dd{margin:0;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;color:var(--gold-strong)}.trn__reveal .range-grid{max-width:420px}.trn__action{display:flex;align-items:center;gap:var(--s-3);min-height:calc(var(--tap) + var(--s-3) * 2 + 1px);padding:var(--s-3) var(--s-5);border-top:1px solid var(--border);background:var(--surface-1)}.trn__action .btn{min-height:var(--tap);min-width:220px}.trn__action .btn kbd{margin-left:var(--s-2);background:transparent;border-color:color-mix(in srgb,var(--gold-ink) 45%,transparent);color:var(--gold-ink)}.trn__action[data-idle]{visibility:hidden;pointer-events:none}@media (max-width:899px){.trn:not(.trn--embed) .trn__foot{padding-bottom:calc(var(--tap) + var(--s-3) * 2 + var(--s-4))}.trn:not(.trn--embed) .trn-choice{scroll-margin-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom) + var(--tap) + var(--s-3) * 2 + var(--s-3))}.trn:not(.trn--embed) .trn__action{position:sticky;bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));z-index:5;box-shadow:0 -8px 20px color-mix(in srgb,var(--bg) 70%,transparent)}}@media (max-width:479px){.trn__action{padding-left:var(--s-4);padding-right:var(--s-4)}.trn__action .btn{flex:1 1 auto;min-width:0}}.trn__foot{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-5) var(--s-4);border-top:1px solid var(--border)}.trn__sync{margin:0;min-width:0}.trn__links{display:flex;flex-wrap:wrap;gap:var(--s-2)}.trn__summary{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-5)}.trn__subhead{font-size:var(--text-sm);font-weight:600;color:var(--muted)}.trn__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--s-3);margin:0}.trn__grid div{display:flex;flex-direction:column;gap:2px;padding:var(--s-3);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border)}.trn__grid dd{font-size:var(--text-xl)}.trn__actions{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:auto}@media (max-width:479px){.trn__answers,.trn__bar,.trn__feedback,.trn__foot,.trn__stage,.trn__summary{padding-left:var(--s-4);padding-right:var(--s-4)}.trn__stage{min-height:220px}.trn__choices{gap:var(--s-2)}.trn-choice{min-height:60px}}@media (prefers-reduced-motion:no-preference){.trn-choice{transition:border-color .12s,background .12s}}.trn-hub__intro{margin:calc(var(--s-2) * -1) 0 var(--s-4);font-size:var(--text-sm)}.trn__dirty .card-row,.trn__reveal .card-row{flex-wrap:wrap;max-width:100%}