.egt-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.egt-card { border: 1px solid var(--line); border-radius: 12px; padding: 16px; min-width: 0; overflow-wrap: anywhere; }
.egt-card h3 { font-size: 1rem; margin-top: 0; }
.egt-card dl { display: grid; grid-template-columns: 4em minmax(0, 1fr); gap: 6px; }
.egt-card dt { font-weight: 600; }
.egt-card dd { margin: 0; }
.egt-card [aria-pressed="true"] { outline: 3px solid var(--brand); }
.egt-warning { padding: 12px; border-left: 4px solid #ad6600; background: #fff5dd; font-size: .95rem; }
.egt-display { display: block; font-variant-numeric: tabular-nums; font-size: clamp(3rem, 12vw, 5rem); font-weight: 700; text-align: center; }
.egt-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.egt-done { padding: 16px; border: 3px solid var(--brand); font-weight: 700; }
.egt-tool .table-scroll { max-width: 100%; }
.egt-tool .table-scroll table { min-width: 950px; }
.egt-tool details { margin: 10px 0; overflow-wrap: anywhere; }
.egt-tool [hidden] { display: none !important; }
.egt-mini { position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); background: #fff; border-top: 2px solid var(--brand); box-shadow: 0 -2px 8px #0002; }
.egt-mini output { font-weight: 700; font-variant-numeric: tabular-nums; }
.egt-stage { scroll-margin-top: 20px; }
body:has(.egt-mini:not([hidden])) { padding-bottom: 85px; }
@media (max-width: 640px) { .egt-cards { grid-template-columns: 1fr; } }