.farewell-clock{flex:0 1 auto;white-space:nowrap;font:12px monospace;color:#f0bdb1;border:1px solid #98544c;padding:4px 8px;background:#301c20;line-height:1.4;letter-spacing:.3px}
.memory-haze{position:absolute;inset:0;z-index:19;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 42%,#c28a8115 10%,#8e252c42 70%,#5c182d6b);transition:opacity 1.2s ease}
.memory-shaken .memory-haze,.awaiting-execution .memory-haze{opacity:1}
.awaiting-execution .memory-haze{background:radial-gradient(ellipse at center,#a6242326,#5d102d80)}
.memory-shaken #world,.memory-shaken #interiorCanvas,.memory-shaken #boardCanvas{filter:sepia(.22) saturate(.65) blur(.55px);transition:filter 1.8s}
.awaiting-execution #world,.awaiting-execution #interiorCanvas{filter:sepia(.3) saturate(.65)}
.memory-haze::after{content:'';position:absolute;inset:-4%;opacity:0;background:repeating-linear-gradient(0deg,#dbc4b538 0 1px,transparent 1px 4px),repeating-linear-gradient(93deg,transparent 0 7px,#3d132649 7px 10px);image-rendering:pixelated}
.name-shock .memory-haze::after{animation:name-static .7s steps(3,end) both}
@keyframes name-static{0%{opacity:0}18%{opacity:.26;transform:translateX(2px)}50%{opacity:.16;transform:translate(-2px,1px)}75%{opacity:.09;transform:translateX(1px)}100%{opacity:0;transform:none}}
.notice-paper.ink-hidden .paper-seal{opacity:.2}.notice-paper.ink-hidden .paper-prompt{color:#655141}
.notice-paper.ink-hidden::after{content:'';position:absolute;left:20%;right:20%;top:47%;height:20%;background:repeating-linear-gradient(0deg,#3e302950 0 3px,transparent 3px 7px);filter:blur(2px);pointer-events:none}
@media(max-width:600px){.farewell-clock{font-size:10px;padding:3px 5px}.topbar:has(.farewell-clock:not([hidden])){gap:5px}.topbar:has(.farewell-clock:not([hidden])) .brand{font-size:11px;gap:4px}.topbar:has(.farewell-clock:not([hidden])) .brand{overflow:hidden;min-width:0;text-overflow:ellipsis}.topbar:has(.farewell-clock:not([hidden])) .brand-mark{display:none}.topbar:has(.farewell-clock:not([hidden])) nav{gap:6px}}
@media(prefers-reduced-motion:reduce){.name-shock .memory-haze::after{animation:none}.memory-haze{transition:none}.memory-shaken #world,.memory-shaken #interiorCanvas,.memory-shaken #boardCanvas{filter:sepia(.22) saturate(.65)}}

@media(max-width:370px){.topbar:has(.farewell-clock:not([hidden])) .brand>span:not(.brand-mark){display:none}.topbar:has(.farewell-clock:not([hidden])) .brand-mark{display:block}.topbar:has(.farewell-clock:not([hidden])) .brand{flex-shrink:0}}