.floating-notice{position:fixed;z-index:35;left:max(12px,env(safe-area-inset-left));bottom:110px;width:min(340px,calc(100vw - 24px));padding:14px 48px 14px 16px;border:1px solid #c9a843;border-radius:16px;color:#fff;background:linear-gradient(120deg,#15251fee,#0a1413fa);box-shadow:0 12px 40px #0009,0 0 20px #ffd22f15;backdrop-filter:blur(14px);animation:notice-in .25s ease-out;font-family:inherit;pointer-events:auto}
.floating-notice[hidden]{display:none}.floating-badge{display:block;font-size:11px;font-weight:700;color:#ffe681;margin-bottom:5px}.floating-notice strong{font-size:14px}.floating-notice p{font-size:13px;line-height:1.6;margin:5px 0 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.floating-notice a{display:block;font-size:12px;color:#ffe681;margin-top:6px}.floating-notice a[hidden]{display:none}.floating-close{position:absolute;right:2px;top:2px;width:44px;height:44px;background:transparent;border:0;color:#d5ded8;font-size:25px;cursor:pointer}.floating-close:focus-visible{outline:2px solid #ffdf58;border-radius:10px}
@keyframes notice-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.floating-notice{bottom:auto;top:calc(56px + env(safe-area-inset-top));width:min(320px,calc(100vw - 24px));padding-top:11px;padding-bottom:11px}}
@media(prefers-reduced-motion:reduce){.floating-notice{animation:none}}