*{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 .error{min-height:1.4em;margin:12px 0 0;color:#ffaaa2;font-size:14px}
html.tt-shell [data-side-command][aria-pressed=true]{border-color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-text);color:var(--accent-text)}
html.tt-shell #field{list-style:none;margin:0;padding:16px 0 0;display:grid;gap:10px}
html.tt-shell #field li{display:flex;align-items:center;gap:10px;color:var(--copy);font-size:14px}
html.tt-shell .practice-panel .effects button{min-width:0}
html.tt-shell .practice-panel .note[role=status]{min-height:1.5em}