/* 広場の卓のお知らせ。2026-09-21: ゲームの絵を出すカード型に作り直した（以前は丸い光だけ）。 */
.msv-cm-notice{position:fixed;z-index:780;right:16px;bottom:16px;width:min(320px,calc(100vw - 24px));box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:12px 38px 12px 12px;border:1.5px solid rgba(232,182,76,.5);border-radius:20px;background:linear-gradient(135deg,rgba(32,19,46,.975),rgba(84,40,92,.975) 58%,rgba(118,52,104,.975));color:#fff;box-shadow:0 16px 42px rgba(25,12,36,.36),inset 0 1px 0 rgba(255,255,255,.08);animation:msv-cm-in .42s cubic-bezier(.2,1.25,.4,1) both;overflow:hidden}
.msv-cm-notice::before{content:"";position:absolute;inset:-40% -30% auto auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(232,182,76,.22),rgba(232,182,76,0) 70%);pointer-events:none}
.msv-cm-notice__art{position:relative;width:54px;height:54px;flex:0 0 auto;border-radius:15px;overflow:hidden;background:linear-gradient(140deg,#5a3170,#33203f);box-shadow:0 4px 14px rgba(0,0,0,.3),0 0 0 1.5px rgba(244,212,127,.45)}
.msv-cm-notice__art img{width:100%;height:100%;object-fit:cover;display:block}
.msv-cm-notice__art.is-noimg{background:radial-gradient(circle at 38% 35%,#fff6c7 0 8%,#e8b64c 20%,#c0418a 54%,#442451 74%)}
.msv-cm-notice__spark{position:absolute;right:-2px;top:-3px;font-size:13px;font-style:normal;color:#ffe9a8;text-shadow:0 0 8px rgba(255,220,130,.9);animation:msv-cm-spark 1.9s ease-in-out infinite}
.msv-cm-notice__body{min-width:0;flex:1 1 auto}
.msv-cm-notice b{display:block;color:#f4d47f;font-size:12.5px;line-height:1.4;letter-spacing:.02em}
.msv-cm-notice__g{margin:3px 0 1px;color:#fff;font-size:13.5px;font-weight:900;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msv-cm-notice__n{margin:0 0 5px;color:#dcd0e6;font-size:10.5px;display:flex;align-items:center;gap:5px}
.msv-cm-notice__dot{width:6px;height:6px;border-radius:50%;background:#7ee3a6;box-shadow:0 0 7px rgba(126,227,166,.85);animation:msv-cm-pulse 1.6s ease-in-out infinite}
.msv-cm-notice__go{display:inline-block;padding:4px 11px;border-radius:999px;background:linear-gradient(135deg,#e8b64c,#d98cc0);color:#2b1436;font-size:10.5px;font-weight:900;line-height:1.5;box-shadow:0 3px 10px rgba(232,182,76,.3)}
.msv-cm-notice__x{position:absolute;right:7px;top:7px;width:25px;height:25px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#d9cce2;font-size:16px;line-height:1;cursor:pointer;z-index:2}
.msv-cm-notice__x:hover{background:rgba(255,255,255,.18)}
.msv-cm-notice.is-leaving{animation:msv-cm-out .26s ease-in both}
@keyframes msv-cm-in{from{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}
@keyframes msv-cm-out{to{opacity:0;transform:translateY(12px) scale(.98)}}
@keyframes msv-cm-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
@keyframes msv-cm-spark{0%,100%{opacity:.5;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(18deg)}}
@media(max-width:520px){.msv-cm-notice{right:12px;bottom:12px;width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){.msv-cm-notice,.msv-cm-notice.is-leaving,.msv-cm-notice__dot,.msv-cm-notice__spark{animation:none}}