.hud .eg-hud-line{text-align:center;transition:opacity .15s ease}.hud .eg-hud-line.eg-hidden{opacity:0}.hud .eg-toast-slot{position:absolute;top:2px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:20}.hud .eg-toast-slot .message.toast{max-width:calc(100% - 16px);text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.18)}.eg-hint-btn,.eg-hint-chip{position:absolute;top:2px;left:2px;height:40px;padding:0 12px;border-radius:20px;border:2px solid var(--color-border);background:var(--surface);color:var(--color-text);font-size:15px;font-weight:800;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;animation:eg-fade-in .25s ease both}.eg-hint-btn{cursor:pointer;transition:transform .12s ease,background-color .15s ease}.eg-hint-btn:hover{background:var(--hover)}.eg-hint-btn:active{transform:scale(.96)}.eg-hint-chip{border-style:dashed;color:var(--color-muted);font-weight:700}.eg-hint-chip strong{color:var(--color-text)}@media (max-height:600px){.eg-hint-btn,.eg-hint-chip{height:34px;font-size:14px;padding:0 10px}}.tile.ghost{color:var(--tile-border);color:color-mix(in srgb,var(--tile-text) 28%,transparent);border-style:dashed;border-color:var(--state-correct)}.eg-confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:56}.eg-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;animation:eg-fade-in .25s ease both}.eg-overlay-win{background:rgba(0,0,0,.28)}.eg-overlay-loss{background:rgba(8,8,12,.6);animation-duration:.7s}.eg-overlay.eg-leaving{animation:eg-fade-out .22s ease forwards}.eg-moment{width:min(340px,100%);background:var(--surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.28);padding:20px 18px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;outline:none}.eg-overlay-win .eg-moment{animation:eg-pop .42s cubic-bezier(.2,1.5,.4,1) both}.eg-overlay-loss .eg-moment{animation:eg-sink .5s ease-out .1s both}.eg-photo-wrap{border-radius:18px;overflow:hidden;width:180px;height:180px}.eg-photo{display:block;width:100%;height:100%;object-fit:cover}.eg-pop-in{animation:eg-pop .52s cubic-bezier(.2,1.6,.4,1) 80ms both}.eg-reaction{margin:0;font-size:22px;line-height:1.25;font-weight:800;color:var(--color-meta-blue)}.eg-rise{animation:eg-rise .38s ease-out both}.eg-streak{display:inline-flex;align-items:baseline;gap:6px;padding:6px 14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--color-border);font-weight:800}.eg-flame{display:inline-block;font-size:24px;transform-origin:50% 90%;animation:eg-flicker .7s ease-in-out infinite alternate}.eg-streak-num{font-size:24px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:1.4ch;text-align:right}.eg-streak-label{font-size:15px;color:var(--color-muted)}.eg-skip{margin:2px 0 0;font-size:12px;color:var(--color-muted);animation:eg-fade-in .4s ease 1.2s both}.eg-answer-label{margin:0;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.eg-answer{display:flex;gap:6px;perspective:600px}.eg-answer-tile{width:50px;height:50px;justify-content:center;font-size:28px;font-weight:800;background:var(--state-correct);color:var(--tile-revealed-text);animation:eg-tile-in .45s ease-out both}.eg-answer-tile,.eg-loss-row{display:flex;align-items:center}.eg-loss-row{gap:12px;text-align:left;margin-top:4px}.eg-photo-sad{width:64px;height:64px;border-radius:12px;flex:none;filter:grayscale(1)}.eg-reaction-sad{font-size:19px}@media (max-height:600px){.eg-photo-wrap{width:130px;height:130px}.eg-reaction{font-size:19px}}.eg-card{flex:none;width:100%;max-width:500px;min-height:calc(3 * var(--key-h) + 2 * var(--kb-gap));display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"mini info" "actions actions";align-content:center;align-items:center;grid-gap:8px 14px;gap:8px 14px;padding:8px 12px;background:var(--surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:14px;animation:eg-card-in .36s cubic-bezier(.2,.9,.3,1) both}.eg-mini{grid-area:mini;flex-direction:column}.eg-mini,.eg-mini-row{display:flex;gap:2px}.eg-mini-cell{width:11px;height:11px;border-radius:2px;background:transparent;box-shadow:inset 0 0 0 1px var(--color-border)}.eg-mini-cell.correct{background:var(--state-correct);box-shadow:none}.eg-mini-cell.present{background:var(--state-present);box-shadow:none}.eg-mini-cell.absent{background:var(--state-absent);box-shadow:none}.eg-info{grid-area:info;display:flex;flex-direction:column;gap:3px;min-width:0}.eg-info p{margin:0}.eg-result{font-size:19px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.eg-result strong{font-weight:900}.eg-result-word{font-weight:800;letter-spacing:.04em}.eg-points{font-size:14px;color:var(--color-muted)}.eg-points strong{color:var(--state-correct);font-size:15px}.eg-points-note{font-size:12px}.eg-next{font-size:14px}.eg-countdown-label{color:var(--color-muted)}.eg-countdown-time{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.eg-actions{grid-area:actions;display:grid;grid-template-columns:1.25fr 1fr;grid-gap:8px;gap:8px}.eg-btn{min-height:44px;padding:0 14px;border-radius:10px;font-size:16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:2px solid transparent;transition:transform .12s ease,filter .15s ease,background-color .15s ease}.eg-btn:active{transform:scale(.97)}.eg-btn-primary{background:var(--state-correct);color:#fff;border-color:var(--state-correct)}.eg-btn-primary:hover{filter:brightness(1.06)}.eg-btn-secondary{background:var(--surface);color:var(--color-text);border-color:var(--color-border)}.eg-btn-secondary:hover{background:var(--hover)}@media (max-height:600px){.eg-card{gap:6px 12px;padding:8px 10px}.eg-btn{min-height:40px}.eg-mini-cell{width:9px;height:9px}.eg-result{font-size:17px}}@media (max-width:360px){.eg-btn{padding:0 10px;font-size:15px}}.eg-confirm-overlay{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--overlay);animation:eg-fade-in .18s ease both}.eg-confirm{width:min(340px,100%);background:var(--surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.28);padding:18px;animation:eg-pop .26s cubic-bezier(.2,1.3,.4,1) both}.eg-confirm-title{margin:0 0 6px;font-size:19px;font-weight:800}.eg-confirm-desc{margin:0 0 16px;font-size:16px;line-height:1.4}.eg-confirm-sub{font-size:13px;color:var(--color-muted)}.eg-confirm-actions{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:8px;gap:8px}@keyframes eg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes eg-fade-out{0%{opacity:1}to{opacity:0}}@keyframes eg-pop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes eg-sink{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes eg-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes eg-card-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes eg-tile-in{0%{opacity:0;transform:rotateX(-90deg)}60%{opacity:1;transform:rotateX(12deg)}to{opacity:1;transform:rotateX(0deg)}}@keyframes eg-flicker{0%{transform:scale(1) rotate(-4deg)}to{transform:scale(1.14) rotate(4deg)}}