.command-notices{--cn-gold:#f4cf82;--cn-cyan:#8de9ee;--cn-ink:#eef7ff;isolation:isolate;color:var(--cn-ink);background:radial-gradient(at 2%,#4eb6d121,#0000 60%),linear-gradient(125deg,#13283f,#0b1b30);border:1px solid #7ad2e259;border-radius:.85rem;flex-wrap:wrap;align-items:center;gap:.85rem;margin-block:1rem;padding:.9rem 1rem;display:flex;position:relative;overflow:hidden}.command-notices[data-tone=attention]{border-color:#f4cf82a6}.command-notices[data-tone=success]{--cn-cyan:#a2edc5;border-color:#7de1b1a6}.command-notice-art{flex:none;place-items:center;width:64px;height:64px;display:grid;position:relative}.command-notice-art>svg{filter:drop-shadow(0 2px 9px #6fddec4d);width:100%;height:100%;position:relative;overflow:visible}.command-notice-ring{border:1px solid var(--cn-cyan);opacity:.2;border-radius:50%;position:absolute;inset:0}.command-notice-ring-two{border-color:var(--cn-gold);inset:8px}.command-notice-symbol{border:1px solid var(--cn-gold);width:25px;height:25px;color:var(--cn-gold);background:#122841;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.command-notice-symbol svg{width:15px;height:15px}.command-notice-copy{overflow-wrap:anywhere;flex:1;min-width:0}.command-notice-eyebrow{letter-spacing:.14em;color:var(--cn-cyan);font-size:.61rem;font-weight:750}.command-notice-title{margin-top:.2rem;font-size:.95rem;font-weight:700;line-height:1.4}.command-notice-detail{color:#c7d7e8;margin-top:.25rem;font-size:.75rem;line-height:1.5}.command-notice-controls{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.command-notices button{min-width:44px;min-height:44px;color:var(--cn-ink);background:#172e49;border:1px solid #8ecae266;border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.73rem;font-weight:650;display:inline-flex}.command-notices button:hover{border-color:var(--cn-gold);background:#203b59}.command-notices button:focus-visible{outline:2px solid var(--cn-gold);outline-offset:3px}.command-notices button:disabled{opacity:.55;cursor:default}.command-notices button svg{flex:none;width:16px;height:16px}.command-notice-review{flex-wrap:wrap;gap:.4rem;margin-top:.45rem;display:flex}.command-notice-review>button:first-child{border-color:var(--cn-gold)}.command-notices[data-motion=playing] .command-notice-ring{animation:1.4s ease-out 3 cn-ring}.command-notices[data-motion=playing] .command-notice-ring-two{animation:4.2s ease-in-out cn-orbit}.command-notices[data-motion=playing] .command-notice-symbol{animation:1.4s ease-in-out 3 cn-bell}.command-notices[data-motion=paused] :is(.command-notice-ring,.command-notice-symbol){animation-play-state:paused}.command-notices[data-motion=paused] .command-notice-ring{animation:1.4s ease-out 3 paused cn-ring}.command-notices[data-motion=paused] .command-notice-ring-two{animation:4.2s ease-in-out paused cn-orbit}.command-notices[data-motion=paused] .command-notice-symbol{animation:1.4s ease-in-out 3 paused cn-bell}@keyframes cn-ring{0%{opacity:.1;transform:scale(.8)}35%{opacity:.65}to{opacity:0;transform:scale(1.3)}}@keyframes cn-orbit{0%{opacity:.15;transform:rotate(0)scale(.9)}50%{opacity:.75}to{opacity:.2;transform:rotate(180deg)scale(1)}}@keyframes cn-bell{0%,35%,to{transform:rotate(0)}10%{transform:rotate(12deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(5deg)}}@media (width<=640px){.command-notices{gap:.7rem;padding:.8rem}.command-notice-art{width:48px;height:48px}.command-notice-controls{flex-basis:100%;padding-left:0}.command-notice-copy{flex-basis:calc(100% - 65px)}.command-notice-title{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.command-notices *{transition:none!important;animation:none!important}}