/* no-repost: big vertical side warnings */
img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}
.nr{position:fixed;top:4vh;height:92vh;z-index:10000;pointer-events:none;visibility:hidden;opacity:0;writing-mode:vertical-rl;text-orientation:upright;display:flex;align-items:center;justify-content:center;color:#e60023;font:400 min(13vh,9vw)/1 Anton,"Noto Sans JP",sans-serif;letter-spacing:.06em;white-space:nowrap;text-shadow:0 0 18px rgba(230,0,35,.45);border-left:2px solid #e60023;border-right:2px solid #e60023;padding:0 6px;background:rgba(0,0,0,.55)}
.nr.l{left:1.2vw}.nr.r{right:1.2vw}
html[lang=en] .nr{text-orientation:mixed;font-size:min(8.5vh,6vw);letter-spacing:.08em;overflow:hidden}
html[lang=en] .nr .k{font-size:.55em;letter-spacing:.2em;margin-bottom:.4em;color:#f2f2f2}
html[lang=en] .nr small{font-size:clamp(8px,1.7vh,12px);letter-spacing:.18em;margin-top:1.5vh}
.nr small{font:700 12px/1 "Noto Sans JP",Oswald,sans-serif;color:#f2f2f2;letter-spacing:.3em;margin-top:2vh;text-shadow:none}
.nr.on{visibility:visible;animation:nrin .35s steps(1) forwards}
.nr.out{visibility:visible;animation:nrout .22s ease-in forwards}
@keyframes nrin{0%{opacity:1;transform:translateX(-8px);color:#fff;clip-path:inset(0 0 60% 0)}25%{transform:translateX(6px);color:#e60023;clip-path:inset(40% 0 0 0)}50%{transform:translateX(-3px);clip-path:inset(0 0 20% 0);filter:brightness(2)}75%{transform:none;clip-path:inset(10% 0 0 0)}100%{opacity:1;transform:none;clip-path:none}}
@keyframes nrout{from{opacity:1}to{opacity:0;transform:scaleY(1.04)}}

/* force-exit (lightbox closed): slice/scanline collapse toward edges + red flash */
.nr.fx{visibility:visible;animation:nrfx .25s cubic-bezier(.7,0,.9,.4) forwards}
.nr.l.fx{transform-origin:left center}.nr.r.fx{transform-origin:right center}
.nr.fx::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#e60023 0 3px,transparent 3px 7px);animation:nrfxf .25s linear forwards;pointer-events:none}
@keyframes nrfx{0%{opacity:1;transform:none;filter:brightness(2);clip-path:inset(0 0 0 0)}30%{transform:scaleX(1.15);clip-path:inset(0 0 0 0);filter:brightness(1.6)}60%{transform:scaleX(.4) scaleY(1.02);clip-path:inset(30% 0 30% 0);opacity:.9}100%{transform:scaleX(0) scaleY(.02);clip-path:inset(49.5% 0 49.5% 0);opacity:0}}
@keyframes nrfxf{0%{opacity:.9}40%{opacity:.6}100%{opacity:0}}
@media(max-height:620px){html[lang=ja] .nr{font-size:min(10.5vh,9vw)}html[lang=ja] .nr small{font-size:10px;margin-top:1.2vh}}
/* mobile: no iOS long-press callout / selection / drag on media */
html{-webkit-touch-callout:none}
img,video{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
/* narrow screens: horizontal bands above / below the enlarged media (positioned by no-repost.js) */
@media(max-width:700px){
.nr,html[lang=en] .nr{writing-mode:horizontal-tb;text-orientation:mixed;flex-direction:column;left:3vw!important;right:3vw!important;width:auto;top:auto;height:auto;padding:6px 8px;border:0;border-top:2px solid #e60023;border-bottom:2px solid #e60023;font-size:min(11vw,52px);letter-spacing:.08em;overflow:hidden}
html[lang=en] .nr{font-size:min(9.5vw,44px)}
html[lang=en] .nr .k{font-size:1em;margin:0 .25em 0 0;letter-spacing:.08em}
.nr small,html[lang=en] .nr small{font-size:clamp(8px,2.6vw,11px);margin-top:4px;letter-spacing:.2em}
.nr.l.fx,.nr.r.fx{transform-origin:center}
html .nr.l{top:var(--nrt,2vh)}html .nr.r{top:var(--nrb,auto)}
html .nr,html[lang=en] .nr{display:block;text-align:center;white-space:nowrap}
.nr small,html[lang=en] .nr small{display:block}
html[lang=en] .nr .k{display:inline;color:#f2f2f2}
@keyframes nrfx{0%{opacity:1;transform:none;filter:brightness(2);clip-path:inset(0 0 0 0)}30%{transform:scaleY(1.2);filter:brightness(1.6)}60%{transform:scaleY(.4) scaleX(1.02);clip-path:inset(0 30% 0 30%);opacity:.9}100%{transform:scaleY(0) scaleX(.02);clip-path:inset(0 49.5% 0 49.5%);opacity:0}}
}
