*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif}
.source-page,.source-page body{width:100%;height:100%;overflow:hidden;background:transparent!important}
.source-page body{display:flex;justify-content:center;align-items:center}
.source-page canvas{display:block;width:min(100vw,56.25vh);height:min(100vh,177.7778vw);object-fit:contain}
.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
html.tt-shell .practice-panel .effects{grid-template-columns:repeat(3,minmax(0,1fr))}
html.tt-shell .practice-panel .effects button{min-width:0}
html.tt-shell .practice-panel .note[role=status]{min-height:1.5em}
html.tt-shell #players{list-style:none;margin:0;padding:16px 0 0;display:grid;gap:10px}
html.tt-shell #players li{display:flex;align-items:center;gap:10px;color:var(--copy);font-size:14px}
html.tt-shell .field-row>label{min-width:150px}
html.tt-shell .gift-legend{display:block;margin:0}
html.tt-shell .gift-legend-row{display:flex;grid-template-columns:none;padding:15px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
html.tt-shell .gift-copy{min-width:170px}
html.tt-shell .gift-actions{justify-content:flex-end}
@media(max-width:600px){
  html.tt-shell .practice-panel .effects{grid-template-columns:1fr}
  html.tt-shell .field-row>label{flex-basis:100%}
  html.tt-shell .gift-legend-row{align-items:flex-start}
}