/* Short cut-ins announce milestones; the last action stays beside the table. */
.table-notice{display:flex;align-items:center;gap:10px;min-height:60px;padding:7px 12px;border:1px solid #d5c2e3;border-left:4px solid #9470ad;border-radius:10px;background:#fffcff;color:#51365f;line-height:1.4;flex-shrink:0;overflow-wrap:anywhere}
.table-notice.empty{display:none}.notice-icon{font-size:25px;line-height:1;flex-shrink:0;color:#826095}.table-notice strong{display:block;font-size:14px}.table-notice p{font-size:12px;margin:2px 0 0;color:#6c5879}.table-notice.self,.table-notice.result{border-left-color:#c79636;background:#fff9e9}.table-notice.future{border-left-color:#629eaf;background:#effbfd}
.moment{position:fixed;left:50%;top:32%;transform:translate(-50%,-50%);z-index:70;width:min(470px,calc(100vw - 32px));padding:19px 24px 22px;background:linear-gradient(120deg,#422658f5,#79528ff5);border:1px solid #e4c573;border-radius:16px;box-shadow:0 12px 32px #3f254a40;pointer-events:none;color:#fff;text-align:center;animation:moment-in .25s ease-out;overflow-wrap:anywhere}
.moment[hidden]{display:none}.moment-label{display:block;font:10px Georgia,serif;letter-spacing:.3em;color:#f3d899;margin-bottom:5px}.moment>strong{display:block;font-size:27px;line-height:1.4}.moment>span:last-child{display:block;font-size:13px;line-height:1.7;margin-top:6px;color:#f5edf8}.moment.future{background:linear-gradient(120deg,#234f62f5,#607f98f5)}.moment.result{border:2px solid #edc366;background:linear-gradient(120deg,#583b35f5,#866039f5)}
body:has(.overlay:not([hidden])) .moment{visibility:hidden}
.event-glow{animation:event-glow .6s ease-out}.future-glow{animation:future-glow .7s ease-out}.score-glow{animation:score-glow .8s ease-out}
@keyframes moment-in{from{opacity:0;transform:translate(-50%,-42%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes event-glow{30%{box-shadow:0 0 0 4px #eac982a8,0 0 22px #eac98265}}
@keyframes future-glow{35%{box-shadow:0 0 0 4px #7fd3ddbb,0 0 25px #7fd3dd88}}
@keyframes score-glow{40%{box-shadow:0 0 0 5px #edc26199,0 0 24px #edc26188;transform:scale(1.04)}}
.audio-settings{display:grid;gap:16px}.audio-settings label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.audio-settings input[type=range]{width:100%;grid-column:1/-1;accent-color:#8a659e;min-height:32px}.audio-settings p{font-size:13px;color:#6c5879}.audio-settings output{font-variant-numeric:tabular-nums}.header-actions{display:flex;gap:5px;align-items:center}.header-actions #sound{white-space:nowrap}
@media(max-width:600px){.table-notice{min-height:54px;padding:6px 8px;gap:7px}.table-notice strong{font-size:12px}.table-notice p{font-size:11px}.notice-icon{font-size:21px}.moment{top:31%;padding:15px 16px}.moment>strong{font-size:22px}.moment>span:last-child{font-size:12px}.header-actions{gap:3px}.topbar .header-actions .quiet{padding:6px 8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.moment,.event-glow,.future-glow,.score-glow{animation:none!important}}

.topbar #audio-settings{font-size:18px;min-width:40px;padding:6px 8px}.topbar .header-actions{flex-shrink:0}
@media(max-width:600px){body.playing .topbar{padding-inline:8px}.topbar{padding-inline:10px;gap:5px}.topbar a,body.playing .topbar a{font-size:14px;letter-spacing:.06em}.header-actions .language-select{width:70px;min-width:0}.topbar .header-actions .quiet{padding-inline:6px}}
@media(max-width:360px){.topbar{flex-wrap:wrap}.topbar a{width:100%;text-align:center}.header-actions{width:100%;justify-content:center}.game-shell{min-height:calc(100svh - 90px)}}