.fi-card{position:fixed;left:50%;top:18%;transform:translate(-50%);z-index:60;display:grid;justify-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);padding:12px 16px;font-family:var(--mc-font, var(--font));font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0;color:var(--mc-text, #fff);text-shadow:var(--mc-shadow, 1px 1px 0 #000);text-align:center;background:var(--mc-glass-deep, rgba(15, 16, 26, .78));border:3px solid var(--mc-teal, #4fc1b0);backdrop-filter:blur(6px)}.fi-card[hidden]{display:none}.fi-title{font-size:17px;font-weight:400;overflow-wrap:anywhere}.fi-line{margin:0;max-width:360px;font-size:13px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;color:var(--mc-dim, rgba(255, 255, 255, .62))}.fi-row{display:flex;gap:10px}.fi-time{justify-self:start;width:100%;height:4px;background:var(--mc-teal, #4fc1b0);animation:fi-drain linear forwards}@keyframes fi-drain{0%{width:100%}to{width:0}}.fi-key{display:inline-block;min-width:18px;padding:0 4px 2px;font:400 11px/1.3 var(--mc-font, var(--font));text-align:center;color:var(--mc-slate, #1a1d2b);text-shadow:none;background:var(--mc-light, #c6c6c6);border:2px solid #000;box-shadow:inset 0 -2px #8b8b8b}body.touch .fi-key{display:none}.fi-card.is-right{left:auto;right:16px;top:30%;transform:none;animation:fi-in-right .2s ease-out}@keyframes fi-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.fi-card.is-right{animation:none}}.fi-card.is-missed{grid-template-columns:minmax(0,1fr) auto auto;justify-items:start;align-items:center;gap:8px;padding:6px 8px 6px 12px;border-width:2px;border-color:var(--mc-line, rgba(255, 255, 255, .25));text-align:left}.fi-card.is-missed .fi-title{font-size:13px}.fi-card.is-missed .mc-btn{min-height:28px;padding:2px 12px;font-size:13px}.fi-card.is-missed .mc-x{min-width:28px;padding:0 0 2px;font-size:16px;background-color:var(--mc-fill, rgba(255, 255, 255, .08))}
