.ban-notice{position:fixed;z-index:1500;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 32px));display:flex;align-items:center;gap:16px;padding:18px 20px;background:#222;border:1px solid #555;border-radius:12px;box-shadow:0 14px 50px #0009;color:#eee;animation:ban-notice-in .18s ease-out}
.ban-notice-icon{flex:none;width:24px;height:24px;color:#ccc}
.ban-notice-icon svg{width:100%;height:100%}
.ban-notice-copy{flex:1;min-width:0;overflow-wrap:anywhere}
.ban-notice-copy strong{font-size:14px;font-weight:650}
.ban-notice-copy p{margin:4px 0;font-size:13px;line-height:1.5;color:#ddd;max-height:120px;overflow:auto}
.ban-notice-copy small{display:block;font-size:11px;line-height:1.6;color:#aaa}
.ban-notice button{flex:none;background:#303030;border:1px solid #555;border-radius:6px;color:#eee;padding:8px 10px;font-size:12px;cursor:pointer}
.ban-notice button:hover{background:#3a3a3a}
.ban-notice button:focus-visible{outline:2px solid #ddd;outline-offset:3px}
.ban-notice .ban-notice-close{align-self:flex-start;background:transparent;border:0;font-size:20px;padding:0 4px;color:#aaa}
@keyframes ban-notice-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(max-width:620px){.ban-notice{width:calc(100% - 24px);bottom:12px;display:grid;grid-template-columns:22px minmax(0,1fr) 20px;gap:10px;padding:14px}.ban-notice-icon{width:22px;height:22px;align-self:start}.ban-notice-copy{grid-column:2}.ban-notice .ban-status-check{grid-column:2;justify-self:start}.ban-notice .ban-notice-close{grid-column:3;grid-row:1}}
@media(prefers-reduced-motion:reduce){.ban-notice{animation:none}}