.notice-entry{margin:2px auto 24px;max-width:760px;text-align:center}
.notice-trigger{display:block;width:100%;aspect-ratio:5;border:0;padding:0;border-radius:999px;background:transparent;overflow:hidden;cursor:pointer;filter:drop-shadow(0 5px 7px #4a001b80);transition:transform .18s ease,filter .18s ease;-webkit-tap-highlight-color:transparent}
.notice-trigger img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.notice-hint{font-size:clamp(11px,1.8vw,15px);margin-top:5px;line-height:1.5;color:#fff2fa}
.notice-trigger:focus-visible{outline:3px solid #fff;outline-offset:4px}
.notice-dialog{color-scheme:dark;box-sizing:border-box;width:min(760px,calc(100vw - 32px));height:min(1120px,calc(100vh - 24px));height:min(1120px,calc(100dvh - 24px));max-width:none;max-height:none;padding:0;border:1px solid #8d49ad;border-radius:18px;margin:auto;background:#100918;color:#faf6ff;box-shadow:0 0 60px #8e28ba40;overflow:hidden;overscroll-behavior:contain}
.notice-dialog::backdrop{background:rgba(8,0,13,.92)}
.notice-dialog:not([open]){display:none}
.notice-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.notice-header{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #5b326f}
.notice-header h2{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(12px,2.9vw,18px);font-weight:700;line-height:1.5}
.notice-dialog button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.notice-dialog button:focus-visible{outline:3px solid #f1b9ff;outline-offset:2px}
.notice-close{flex-shrink:0;display:flex;gap:6px;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:1px solid #85519f;border-radius:999px;background:#281533;font-size:12px!important}
.notice-close span:first-child{font-family:Arial,sans-serif;font-size:26px;line-height:1}
.notice-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:#07040a;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.notice-slide{position:relative;margin:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.notice-slide[hidden],.notice-retry[hidden],.notice-image-status[hidden]{display:none}
.notice-slide img{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .15s ease}
.notice-slide.is-loaded img{opacity:1}
.notice-image-status{position:absolute;left:16px;right:16px;top:46%;text-align:center;color:#e8d5f4;font-size:14px;line-height:1.7}
.notice-retry{position:absolute;top:57%;left:50%;transform:translateX(-50%);min-height:44px;padding:8px 18px;border:1px solid #ad76c6;border-radius:10px;background:#422152;white-space:nowrap}
.notice-footer{padding:5px 12px 8px;border-top:1px solid #5b326f;text-align:center;background:#100918}
.notice-navigation{display:flex;justify-content:space-between;align-items:center;gap:8px;max-width:460px;margin:auto}
.notice-prev,.notice-next{min-width:76px;min-height:44px;border:1px solid #784690;border-radius:999px;background:#2c163a;font-size:14px!important;padding:4px 12px}
.notice-prev:disabled,.notice-next:disabled{opacity:.32;cursor:default}
.notice-dots{display:flex;justify-content:center}
.notice-dots button{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;background:transparent;padding:0;border-radius:50%}
.notice-dots span{display:block;width:9px;height:9px;border-radius:50%;background:#665274;border:1px solid #9a7daa}
.notice-dots [aria-current=true] span{background:#e780ff;border-color:#f5bdff;box-shadow:0 0 10px #d567ff}
.notice-page{font-size:12px;line-height:1.5;margin-top:1px;color:#f4e2fb}
.notice-swipe-hint{font-size:10px;line-height:1.5;margin-top:1px;color:#c2accf}
@media(hover:hover){.notice-trigger:hover{transform:translateY(-2px);filter:brightness(1.12) drop-shadow(0 8px 10px #4a001b80)}.notice-dialog button:not(:disabled):hover{filter:brightness(1.25)}}
@media(max-width:600px){.notice-entry{margin:2px 0 19px}.notice-hint{font-size:10px;margin-top:3px}.notice-dialog{width:100vw;height:100vh;height:100dvh;border:0;border-radius:0}.notice-header{padding-top:calc(5px + env(safe-area-inset-top,0px));padding-inline:10px}.notice-footer{padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))}.notice-header h2{font-size:12px}.notice-close{padding:0 10px}}
@media(max-height:500px){.notice-dialog{width:min(840px,100vw);height:100vh;height:100dvh;border-radius:0}.notice-header{padding-block:2px}.notice-footer{padding-block:2px}.notice-page{display:none}.notice-swipe-hint{display:none}}
@media(prefers-reduced-motion:reduce){.notice-trigger,.notice-slide img{transition:none}}