.trn{display:grid;gap:var(--s-4)}.trn-table{display:grid;gap:var(--s-5);justify-items:center;padding:var(--s-5) var(--s-4);border-radius:var(--r-card);background-color:var(--field-deep);background-image:var(--pattern-lattice);color:var(--paper);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 10px 30px -10px #00000073;--focus: var(--brass-light)}.trn-seat{display:grid;gap:var(--s-3);justify-items:center}.trn-seat__label{font-size:var(--step--1);font-weight:650;color:var(--field-tint);text-align:center;min-height:1.6em}.trn-seat__label--you{color:var(--paper);font-weight:750}.trn-table{--cw: clamp(5rem, 3.5rem + 3vw, 6.75rem)}.trn-cards{display:flex;gap:var(--s-3);min-height:calc(var(--cw) * 1.4)}.trn-cards .pc,.trn-cards .pc-flip{--pc-w: var(--cw)}.trn-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2)}.trn-act{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:.5rem 1rem;border:0;border-radius:var(--r-card-sm);background:var(--paper);color:var(--ink);font-weight:750;font-size:var(--step-0);box-shadow:var(--shadow-rest);transition:transform var(--dur-card) var(--ease-spring),box-shadow var(--dur-card) var(--ease-out),opacity var(--dur-quick)}.trn-act:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-lift)}.trn-act:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.trn-act__key{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .25rem;border-radius:4px;background:var(--paper-shade);box-shadow:inset 0 -1px 0 var(--paper-edge);font-family:var(--font-index);font-size:.85rem;color:var(--ink-muted)}.trn-act.is-right{background:var(--brass)}.trn-act.is-right .trn-act__key{background:#ffffff80}.trn-act.is-picked:not(.is-right){background:var(--suit-red);color:#fff}.trn-act.is-picked:not(.is-right) .trn-act__key{background:#ffffff40;color:#fff;box-shadow:none}.trn-fb{min-height:5.5rem;display:grid;gap:var(--s-3);align-content:start}.trn-fb__idle{font-size:var(--step--1);color:var(--ink-muted);padding:var(--s-3) 0}.trn-why{font-size:var(--step--1)}.trn-why summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;color:var(--field)}.trn-why>*+*{margin-top:var(--s-3)}.trn-next{justify-self:start}.trn-next .trn-act__key{background:#ffffff26;color:var(--paper);box-shadow:none}.trn-side{gap:var(--s-5)}.trn-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2);margin-top:var(--s-3)}.trn-stats>div{padding:var(--s-2) var(--s-3);border-radius:var(--r-card-sm);background:var(--paper-shade);box-shadow:inset 0 0 0 1px var(--paper-edge);display:flex;flex-direction:column-reverse;justify-content:flex-end}.trn-stats dt{font-size:var(--step--2);font-weight:650;color:var(--ink-muted);line-height:1.3}.trn-stats dt small{display:block;font-weight:500}.trn-stats dd{margin:0;font-family:var(--font-display);font-weight:800;font-stretch:80%;font-size:var(--step-2);line-height:1.1;font-variant-numeric:tabular-nums}.trn-modes .chips{margin-top:var(--s-2)}.trn-rules summary{cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-2);min-height:44px;align-items:center}.trn-rules__short{font-size:var(--step--1);font-weight:700;text-decoration:underline;text-underline-offset:.2em}.trn-rules .rules{margin-top:var(--s-3)}.trn-rules .panel__note{margin-top:var(--s-2)}.trn-rules a,.trn-side a{color:var(--field)}.trn-hist{display:grid;gap:0;margin-top:var(--s-2)}.trn-hist li{display:flex;align-items:center;gap:var(--s-3);padding:.45rem 0;border-bottom:1px solid var(--paper-edge);font-size:var(--step--1)}.trn-hist li:last-child{border-bottom:0}.trn-h__cards{display:flex;align-items:center;gap:2px;flex:none}.trn-h__cards .pc{--pc-w: 1.75rem}.trn-h__v{margin:0 .2rem;color:var(--ink-muted);font-size:var(--step--2)}.trn-h__txt{display:flex;flex-wrap:wrap;gap:.15rem .5rem;align-items:center}.trn-h__mark{display:inline-flex;align-items:center;gap:.25rem;font-weight:750}.trn-h__mark svg{width:1rem;height:1rem}.is-ok .trn-h__mark{color:var(--field-deep)}.is-miss .trn-h__mark{color:var(--suit-red-deep)}.trn-h__cost{font-variant-numeric:tabular-nums;color:var(--suit-red-deep);font-weight:700}.trn-h__empty{color:var(--ink-muted)}.trn-reset{justify-self:start;min-height:36px;padding-inline:0;font-size:var(--step--1)}@media(max-width:40rem){.tool__table:has(.trn)>.card__body{padding:2.6rem .75rem}.trn-table{--cw: 4.1rem;grid-template-columns:1fr 1fr;align-items:start;padding:var(--s-4) var(--s-2);gap:var(--s-3) var(--s-2)}.trn-actions{grid-column:1 / -1}.trn-seat:nth-child(2){grid-row:1;grid-column:2}.trn-seat:nth-child(2) .trn-seat__label{order:-1}.trn-cards{gap:var(--s-1)}.trn-seat__label{font-size:var(--step--2)}.trn-act{padding:.45rem .7rem;font-size:var(--step--1)}}