:root {
  color-scheme:dark;
  --ink:#f7f9f7;
  --muted:rgba(237,242,238,.65);
  --line:rgba(255,255,255,.13);
  --glass:rgba(8,11,13,.58);
  --glass-strong:rgba(8,11,13,.78);
  --ease:cubic-bezier(.2,.72,.18,1);
  --hit:46px;
  --edge:max(22px,env(safe-area-inset-left));
}
* {
  box-sizing:border-box
}
html,body {
  margin:0;
  width:100%;
  height:100%;
  overflow:hidden
}
body {
  background:#101413;
  color:var(--ink);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased
}
button,a {
  color:inherit
}
button {
  font:inherit
}
button,a,summary {
  -webkit-tap-highlight-color:transparent
}
button:focus-visible,a:focus-visible,summary:focus-visible {
  outline:2px solid currentColor;
  outline-offset:5px
}
[hidden] {
  display:none!important
}
.srOnly {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
  border:0
}
body.atHome {
  background:#f5f5f2;
  color:#232824;
  color-scheme:light
}
#homeGallery {
  --home-top:calc(48px + env(safe-area-inset-top));
  --home-bottom:calc(24px + env(safe-area-inset-bottom));
  position:fixed;
  inset:0;
  overflow:hidden
}
#homeGallery::before,#homeGallery::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  z-index:1;
  pointer-events:none;
  background:rgb(245 245 242 / .18);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px)
}
#homeGallery::before {
  top:0;
  height:var(--home-top);
  mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),#000e calc(100% - 16px),#0008 calc(100% - 10px),#0002 calc(100% - 4px),transparent)
}
#homeGallery::after {
  bottom:0;
  height:var(--home-bottom)
}
#homeGallery::after,#homeScrollPosition {
  mask-image:linear-gradient(to top,#000 calc(100% - 20px),#000e calc(100% - 16px),#0008 calc(100% - 10px),#0002 calc(100% - 4px),transparent)
}
#worldGrid {
  --home-gap:clamp(16px,2vw,30px);
  --home-row-height:max(180px,calc((100dvh - var(--home-top) - var(--home-bottom) - 18px - (var(--home-rows,3) - 1)*var(--home-gap))/var(--home-rows,3)));
  --grid-limit:min(1440px,calc(var(--home-row-height)*16/9*3 + var(--home-gap)*2 + 16px));
  width:100%;
  height:100%;
  margin:0;
  padding:calc(var(--home-top) + 8px) calc(max(clamp(24px,5vw,80px),(100vw - var(--grid-limit))/2) + 8px) calc(var(--home-bottom) + 8px);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:max-content;
  gap:var(--home-gap);
  align-content:safe center
}
#worldGrid::-webkit-scrollbar {
  display:none
}
#homeScrollPosition {
  position:fixed;
  z-index:2;
  inset:auto 0 0;
  width:100%;
  height:var(--home-bottom);
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  appearance:none;
  background:linear-gradient(to right,#000 var(--scroll-progress,0%),transparent 0);
  cursor:ew-resize
}
#homeScrollPosition:focus-visible {
  outline:2px solid #42675d;
  outline-offset:-5px
}
#homeScrollPosition::-webkit-slider-runnable-track {
  height:100%;
  background:transparent
}
#homeScrollPosition::-webkit-slider-thumb {
  appearance:none;
  width:1px;
  height:100%;
  background:transparent
}
#homeScrollPosition::-moz-range-track {
  height:100%;
  background:transparent
}
#homeScrollPosition::-moz-range-thumb {
  width:1px;
  height:100%;
  border:0;
  border-radius:0;
  background:transparent
}
#homeScrollPosition::-moz-range-progress {
  background:transparent
}
#worldGrid.smallCollection {
  grid-template-columns:repeat(2,minmax(0,1fr));
  --grid-limit:1160px
}
.worldCard {
  display:block;
  border:0;
  border-radius:4px;
  overflow:hidden;
  background:#e2e5df;
  aspect-ratio:16/9;
  text-decoration:none;
  position:relative;
  isolation:isolate;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease)
}
.worldCard img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s var(--ease)
}
@media(hover:hover) {
  .worldCard:hover {
    box-shadow:0 10px 32px #101b151a
  }
  .worldCard:hover img {
    transform:scale(1.018)
  }
}
.worldCard:active {
  transform:scale(.985)
}
.worldCard:focus-visible {
  outline-color:#42675d
}
#stage,#worldSlot,#transitionVeil {
  position:fixed;
  inset:0
}
#stage {
  user-select:none;
  -webkit-user-select:none
}
#worldSlot {
  z-index:1
}
.worldFrame {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  border:0;
  opacity:0;
  background:transparent;
  pointer-events:none
}
.worldFrame.interactive {
  pointer-events:auto
}
.worldFrame.ready {
  opacity:1
}
#transitionVeil {
  z-index:8;
  pointer-events:none;
  background:rgba(5,7,8,.24);
  opacity:0;
  transition:opacity .18s var(--ease)
}
#transitionVeil.covering {
  opacity:1;
  transition:none;
  pointer-events:auto
}
.chrome {
  position:fixed;
  z-index:20;
  display:flex;
  align-items:center;
  transition:opacity .4s var(--ease),visibility .4s
}
body.chromeHidden:not(.atHome) .chrome {
  opacity:0;
  visibility:hidden;
  pointer-events:none
}
.iconButton,.sceneButton {
  width:var(--hit);
  height:var(--hit);
  display:grid;
  place-items:center;
  border:0;
  border-radius:10px;
  background:transparent;
  text-decoration:none;
  cursor:pointer;
  transition:background .18s,opacity .18s,transform .18s;
  flex-shrink:0
}
.iconButton:hover,.sceneButton:hover {
  background:#00000016
}
.iconButton:active,.sceneButton:active {
  background:#0003;
  transform:scale(.94)
}
.iconButton:disabled,.sceneButton:disabled {
  opacity:.25;
  cursor:default
}
.iconButton svg,.sceneButton svg {
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 1px 3px #0005)
}
#goHome {
  left:var(--edge);
  top:max(18px,env(safe-area-inset-top))
}
#worldSwitcher {
  left:50%;
  transform:translateX(-50%);
  top:max(18px,env(safe-area-inset-top))
}
body.atHome #goHome,body.atHome #worldSwitcher,body.atHome #playerControls {
  display:none
}
#playerControls {
  left:50%;
  bottom:max(22px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  padding:3px;
  gap:4px;
  border-radius:14px;
  background:#0b100f38;
  backdrop-filter:blur(12px)
}
#playerControls .iconButton,#playerControls .sceneButton {
  width:44px;
  height:44px
}
#playerControls button:hover {
  background:#ffffff15
}
.playIcon,.soundOnIcon {
  display:none!important
}
#playPause.paused .playIcon,#sound.soundEnabled .soundOnIcon {
  display:block!important
}
#playPause.paused .pauseIcon,#sound.soundEnabled .soundOffIcon {
  display:none
}
#sceneMenu {
  position:fixed;
  inset:0;
  width:100%;
  height:100dvh;
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  overflow:hidden;
  background:transparent;
  color:#fff
}
#sceneMenu::backdrop {
  background:rgba(5,7,8,.28)
}
#closeScenes {
  position:absolute;
  z-index:2;
  right:var(--edge);
  top:max(18px,env(safe-area-inset-top))
}
.sceneRail {
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:100%;
  height:min(100dvh,calc((100vw - 96px)*2.109375));
  container-type:size
}
#sceneList {
  position:relative;
  height:100%;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  --scene-gap:clamp(4px,.888889cqh,10px);
  gap:var(--scene-gap);
  padding:max(8px,var(--scene-gap)) 0;
  justify-content:safe center;
  overflow-y:auto;
  overflow-anchor:none;
  overscroll-behavior:contain;
  scrollbar-width:none;
  scroll-snap-type:y mandatory;
  scroll-padding-block:max(8px,var(--scene-gap));
  touch-action:pan-y pinch-zoom
}
#worldGrid,#sceneList {
  --fade-top:0px;
  --fade-bottom:0px;
  mask-image:linear-gradient(to bottom,
    transparent,
    #000b calc(var(--fade-top) * .4),
    #000 var(--fade-top),
    #000 calc(100% - var(--fade-bottom)),
    #000b calc(100% - var(--fade-bottom) * .4),
    transparent)
}
#sceneList::-webkit-scrollbar {
  display:none
}
#sceneList .worldCard {
  flex:0 0 26.666667cqh;
  height:26.666667cqh;
  width:47.407407cqh;
  scroll-snap-align:center;
  box-shadow:0 8px 32px #0002
}
#sceneList .worldCard:focus-visible {
  outline-color:#fff
}
#sceneList .worldCard:hover img {
  transform:none
}
#worldStatus {
  position:fixed;
  z-index:12;
  left:50%;
  bottom:max(92px,calc(env(safe-area-inset-bottom) + 74px));
  transform:translateX(-50%);
  font-size:13px;
  line-height:1.6;
  color:var(--ink);
  opacity:0;
  pointer-events:none;
  text-align:center;
  max-width:calc(100vw - 32px)
}
#worldStatus.visible {
  opacity:1
}
#worldStatus.instruction {
  width:max-content;
  padding:12px 18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--glass-strong);
  font-size:14px;
  font-weight:500;
  backdrop-filter:blur(18px)
}
#loadingNotice {
  position:fixed;
  z-index:15;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:calc(100vw - 40px);
  padding:12px 16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--glass-strong);
  color:var(--ink);
  font-size:13px;
  line-height:1.5
}
#loadingText {
  word-break:keep-all
}
.loadingPulse {
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#d7e6df;
  animation:breathing 1.6s ease-in-out infinite
}
#loadingNotice.failed .loadingPulse {
  display:none
}
#retryWorld {
  flex-shrink:0;
  min-height:40px;
  border:1px solid var(--line);
  background:#ffffff1a;
  border-radius:8px;
  padding:0 10px;
  cursor:pointer
}
@keyframes breathing {
  50% {
    opacity:.35;
    transform:scale(.75)
  }
}
#aboutPanel {
  top: max(18px, calc(env(safe-area-inset-top) + 10px));
  right: max(18px, calc(env(safe-area-inset-right) + 10px));
  display: block;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}
