MediaWiki:KuranokaFX.css：修订间差异

2026年10月16日 (五) 12:59的版本

/*
 * KURANOKA // STORMBREAK III — Citizen / Blockland Wiki
 * Only injected on /wiki/Kuranoka by the existing Citizen.js loader.
 * The class guard is a second safety boundary. It NEVER styles wiki content.
 */
html.kk-stormbreak-v3 #kk-sb3-sky,
html.kk-stormbreak-v3 #kk-sb3-glass,
html.kk-stormbreak-v3 #kk-sb3-choke {
  position: fixed !important;
  inset: 0 !important;
  box-sizing: border-box;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  pointer-events: none !important;
  user-select: none !important;
  touch-action: none !important;
  contain: strict;
  visibility: hidden;
}
html.kk-stormbreak-v3.kk-sb3-on #kk-sb3-sky,
html.kk-stormbreak-v3.kk-sb3-on #kk-sb3-glass,
html.kk-stormbreak-v3.kk-sb3-on #kk-sb3-choke { visibility: visible; }
/* Above Citizen's sidebar and pagechrome, but below overlays/dialogs where possible. */
html.kk-stormbreak-v3 #kk-sb3-sky { z-index: 410; opacity: 1; }
html.kk-stormbreak-v3 #kk-sb3-glass { z-index: 411; opacity: 1; }
html.kk-stormbreak-v3 #kk-sb3-choke {
  z-index: 409;
  opacity: var(--kk-sb3-deep, 0);
  transition: opacity .24s linear;
  background:
    radial-gradient(ellipse 52% 53% at 51% 49%, transparent 15%, rgba(3,8,24,.11) 45%, rgba(1,4,13,.85) 96%),
    linear-gradient(168deg, rgba(1,6,20,.48), transparent 29%, transparent 70%, rgba(3,5,18,.57));
}
/*
 * Central reading corridor stays bright/legible, even with maximum storm.
 * The mask affects FX CANVASES ONLY, never the article or Citizen CSS.
 */
html.kk-stormbreak-v3 #kk-sb3-glass,
html.kk-stormbreak-v3 #kk-sb3-sky {
  -webkit-mask-image: radial-gradient(ellipse 62% 67% at 48% 49%, rgba(0,0,0,.10) 4%, rgba(0,0,0,.30) 42%, rgba(0,0,0,.86) 81%, #000 100%);
  mask-image: radial-gradient(ellipse 62% 67% at 48% 49%, rgba(0,0,0,.10) 4%, rgba(0,0,0,.30) 42%, rgba(0,0,0,.86) 81%, #000 100%);
}
@media (max-width: 680px) {
  html.kk-stormbreak-v3 #kk-sb3-glass,
  html.kk-stormbreak-v3 #kk-sb3-sky {
    -webkit-mask-image: radial-gradient(ellipse 78% 71% at 47% 49%, rgba(0,0,0,.06) 5%, rgba(0,0,0,.22) 53%, rgba(0,0,0,.92) 98%);
    mask-image: radial-gradient(ellipse 78% 71% at 47% 49%, rgba(0,0,0,.06) 5%, rgba(0,0,0,.22) 53%, rgba(0,0,0,.92) 98%);
  }
}
/* No UI, no floating controls, no font, text, image, infobox or layout overrides. */
/* Hide old V2 surfaces if they remain from a partially refreshed page. */
html.kk-stormbreak-v3 #kk-stormbreak-controls,
html.kk-stormbreak-v3 #kk-stormbreak-canvas,
html.kk-stormbreak-v3 #kk-stormbreak-atmosphere { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  html.kk-stormbreak-v3 #kk-sb3-sky,
  html.kk-stormbreak-v3 #kk-sb3-glass,
  html.kk-stormbreak-v3 #kk-sb3-choke { display: none !important; }
}
@media print {
  html.kk-stormbreak-v3 #kk-sb3-sky,
  html.kk-stormbreak-v3 #kk-sb3-glass,
  html.kk-stormbreak-v3 #kk-sb3-choke { display: none !important; }
}