#development-notifications{position:fixed;top:82px;right:20px;width:min(360px,calc(100vw - 32px));z-index:1100;pointer-events:none}
.development-notice{pointer-events:auto;background:var(--card,#faf8ed);color:var(--ink,#163928);border:1px solid var(--line,#cbd3bd);border-left:4px solid var(--forest,#254c3a);box-shadow:0 8px 28px #0003;padding:12px 14px 14px;animation:development-notice-life 6.5s ease both}
.development-notice-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.development-notice-heading>span{display:flex;align-items:center;gap:8px;font:400 20px var(--display,monospace);letter-spacing:1px;color:var(--forest,#254c3a)}
.development-notice-dismiss{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:0;border:1px solid transparent;background:transparent;color:var(--muted,#64755f);cursor:pointer}
.development-notice-dismiss:hover{color:var(--ink,#163928);background:var(--paper,#edf1e3)}
.development-notice-dismiss:focus-visible{outline:2px solid var(--forest,#254c3a);outline-offset:2px}
.development-notice-players{display:grid;gap:12px}
.development-notice-player{display:flex;align-items:center;gap:10px;min-width:0}
.development-notice-player>div{min-width:0}
.development-notice-player strong{display:block;font-size:20px;line-height:1.4;overflow-wrap:anywhere}
.development-notice-player span{display:flex;flex-wrap:wrap;gap:8px;font-size:16px;line-height:1.6;color:var(--muted,#64755f)}
.development-notice-rating{font-weight:700;color:var(--forest,#254c3a);font-variant-numeric:tabular-nums;white-space:nowrap}
.development-notice-more{font-size:16px;line-height:1.6;color:var(--muted,#64755f);margin:12px 0 0;border-top:1px solid var(--line,#cbd3bd);padding-top:10px}
@keyframes development-notice-life{0%{opacity:0;transform:translateY(-6px)}4%,95%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-3px)}}
@media(max-width:760px){#development-notifications{top:72px;right:12px;width:calc(100vw - 24px);max-width:360px}.development-notice{padding:10px 12px 12px}.development-notice-dismiss{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.development-notice{animation:none}}