body.chromeHidden #aboutPanel {
  transform: translateY(-8px);
}
#aboutPanel details {
  position: relative;
}
#aboutPanel summary {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  margin-left: auto;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--glass);
  color: var(--ink);
  backdrop-filter: blur(18px) saturate(118%);
  -webkit-backdrop-filter: blur(18px) saturate(118%);
  box-shadow: 0 12px 44px rgba(0, 0, 0, .17);
  cursor: pointer;
  list-style: none;
}
#aboutPanel summary::-webkit-details-marker {
  display: none;
}
#aboutPanel summary svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
}
.aboutCard {
  position: fixed;
  top: max(70px, calc(env(safe-area-inset-top) + 62px));
  right: max(18px, calc(env(safe-area-inset-right) + 10px));
  width: min(380px, calc(100vw - 32px));
  max-height: min(620px, calc(100vh - 92px));
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--glass-strong);
  box-shadow: 0 18px 60px rgba(0, 0, 0, .32);
  backdrop-filter: blur(24px) saturate(118%);
  -webkit-backdrop-filter: blur(24px) saturate(118%);
}
.aboutCard img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 17px 17px 0 0;
}
.aboutCopy {
  padding: 20px;
}
.languageSwitch {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  margin: -4px -4px 12px 0;
}
.languageSwitch button {
  min-height: 30px;
  padding: 0 8px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(237, 242, 238, .58);
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}
.languageSwitch button:hover {
  color: var(--ink);
}
.languageSwitch button[aria-pressed="true"] {
  background: rgba(255, 255, 255, .1);
  color: var(--ink);
}
.aboutCopy h1 {
  margin: 0 0 12px;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -.02em;
}
.aboutCopy p {
  margin: 0 0 12px;
  color: rgba(237, 242, 238, .78);
  font-size: 13px;
  line-height: 1.65;
  word-break: keep-all;
}
#artworkCredit {
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
#artworkCredit a {
  color: var(--ink);
  text-underline-offset: 3px;
}
.sourceLink {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  margin-top: 4px;
  color: var(--ink);
  font-size: 13px;
  text-underline-offset: 3px;
}
#aboutPanel summary {
  width:var(--hit);
  height:var(--hit);
  border:0;
  border-radius:10px;
  background:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none
}
#aboutPanel summary:hover {
  background:#00000016
}
#aboutPanel summary svg {
  width:21px;
  height:21px;
  filter:drop-shadow(0 1px 3px #0005)
}
body.atHome #aboutPanel {
  top:max(4px,calc(env(safe-area-inset-top) + 4px))
}
body.atHome #aboutPanel summary {
  color:#3e483e
}
body.atHome #aboutPanel summary svg {
  filter:none
}
.aboutCard {
  color:var(--ink)
}
body.atHome .aboutCard {
  color-scheme:dark
}
@media(max-width:800px) {
  #worldGrid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:start
  }
  #worldGrid.smallCollection {
    align-content:safe center
  }
}
@media(max-width:520px) {
  #worldGrid {
    grid-template-columns:1fr;
    gap:20px
  }
  #worldGrid.smallCollection {
    grid-template-columns:1fr
  }
  #aboutPanel {
    right:14px
  }
  :root {
    --edge:max(14px,env(safe-area-inset-left))
  }
  .aboutCard {
    right:14px
  }
  #playerControls {
    bottom:max(18px,env(safe-area-inset-bottom))
  }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    transition:none!important;
    animation:none!important;
    scroll-behavior:auto!important
  }
}
body:has(#sceneMenu[open]) .chrome {
  opacity:0;
  pointer-events:none;
  transition:none
}

/* Grayscale inversion is clipped to the icon strokes, never a backdrop panel.
   A separate outer stroke keeps the middle-gray crossover readable. */
#openScenes,#aboutPanel summary { position:relative }
#goHome:hover,#openScenes:hover,#aboutPanel summary:hover { background:transparent }
@supports ((backdrop-filter:invert(1)) and (mask-image:linear-gradient(#fff,#fff))) {
 #goHome svg,#openScenes svg,#aboutPanel summary svg { visibility:hidden }
 #goHome::before,#openScenes::before,#aboutPanel summary::before,
 #goHome::after,#openScenes::after,#aboutPanel summary::after {
  content:'';position:absolute;left:50%;top:50%;width:var(--adaptive-size);height:var(--adaptive-size);transform:translate(-50%,-50%);pointer-events:none;mask-repeat:no-repeat;mask-size:100% 100%;
 }
 #goHome::before,#openScenes::before,#aboutPanel summary::before {
  mask-image:var(--adaptive-mask);backdrop-filter:grayscale(1) invert(1);-webkit-backdrop-filter:grayscale(1) invert(1);
 }
 #goHome::after,#openScenes::after,#aboutPanel summary::after {mask-image:var(--adaptive-outline);background:rgb(0 0 0 / .72)}
#goHome{--adaptive-size:23px;--adaptive-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2011%209-8%209%208M6%209v12h12V9M10%2021v-7h4v7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--adaptive-outline:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cmask%20id%3D%22cut%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2011%209-8%209%208M6%209v12h12V9M10%2021v-7h4v7%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20mask%3D%22url(%23cut)%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2011%209-8%209%208M6%209v12h12V9M10%2021v-7h4v7%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
#openScenes{--adaptive-size:23px;--adaptive-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2210%22%20rx%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M6%203h12M6%2021h12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--adaptive-outline:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cmask%20id%3D%22cut%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2210%22%20rx%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M6%203h12M6%2021h12%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20mask%3D%22url(%23cut)%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2210%22%20rx%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M6%203h12M6%2021h12%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
#aboutPanel summary{--adaptive-size:21px;--adaptive-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%2011v6M12%207.5v.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--adaptive-outline:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cmask%20id%3D%22cut%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%2011v6M12%207.5v.5%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%20mask%3D%22url(%23cut)%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%2011v6M12%207.5v.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
}

#goHome:focus-visible,#openScenes:focus-visible,#aboutPanel summary:focus-visible { outline:2px solid white;outline-offset:2px;box-shadow:0 0 0 5px #111 }