Teletext

html,
body,
#outer {
  background: #000 !important;
}

body,
#outer {
  color: #fff !important;
  font-family: "Bedstead", "MODE7GX3", "European Teletext", ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace !important;
}

#outer {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

#outer .wrapper,
#inner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer :where(h1,
h2,
h3,
h4,
h5,
h6,
.heading,
input,
textarea,
select,
button,
.toggled form,
.dynamic form,
.secondary,
.dropdown,
blockquote,
address,
a.work,
.datetime,
span.unread,
.replied,
span.claimed,
span.defaulted,
.heading .actions,
.heading .action,
.bookmark .user .meta,
span.symbol,
kbd,
tt,
code,
var,
pre,
samp):where(:not(#workskin .userstuff *)) {
  font-family: "Bedstead", "MODE7GX3", "European Teletext", ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace !important;
}

#outer :where(h1,
h2,
h3,
h4,
h5,
h6,
.heading):where(:not(#workskin .userstuff *)) {
  color: #fff !important;
  font-weight: normal !important;
}

#outer :where(a):where(:not(#workskin .userstuff *)) {
  color: #fff !important;
  border: 0 !important;
  text-decoration: none !important;
}

#outer :where(a):where(:not(#workskin .userstuff *)):hover,
#outer :where(a):where(:not(#workskin .userstuff *)):focus {
  background: #ff0 !important;
  color: #000 !important;
  text-decoration: none !important;
}

#outer a:focus-visible,
#outer button:focus-visible,
#outer input:focus-visible,
#outer select:focus-visible,
#outer textarea:focus-visible {
  outline: 2px solid #0ff !important;
  outline-offset: 1px !important;
}

#outer ::selection {
  background: #0ff !important;
  color: #000 !important;
}

#outer :where(hr):where(:not(#workskin .userstuff *)) {
  border: 0 !important;
  height: 2px !important;
  background: #00f !important;
}

#outer :where(abbr):where(:not(#workskin .userstuff *)) {
  border: 0 !important;
  text-decoration: none !important;
}

#outer .landmark,
#outer h6.landmark,
#outer .landmark.heading {
  color: #fff !important;
}

#header {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #000 !important;
  border: 0 !important;
  box-shadow: none !important;
}

#header > * {
  flex: 1 1 100% !important;
  min-width: 0 !important;
}

#header::before,
#header::after {
  position: static !important;
  flex: 0 0 auto !important;
  padding: 0.3em 0 !important;
  font-weight: bold !important;
  line-height: 1.5 !important;
  letter-spacing: 0.04em !important;
  white-space: pre !important;
}

#header::before {
  content: "P100" !important;
  order: -3 !important;
  margin: 0 0 0 0.6em !important;
  color: #fff !important;
}

#header::after {
  content: "AO3TEXT 100" !important;
  order: -2 !important;
  margin: 0 0 0 0.7em !important;
  color: #fff !important;
}

#header:has(.primary > li:nth-child(1):hover)::before {
  content: "P101" !important;
  color: #0f0 !important;
}

#header:has(.primary > li:nth-child(2):hover)::before {
  content: "P102" !important;
  color: #0f0 !important;
}

#header:has(.primary > li:nth-child(3):hover)::before {
  content: "P103" !important;
  color: #0f0 !important;
}

#header:has(.primary > li:nth-child(4):hover)::before {
  content: "P104" !important;
  color: #0f0 !important;
}

#header:has(.primary .search:hover)::before {
  content: "P300" !important;
  color: #0f0 !important;
}

#header:has(#greeting li:hover)::before {
  content: "P900" !important;
  color: #0f0 !important;
}

#header:has(#login:hover)::before {
  content: "P900" !important;
  color: #0f0 !important;
}

#header .landmark {
  position: absolute !important;
}

#header #greeting,
#header #login {
  order: -1 !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  z-index: 40 !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  float: none !important;
  width: auto !important;
  min-height: 2.1em !important;
  margin: 0 !important;
  padding: 0 0.6em 0 1em !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  text-align: right !important;
}

#header #greeting ul.user,
#header #login p.user {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#header #greeting ul.user > li {
  display: block !important;
  float: none !important;
  position: relative !important;
  margin: 0 0 0 0.4em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#header #greeting ul.user > li > a,
#header #login p.user a,
#header #greeting button,
#header #greeting input[type="submit"] {
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.3em 0.45em !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 1em !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  text-shadow: none !important;
  cursor: pointer !important;
}

#header #greeting ul.user > li:first-child > a,
#header #login p.user a {
  color: #ff0 !important;
}

#header #greeting ul.user > li:last-child > a,
#header #greeting button {
  color: #0ff !important;
}

#header #greeting ul.user > li > a:hover,
#header #greeting ul.user > li > a:focus,
#header #greeting .dropdown:hover > a,
#header #greeting .open > a,
#header #greeting button:hover,
#header #login p.user a:hover,
#header #login p.user a:focus,
#header #login .open a {
  background: #ff0 !important;
  color: #000 !important;
}

#header #greeting form,
#header #greeting form.button_to {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#header #greeting p.icon,
#header #greeting .icon {
  order: -1 !important;
  float: none !important;
  position: static !important;
  width: 1.6em !important;
  height: 1.6em !important;
  margin: 0.25em 0.2em 0.25em 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #00f !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#header #greeting p.icon a,
#header #greeting .icon a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

#header #greeting .icon img {
  display: block !important;
  float: none !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
}

#header #small_login {
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  z-index: 50 !important;
  width: 17em !important;
  margin: 0.3em 0 0 !important;
  padding: 0 0.9em 0.8em !important;
  text-align: left !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 0.3em #00f !important;
  color: #fff !important;
}

#header #small_login::before {
  content: "LOG IN                P900" !important;
  display: block !important;
  margin: 0 -0.9em 0.6em !important;
  padding: 0.25em 0.9em !important;
  white-space: pre !important;
  background: #00f !important;
  color: #ff0 !important;
  font-weight: bold !important;
}

#header #small_login dl,
#header #small_login dt,
#header #small_login dd,
#header #small_login p,
#header #small_login fieldset {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  text-align: left !important;
}

#header #small_login dt,
#header #small_login label {
  display: block !important;
  height: auto !important;
  margin: 0.5em 0 0.2em !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #0ff !important;
  font-size: 0.85em !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

#header #small_login input[type="text"],
#header #small_login input[type="password"],
#header #small_login input[type="email"] {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0.3em 0.5em !important;
  background: #00f !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
}

#header #small_login input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-block !important;
  width: 0.95em !important;
  height: 0.95em !important;
  margin: 0 0.5em 0 0 !important;
  vertical-align: -0.1em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

#header #small_login input[type="checkbox"]:checked {
  background: #0f0 !important;
  box-shadow: inset 0 0 0 2px #0f0, inset 0 0 0 4px #000 !important;
}

#header #small_login input[type="submit"] {
  display: block !important;
  width: 100% !important;
  margin: 0.8em 0 0 !important;
  padding: 0.35em 0.5em !important;
  background: #0f0 !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

#header #small_login input[type="submit"]:hover {
  background: #fff !important;
}

#header #small_login a {
  display: inline !important;
  padding: 0 !important;
  background: transparent !important;
  color: #0ff !important;
  font-size: 0.85em !important;
}

#header #small_login a:hover {
  background: #ff0 !important;
  color: #000 !important;
}

#header #small_login .footnote,
#header #small_login ul,
#header #small_login li {
  float: none !important;
  margin: 0.4em 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  color: #fff !important;
  font-size: 0.95em !important;
}

#header #small_login .footnote li {
  display: block !important;
  margin: 0.3em 0 0 !important;
}

#header h1.heading {
  position: relative !important;
  float: none !important;
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  padding: 18px 19px 15px !important;
  background: #00f !important;
  padding-top: 66px !important;
  background-image: linear-gradient(90deg, #fff 0px 2px, transparent 2px 24px, #fff 24px 32px, transparent 32px 46px), linear-gradient(90deg, transparent 0px 2px, #fff 2px 4px, transparent 4px 23px, #fff 23px 33px, transparent 33px 46px), linear-gradient(90deg, transparent 0px 3px, #fff 3px 6px, transparent 6px 22px, #fff 22px 25px, transparent 25px 31px, #fff 31px 34px, transparent 34px 46px), linear-gradient(90deg, transparent 0px 6px, #fff 6px 9px, transparent 9px 20px, #fff 20px 23px, transparent 23px 33px, #fff 33px 36px, transparent 36px 43px, #fff 43px 45px, transparent 45px 46px), linear-gradient(90deg, transparent 0px 8px, #fff 8px 11px, transparent 11px 20px, #fff 20px 22px, transparent 22px 34px, #fff 34px 36px, transparent 36px 42px, #fff 42px 44px, transparent 44px 46px), linear-gradient(90deg, transparent 0px 9px, #fff 9px 12px, transparent 12px 20px, #fff 20px 22px, transparent 22px 34px, #fff 34px 36px, transparent 36px 40px, #fff 40px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 11px, #fff 11px 14px, transparent 14px 20px, #fff 20px 22px, transparent 22px 34px, #fff 34px 36px, transparent 36px 39px, #fff 39px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 12px, #fff 12px 15px, transparent 15px 20px, #fff 20px 22px, transparent 22px 34px, #fff 34px 36px, transparent 36px 38px, #fff 38px 40px, transparent 40px 46px), linear-gradient(90deg, transparent 0px 10px, #fff 10px 11px, transparent 11px 13px, #fff 13px 16px, transparent 16px 20px, #fff 20px 22px, transparent 22px 34px, #fff 34px 36px, transparent 36px 37px, #fff 37px 39px, transparent 39px 46px), linear-gradient(90deg, transparent 0px 10px, #fff 10px 11px, transparent 11px 14px, #fff 14px 18px, transparent 18px 20px, #fff 20px 23px, transparent 23px 33px, #fff 33px 38px, transparent 38px 46px), linear-gradient(90deg, transparent 0px 10px, #fff 10px 11px, transparent 11px 16px, #fff 16px 20px, transparent 20px 22px, #fff 22px 25px, transparent 25px 31px, #fff 31px 34px, transparent 34px 35px, #fff 35px 37px, transparent 37px 46px), linear-gradient(90deg, transparent 0px 9px, #fff 9px 10px, transparent 10px 17px, #fff 17px 21px, transparent 21px 23px, #fff 23px 33px, transparent 33px 34px, #fff 34px 36px, transparent 36px 46px), linear-gradient(90deg, transparent 0px 9px, #fff 9px 10px, transparent 10px 18px, #fff 18px 22px, transparent 22px 24px, #fff 24px 32px, transparent 32px 33px, #fff 33px 36px, transparent 36px 46px), linear-gradient(90deg, transparent 0px 9px, #fff 9px 10px, transparent 10px 19px, #fff 19px 23px, transparent 23px 33px, #fff 33px 35px, transparent 35px 46px), linear-gradient(90deg, transparent 0px 9px, #fff 9px 10px, transparent 10px 20px, #fff 20px 24px, transparent 24px 27px, #fff 27px 35px, transparent 35px 46px), linear-gradient(90deg, transparent 0px 8px, #fff 8px 10px, transparent 10px 21px, #fff 21px 40px, transparent 40px 46px), linear-gradient(90deg, transparent 0px 8px, #fff 8px 10px, transparent 10px 21px, #fff 21px 28px, transparent 28px 31px, #fff 31px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 7px, #fff 7px 9px, transparent 9px 16px, #fff 16px 26px, transparent 26px 31px, #fff 31px 33px, transparent 33px 40px, #fff 40px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 7px, #fff 7px 9px, transparent 9px 14px, #fff 14px 23px, transparent 23px 24px, #fff 24px 27px, transparent 27px 30px, #fff 30px 33px, transparent 33px 40px, #fff 40px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 7px, #fff 7px 8px, transparent 8px 12px, #fff 12px 20px, transparent 20px 25px, #fff 25px 28px, transparent 28px 30px, #fff 30px 32px, transparent 32px 39px, #fff 39px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 6px, #fff 6px 8px, transparent 8px 11px, #fff 11px 17px, transparent 17px 26px, #fff 26px 29px, transparent 29px 30px, #fff 30px 32px, transparent 32px 37px, #fff 37px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 5px, #fff 5px 7px, transparent 7px 9px, #fff 9px 15px, transparent 15px 27px, #fff 27px 32px, transparent 32px 36px, #fff 36px 40px, transparent 40px 46px), linear-gradient(90deg, transparent 0px 5px, #fff 5px 7px, transparent 7px 8px, #fff 8px 13px, transparent 13px 27px, #fff 27px 32px, transparent 32px 37px, #fff 37px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 4px, #fff 4px 6px, transparent 6px 7px, #fff 7px 11px, transparent 11px 28px, #fff 28px 31px, transparent 31px 39px, #fff 39px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 3px, #fff 3px 7px, transparent 7px 41px, #fff 41px 43px, transparent 43px 46px), linear-gradient(90deg, transparent 0px 1px, #fff 1px 6px, transparent 6px 32px, #fff 32px 33px, transparent 33px 41px, #fff 41px 43px, transparent 43px 46px), linear-gradient(90deg, #fff 0px 4px, transparent 4px 33px, #fff 33px 35px, transparent 35px 40px, #fff 40px 42px, transparent 42px 46px), linear-gradient(90deg, #fff 0px 2px, transparent 2px 34px, #fff 34px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0 12px, #fff 12px 20px, transparent 20px 84px, #fff 84px 92px, transparent 92px), linear-gradient(90deg, transparent 0 12px, #fff 12px 24px, transparent 24px 80px, #fff 80px 92px, transparent 92px), linear-gradient(90deg, transparent 0 24px, #fff 24px 28px, transparent 28px 76px, #fff 76px 80px, transparent 80px), linear-gradient(90deg, transparent 0 28px, #fff 28px 32px, transparent 32px 72px, #fff 72px 76px, transparent 76px), linear-gradient(90deg, transparent 0 32px, #fff 32px 36px, transparent 36px 68px, #fff 68px 72px, transparent 72px), linear-gradient(90deg, transparent 0 36px, #fff 36px 40px, transparent 40px 64px, #fff 64px 68px, transparent 68px), linear-gradient(90deg, transparent 0 40px, #fff 40px 44px, transparent 44px 60px, #fff 60px 64px, transparent 64px), linear-gradient(90deg, transparent 0 44px, #fff 44px 48px, transparent 48px 56px, #fff 56px 60px, transparent 60px), linear-gradient(90deg, transparent 0 40px, #fff 40px 64px, transparent 64px), linear-gradient(90deg, #ff0 0 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 12px, #fff 12px 16px, #ff0 16px 24px, #0ff 24px 32px, #0f0 32px 40px, #f0f 40px 48px, #f00 48px 56px, #00f 56px 64px, #000 64px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 8px, #fff 8px 16px, #ff0 16px 24px, #0ff 24px 32px, #0f0 32px 40px, #f0f 40px 48px, #f00 48px 56px, #00f 56px 64px, #000 64px 76px, #ff0 76px 84px, #f00 84px 92px, #ff0 92px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 76px, #ff0 76px 84px, #f00 84px 92px, #ff0 92px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 12px, #000 12px 20px, #000 20px 32px, #000 32px 48px, #000 48px 56px, #000 56px 68px, #000 68px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 8px, #000 8px 12px, #000 12px 20px, #000 20px 24px, #000 24px 28px, #000 28px 32px, #000 32px 48px, #000 48px 52px, #000 52px 68px, #000 68px 72px, #000 72px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 8px, #000 8px 24px, #000 24px 28px, #000 28px 32px, #000 32px 48px, #000 48px 52px, #000 52px 60px, #000 60px 68px, #000 68px 76px, #ff0 76px 84px, #f00 84px 92px, #ff0 92px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 8px, #000 8px 12px, #000 12px 20px, #000 20px 24px, #000 24px 28px, #000 28px 32px, #000 32px 48px, #000 48px 52px, #000 52px 68px, #000 68px 72px, #000 72px 76px, #ff0 76px 84px, #f00 84px 92px, #ff0 92px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 8px, #000 8px 12px, #000 12px 20px, #000 20px 24px, #000 24px 32px, #000 32px 48px, #000 48px 56px, #000 56px 68px, #000 68px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 76px, #ff0 76px 80px, transparent 80px 96px, #ff0 96px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 8px, #fff 8px 16px, #ff0 16px 24px, #0ff 24px 32px, #0f0 32px 40px, #f0f 40px 48px, #f00 48px 56px, #00f 56px 64px, #000 64px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 12px, #fff 12px 16px, #ff0 16px 24px, #0ff 24px 32px, #0f0 32px 40px, #f0f 40px 48px, #f00 48px 56px, #00f 56px 64px, #000 64px 76px, #ff0 76px 80px, transparent 80px 96px, #ff0 96px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 104px), linear-gradient(90deg, transparent 0 8px, #ff0 8px 16px, transparent 16px 88px, #ff0 88px 96px, transparent 96px), linear-gradient(90deg, transparent 0 4px, #ff0 4px 20px, transparent 20px 84px, #ff0 84px 100px, transparent 100px) !important;
  background-size: 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 8px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 8px, 104px 8px, 104px 4px !important;
  background-position: 36px 76px, 36px 77px, 36px 78px, 36px 79px, 36px 80px, 36px 81px, 36px 82px, 36px 83px, 36px 84px, 36px 85px, 36px 86px, 36px 87px, 36px 88px, 36px 89px, 36px 90px, 36px 91px, 36px 92px, 36px 93px, 36px 94px, 36px 95px, 36px 96px, 36px 97px, 36px 98px, 36px 99px, 36px 100px, 36px 101px, 36px 102px, 36px 103px, 19px 18px, 19px 22px, 19px 26px, 19px 30px, 19px 34px, 19px 38px, 19px 42px, 19px 46px, 19px 50px, 19px 54px, 19px 62px, 19px 66px, 19px 70px, 19px 74px, 19px 78px, 19px 82px, 19px 86px, 19px 90px, 19px 94px, 19px 98px, 19px 102px, 19px 106px, 19px 110px, 19px 114px, 19px 118px, 19px 126px, 19px 134px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
  overflow: hidden !important;
  text-align: left !important;
  font-size: 1em !important;
  line-height: 1 !important;
}

#header h1.heading::before {
  content: "" !important;
  float: left !important;
  margin: 0 1.6em 0.4em 0 !important;
  width: 104px !important;
  height: 120px !important;
  margin-top: -48px !important;
}

#header h1.heading a {
  display: inline-block !important;
  height: auto !important;
  margin: 0.05em 0 1.45em !important;
  padding: 0 !important;
  background: transparent !important;
  color: #ff0 !important;
  white-space: nowrap !important;
  font-size: 1.05em !important;
  font-weight: bold !important;
  line-height: 1.1 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transform: scaleY(2) !important;
  transform-origin: 0 0 !important;
}

#header h1.heading a:hover,
#header h1.heading a:focus {
  background: transparent !important;
  color: #fff !important;
}

#header h1.heading a span {
  display: inline !important;
  color: inherit !important;
  font-size: 1em !important;
}

#header h1.heading img.logo,
#header .logo,
#header h1.heading sup {
  display: none !important;
}

#header h1.heading::after {
  content: "THE TEXT SERVICE · ALL FANDOMS · ALL NIGHT" !important;
  display: block !important;
  margin: 0 !important;
  color: #0ff !important;
  font-size: 0.8em !important;
  font-weight: bold !important;
  line-height: 1.35 !important;
  letter-spacing: 0.05em !important;
}

#header nav,
#header .navigation {
  float: none !important;
}

#header .primary {
  position: relative !important;
  z-index: 30 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 1.05em 0.6em 0.55em !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: #000 !important;
  background-image: linear-gradient(90deg, #fff 0%, #fff 12.5%, #ff0 12.5%, #ff0 25%, #0ff 25%, #0ff 37.5%, #0f0 37.5%, #0f0 50%, #f0f 50%, #f0f 62.5%, #f00 62.5%, #f00 75%, #00f 75%, #00f 87.5%, #000 87.5%) !important;
  background-size: 100% 0.45em !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
}

#header .primary > li {
  display: block !important;
  float: none !important;
  position: relative !important;
  margin: 0 0.7em 0.3em 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#header .primary > li > a {
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.2em 0.45em !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 1em !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  text-shadow: none !important;
}

#header .primary > li > a::after {
  color: #0ff !important;
}

#header .primary > li:nth-child(1) > a::after {
  content: " 101" !important;
}

#header .primary > li:nth-child(2) > a::after {
  content: " 102" !important;
}

#header .primary > li:nth-child(3) > a::after {
  content: " 103" !important;
}

#header .primary > li:nth-child(4) > a::after {
  content: " 104" !important;
}

#header .primary > li > a:hover,
#header .primary > li > a:focus,
#header .primary .dropdown:hover > a,
#header .primary .open > a {
  background: #ff0 !important;
  color: #000 !important;
}

#header .primary > li > a:hover::after,
#header .primary > li > a:focus::after,
#header .primary .dropdown:hover > a::after,
#header .primary .open > a::after {
  color: #000 !important;
}

#header .primary li.search {
  margin: 0 0 0.3em auto !important;
}

#header .search,
#header .search:hover,
#header form.search,
#header .search fieldset,
#header .search p {
  float: none !important;
  position: static !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#header .search fieldset > p,
#header .search fieldset {
  display: flex !important;
  align-items: center !important;
}

#header .search fieldset::before {
  content: "FIND" !important;
  margin: 0 0.5em 0 0 !important;
  color: #0ff !important;
  font-weight: bold !important;
  letter-spacing: 0.04em !important;
}

#header .search .tip {
  display: none !important;
}

#header #site_search,
#header .search input.text {
  width: 12.5em !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.3em 0.5em !important;
  background: #00f !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 1em !important;
  font-weight: bold !important;
  text-transform: none !important;
}

#header #site_search:focus,
#header .search input.text:focus {
  background: #fff !important;
  color: #000 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

#header .search .submit,
#header .search span.submit {
  display: inline-block !important;
  float: none !important;
  position: static !important;
  margin: 0 0 0 0.35em !important;
  padding: 0 !important;
}

#header .search input[type="submit"],
#header .search input.button {
  display: inline-block !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.3em 0.65em !important;
  background: #0f0 !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 1em !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  text-shadow: none !important;
  cursor: pointer !important;
}

#header .search input[type="submit"]:hover,
#header .search input.button:hover {
  background: #fff !important;
  color: #000 !important;
}

#header .menu,
#header .primary .menu,
#header ul.menu,
#header #greeting .menu,
#header .dropdown-menu {
  top: 100% !important;
  left: 0 !important;
  z-index: 60 !important;
  min-width: 15em !important;
  margin: 0 !important;
  padding: 0 0 0.35em !important;
  text-align: left !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 0.3em #00f !important;
}

#header #greeting .menu {
  left: auto !important;
  right: 0 !important;
}

#header .menu::before {
  content: "INDEX" !important;
  display: block !important;
  margin: 0 0 0.3em !important;
  padding: 0.2em 0.6em !important;
  white-space: pre !important;
  background: #00f !important;
  color: #ff0 !important;
  font-weight: bold !important;
  letter-spacing: 0.05em !important;
}

#header .primary > li:nth-child(1) .menu::before {
  content: "FANDOMS       101" !important;
}

#header .primary > li:nth-child(2) .menu::before {
  content: "BROWSE        102" !important;
}

#header .primary > li:nth-child(3) .menu::before {
  content: "SEARCH        103" !important;
}

#header .primary > li:nth-child(4) .menu::before {
  content: "ABOUT         104" !important;
}

#header #greeting li:first-child .menu::before {
  content: "YOUR PAGES    900" !important;
}

#header #greeting li:nth-child(2) .menu::before {
  content: "POST          901" !important;
}

#header .menu li,
#header ul.menu li {
  display: block !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#header .menu a,
#header ul.menu a,
#header .menu button {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.15em 0.6em !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 1em !important;
  font-weight: normal !important;
  line-height: 1.45 !important;
  text-align: left !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

#header .menu a:hover,
#header .menu a:focus,
#header ul.menu a:hover,
#header ul.menu a:focus,
#header .menu button:hover {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #header h2.collections {
  margin: 0 !important;
  padding: 0.4em 0.7em !important;
  background-color: #00f !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #ff0 !important;
  font-size: 1.15em !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

#outer #admin-banner,
#outer .announcement {
  position: relative !important;
  display: flow-root !important;
  margin: 0 !important;
  padding: 0.5em 3em 0.5em 0.6em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 -2px 0 #f00 !important;
  color: #fff !important;
  text-align: left !important;
}

#outer #admin-banner::before,
#outer .announcement::before {
  content: "NEWSFLASH" !important;
  float: left !important;
  margin: 0 0.8em 0 0 !important;
  padding: 0 0.45em !important;
  background: #f00 !important;
  color: #000 !important;
  font-weight: bold !important;
  line-height: 1.5 !important;
  letter-spacing: 0.04em !important;
}

#outer #admin-banner .userstuff,
#outer #admin-banner .userstuff p,
#outer .announcement .userstuff,
#outer .announcement .userstuff p {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 1em !important;
  line-height: 1.5 !important;
}

#outer #admin-banner a,
#outer .announcement a {
  color: #ff0 !important;
  text-decoration: underline !important;
}

#outer #admin-banner p.submit,
#outer .announcement p.submit {
  position: absolute !important;
  top: 0.35em !important;
  right: 0.6em !important;
  margin: 0 !important;
  padding: 0 !important;
}

#outer #admin-banner .showme,
#outer .announcement .showme,
#outer #admin-banner p.submit button,
#outer #admin-banner p.submit a {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0.05em 0.45em !important;
  background: #f00 !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-weight: bold !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

#outer #dashboard,
#outer #dashboard.region,
#outer #dashboard.own {
  margin-top: 1.5em !important;
  padding: 0 0 0.5em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 0.3em #00f !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
}

#outer #dashboard::before {
  content: "INDEX         900" !important;
  display: block !important;
  margin: 0 0 0.2em !important;
  padding: 0.25em 0.6em !important;
  white-space: pre !important;
  background: #00f !important;
  color: #ff0 !important;
  font-weight: bold !important;
  letter-spacing: 0.03em !important;
}

#outer #dashboard::after {
  content: none !important;
}

#outer #dashboard > .landmark,
#outer #dashboard > h4.landmark.heading {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
}

#outer #dashboard ul,
#outer #dashboard ul.navigation.actions {
  display: flex !important;
  flex-wrap: wrap !important;
  float: none !important;
  margin: 0.45em 0 0 !important;
  padding: 0.45em 0 0 !important;
  text-align: left !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 2px solid #00f !important;
}

#outer #dashboard > ul:first-of-type {
  margin-top: 0 !important;
  border-top: 0 !important;
}

#outer #dashboard li {
  display: block !important;
  flex: 1 1 10em !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#outer #dashboard a,
#outer #dashboard span.current,
#outer #dashboard .current {
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.15em 0.6em !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 1em !important;
  font-weight: normal !important;
  line-height: 1.5 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

#outer #dashboard a:hover,
#outer #dashboard a:focus {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #dashboard .current,
#outer #dashboard span.current {
  background: #ff0 !important;
  color: #000 !important;
  font-weight: bold !important;
}

#outer #dashboard .current::before {
  content: "▸ " !important;
}

#outer #dashboard .heading,
#outer #dashboard h4.heading:not(.landmark) {
  margin: 0.6em 0.6em 0.2em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #0ff !important;
  font-size: 0.85em !important;
  font-weight: bold !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

#outer #dashboard .secondary,
#outer #dashboard ul.expandable {
  position: static !important;
  margin: 0 0 0 1em !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

#outer #main {
  display: flow-root !important;
  float: none !important;
  max-width: 80em !important;
  padding: 1.5em 1.2em 3em !important;
  box-sizing: border-box !important;
  border: 0 !important;
  font-size: 1em !important;
  line-height: 1.45 !important;
  color: #fff !important;
}

#outer #main .wrapper {
  display: flow-root !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main > h2.heading,
#outer #main > .header > h2.heading,
#outer #main > div.header > h2.heading {
  position: relative !important;
  display: block !important;
  float: none !important;
  margin: 0 0 1.1em !important;
  padding: 0.4em 0.7em 0.4em 6em !important;
  background: #00f !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #ff0 !important;
  font-size: 1.05em !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  letter-spacing: 0.03em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

#outer #main > h2.heading::before,
#outer #main > .header > h2.heading::before {
  content: "P100" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 3.9em !important;
  padding: 0.4em 0.7em !important;
  background: #ff0 !important;
  color: #000 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

#outer #main.works-index > h2.heading::before,
#outer #main.bookmarks-index > h2.heading::before,
#outer #main.tags-show > h2.heading::before,
#outer #main.collections-index > h2.heading::before,
#outer #main.series-index > h2.heading::before,
#outer #main.people-index > h2.heading::before,
#outer #main.media-index > h2.heading::before,
#outer #main.works-search > h2.heading::before,
#outer #main.bookmarks-search > h2.heading::before {
  content: "INDEX" !important;
}

#outer #main.readings-index > h2.heading::before {
  content: "SEEN" !important;
}

#outer #main.inbox-show > h2.heading::before {
  content: "INBOX" !important;
}

#outer #main.subscriptions-index > h2.heading::before {
  content: "SUBS" !important;
}

#outer #main.stats-index > h2.heading::before {
  content: "STATS" !important;
}

#outer #main.preferences-index > h2.heading::before {
  content: "SETUP" !important;
}

#outer #main.skins-index > h2.heading::before {
  content: "SKINS" !important;
}

#outer #main.series-show > h2.heading::before {
  content: "SERIES" !important;
}

#outer #main > h2.heading a,
#outer #main > h2.heading a.tag,
#outer #main > .header > h2.heading a {
  color: #fff !important;
  font-size: 1em !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

#outer #main > h2.heading a:hover {
  color: #000 !important;
}

#outer #main h3.heading:not(.landmark),
#outer #main h3.title {
  color: #ff0 !important;
  font-weight: bold !important;
  letter-spacing: 0.02em !important;
}

#outer #main h4.heading:not(.landmark) {
  color: #0ff !important;
}

#outer #main h5.heading:not(.landmark) {
  color: #fff !important;
}

#outer #main .preface .byline {
  text-align: left !important;
}

#outer #main .actions a,
#outer #main .actions a:link,
#outer #main .actions a:visited,
#outer #main .actions input[type="submit"],
#outer #main .actions input[type="button"],
#outer #main .actions button,
#outer #main .action,
#outer #main .action:link,
#outer #main .action:visited,
#outer #main button,
#outer #main input[type="submit"],
#outer #main input[type="button"],
#outer #main input[type="reset"],
#outer #main .button {
  position: relative !important;
  display: inline-block !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0.3em 0.7em !important;
  appearance: none !important;
  background: #0ff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: #000 !important;
  font-family: inherit !important;
  font-size: 1em !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: none !important;
  vertical-align: middle !important;
  white-space: normal !important;
  cursor: pointer !important;
}

#outer #main ul.actions > li:nth-child(4n+1) > a,
#outer #main ul.actions > li:nth-child(4n+1) > button,
#outer #main ul.actions > li:nth-child(4n+1) > input,
#outer #main ul.actions > li:nth-child(4n+1) > form input[type="submit"],
#outer #main ul.actions > li:nth-child(4n+1) > form button {
  background: #f00 !important;
}

#outer #main ul.actions > li:nth-child(4n+2) > a,
#outer #main ul.actions > li:nth-child(4n+2) > button,
#outer #main ul.actions > li:nth-child(4n+2) > input,
#outer #main ul.actions > li:nth-child(4n+2) > form input[type="submit"],
#outer #main ul.actions > li:nth-child(4n+2) > form button {
  background: #0f0 !important;
}

#outer #main ul.actions > li:nth-child(4n+3) > a,
#outer #main ul.actions > li:nth-child(4n+3) > button,
#outer #main ul.actions > li:nth-child(4n+3) > input,
#outer #main ul.actions > li:nth-child(4n+3) > form input[type="submit"],
#outer #main ul.actions > li:nth-child(4n+3) > form button {
  background: #ff0 !important;
}

#outer #main ul.actions > li:nth-child(4n+4) > a,
#outer #main ul.actions > li:nth-child(4n+4) > button,
#outer #main ul.actions > li:nth-child(4n+4) > input,
#outer #main ul.actions > li:nth-child(4n+4) > form input[type="submit"],
#outer #main ul.actions > li:nth-child(4n+4) > form button {
  background: #0ff !important;
}

#outer #main .actions a:hover,
#outer #main .actions a:focus,
#outer #main .actions input:hover,
#outer #main .actions input:focus,
#outer #main .actions button:hover,
#outer #main .actions button:focus,
#outer #main ul.actions > li > a:hover,
#outer #main ul.actions > li > button:hover,
#outer #main ul.actions > li > input:hover,
#outer #main ul.actions > li > form input[type="submit"]:hover,
#outer #main ul.actions > li > form button:hover,
#outer #main .action:hover,
#outer #main button:hover,
#outer #main button:focus,
#outer #main input[type="submit"]:hover,
#outer #main input[type="submit"]:focus,
#outer #main input[type="button"]:hover,
#outer #main input[type="reset"]:hover,
#outer #main .button:hover {
  background: #fff !important;
  color: #000 !important;
}

#outer #main ul.actions,
#outer #main p.actions,
#outer #main div.actions {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main .actions li,
#outer #main .navigation li {
  display: inline-block !important;
  float: none !important;
  margin: 0 0.4em 0.4em 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#outer #main .actions form,
#outer #main .actions form.button_to,
#outer #main li form.button_to {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main .actions .current,
#outer #main .actions .selected,
#outer #main .actions span.current,
#outer #main .actions li.current > a,
#outer #main .actions li.selected > a,
#outer #main .navigation .current,
#outer #main .navigation span.current {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0.3em 0.7em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 2px #ff0 !important;
  color: #ff0 !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
}

#outer #main .actions label:not(.landmark) {
  display: inline-block !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.3em 0.7em !important;
  background: #000 !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 2px #fff !important;
  color: #fff !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

#outer #main .actions label:not(.landmark):hover {
  background: #ff0 !important;
  box-shadow: none !important;
  color: #000 !important;
}

#outer #main button:disabled,
#outer #main input:disabled,
#outer #main select:disabled,
#outer #main textarea:disabled,
#outer #main .actions input:disabled,
#outer #main .disabled {
  opacity: 0.4 !important;
  cursor: default !important;
}

#outer #main button:disabled:hover,
#outer #main input[type="submit"]:disabled:hover {
  background: #0ff !important;
  color: #000 !important;
}

#outer #main fieldset legend .action,
#outer #main legend .action {
  margin: 0 0 0 0.8em !important;
  padding: 0.1em 0.5em !important;
  font-size: 0.8em !important;
}

#outer #main ul.expandable.secondary,
#outer #main #chapter_index,
#outer #main .actions ul.secondary {
  z-index: 40 !important;
  min-width: 13em !important;
  margin: 0.3em 0 0 !important;
  padding: 0.35em 0 !important;
  text-align: left !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 0.3em #00f !important;
}

#outer #main ul.expandable.secondary li,
#outer #main #chapter_index li,
#outer #main .actions ul.secondary li {
  display: block !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#outer #main ul.expandable.secondary li a,
#outer #main #chapter_index li a,
#outer #main .actions ul.secondary li a {
  display: block !important;
  margin: 0 !important;
  padding: 0.15em 0.7em !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-weight: normal !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

#outer #main ul.expandable.secondary li a:hover,
#outer #main #chapter_index li a:hover,
#outer #main .actions ul.secondary li a:hover {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #main #chapter_index form,
#outer #main #chapter_index p {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0.2em 0.6em !important;
  background: transparent !important;
}

#outer #main #chapter_index select {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 0.4em 0 0 !important;
}

#outer #main #chapter_index input[type="submit"] {
  background: #0f0 !important;
}

.pagination {
  text-align: left !important;
}

#outer #main ol.pagination,
#outer #main .pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  float: none !important;
  clear: both !important;
  margin: 0 0 1.4em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  text-align: left !important;
}

#outer #main ol.pagination::before {
  content: "PAGE" !important;
  margin: 0 0.7em 0.3em 0 !important;
  color: #0ff !important;
  font-weight: bold !important;
  letter-spacing: 0.05em !important;
}

#outer #main ol.pagination li,
#outer #main .pagination li {
  display: block !important;
  float: none !important;
  margin: 0 0.3em 0.3em 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#outer #main .pagination a,
#outer #main .pagination a:link,
#outer #main .pagination a:visited,
#outer #main .pagination span,
#outer #main ol.pagination a,
#outer #main ol.pagination span {
  display: block !important;
  min-width: 1.4em !important;
  margin: 0 !important;
  padding: 0.15em 0.45em !important;
  text-align: center !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 2px #00f !important;
  color: #fff !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

#outer #main .pagination .current,
#outer #main ol.pagination .current,
#outer #main ol.pagination span.current {
  background: #ff0 !important;
  color: #000 !important;
  box-shadow: none !important;
}

#outer #main .pagination a:hover,
#outer #main ol.pagination a:hover,
#outer #main ol.pagination a:focus {
  background: #0ff !important;
  color: #000 !important;
  box-shadow: none !important;
}

#outer #main ol.pagination .previous a,
#outer #main ol.pagination .previous span {
  color: #f00 !important;
  box-shadow: none !important;
}

#outer #main ol.pagination .next a,
#outer #main ol.pagination .next span {
  color: #0f0 !important;
  box-shadow: none !important;
}

#outer #main ol.pagination .previous a:hover,
#outer #main ol.pagination .next a:hover {
  color: #000 !important;
}

#outer #main .pagination .disabled,
#outer #main ol.pagination .disabled {
  color: #00f !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: default !important;
}

#outer #main .pagination li.gap,
#outer #main ol.pagination li.gap {
  padding: 0.15em 0.2em !important;
  color: #fff !important;
}

#outer input[type="text"],
#outer input[type="password"],
#outer input[type="email"],
#outer input[type="url"],
#outer input[type="search"],
#outer input[type="number"],
#outer input[type="date"],
#outer input[type="datetime-local"],
#outer input[type="tel"],
#outer input:not([type]),
#outer textarea,
#outer select {
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 0.3em 0.5em !important;
  background: #00f !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 1em !important;
  line-height: 1.45 !important;
}

#outer input[type="text"]:focus,
#outer input[type="password"]:focus,
#outer input[type="email"]:focus,
#outer input[type="url"]:focus,
#outer input[type="search"]:focus,
#outer input[type="number"]:focus,
#outer input[type="date"]:focus,
#outer input:not([type]):focus,
#outer select:focus {
  background: #fff !important;
  color: #000 !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

#outer textarea:focus {
  background: #00f !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 2px solid #ff0 !important;
  outline-offset: 0 !important;
}

#outer select option,
#outer select optgroup {
  background: #000 !important;
  color: #fff !important;
}

#outer input::placeholder,
#outer textarea::placeholder {
  color: #0ff !important;
  opacity: 1 !important;
}

#outer input[type="file"] {
  max-width: 100% !important;
  padding: 0.3em 0.5em !important;
  background: #000 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 2px #00f !important;
  font-family: inherit !important;
  font-size: 0.9em !important;
  cursor: pointer !important;
}

#outer input[type="file"]::file-selector-button {
  margin: 0 0.8em 0 0 !important;
  padding: 0.25em 0.7em !important;
  background: #0f0 !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

#outer input[type="file"]::-webkit-file-upload-button {
  margin: 0 0.8em 0 0 !important;
  padding: 0.25em 0.7em !important;
  background: #0f0 !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

#outer fieldset,
#outer form dl,
#outer fieldset fieldset,
#outer fieldset dl dl,
#outer #main form fieldset,
#outer #main form fieldset fieldset,
#outer #main form dl,
#outer #main form dt,
#outer #main form dd,
#outer #main form .module,
#outer #main form .listbox,
#outer #main form .index,
#outer #main form .toggled,
#outer #main form .dynamic,
#outer #main form .expandable,
#outer #main form p,
#outer #main form ul,
#outer #main form ol,
#outer #main form li,
#outer #main form blockquote,
#outer #main .post fieldset,
#outer #main .post dl,
#outer #main .post dt,
#outer #main .post dd,
#outer #main .post .module,
#outer #main .post p,
#outer #main .post li {
  background: transparent !important;
  background-image: none !important;
  border-color: #00f !important;
  box-shadow: none !important;
  color: #fff !important;
}

#outer div.dynamic,
#outer div.toggled {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer .toggled form,
#outer .dynamic form:not(.new_comment) {
  padding: 0.6em 0.8em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 0.3em #00f !important;
  color: #fff !important;
}

#outer #main form dt,
#outer #main form dt label,
#outer #main .post dt {
  color: #0ff !important;
  font-weight: bold !important;
}

#outer #main form .footnote,
#outer #main form .character_counter,
#outer #main :where(.footnote,
.character_counter):where(:not(#workskin *)) {
  color: #0ff !important;
  font-size: 0.85em !important;
}

#outer #main .required,
#outer #main abbr.required,
#outer #main form .required {
  color: #f00 !important;
  font-weight: bold !important;
}

#outer #main form .heading,
#outer #main form h3:not(.landmark),
#outer #main form h4:not(.landmark),
#outer #main .post .heading:not(.landmark) {
  background: transparent !important;
  border-color: #00f !important;
  box-shadow: none !important;
  color: #ff0 !important;
  font-weight: bold !important;
}

#outer #main form label,
#outer #main fieldset label {
  color: #fff !important;
  cursor: pointer !important;
}

#outer #main fieldset legend {
  color: #000 !important;
  font-family: inherit !important;
  font-weight: bold !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

#outer form.verbose legend,
#outer .verbose form legend,
#outer form.single legend {
  display: block !important;
  float: none !important;
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
  margin: 0 0 0.8em !important;
  padding: 0.3em 0.7em !important;
  background: #0ff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #000 !important;
  font-size: 1em !important;
  opacity: 1 !important;
}

#outer form.verbose fieldset,
#outer .verbose form fieldset {
  margin: 0 0 1.6em !important;
  padding: 0 0 0.6em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 2px #00f !important;
}

#outer form.verbose fieldset fieldset,
#outer .verbose form fieldset fieldset {
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

#outer form.verbose fieldset > dl,
#outer form.verbose fieldset > p,
#outer form.verbose fieldset > div,
#outer form.verbose fieldset > ul {
  margin-left: 0.7em !important;
  margin-right: 0.7em !important;
}

#outer li.added.tag,
#outer #main li.added.tag,
#outer #main form li.added.tag {
  display: inline-block !important;
  margin: 0 0.3em 0.3em 0 !important;
  padding: 0.1em 0.5em !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #000 !important;
  font-weight: bold !important;
}

#outer li.added.tag a,
#outer li.added.tag .delete,
#outer li.added.tag .delete a {
  margin: 0 0 0 0.3em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #f00 !important;
  font-weight: bold !important;
}

#outer#outer#outer .autocomplete .dropdown,
#outer#outer#outer .autocomplete div.dropdown ul {
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 0.2em #00f !important;
  color: #fff !important;
}

#outer#outer#outer .autocomplete .dropdown ul li,
#outer#outer#outer .autocomplete .dropdown li {
  background: #000 !important;
  border: 0 !important;
  color: #fff !important;
  font-family: inherit !important;
}

#outer#outer#outer .autocomplete .dropdown ul li:hover,
#outer#outer#outer .autocomplete .dropdown li.selected,
#outer#outer#outer .autocomplete .dropdown ul li.selected {
  background: #ff0 !important;
  color: #000 !important;
}

#outer .autocomplete .notice,
#outer .required .autocomplete {
  color: #0ff !important;
}

#outer #main .indicator,
#outer #main .filters .indicator,
#outer #main #work-filters .indicator,
#outer #main #bookmark-filters .indicator,
#outer #main #inbox-filters .indicator {
  display: none !important;
}

#outer #main input[type="checkbox"],
#outer #main input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  width: 0.95em !important;
  height: 0.95em !important;
  min-width: 0.95em !important;
  min-height: 0.95em !important;
  max-width: 0.95em !important;
  max-height: 0.95em !important;
  margin: 0 0.55em 0 0 !important;
  padding: 0 !important;
  vertical-align: -0.1em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 2px #fff !important;
  opacity: 1 !important;
  clip: auto !important;
  overflow: visible !important;
  transform: none !important;
  cursor: pointer !important;
}

#outer #main input[type="checkbox"]:checked,
#outer #main input[type="radio"]:checked {
  background: #0f0 !important;
  box-shadow: inset 0 0 0 2px #0f0, inset 0 0 0 4px #000 !important;
}

#outer #main input[type="radio"]:checked {
  background: #0f0 !important;
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 4px #000 !important;
}

#outer #main .exclude input[type="checkbox"]:checked,
#outer #main .filters .exclude input[type="checkbox"]:checked {
  background: #f00 !important;
  box-shadow: inset 0 0 0 2px #f00, inset 0 0 0 4px #000 !important;
}

#outer #main input[type="checkbox"]:disabled,
#outer #main input[type="radio"]:disabled {
  opacity: 0.35 !important;
  cursor: default !important;
}

#outer a.help > span.symbol.question,
#outer a.help:hover > span.symbol.question,
#outer span.symbol.question {
  position: relative !important;
  display: inline-block !important;
  width: 1.25em !important;
  height: 1.25em !important;
  margin: 0 0 0 0.3em !important;
  padding: 0 !important;
  vertical-align: middle !important;
  background: #0ff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #000 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-align: center !important;
  text-indent: 0 !important;
}

#outer a.help > span.symbol.question > span,
#outer span.symbol.question > span,
#outer span.symbol.question img {
  display: none !important;
}

#outer a.help > span.symbol.question::before,
#outer span.symbol.question::before {
  content: "?" !important;
  color: #000 !important;
  font-size: 13px !important;
  font-weight: bold !important;
  line-height: 20px !important;
}

#outer a.help:hover > span.symbol.question {
  background: #ff0 !important;
}

#outer a.help.symbol.question,
#outer a.help.symbol.question:hover {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main ol.index,
#outer #main ul.index,
#outer #main ol.work.index,
#outer #main ol.bookmark.index,
#outer #main .index.group {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main li.blurb {
  position: relative !important;
  display: flow-root !important;
  float: none !important;
  clear: both !important;
  min-height: 0 !important;
  margin: 0 0 2.2em !important;
  padding: 0 0 0.3em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  line-height: 1.45 !important;
  list-style: none !important;
  overflow: visible !important;
}

#outer #main li.blurb::before {
  content: "P1xx" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  padding: 0.25em 0.6em !important;
  background: #ff0 !important;
  color: #000 !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  letter-spacing: 0.03em !important;
}

#outer #main li.blurb:nth-child(1)::before {
  content: "P101" !important;
}

#outer #main li.blurb:nth-child(2)::before {
  content: "P102" !important;
}

#outer #main li.blurb:nth-child(3)::before {
  content: "P103" !important;
}

#outer #main li.blurb:nth-child(4)::before {
  content: "P104" !important;
}

#outer #main li.blurb:nth-child(5)::before {
  content: "P105" !important;
}

#outer #main li.blurb:nth-child(6)::before {
  content: "P106" !important;
}

#outer #main li.blurb:nth-child(7)::before {
  content: "P107" !important;
}

#outer #main li.blurb:nth-child(8)::before {
  content: "P108" !important;
}

#outer #main li.blurb:nth-child(9)::before {
  content: "P109" !important;
}

#outer #main li.blurb:nth-child(10)::before {
  content: "P110" !important;
}

#outer #main li.blurb:nth-child(11)::before {
  content: "P111" !important;
}

#outer #main li.blurb:nth-child(12)::before {
  content: "P112" !important;
}

#outer #main li.blurb:nth-child(13)::before {
  content: "P113" !important;
}

#outer #main li.blurb:nth-child(14)::before {
  content: "P114" !important;
}

#outer #main li.blurb:nth-child(15)::before {
  content: "P115" !important;
}

#outer #main li.blurb:nth-child(16)::before {
  content: "P116" !important;
}

#outer #main li.blurb:nth-child(17)::before {
  content: "P117" !important;
}

#outer #main li.blurb:nth-child(18)::before {
  content: "P118" !important;
}

#outer #main li.blurb:nth-child(19)::before {
  content: "P119" !important;
}

#outer #main li.blurb:nth-child(20)::before {
  content: "P120" !important;
}

#outer #main li.bookmark.blurb::before {
  background: #f0f !important;
}

#outer #main li.work.blurb:has(.rating-general-audience)::before {
  background-color: #0f0 !important;
}

#outer #main li.work.blurb:has(.rating-teen)::before {
  background-color: #ff0 !important;
}

#outer #main li.work.blurb:has(.rating-mature)::before {
  background-color: #f0f !important;
}

#outer #main li.work.blurb:has(.rating-explicit)::before {
  background-color: #f00 !important;
}

#outer #main li.work.blurb:has(.rating-notrated)::before {
  background-color: #fff !important;
}

#outer #main li.work.blurb:has(.rating-general-audience):hover::before {
  background-color: #000 !important;
  color: #0f0 !important;
}

#outer #main li.work.blurb:has(.rating-teen):hover::before {
  background-color: #000 !important;
  color: #ff0 !important;
}

#outer #main li.work.blurb:has(.rating-mature):hover::before {
  background-color: #000 !important;
  color: #f0f !important;
}

#outer #main li.work.blurb:has(.rating-explicit):hover::before {
  background-color: #000 !important;
  color: #f00 !important;
}

#outer #main li.work.blurb:has(.rating-notrated):hover::before {
  background-color: #000 !important;
  color: #fff !important;
}

#outer #main li.blurb:not(:has(h5.fandoms))::before {
  position: static !important;
  display: block !important;
  margin: 0 0 0.9em !important;
  background: linear-gradient(90deg, #ff0 0%, #ff0 4.4em, #00f 4.4em) !important;
}

#outer #main li.blurb::after {
  content: "" !important;
  display: block !important;
  clear: both !important;
  height: 0 !important;
  visibility: hidden !important;
}

#outer #main li.blurb .header,
#outer #main li.blurb .header.module,
#outer #main li.blurb div.header {
  position: static !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main li.blurb .header::after {
  content: "" !important;
  order: -1 !important;
  flex: 0 0 100% !important;
  height: 0 !important;
  margin: 0 !important;
  visibility: visible !important;
}

#outer #main li.blurb h5.fandoms,
#outer #main li.blurb .header h5.fandoms {
  order: -3 !important;
  flex: 1 1 auto !important;
  align-self: stretch !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0.25em 0.6em 0.25em 4.4em !important;
  background: #00f !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 1em !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
}

#outer #main li.blurb h5.fandoms .landmark {
  position: absolute !important;
}

#outer #main li.blurb h5.fandoms a,
#outer #main li.blurb h5.fandoms a.tag {
  color: #ff0 !important;
  font-size: 1em !important;
  font-weight: bold !important;
  line-height: inherit !important;
}

#outer #main li.blurb h5.fandoms a:hover {
  background: #fff !important;
  color: #000 !important;
}

#outer #main li.blurb .header p.datetime,
#outer #main li.blurb .header .datetime {
  order: -2 !important;
  flex: 1 0 auto !important;
  align-self: stretch !important;
  position: static !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0.25em 0.6em !important;
  background: #00f !important;
  color: #fff !important;
  font-size: 1em !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  letter-spacing: 0.03em !important;
  text-align: right !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#outer #main li.blurb:not(:has(h5.fandoms)) .header p.datetime,
#outer #main li.blurb:not(:has(h5.fandoms)) .header .datetime {
  order: 5 !important;
  flex: 0 0 auto !important;
  margin: 0.9em 0.6em 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  color: #0ff !important;
}

#outer #main li.blurb:hover h5.fandoms,
#outer #main li.blurb:hover .header p.datetime {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #main li.blurb:hover h5.fandoms a,
#outer #main li.blurb:hover h5.fandoms a.tag {
  color: #000 !important;
}

#outer #main li.blurb:hover::before {
  background: #000 !important;
  color: #ff0 !important;
}

#outer #main li.blurb:not(:has(h5.fandoms)) .header p.datetime,
#outer #main li.blurb:not(:has(h5.fandoms)):hover .header p.datetime {
  background: transparent !important;
  color: #0ff !important;
}

#outer #main .blurb .required-tags,
#outer #main .blurb .required-tags * {
  float: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  border: 0 !important;
  box-shadow: none !important;
  text-indent: 0 !important;
  transform: none !important;
}

#outer #main li.blurb ul.required-tags,
#outer #main .blurb ul.required-tags {
  order: 0 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  flex: 0 0 84px !important;
  width: 84px !important;
  height: auto !important;
  margin: 1em 0 0 0.6em !important;
  padding: 0 !important;
  list-style: none !important;
}

#outer #main .blurb ul.required-tags li,
#outer #main .blurb ul.required-tags li + li + li,
#outer #main .blurb ul.required-tags li + li + li + li {
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: block !important;
  width: 40px !important;
  height: 26px !important;
  margin: 0 2px 2px 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#outer #main .blurb ul.required-tags li a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  overflow: hidden !important;
}

#outer #main .blurb ul.required-tags li a > span,
#outer #main .blurb ul.required-tags li span.rating,
#outer #main .blurb ul.required-tags li span.warnings,
#outer #main .blurb ul.required-tags li span.category,
#outer #main .blurb ul.required-tags li span.iswip,
#outer #main .blurb ul.required-tags li span.external-work {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #00f !important;
  color: #fff !important;
  font-size: 12.5px !important;
  font-weight: bold !important;
  line-height: 26px !important;
  text-align: center !important;
  letter-spacing: 0 !important;
}

#outer #main .blurb ul.required-tags .text,
#outer #main .blurb span.text {
  position: absolute !important;
  display: block !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  white-space: nowrap !important;
}

#outer #main .blurb ul.required-tags li a:hover > span,
#outer #main .blurb ul.required-tags li a:focus > span {
  background: #fff !important;
  color: #000 !important;
}

#outer #main .blurb ul.required-tags li span.rating-general-audience {
  background: #0f0 !important;
  color: #000 !important;
}

#outer #main .blurb ul.required-tags li span.rating-general-audience::before {
  content: "G" !important;
}

#outer #main .blurb ul.required-tags li span.rating-teen {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #main .blurb ul.required-tags li span.rating-teen::before {
  content: "T" !important;
}

#outer #main .blurb ul.required-tags li span.rating-mature {
  background: #f0f !important;
  color: #000 !important;
}

#outer #main .blurb ul.required-tags li span.rating-mature::before {
  content: "M" !important;
}

#outer #main .blurb ul.required-tags li span.rating-explicit {
  background: #f00 !important;
  color: #000 !important;
}

#outer #main .blurb ul.required-tags li span.rating-explicit::before {
  content: "E" !important;
}

#outer #main .blurb ul.required-tags li span.rating-notrated {
  background: #fff !important;
  color: #000 !important;
}

#outer #main .blurb ul.required-tags li span.rating-notrated::before {
  content: "NR" !important;
}

#outer #main .blurb ul.required-tags li span.warning-yes {
  background: #f00 !important;
  color: #000 !important;
}

#outer #main .blurb ul.required-tags li span.warning-yes::before {
  content: "!" !important;
}

#outer #main .blurb ul.required-tags li span.warning-choosenotto {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #main .blurb ul.required-tags li span.warning-choosenotto::before {
  content: "?" !important;
}

#outer #main .blurb ul.required-tags li span.warning-no::before {
  content: "--" !important;
}

#outer #main .blurb ul.required-tags li span.external-work {
  background: #0ff !important;
  color: #000 !important;
}

#outer #main .blurb ul.required-tags li span.external-work::before {
  content: "EXT" !important;
}

#outer #main .blurb ul.required-tags li span.category-femslash {
  background: #f00 !important;
  color: #000 !important;
}

#outer #main .blurb ul.required-tags li span.category-femslash::before {
  content: "F/F" !important;
}

#outer #main .blurb ul.required-tags li span.category-het {
  background: #f0f !important;
  color: #000 !important;
}

#outer #main .blurb ul.required-tags li span.category-het::before {
  content: "F/M" !important;
}

#outer #main .blurb ul.required-tags li span.category-slash::before {
  content: "M/M" !important;
}

#outer #main .blurb ul.required-tags li span.category-gen {
  background: #0f0 !important;
  color: #000 !important;
}

#outer #main .blurb ul.required-tags li span.category-gen::before {
  content: "GEN" !important;
}

#outer #main .blurb ul.required-tags li span.category-multi {
  color: #000 !important;
  background-color: #fff !important;
  background-image: linear-gradient(90deg, #f00 25%, #0f0 25%, #0f0 50%, #0ff 50%, #0ff 75%, #f0f 75%) !important;
  background-size: 100% 5px !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
}

#outer #main .blurb ul.required-tags li span.category-multi::before {
  content: "MIX" !important;
}

#outer #main .blurb ul.required-tags li span.category-other {
  background: #000 !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

#outer #main .blurb ul.required-tags li span.category-other::before {
  content: "OTH" !important;
}

#outer #main .blurb ul.required-tags li span.category-none::before {
  content: "--" !important;
}

#outer #main .blurb ul.required-tags li span.complete-yes {
  background: #0f0 !important;
  color: #000 !important;
}

#outer #main .blurb ul.required-tags li span.complete-yes::before {
  content: "END" !important;
}

#outer #main .blurb ul.required-tags li span.complete-no {
  background: #fff !important;
  color: #000 !important;
}

#outer #main .blurb ul.required-tags li span.complete-no::before {
  content: "WIP" !important;
}

#outer #main li.blurb h4.heading,
#outer #main li.blurb .header h4.heading {
  order: 1 !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin: 0.9em 0 0 !important;
  padding: 0 0.6em 0 0.9em !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 1em !important;
  font-weight: normal !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

#outer #main li.blurb h4.heading a:first-of-type {
  display: block !important;
  box-sizing: border-box !important;
  width: 200% !important;
  margin: 0 0 0.2em !important;
  padding: 0 !important;
  color: #ff0 !important;
  font-size: 2.3em !important;
  font-weight: bold !important;
  line-height: 1.1 !important;
  letter-spacing: 0.02em !important;
  transform: scaleX(0.5) !important;
  transform-origin: 0 0 !important;
}

#outer #main li.blurb h4.heading a:first-of-type:visited {
  color: #fff !important;
}

#outer #main li.blurb h4.heading a:first-of-type:hover,
#outer #main li.blurb h4.heading a:first-of-type:focus {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #main li.blurb h4.heading a[rel="author"],
#outer #main li.blurb h4.heading a {
  color: #0ff !important;
  font-weight: bold !important;
}

#outer #main li.blurb h4.heading a[rel="author"]:hover,
#outer #main li.blurb h4.heading a:hover {
  color: #000 !important;
}

#outer #main li.blurb h4.heading .status {
  display: inline-block !important;
  margin: 0 0 0.3em !important;
  padding: 0 0.4em !important;
  background: #f0f !important;
  color: #000 !important;
  font-weight: bold !important;
}

#outer #main li.blurb h4.heading img[src*="lockblue"],
#outer #main li.blurb h4.heading img[src*="lockred"] {
  display: none !important;
}

#outer #main li.blurb h4.heading:has(img[src*="lockblue"])::after,
#outer #main li.blurb h4.heading:has(img[src*="lockred"])::after {
  content: "LOCKED" !important;
  display: inline-block !important;
  margin: 0 0 0 0.6em !important;
  padding: 0 0.4em !important;
  background: #ff0 !important;
  color: #000 !important;
  font-size: 0.8em !important;
  font-weight: bold !important;
  letter-spacing: 0.05em !important;
  vertical-align: 0.1em !important;
}

#outer #main li.blurb h4.heading:has(img[src*="lockred"])::after {
  content: "HIDDEN" !important;
  background: #f00 !important;
}

#outer #main li.blurb .header .icon,
#outer #main li.blurb .header p.icon,
#outer #main li.blurb .header div.icon {
  order: 0 !important;
  position: static !important;
  float: none !important;
  flex: 0 0 4.2em !important;
  width: 4.2em !important;
  height: 4.2em !important;
  margin: 0 0 0 0.6em !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #00f !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#outer #main li.blurb .header .icon a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

#outer #main li.blurb .header .icon img,
#outer #main li.blurb .header img.icon {
  display: block !important;
  float: none !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

#outer #main li.blurb .header h4.heading:not(:first-child) {
  margin-top: 0 !important;
}

#outer #main li.blurb .header h5.heading:not(.fandoms) {
  order: 2 !important;
  flex: 0 0 100% !important;
  margin: 0.4em 0.6em 0 !important;
  padding: 0 !important;
  color: #0ff !important;
  font-size: 1em !important;
}

#outer #main li.blurb > h6.landmark.heading,
#outer #main li.blurb h6.landmark {
  position: absolute !important;
}

#outer #main li.blurb ul.tags {
  display: block !important;
  clear: both !important;
  margin: 0.9em 0.6em 0 !important;
  padding: 0 !important;
  column-count: 1 !important;
  line-height: 1.65 !important;
  list-style: none !important;
  border: 0 !important;
}

#outer #main li.blurb ul.tags li {
  position: static !important;
  display: inline-block !important;
  max-width: 100% !important;
  margin: 0 1.1em 0 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
}

#outer #main li.blurb ul.tags li::after,
#outer #main .blurb ul.commas li::after {
  content: none !important;
}

#outer #main li.blurb ul.tags li::before {
  content: "" !important;
  position: static !important;
  display: inline-block !important;
  width: 0.55em !important;
  height: 0.55em !important;
  margin: 0 0.45em 0.1em 0 !important;
  background: #fff !important;
  vertical-align: middle !important;
}

#outer #main li.blurb ul.tags li.warnings::before {
  background: #f00 !important;
}

#outer #main li.blurb ul.tags li.relationships::before {
  background: #f0f !important;
}

#outer #main li.blurb ul.tags li.characters::before {
  background: #0ff !important;
}

#outer #main li.blurb > ul.tags {
  columns: 2 16em !important;
  column-gap: 2.5em !important;
}

#outer #main li.blurb > ul.tags::before {
  content: "TAGS" !important;
  display: block !important;
  -webkit-column-span: all !important;
  column-span: all !important;
  margin: 0 0 0.3em !important;
  color: #0ff !important;
  font-size: 0.8em !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  letter-spacing: 0.25em !important;
}

#outer #main li.blurb > ul.tags li {
  display: block !important;
  margin: 0 0 0.15em !important;
  padding: 0 0 0 1em !important;
  text-indent: -1em !important;
  -webkit-column-break-inside: avoid !important;
  page-break-inside: avoid !important;
}

#outer #main li.blurb > ul.tags li a,
#outer #main li.blurb > ul.tags li strong {
  text-indent: 0 !important;
}

#outer #main li.blurb ul.tags a,
#outer #main li.blurb ul.tags a.tag {
  display: inline !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 1em !important;
  font-weight: normal !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

#outer #main li.blurb ul.tags li.warnings a.tag,
#outer #main li.blurb ul.tags li.warnings strong {
  color: #f00 !important;
  font-weight: bold !important;
}

#outer #main li.blurb ul.tags li.warnings a.tag[href*="No%20Archive"],
#outer #main li.blurb ul.tags li.warnings a.tag[href*="No Archive"] {
  color: #fff !important;
  font-weight: normal !important;
}

#outer #main li.blurb ul.tags li.relationships a.tag {
  color: #f0f !important;
}

#outer #main li.blurb ul.tags li.characters a.tag {
  color: #0ff !important;
}

#outer #main li.blurb ul.tags a.tag:hover,
#outer #main li.blurb ul.tags a.tag:focus {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #main .blurb blockquote.userstuff.summary,
#outer #main .blurb .summary {
  margin: 0.75em 0.6em 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 1em !important;
  font-style: normal !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

#outer #main .blurb .summary p {
  margin: 0 !important;
  padding: 0 !important;
}

#outer #main .blurb .summary p + p {
  margin-top: 0.7em !important;
}

#outer #main .blurb .summary a,
#outer #main .blurb .userstuff a {
  color: #ff0 !important;
  text-decoration: underline !important;
}

#outer #main li.blurb ul.series {
  margin: 0.55em 0.6em 0 !important;
  padding: 0 !important;
  color: #0f0 !important;
  font-weight: bold !important;
}

#outer #main li.blurb ul.series li {
  display: block !important;
}

#outer #main li.blurb ul.series a {
  color: #0f0 !important;
}

#outer #main li.blurb ul.series a:hover {
  color: #000 !important;
}

#outer #main dl.stats {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: auto !important;
  margin: 0.8em 0.6em 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}

#outer #main dl.stats dt {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
}

#outer #main dl.stats dd {
  display: inline-block !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 1.25em 0.2em 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #ff0 !important;
  font-family: inherit !important;
  font-size: 1em !important;
  font-weight: bold !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

#outer #main dl.stats dd a {
  color: #ff0 !important;
  border: 0 !important;
}

#outer #main dl.stats dd a:hover {
  color: #000 !important;
}

#outer #main dl.stats dd::before {
  margin: 0 0.45em 0 0 !important;
  color: #0ff !important;
  letter-spacing: 0.03em !important;
}

#outer #main dl.stats dd.language::before {
  content: "LANG" !important;
}

#outer #main dl.stats dd.words::before {
  content: "WORDS" !important;
}

#outer #main dl.stats dd.chapters::before {
  content: "CHAPTERS" !important;
}

#outer #main dl.stats dd.comments::before {
  content: "COMMENTS" !important;
}

#outer #main dl.stats dd.kudos::before {
  content: "KUDOS" !important;
  color: #f0f !important;
}

#outer #main dl.stats dd.bookmarks::before {
  content: "BOOKMARKS" !important;
}

#outer #main dl.stats dd.hits::before {
  content: "HITS" !important;
}

#outer #main dl.stats dd.published::before {
  content: "PUBLISHED" !important;
}

#outer #main dl.stats dd.status::before {
  content: "UPDATED" !important;
}

#outer #main dl.stats dd.collections::before {
  content: "COLLECTIONS" !important;
}

#outer #main dl.stats dd.works::before {
  content: "WORKS" !important;
}

#outer #main dl.stats dd.complete::before {
  content: "COMPLETE" !important;
}

#outer #main dl.stats dd.items::before {
  content: "ITEMS" !important;
}

#outer #main dl.stats dd.subscriptions::before {
  content: "SUBS" !important;
}

#outer #main dl.stats .kudos,
#outer #main dl.stats dd.kudos {
  margin-left: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#outer #main li.blurb ul.actions,
#outer #main li.blurb .actions,
#outer #main li.blurb > form,
#outer #main li.blurb form.button_to,
#outer #main li.blurb div.button_to,
#outer #main li.blurb > p.actions {
  position: static !important;
  display: block !important;
  float: none !important;
  clear: both !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0.8em 0.6em 0 !important;
  padding: 0 !important;
  text-align: right !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

#outer #main li.blurb ul.actions li,
#outer #main li.blurb .actions li {
  position: static !important;
  display: inline-block !important;
  float: none !important;
  margin: 0.3em 0 0 0.4em !important;
  padding: 0 !important;
}

#outer #main li.blurb .actions a,
#outer #main li.blurb .actions input,
#outer #main li.blurb .actions button {
  font-size: 0.85em !important;
}

#outer #main li.blurb h4.viewed,
#outer #main h4.viewed {
  display: block !important;
  margin: 0.8em 0.6em 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #0ff !important;
  font-size: 0.9em !important;
  text-align: left !important;
}

#outer #main li.blurb hr {
  display: none !important;
}

#outer #main li.blurb p.caution,
#outer #main li.blurb p.notice,
#outer #main li.blurb p.message {
  margin: 0.8em 0.6em 0 !important;
}

#outer #main .bookmark p.status,
#outer #main li.bookmark.blurb > p.status {
  position: absolute !important;
  top: 2.4em !important;
  right: 0.6em !important;
  z-index: 3 !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  text-indent: 0 !important;
  overflow: visible !important;
  line-height: 1.5 !important;
}

#outer #main .bookmark p.status a,
#outer #main .bookmark p.status span {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 0 0.3em !important;
  padding: 0 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  text-indent: 0 !important;
  overflow: visible !important;
  color: #fff !important;
  font-size: 0.85em !important;
  font-weight: bold !important;
}

#outer #main .bookmark p.status a.help span,
#outer #main .bookmark p.status a.help {
  margin: 0 !important;
  font-size: 1em !important;
}

#outer #main .bookmark p.status .text {
  position: static !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 0.45em !important;
  clip: auto !important;
  overflow: visible !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 0.85em !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#outer #main .bookmark p.status .rec .text {
  background: #ff0 !important;
}

#outer #main .bookmark p.status .private .text {
  background: #f0f !important;
}

#outer #main .bookmark p.status .hidden .text {
  background: #f00 !important;
}

#outer #main .bookmark p.status .rec .text::before {
  content: "★ " !important;
}

#outer #main .bookmark p.status span.count {
  display: none !important;
}

#outer #main li.bookmark.blurb .header h4.heading {
  padding-right: 8.5em !important;
}

#outer #main .bookmark .user,
#outer #main .bookmark .user.module,
#outer #main li.bookmark .user,
#outer #main li.bookmark div.user {
  clear: both !important;
  float: none !important;
  margin: 1em 0.6em 0 !important;
  padding: 0.6em 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 2px solid #f0f !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#outer #main .bookmark .user h5.byline,
#outer #main .bookmark .user h5.heading {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #f0f !important;
  font-size: 1em !important;
  font-weight: bold !important;
}

#outer #main .bookmark .user h5.byline a {
  color: #ff0 !important;
}

#outer #main .bookmark .user h5.byline a:hover {
  color: #000 !important;
}

#outer #main .bookmark .user .datetime,
#outer #main .bookmark .user p.datetime {
  position: static !important;
  display: inline-block !important;
  float: none !important;
  margin: 0 0 0 0.8em !important;
  padding: 0 !important;
  background: transparent !important;
  color: #0ff !important;
  font-size: 0.9em !important;
  text-transform: uppercase !important;
}

#outer #main .bookmark .user h6.meta.heading,
#outer #main .bookmark .user > h6.landmark.heading {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0.5em 0 0.1em !important;
  padding: 0 !important;
  clip: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
  border: 0 !important;
  color: #0ff !important;
  font-size: 0.8em !important;
  font-weight: bold !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

#outer #main .bookmark .user ul.tags,
#outer #main .bookmark .user ul.meta {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  column-count: 1 !important;
}

#outer #main .bookmark .user ul.tags li,
#outer #main .bookmark .user ul.meta li {
  display: inline-block !important;
  margin: 0 0.4em 0.2em 0 !important;
  padding: 0 !important;
}

#outer #main li.blurb .user ul.tags li::before,
#outer #main li.blurb .user ul.meta li::before {
  content: none !important;
}

#outer #main .bookmark .user ul.meta li a,
#outer #main .bookmark .user ul.tags li a {
  display: inline-block !important;
  padding: 0 0.4em !important;
  background: #00f !important;
  color: #fff !important;
}

#outer #main .bookmark .user ul.meta li a:hover,
#outer #main .bookmark .user ul.tags li a:hover {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #main .bookmark .user blockquote.userstuff,
#outer #main .bookmark .user blockquote.notes {
  margin: 0.4em 0 0 !important;
  padding: 0.5em 0.8em !important;
  background: #00f !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  font-family: inherit !important;
  font-style: normal !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

#outer #main .bookmark .user .userstuff p {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#outer #main .bookmark .user ul.actions {
  margin: 0.6em 0 0 !important;
}

#outer #main.filtered {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  overflow: visible !important;
  column-gap: 2.2em !important;
}

#outer #main.filtered::before,
#outer #main.filtered::after {
  content: none !important;
  display: none !important;
}

#outer #main.filtered > * {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

#outer #main.filtered > h2.heading {
  order: 0 !important;
}

#outer #main.filtered > .pagination:first-of-type,
#outer #main.filtered > ol.pagination:first-of-type {
  order: 1 !important;
}

#outer #main.filtered > .index,
#outer #main.filtered > ol.index,
#outer #main.filtered > ul.index,
#outer #main.filtered > ol.work.index,
#outer #main.filtered > ol.bookmark.index,
#outer #main.filtered > form.inbox {
  flex: 6 1 30em !important;
  order: 2 !important;
  float: none !important;
  width: auto !important;
  margin-top: 0 !important;
  padding-right: 0 !important;
}

#outer #main.filtered > .filters,
#outer #main.filtered > form.filters,
#outer #main.filtered > #work-filters,
#outer #main.filtered > #bookmark-filters {
  flex: 1 1 16em !important;
  order: 3 !important;
  float: none !important;
  width: auto !important;
  margin-top: 0 !important;
}

#outer #main.filtered > .pagination:last-of-type,
#outer #main.filtered > ol.pagination:last-of-type {
  order: 4 !important;
}

#outer #main form.filters,
#outer #main #work-filters,
#outer #main #bookmark-filters,
#outer #main #inbox-filters {
  position: relative !important;
  float: none !important;
  width: auto !important;
  margin: 0.3em 0.3em 2em !important;
  padding: 0 0 1em !important;
  box-sizing: border-box !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 0.3em #00f !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 0.95em !important;
}

#outer #main .filters fieldset,
#outer #main .filters fieldset fieldset,
#outer #main .filters div,
#outer #main .filters p,
#outer #main .filters dl,
#outer #main .filters dt,
#outer #main .filters dd,
#outer #main .filters ul,
#outer #main .filters ol,
#outer #main .filters li,
#outer #main .filters .expandable,
#outer #main .filters .group,
#outer #main .filters .module {
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#outer #main .filters > fieldset,
#outer #main form.filters > fieldset {
  margin: 0 !important;
  padding: 0 0.9em !important;
}

#outer #main .filters fieldset > legend,
#outer #main form.filters fieldset > legend {
  float: left !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  box-sizing: content-box !important;
  margin: 0 -0.9em 0.6em !important;
  padding: 0.35em 0.9em !important;
  background: #0ff !important;
  border: 0 !important;
  color: #000 !important;
  font-size: 1em !important;
  font-weight: bold !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
}

#outer #main .filters fieldset fieldset > legend {
  float: none !important;
  width: auto !important;
  margin: 0.6em 0 0.2em !important;
  padding: 0 !important;
  background: transparent !important;
  color: #0ff !important;
  font-size: 0.9em !important;
}

#outer #main .filters dl {
  clear: both !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

#outer #main .filters,
#outer #main .filters label,
#outer #main .filters dt,
#outer #main .filters dd,
#outer #main .filters li,
#outer #main .filters span {
  color: #fff !important;
  font-family: inherit !important;
}

#outer #main .filters dt label,
#outer #main .filters dt.sort label,
#outer #main .filters dt.search label,
#outer #main .filters dt.tags label {
  display: block !important;
  margin: 0.7em 0 0.3em !important;
  padding: 0 !important;
  text-indent: 0 !important;
  color: #0ff !important;
  font-size: 0.9em !important;
  font-weight: bold !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

#outer #main .filters select,
#outer #main .filters input[type="text"],
#outer #main .filters input:not([type]) {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0.3em 0.5em !important;
  background: #00f !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 1em !important;
  font-weight: bold !important;
}

#outer #main .filters select:focus,
#outer #main .filters input[type="text"]:focus {
  background: #fff !important;
  color: #000 !important;
  outline: 0 !important;
}

#outer #main .filters dt:is(.include,
.exclude) {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 1.2em -0.9em 0.3em !important;
  padding: 0.25em 0.9em !important;
  background: #0f0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #000 !important;
  font-size: 1em !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

#outer #main .filters dt.exclude {
  background: #f00 !important;
}

#outer #main .filters dt:is(.include,
.exclude) h4,
#outer #main .filters dt:is(.include,
.exclude) h4.heading {
  display: block !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: inherit !important;
  font-size: 1em !important;
  font-weight: bold !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

#outer #main .filters dt:is(.include,
.exclude) a.help {
  flex: 0 0 auto !important;
  display: inline-block !important;
  margin: 0 0 0 0.6em !important;
  padding: 0 0.45em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 0.9em !important;
  font-weight: bold !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  cursor: help !important;
}

#outer #main .filters dt:is(.include,
.exclude) a.help span {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: 1em !important;
  vertical-align: baseline !important;
}

#outer #main .filters dt:is(.include,
.exclude) a.help:hover,
#outer #main .filters dt:is(.include,
.exclude) a.help:focus {
  background: #fff !important;
  color: #000 !important;
}

#outer #main .filters .expander,
#outer #main #work-filters .expander,
#outer #main #bookmark-filters .expander {
  display: block !important;
  width: 100% !important;
  margin: 0.45em 0 0.15em !important;
  padding: 0.1em 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #ff0 !important;
  font-family: inherit !important;
  font-size: 1em !important;
  font-weight: bold !important;
  text-align: left !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  cursor: pointer !important;
}

#outer #main .filters .expander::before {
  content: "+ " !important;
  position: static !important;
  color: #0ff !important;
  opacity: 1 !important;
}

#outer #main .filters .expander[aria-expanded="true"]::before {
  content: "- " !important;
}

#outer #main .filters .expander:hover,
#outer #main .filters .expander:focus {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #main .filters .expander:hover::before {
  color: #000 !important;
}

#outer #main .filters ul,
#outer #main .filters li {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

#outer #main .filters label {
  position: relative !important;
  display: block !important;
  padding: 0.15em 0 0.15em 1.5em !important;
  text-indent: -1.5em !important;
  line-height: 1.45 !important;
  cursor: pointer !important;
}

#outer #main .filters label:hover span {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #main .filters input[type="checkbox"],
#outer #main .filters input[type="radio"] {
  text-indent: 0 !important;
}

#outer #main .filters dd.submit,
#outer #main .filters dd.submit.actions,
#outer #main .filters p.filtered.actions {
  margin: 0.9em 0 0 !important;
  text-align: center !important;
}

#outer #main .filters dd.submit input[type="submit"] {
  display: block !important;
  width: 100% !important;
  padding: 0.4em 0.5em !important;
  background: #0f0 !important;
  color: #000 !important;
}

#outer #main .filters dd.submit input[type="submit"]:hover {
  background: #fff !important;
}

#outer #main .filters dd.submit a,
#outer #main .filters p.filtered a {
  display: block !important;
  margin: 0.5em 0 0 !important;
  padding: 0.2em 0 !important;
  background: transparent !important;
  color: #f00 !important;
  font-weight: bold !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#outer #main .filters dd.submit a:hover,
#outer #main .filters p.filtered a:hover {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #main .narrow-shown,
#outer #main p.narrow-shown,
#outer #main .narrow-shown.actions {
  text-align: center !important;
}

#outer #main a#go_to_filters {
  display: inline-block !important;
  margin: 0.4em auto !important;
  background: #0f0 !important;
  color: #000 !important;
}

#outer.filtering,
#outer #inner.filtering,
#outer #main.filtering,
.filtering #outer {
  right: 0 !important;
}

#outer.filtering #main :is(form.filters,
#work-filters,
#bookmark-filters,
#inbox-filters),
#outer #main.filtering :is(form.filters,
#work-filters,
#bookmark-filters,
#inbox-filters),
#outer #inner.filtering #main :is(form.filters,
#work-filters,
#bookmark-filters,
#inbox-filters),
.filtering #outer #main :is(form.filters,
#work-filters,
#bookmark-filters,
#inbox-filters) {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  z-index: 500 !important;
  width: 19em !important;
  max-width: 88% !important;
  margin: 0 !important;
  overflow-y: auto !important;
  box-shadow: 0 0 0 0.3em #00f, 0 0 0 100em rgba(0, 0, 0, 0.7) !important;
}

#outer #main a#leave_filters,
#outer #main a#leave_filters:hover,
#outer #main a#leave_filters:focus {
  background: transparent !important;
  color: #0ff !important;
}

#outer #main div.work {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main ul.work.navigation,
#outer #main ul.work.navigation.actions {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  float: none !important;
  clear: both !important;
  width: auto !important;
  margin: 0 0 1.4em !important;
  padding: 0 !important;
  text-align: left !important;
}

#outer #main ul.work.navigation > li {
  position: static !important;
  margin: 0 0.4em 0.4em 0 !important;
  padding: 0 !important;
}

#outer #main ul.work.navigation .secondary {
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#outer #main .work.navigation li.download {
  margin-top: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main .work.navigation .secondary p,
#outer #main .work.navigation .secondary .actions {
  margin: 0 !important;
  padding: 0.2em 0.6em !important;
  background: transparent !important;
}

#outer #main .wrapper:has(> dl.meta) {
  margin: 0 0 1.6em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main .wrapper:has(> dl.meta) > dl.meta {
  margin-bottom: 0 !important;
}

#outer #main div.work > div.wrapper {
  margin: 0 0 2.4em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main dl.meta {
  display: grid !important;
  grid-template-columns: 9.5em auto !important;
  align-items: start !important;
  float: none !important;
  clear: both !important;
  width: auto !important;
  max-width: 56em !important;
  margin: 0 0 1.5em !important;
  padding: 0 !important;
  overflow: visible !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 0.95em !important;
  line-height: 1.45 !important;
}

#outer #main dl.work.meta {
  margin: 0 auto !important;
}

#outer #main dl.work.meta::before {
  content: "WORK INFORMATION" !important;
  grid-column-start: 1 !important;
  grid-column-end: 3 !important;
  display: block !important;
  margin: 0 0 0.3em !important;
  padding: 0.3em 0.6em !important;
  background: #f00 !important;
  color: #000 !important;
  font-weight: bold !important;
  letter-spacing: 0.06em !important;
}

#outer #main dl.series.meta::before {
  content: "SERIES INFORMATION" !important;
  grid-column-start: 1 !important;
  grid-column-end: 3 !important;
  display: block !important;
  margin: 0 0 0.3em !important;
  padding: 0.3em 0.6em !important;
  background: #0f0 !important;
  color: #000 !important;
  font-weight: bold !important;
  letter-spacing: 0.06em !important;
}

#outer #main dl.meta > dt {
  position: static !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 0 2px !important;
  padding: 0.3em 0.6em !important;
  overflow: visible !important;
  background: #00f !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 0.82em !important;
  font-weight: bold !important;
  line-height: 1.6 !important;
  letter-spacing: 0.03em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

#outer #main dl.meta > dt a {
  color: #fff !important;
}

#outer #main dl.meta > dd {
  float: none !important;
  clear: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 0 2px !important;
  padding: 0.25em 0.8em !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  overflow-wrap: anywhere !important;
}

#outer #main dl.meta dd ul,
#outer #main dl.meta dd ul.commas {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

#outer #main dl.meta dd ul li {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

#outer #main dl.meta dd blockquote.userstuff {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 1em !important;
  font-style: normal !important;
  line-height: 1.55 !important;
}

#outer #main dl.meta dd a.tag {
  color: #fff !important;
}

#outer #main dl.meta dd.rating a.tag {
  color: #ff0 !important;
  font-weight: bold !important;
}

#outer #main dl.meta dd.rating a.tag[href*="General"] {
  color: #0f0 !important;
}

#outer #main dl.meta dd.rating a.tag[href*="Mature"] {
  color: #f0f !important;
}

#outer #main dl.meta dd.rating a.tag[href*="Explicit"] {
  color: #f00 !important;
}

#outer #main dl.meta dd.rating a.tag[href*="Not%20Rated"] {
  color: #fff !important;
}

#outer #main dl.meta dd.warning a.tag {
  color: #f00 !important;
  font-weight: bold !important;
}

#outer #main dl.meta dd.warning a.tag[href*="No%20Archive"],
#outer #main dl.meta dd.warning a.tag[href*="No Archive"] {
  color: #fff !important;
  font-weight: normal !important;
}

#outer #main dl.meta dd.warning a.tag[href*="Creator%20Chose"] {
  color: #ff0 !important;
}

#outer #main dl.meta dd.fandom a.tag {
  color: #ff0 !important;
  font-weight: bold !important;
}

#outer #main dl.meta dd.relationship a.tag {
  color: #f0f !important;
}

#outer #main dl.meta dd.character a.tag {
  color: #0ff !important;
}

#outer #main dl.meta dd.series a,
#outer #main dl.meta dd.collections a {
  color: #0f0 !important;
  font-weight: bold !important;
}

#outer #main dl.meta dd.series .series {
  display: block !important;
}

#outer #main dl.meta dd .divider {
  color: #00f !important;
}

#outer #main dl.meta dd a:hover,
#outer #main dl.meta dd a:focus,
#outer #main dl.meta dd a.tag:hover {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #main dl.meta dl.stats {
  display: block !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: 1em !important;
}

#outer #main dl.meta dl.stats dd {
  margin: 0 1.1em 0.15em 0 !important;
  font-size: 0.9em !important;
  white-space: normal !important;
}

#outer #main #workskin {
  position: relative !important;
  max-width: 46em !important;
  margin: 0 auto 2em !important;
  padding: 0 0 1.5em !important;
  background: #000 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 1em !important;
}

#outer #main #workskin > .preface,
#outer #main #workskin .preface.group {
  float: none !important;
  margin: 0 0 2.2em !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main #workskin > .preface:first-child::before {
  content: "STORY" !important;
  display: block !important;
  padding: 0.3em 0.9em !important;
  background: #f00 !important;
  color: #000 !important;
  font-weight: bold !important;
  letter-spacing: 0.06em !important;
}

#outer #main:has(dd.rating a[href*="General"]) dl.work.meta::before {
  background-color: #0f0 !important;
}

#outer #main:has(dd.rating a[href*="Teen"]) dl.work.meta::before {
  background-color: #ff0 !important;
}

#outer #main:has(dd.rating a[href*="Mature"]) dl.work.meta::before {
  background-color: #f0f !important;
}

#outer #main:has(dd.rating a[href*="Explicit"]) dl.work.meta::before {
  background-color: #f00 !important;
}

#outer #main:has(dd.rating a[href*="Not%20Rated"]) dl.work.meta::before {
  background-color: #fff !important;
}

#outer #main:has(dd.rating a[href*="General"]) #workskin > .preface:first-child::before {
  content: "STORY  ·  GENERAL AUDIENCES" !important;
  background-color: #0f0 !important;
}

#outer #main:has(dd.rating a[href*="Teen"]) #workskin > .preface:first-child::before {
  content: "STORY  ·  TEEN AND UP" !important;
  background-color: #ff0 !important;
}

#outer #main:has(dd.rating a[href*="Mature"]) #workskin > .preface:first-child::before {
  content: "STORY  ·  MATURE" !important;
  background-color: #f0f !important;
}

#outer #main:has(dd.rating a[href*="Explicit"]) #workskin > .preface:first-child::before {
  content: "STORY  ·  EXPLICIT" !important;
  background-color: #f00 !important;
}

#outer #main:has(dd.rating a[href*="Not%20Rated"]) #workskin > .preface:first-child::before {
  content: "STORY  ·  NOT RATED" !important;
  background-color: #fff !important;
}

#outer #main #workskin .preface h2.title {
  display: block !important;
  box-sizing: border-box !important;
  width: 200% !important;
  margin: 0.45em 0 0.1em !important;
  padding: 0 0.62em !important;
  background: transparent !important;
  border: 0 !important;
  color: #ff0 !important;
  font-size: 2.9em !important;
  font-weight: bold !important;
  line-height: 1.1 !important;
  letter-spacing: 0.02em !important;
  text-align: left !important;
  transform: scaleX(0.5) !important;
  transform-origin: 0 0 !important;
}

#outer #main #workskin .preface h2.title img {
  display: none !important;
}

#outer #main #workskin .preface h2.title:has(img[src*="lockblue"])::after,
#outer #main #workskin .preface h2.title:has(img[src*="lockred"])::after {
  content: "LOCKED" !important;
  display: inline-block !important;
  margin: 0 0 0 0.4em !important;
  padding: 0 0.3em !important;
  background: #ff0 !important;
  color: #000 !important;
  font-size: 0.4em !important;
  letter-spacing: 0.06em !important;
  vertical-align: 0.5em !important;
}

#outer #main #workskin .preface h2.title:has(img[src*="lockred"])::after {
  content: "HIDDEN" !important;
  background: #f00 !important;
}

#outer #main #workskin .preface h3.byline,
#outer #main #workskin .preface .byline {
  margin: 0 0 1.4em !important;
  padding: 0 0.9em !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 1em !important;
  font-weight: normal !important;
  text-align: left !important;
}

#outer #main #workskin .preface h3.byline::before {
  content: "by " !important;
}

#outer #main #workskin .preface .byline a {
  color: #0ff !important;
  font-weight: bold !important;
  text-align: left !important;
}

#outer #main #workskin .preface .byline a:hover {
  color: #000 !important;
}

#outer #main #workskin .preface .module,
#outer #main #workskin .preface div.summary,
#outer #main #workskin .preface div.notes,
#outer #main #workskin .preface div.series,
#outer #main #workskin .preface div.children,
#outer #main #workskin .end.notes {
  float: none !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 0 1.2em !important;
  padding: 0 0.9em !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main #workskin .preface .module h3.heading,
#outer #main #workskin .end.notes h3.heading,
#outer #main #workskin .afterword h3.heading {
  display: inline-block !important;
  margin: 0 0 0.45em !important;
  padding: 0.1em 0.5em !important;
  background: #0ff !important;
  border: 0 !important;
  color: #000 !important;
  font-size: 0.85em !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

#outer #main #workskin .notes h3.heading,
#outer #main #workskin .end.notes h3.heading {
  background: #0f0 !important;
}

#outer #main #workskin .series h3.heading,
#outer #main #workskin .children h3.heading {
  background: #ff0 !important;
}

#outer #main #workskin .preface .module > blockquote.userstuff,
#outer #main #workskin .end.notes > blockquote.userstuff {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 1em !important;
  font-style: normal !important;
  line-height: 1.6 !important;
}

#outer #main #workskin .preface .module > p,
#outer #main #workskin .end.notes > p,
#outer #main #workskin .preface .module > ul {
  margin: 0.3em 0 0 !important;
  padding: 0 !important;
  color: #fff !important;
}

#outer #main #workskin .notes p.jump,
#outer #main #workskin .preface p.jump {
  margin: 0.5em 0 0 !important;
  color: #0ff !important;
  font-size: 0.85em !important;
}

#outer #main #workskin .notes p.jump a {
  color: #0ff !important;
  text-decoration: underline !important;
}

#outer #main #workskin .notes p.jump a:hover {
  color: #000 !important;
}

#outer #main #workskin .preface .series ul,
#outer #main #workskin .preface .children ul {
  padding: 0 !important;
}

#outer #main #workskin .preface .series a,
#outer #main #workskin .preface .children a {
  color: #0f0 !important;
  font-weight: bold !important;
}

#outer #main #workskin .preface .series a:hover,
#outer #main #workskin .preface .children a:hover {
  color: #000 !important;
}

#outer #main #workskin #chapters,
#outer #main #workskin div.chapter {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main #workskin div.chapter + div.chapter {
  margin-top: 3em !important;
}

#outer #main #workskin .chapter .preface,
#outer #main #workskin .chapter.preface {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main #workskin .chapter .preface h3.title {
  display: block !important;
  box-sizing: border-box !important;
  width: 200% !important;
  margin: 0 0 1.3em !important;
  padding: 0.22em 0.9em !important;
  background: #00f !important;
  border: 0 !important;
  color: #ff0 !important;
  font-size: 2em !important;
  font-weight: bold !important;
  line-height: 1.2 !important;
  text-align: left !important;
  transform: scaleX(0.5) !important;
  transform-origin: 0 0 !important;
}

#outer #main #workskin .chapter .preface h3.title a {
  color: #fff !important;
}

#outer #main #workskin .chapter .preface h3.title a:hover {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #main #workskin .chapter .preface + .userstuff {
  margin-top: 0 !important;
}

#outer #main #workskin .chapter > .chapter.preface:last-child,
#outer #main #workskin .chapter .preface[role="complementary"]:last-child {
  margin-top: 1.4em !important;
}

#outer #main #workskin .afterword,
#outer #main #workskin div.afterword.preface {
  margin: 2.2em 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#outer #main #workskin .afterword::before {
  content: "" !important;
  display: block !important;
  height: 0.5em !important;
  margin: 0 0 1.4em !important;
  background: linear-gradient(90deg, #fff 0%, #fff 12.5%, #ff0 12.5%, #ff0 25%, #0ff 25%, #0ff 37.5%, #0f0 37.5%, #0f0 50%, #f0f 50%, #f0f 62.5%, #f00 62.5%, #f00 75%, #00f 75%, #00f 87.5%, #000 87.5%) !important;
}

#outer #main .draft,
#outer #main .chapter.draft,
#outer #main div.draft {
  position: relative !important;
  padding: 0.6em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 2px #ff0 !important;
  opacity: 1 !important;
}

#outer #main .chapter.draft::before,
#outer #main #workskin.draft::before {
  content: "DRAFT" !important;
  display: inline-block !important;
  margin: 0 0 0.6em !important;
  padding: 0.05em 0.5em !important;
  background: #ff0 !important;
  color: #000 !important;
  font-weight: bold !important;
  letter-spacing: 0.06em !important;
}

#outer #main .chapter ul.actions,
#outer #main #workskin ul.actions {
  margin: 0.8em 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

#outer #main:has(dl.work.meta dl.stats):not(:has(dl.work.meta dl.stats dd.status,
li.chapter.next)) #feedback::before {
  content: "" !important;
  display: block !important;
  width: 216px !important;
  height: 36px !important;
  margin: 2.6em auto 2.4em !important;
  background-image: linear-gradient(90deg, #ff0 0 24px, transparent 24px 32px, #ff0 32px 40px, transparent 40px 48px, #ff0 48px 56px, transparent 56px 64px, #ff0 64px 88px, transparent 88px 128px, #ff0 128px 152px, transparent 152px 160px, #ff0 160px 168px, transparent 168px 176px, #ff0 176px 184px, transparent 184px 192px, #ff0 192px 212px, transparent 212px), linear-gradient(90deg, #ff0 0 24px, transparent 24px 32px, #ff0 32px 40px, transparent 40px 48px, #ff0 48px 56px, transparent 56px 64px, #ff0 64px 72px, transparent 72px 128px, #ff0 128px 136px, transparent 136px 160px, #ff0 160px 172px, transparent 172px 176px, #ff0 176px 184px, transparent 184px 192px, #ff0 192px 200px, transparent 200px 208px, #ff0 208px 216px), linear-gradient(90deg, transparent 0 8px, #ff0 8px 16px, transparent 16px 32px, #ff0 32px 40px, transparent 40px 48px, #ff0 48px 56px, transparent 56px 64px, #ff0 64px 72px, transparent 72px 128px, #ff0 128px 136px, transparent 136px 160px, #ff0 160px 172px, transparent 172px 176px, #ff0 176px 184px, transparent 184px 192px, #ff0 192px 200px, transparent 200px 208px, #ff0 208px 216px), linear-gradient(90deg, transparent 0 8px, #ff0 8px 16px, transparent 16px 32px, #ff0 32px 40px, transparent 40px 48px, #ff0 48px 56px, transparent 56px 64px, #ff0 64px 72px, transparent 72px 128px, #ff0 128px 136px, transparent 136px 160px, #ff0 160px 184px, transparent 184px 192px, #ff0 192px 200px, transparent 200px 208px, #ff0 208px 216px), linear-gradient(90deg, transparent 0 8px, #ff0 8px 16px, transparent 16px 32px, #ff0 32px 56px, transparent 56px 64px, #ff0 64px 84px, transparent 84px 128px, #ff0 128px 148px, transparent 148px 160px, #ff0 160px 168px, transparent 168px 172px, #ff0 172px 184px, transparent 184px 192px, #ff0 192px 200px, transparent 200px 208px, #ff0 208px 216px), linear-gradient(90deg, transparent 0 8px, #ff0 8px 16px, transparent 16px 32px, #ff0 32px 40px, transparent 40px 48px, #ff0 48px 56px, transparent 56px 64px, #ff0 64px 72px, transparent 72px 128px, #ff0 128px 136px, transparent 136px 160px, #ff0 160px 168px, transparent 168px 172px, #ff0 172px 184px, transparent 184px 192px, #ff0 192px 200px, transparent 200px 208px, #ff0 208px 216px), linear-gradient(90deg, transparent 0 8px, #f00 8px 16px, transparent 16px 32px, #f00 32px 40px, transparent 40px 48px, #f00 48px 56px, transparent 56px 64px, #f00 64px 72px, transparent 72px 128px, #f00 128px 136px, transparent 136px 160px, #f00 160px 168px, transparent 168px 176px, #f00 176px 184px, transparent 184px 192px, #f00 192px 200px, transparent 200px 208px, #f00 208px 216px), linear-gradient(90deg, transparent 0 8px, #f00 8px 16px, transparent 16px 32px, #f00 32px 40px, transparent 40px 48px, #f00 48px 56px, transparent 56px 64px, #f00 64px 88px, transparent 88px 128px, #f00 128px 152px, transparent 152px 160px, #f00 160px 168px, transparent 168px 176px, #f00 176px 184px, transparent 184px 192px, #f00 192px 212px, transparent 212px) !important;
  background-size: 216px 4px, 216px 4px, 216px 4px, 216px 4px, 216px 4px, 216px 4px, 216px 8px, 216px 4px !important;
  background-position: 0px 0px, 0px 4px, 0px 8px, 0px 12px, 0px 16px, 0px 20px, 0px 24px, 0px 32px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
}

#outer #main:has(li.chapter.next) #feedback::before {
  content: "" !important;
  display: block !important;
  width: 234px !important;
  height: 27px !important;
  margin: 2.6em auto 2.4em !important;
  background-image: linear-gradient(90deg, transparent 0 3px, #0ff 3px 15px, transparent 15px 24px, #0ff 24px 42px, transparent 42px 54px, #0ff 54px 60px, transparent 60px 72px, #0ff 72px 78px, transparent 78px 84px, #0ff 84px 90px, transparent 90px 120px, #0ff 120px 138px, transparent 138px 144px, #0ff 144px 150px, transparent 150px 156px, #0ff 156px 162px, transparent 162px 168px, #0ff 168px 174px, transparent 174px 180px, #0ff 180px 186px, transparent 186px 192px, #0ff 192px 210px, transparent 210px 216px, #0ff 216px 231px, transparent 231px), linear-gradient(90deg, #0ff 0 6px, transparent 6px 12px, #0ff 12px 18px, transparent 18px 24px, #0ff 24px 42px, transparent 42px 51px, #0ff 51px 63px, transparent 63px 72px, #0ff 72px 78px, transparent 78px 84px, #0ff 84px 90px, transparent 90px 120px, #0ff 120px 138px, transparent 138px 144px, #0ff 144px 150px, transparent 150px 156px, #0ff 156px 162px, transparent 162px 168px, #0ff 168px 177px, transparent 177px 180px, #0ff 180px 186px, transparent 186px 192px, #0ff 192px 198px, transparent 198px 216px, #0ff 216px 222px, transparent 222px 228px, #0ff 228px 234px), linear-gradient(90deg, #0ff 0 6px, transparent 6px 30px, #0ff 30px 36px, transparent 36px 48px, #0ff 48px 54px, transparent 54px 60px, #0ff 60px 66px, transparent 66px 72px, #0ff 72px 78px, transparent 78px 84px, #0ff 84px 90px, transparent 90px 126px, #0ff 126px 132px, transparent 132px 144px, #0ff 144px 150px, transparent 150px 156px, #0ff 156px 162px, transparent 162px 168px, #0ff 168px 177px, transparent 177px 180px, #0ff 180px 186px, transparent 186px 192px, #0ff 192px 198px, transparent 198px 216px, #0ff 216px 222px, transparent 222px 228px, #0ff 228px 234px), linear-gradient(90deg, transparent 0 3px, #0ff 3px 9px, transparent 9px 30px, #0ff 30px 36px, transparent 36px 48px, #0ff 48px 54px, transparent 54px 60px, #0ff 60px 66px, transparent 66px 75px, #0ff 75px 87px, transparent 87px 126px, #0ff 126px 132px, transparent 132px 144px, #0ff 144px 150px, transparent 150px 156px, #0ff 156px 162px, transparent 162px 168px, #0ff 168px 186px, transparent 186px 192px, #0ff 192px 198px, transparent 198px 216px, #0ff 216px 222px, transparent 222px 228px, #0ff 228px 234px), linear-gradient(90deg, transparent 0 6px, #0ff 6px 12px, transparent 12px 30px, #0ff 30px 36px, transparent 36px 48px, #0ff 48px 54px, transparent 54px 60px, #0ff 60px 66px, transparent 66px 78px, #0ff 78px 84px, transparent 84px 126px, #0ff 126px 132px, transparent 132px 144px, #0ff 144px 150px, transparent 150px 156px, #0ff 156px 162px, transparent 162px 168px, #0ff 168px 174px, transparent 174px 177px, #0ff 177px 186px, transparent 186px 192px, #0ff 192px 207px, transparent 207px 216px, #0ff 216px 222px, transparent 222px 228px, #0ff 228px 234px), linear-gradient(90deg, transparent 0 9px, #0ff 9px 15px, transparent 15px 30px, #0ff 30px 36px, transparent 36px 48px, #0ff 48px 66px, transparent 66px 78px, #0ff 78px 84px, transparent 84px 126px, #0ff 126px 132px, transparent 132px 144px, #0ff 144px 150px, transparent 150px 156px, #0ff 156px 162px, transparent 162px 168px, #0ff 168px 174px, transparent 174px 177px, #0ff 177px 186px, transparent 186px 192px, #0ff 192px 198px, transparent 198px 216px, #0ff 216px 222px, transparent 222px 228px, #0ff 228px 234px), linear-gradient(90deg, transparent 0 12px, #0f0 12px 18px, transparent 18px 30px, #0f0 30px 36px, transparent 36px 48px, #0f0 48px 54px, transparent 54px 60px, #0f0 60px 66px, transparent 66px 78px, #0f0 78px 84px, transparent 84px 126px, #0f0 126px 132px, transparent 132px 144px, #0f0 144px 150px, transparent 150px 156px, #0f0 156px 162px, transparent 162px 168px, #0f0 168px 174px, transparent 174px 180px, #0f0 180px 186px, transparent 186px 192px, #0f0 192px 198px, transparent 198px 216px, #0f0 216px 222px, transparent 222px 228px, #0f0 228px 234px), linear-gradient(90deg, #0f0 0 6px, transparent 6px 12px, #0f0 12px 18px, transparent 18px 30px, #0f0 30px 36px, transparent 36px 48px, #0f0 48px 54px, transparent 54px 60px, #0f0 60px 66px, transparent 66px 78px, #0f0 78px 84px, transparent 84px 126px, #0f0 126px 132px, transparent 132px 144px, #0f0 144px 150px, transparent 150px 156px, #0f0 156px 162px, transparent 162px 168px, #0f0 168px 174px, transparent 174px 180px, #0f0 180px 186px, transparent 186px 192px, #0f0 192px 198px, transparent 198px 216px, #0f0 216px 222px, transparent 222px 228px, #0f0 228px 234px), linear-gradient(90deg, transparent 0 3px, #0f0 3px 15px, transparent 15px 30px, #0f0 30px 36px, transparent 36px 48px, #0f0 48px 54px, transparent 54px 60px, #0f0 60px 66px, transparent 66px 78px, #0f0 78px 84px, transparent 84px 126px, #0f0 126px 132px, transparent 132px 147px, #0f0 147px 159px, transparent 159px 168px, #0f0 168px 174px, transparent 174px 180px, #0f0 180px 186px, transparent 186px 192px, #0f0 192px 210px, transparent 210px 216px, #0f0 216px 231px, transparent 231px) !important;
  background-size: 234px 3px, 234px 3px, 234px 3px, 234px 3px, 234px 3px, 234px 3px, 234px 3px, 234px 3px, 234px 3px !important;
  background-position: 0px 0px, 0px 3px, 0px 6px, 0px 9px, 0px 12px, 0px 15px, 0px 18px, 0px 21px, 0px 24px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
}

#outer #main #feedback {
  max-width: 46em !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#outer #main #feedback > ul.actions,
#outer #main #feedback ul.actions[role="navigation"] {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  float: none !important;
  margin: 0 0 1.2em !important;
  padding: 0 !important;
  text-align: center !important;
}

#outer #main #feedback li form {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main #new_kudo input[type="submit"],
#outer #main #kudo_submit,
#outer #main ul.actions > li > #new_kudo input[type="submit"] {
  background: #f0f !important;
  color: #000 !important;
}

#outer #main #new_kudo input[type="submit"]:hover,
#outer #main #kudo_submit:hover {
  background: #fff !important;
}

#outer #inner #main #kudos_message:is(.notice,
.kudos_notice,
.kudos_error),
#outer #inner #main #kudos_message :is(.notice,
.kudos_notice,
.kudos_error) {
  position: relative !important;
  display: flow-root !important;
  margin: 0 0 1.2em !important;
  padding: 0.45em 0.8em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 2px #f00 !important;
  color: #fff !important;
  font-weight: bold !important;
}

#outer #inner #main #kudos_message:is(.notice,
.kudos_notice,
.kudos_error)::before,
#outer #inner #main #kudos_message :is(.notice,
.kudos_notice,
.kudos_error)::before {
  content: "NEWSFLASH" !important;
  float: left !important;
  position: static !important;
  margin: 0 0.8em 0.1em 0 !important;
  padding: 0 0.45em !important;
  background: #f00 !important;
  color: #000 !important;
}

#outer #inner #main #kudos_message:is(.notice,
.kudos_notice),
#outer #inner #main #kudos_message :is(.notice,
.kudos_notice),
#outer #inner #main .flash.kudos_notice {
  box-shadow: inset 0 0 0 2px #f0f !important;
}

#outer #inner #main #kudos_message:is(.notice,
.kudos_notice)::before,
#outer #inner #main #kudos_message :is(.notice,
.kudos_notice)::before,
#outer #inner #main .flash.kudos_notice::before {
  content: "PHONE VOTE" !important;
  background: #f0f !important;
}

#outer #inner #main #kudos_message:is(.notice,
.kudos_notice)::after,
#outer #inner #main #kudos_message :is(.notice,
.kudos_notice)::after,
#outer #inner #main .flash.kudos_notice::after {
  content: "YOUR VOTE HAS BEEN COUNTED. CALLS COST NOTHING. LINES NEVER CLOSE." !important;
  display: block !important;
  margin: 0.25em 0 0 !important;
  color: #f0f !important;
  font-size: 0.85em !important;
  font-weight: normal !important;
  letter-spacing: 0.04em !important;
}

#outer #main #kudos {
  margin: 0 0 2em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#outer #main p.kudos {
  position: relative !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 2.15em 0.8em 0.7em !important;
  background: #000 !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 2px #f0f !important;
  color: #fff !important;
  line-height: 1.6 !important;
}

#outer #main p.kudos::before {
  content: "KUDOS" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 0.25em 0.8em !important;
  background: #f0f !important;
  color: #000 !important;
  font-weight: bold !important;
  letter-spacing: 0.08em !important;
}

#outer #main p.kudos a {
  color: #0ff !important;
  font-weight: bold !important;
}

#outer #main p.kudos a:hover {
  color: #000 !important;
}

#outer #main #comments_placeholder,
#outer #main div.thread,
#outer #main ol.thread,
#outer #main .thread {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main ol.thread > li {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  list-style: none !important;
}

#outer #main ol.thread ol.thread {
  margin: 0 0 0 2.5em !important;
}

#outer #main li.comment,
#outer #main ol.thread li.comment,
#outer #main ol.comment.index > li,
#outer #main ul.comment > li {
  position: relative !important;
  display: flow-root !important;
  margin: 0 0 1.6em !important;
  padding: 0 0 0.8em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 2px #0ff !important;
  color: #fff !important;
  list-style: none !important;
  opacity: 1 !important;
}

#outer #main li.comment h4.heading.byline,
#outer #main li.comment h4.byline,
#outer #main ol.comment.index > li h4.byline,
#outer #main ul.comment > li h4.byline {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  column-gap: 0.5em !important;
  margin: 0 0 0.8em !important;
  padding: 0.3em 0.7em !important;
  background: #0ff !important;
  border: 0 !important;
  color: #000 !important;
  font-size: 1em !important;
  font-weight: normal !important;
  line-height: 1.4 !important;
}

#outer #main li.comment h4.byline::after {
  content: none !important;
}

#outer #main li.comment h4.byline a,
#outer #main ol.comment.index > li h4.byline a,
#outer #main ul.comment > li h4.byline a {
  color: #000 !important;
  font-weight: bold !important;
}

#outer #main li.comment h4.byline a:hover,
#outer #main li.comment h4.byline a:focus {
  background: #000 !important;
  color: #ff0 !important;
}

#outer #main li.comment h4.byline .posted,
#outer #main li.comment .posted.datetime,
#outer #main li.comment h4.byline .datetime {
  float: none !important;
  margin: 0 0 0 auto !important;
  color: #000 !important;
  font-size: 0.85em !important;
}

#outer #main li.comment .role {
  padding: 0 0.3em !important;
  background: #000 !important;
  color: #ff0 !important;
  font-size: 0.85em !important;
  font-weight: bold !important;
}

#outer #main li.comment .unreviewed.status,
#outer #main li.comment span.unreviewed {
  padding: 0 0.3em !important;
  background: #f00 !important;
  color: #000 !important;
  font-size: 0.85em !important;
  font-weight: bold !important;
}

#outer #main ol.thread ol.thread li.comment {
  box-shadow: inset 0 0 0 2px #f0f !important;
}

#outer #main ol.thread ol.thread li.comment h4.byline {
  background: #f0f !important;
}

#outer #main li.comment.unread,
#outer #main ol.comment.index > li.unread,
#outer #main ul.comment > li.unread {
  box-shadow: inset 0 0 0 2px #ff0 !important;
}

#outer #main li.comment.unread h4.byline,
#outer #main ol.comment.index > li.unread h4.byline,
#outer #main ul.comment > li.unread h4.byline {
  background: #ff0 !important;
}

#outer #main li.comment.unreviewed {
  box-shadow: inset 0 0 0 2px #f00 !important;
}

#outer #main li.comment div.icon,
#outer #main li.comment .icon,
#outer #main ol.comment.index > li div.icon,
#outer #main ul.comment > li div.icon {
  position: relative !important;
  float: left !important;
  width: 4.6em !important;
  height: 4.6em !important;
  margin: 0 1em 0.4em 0.8em !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #00f !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#outer #main li.comment div.icon a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

#outer #main li.comment div.icon img,
#outer #main ol.comment.index > li div.icon img,
#outer #main ul.comment > li div.icon img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
}

#outer #main li.comment div.icon span.visitor,
#outer #main li.comment div.icon span.anonymous,
#outer #main div.icon span.visitor,
#outer #main div.icon span.anonymous {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #00f !important;
  background-image: none !important;
  color: #0ff !important;
  font-size: 0.75em !important;
  font-weight: bold !important;
  letter-spacing: 0.06em !important;
}

#outer #main div.icon span.visitor::before {
  content: "GUEST" !important;
}

#outer #main div.icon span.anonymous::before {
  content: "ANON" !important;
}

#outer #main li.comment blockquote.userstuff,
#outer #main ol.comment.index > li blockquote.userstuff,
#outer #main ul.comment > li blockquote.userstuff {
  min-height: 0 !important;
  margin: 0 0.9em 0 6.4em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 1em !important;
  font-style: normal !important;
  line-height: 1.6 !important;
}

#outer #main li.comment blockquote.userstuff p {
  margin: 0 0 0.6em !important;
}

#outer #main li.comment blockquote.userstuff a {
  color: #ff0 !important;
  text-decoration: underline !important;
}

#outer #main li.comment blockquote.userstuff a:hover {
  color: #000 !important;
}

#outer #main li.comment blockquote.userstuff blockquote {
  margin: 0.4em 0 0.6em !important;
  padding: 0.4em 0.7em !important;
  background: #00f !important;
  border: 0 !important;
  color: #fff !important;
}

#outer #main li.comment p.edited,
#outer #main li.comment p.edited.datetime {
  clear: both !important;
  margin: 0.4em 0.9em 0 !important;
  color: #0ff !important;
  font-size: 0.85em !important;
  text-align: right !important;
}

#outer #main li.comment p.message,
#outer #main li.comment > p {
  margin: 0.8em 0.9em !important;
  padding: 0 !important;
  color: #0ff !important;
}

#outer #inner #main li.comment p.notice {
  margin: 0 0.9em 0.6em 6.4em !important;
}

#outer #main li.comment > ul.actions,
#outer #main ol.comment.index > li > ul.actions,
#outer #main ul.comment > li > ul.actions {
  clear: both !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  float: none !important;
  margin: 0.4em 0.8em 0 !important;
  padding: 0 !important;
  text-align: right !important;
}

#outer #main li.comment > ul.actions li {
  margin: 0.3em 0 0 0.4em !important;
}

#outer #main li.comment > ul.actions a,
#outer #main li.comment > ul.actions button,
#outer #main li.comment > ul.actions input[type="submit"],
#outer #main ol.comment.index > li > ul.actions a,
#outer #main ol.comment.index > li > ul.actions input[type="submit"],
#outer #main ol.comment.index > li > ul.actions button,
#outer #main ul.comment > li > ul.actions a,
#outer #main ul.comment > li > ul.actions input[type="submit"],
#outer #main ul.comment > li > ul.actions button {
  padding: 0.15em 0.55em !important;
  font-size: 0.85em !important;
}

#outer #main li.comment > ul.actions label,
#outer #main ol.comment.index > li > ul.actions label {
  color: #fff !important;
  font-size: 0.85em !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

#outer #main .actions span.unread,
#outer #main span.unread,
#outer #main .actions .replied,
#outer #main span.replied,
#outer #main span.claimed,
#outer #main .actions span.defaulted {
  display: inline-block !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.15em 0.55em !important;
  background: #ff0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #000 !important;
  font-size: 0.85em !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
}

#outer #main .actions .replied,
#outer #main span.replied {
  background: #0f0 !important;
}

#outer #main span.claimed {
  background: #0ff !important;
}

#outer #main form.inbox,
#outer #main form#inbox-form {
  width: auto !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main form.inbox fieldset {
  margin: 0 0 1em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main form.inbox fieldset.actions ul {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 0 1em !important;
  padding: 0 !important;
}

#outer #main form.inbox fieldset.actions li {
  margin: 0 0.4em 0.4em 0 !important;
}

#outer #main form.inbox fieldset.actions a.check_all,
#outer #main form.inbox fieldset.actions a.check_none {
  background: #fff !important;
  color: #000 !important;
}

#outer #main ol.comment.index,
#outer #main ul.comment,
#outer #main ul.abbreviated.comment {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main .post.comment,
#outer #main div.post.comment,
#outer #main #add_comment,
#outer #main #add_comment_placeholder {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main .post.comment fieldset,
#outer #main form.new_comment fieldset,
#outer #main form.edit_comment fieldset {
  float: none !important;
  margin: 0 0 2em !important;
  padding: 0 0.9em 0.9em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 2px #0f0 !important;
}

#outer #main .post.comment fieldset > legend,
#outer #main form.new_comment fieldset > legend,
#outer #main form.edit_comment fieldset > legend {
  float: left !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  box-sizing: content-box !important;
  margin: 0 -0.9em 0.8em !important;
  padding: 0.3em 0.9em !important;
  background: #0f0 !important;
  border: 0 !important;
  color: #000 !important;
  font-size: 1em !important;
  font-weight: bold !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
}

#outer #main form.new_comment h4.heading:not(.landmark),
#outer #main form.edit_comment h4.heading:not(.landmark) {
  clear: both !important;
  margin: 0 0 0.5em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 0.95em !important;
  font-weight: normal !important;
}

#outer #main form.new_comment h4.heading .byline,
#outer #main form.edit_comment h4.heading .byline {
  color: #0ff !important;
  font-weight: bold !important;
}

#outer #main form.new_comment h4.heading select {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 0 0 0.3em !important;
}

#outer #main form.new_comment p,
#outer #main form.edit_comment p {
  clear: both !important;
  margin: 0 !important;
  padding: 0 !important;
}

#outer #main form.new_comment dl,
#outer #main form.edit_comment dl {
  clear: both !important;
  margin: 0 0 0.6em !important;
  padding: 0 !important;
  border: 0 !important;
}

#outer #main form.new_comment textarea,
#outer #main form.edit_comment textarea {
  display: block !important;
  width: 100% !important;
  min-height: 7.5em !important;
  box-sizing: border-box !important;
  padding: 0.55em 0.75em !important;
  background: #00f !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  line-height: 1.5 !important;
  resize: vertical !important;
}

#outer #main form.new_comment textarea:focus,
#outer #main form.edit_comment textarea:focus {
  background: #000 !important;
  outline: 2px solid #ff0 !important;
}

#outer #main form.new_comment .character_counter,
#outer #main form.edit_comment .character_counter,
#outer #main .comment .character_counter {
  float: none !important;
  margin: 0.35em 0 0.6em !important;
  color: #0ff !important;
  font-size: 0.85em !important;
  text-align: left !important;
}

#outer #main form.new_comment p.submit,
#outer #main form.edit_comment p.submit {
  text-align: right !important;
}

#outer #main form.new_comment p.submit input[type="submit"],
#outer #main form.edit_comment p.submit input[type="submit"] {
  background: #0f0 !important;
  color: #000 !important;
}

#outer #main form.new_comment p.submit input[type="submit"]:hover,
#outer #main form.edit_comment p.submit input[type="submit"]:hover {
  background: #fff !important;
}

#outer #main li.comment form.new_comment,
#outer #main li.comment form.edit_comment {
  margin: 0.8em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main li.comment form.new_comment fieldset,
#outer #main li.comment form.edit_comment fieldset {
  margin: 0 !important;
}

#outer #inner #main #kudos_message:is(.notice,
.kudos_notice),
#outer #inner #main #kudos_message :is(.notice,
.kudos_notice),
#outer #inner #main .flash.kudos_notice {
  padding-right: 64px !important;
  background-image: linear-gradient(90deg, transparent 0 6px, #f00 6px 34px, transparent 34px), linear-gradient(90deg, transparent 0 4px, #f00 4px 36px, transparent 36px), linear-gradient(90deg, transparent 0 2px, #f00 2px 10px, transparent 10px 30px, #f00 30px 38px, transparent 38px), linear-gradient(90deg, transparent 0 2px, #f00 2px 8px, transparent 8px 32px, #f00 32px 38px, transparent 38px), linear-gradient(90deg, transparent 0 12px, #f00 12px 28px, transparent 28px), linear-gradient(90deg, transparent 0 10px, #f00 10px 30px, transparent 30px), linear-gradient(90deg, transparent 0 8px, #f00 8px 16px, #fff 16px 24px, #f00 24px 32px, transparent 32px), linear-gradient(90deg, transparent 0 6px, #f00 6px 14px, #fff 14px 16px, #f00 16px 24px, #fff 24px 26px, #f00 26px 34px, transparent 34px), linear-gradient(90deg, transparent 0 4px, #f00 4px 16px, #fff 16px 24px, #f00 24px 36px, transparent 36px), linear-gradient(90deg, transparent 0 4px, #f00 4px 36px, transparent 36px), linear-gradient(90deg, transparent 0 2px, #f00 2px 38px, transparent 38px) !important;
  background-size: 40px 2px, 40px 2px, 40px 2px, 40px 2px, 40px 2px, 40px 2px, 40px 2px, 40px 4px, 40px 2px, 40px 2px, 40px 2px !important;
  background-position: right 12px top 10px, right 12px top 12px, right 12px top 14px, right 12px top 16px, right 12px top 18px, right 12px top 20px, right 12px top 22px, right 12px top 24px, right 12px top 28px, right 12px top 30px, right 12px top 32px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
}

#outer #main p.kudos {
  padding-right: 52px !important;
  background-image: linear-gradient(90deg, transparent 0 4px, #f00 4px 12px, transparent 12px 16px, #f00 16px 24px, transparent 24px), linear-gradient(90deg, transparent 0 2px, #f00 2px 6px, #fff 6px 10px, #f00 10px 12px, transparent 12px 16px, #f00 16px 26px, transparent 26px), linear-gradient(90deg, #f00 0 6px, #fff 6px 8px, #f00 8px 28px), linear-gradient(90deg, #f00 0 28px), linear-gradient(90deg, transparent 0 2px, #f00 2px 26px, transparent 26px), linear-gradient(90deg, transparent 0 4px, #f00 4px 24px, transparent 24px), linear-gradient(90deg, transparent 0 6px, #f00 6px 22px, transparent 22px), linear-gradient(90deg, transparent 0 8px, #f00 8px 20px, transparent 20px), linear-gradient(90deg, transparent 0 10px, #f00 10px 18px, transparent 18px), linear-gradient(90deg, transparent 0 12px, #f00 12px 16px, transparent 16px) !important;
  background-size: 28px 2px, 28px 2px, 28px 2px, 28px 4px, 28px 2px, 28px 2px, 28px 2px, 28px 2px, 28px 2px, 28px 2px !important;
  background-position: right 14px top 44px, right 14px top 46px, right 14px top 48px, right 14px top 50px, right 14px top 54px, right 14px top 56px, right 14px top 58px, right 14px top 60px, right 14px top 62px, right 14px top 64px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
}

#outer #inner #main :where(div.notice,
p.notice,
.comment_notice,
.kudos_notice,
div.caution,
p.caution,
div.error,
p.error,
.alert.flash,
.comment_error,
.kudos_error):where(:not(#workskin *,
.autocomplete *)) {
  position: relative !important;
  display: flow-root !important;
  min-height: 0 !important;
  margin: 0.6em 0 1.2em !important;
  padding: 0.45em 0.8em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 2px #0ff !important;
  color: #fff !important;
  font-weight: normal !important;
  line-height: 1.5 !important;
  text-align: left !important;
  overflow-wrap: break-word !important;
}

#outer #inner #main :where(div.notice,
p.notice,
.comment_notice,
.kudos_notice,
div.caution,
p.caution,
div.error,
p.error,
.alert.flash,
.comment_error,
.kudos_error):where(:not(#workskin *,
.autocomplete *))::before {
  content: "NOTICE" !important;
  float: left !important;
  position: static !important;
  margin: 0 0.7em 0.1em 0 !important;
  padding: 0 0.45em !important;
  background: #0ff !important;
  color: #000 !important;
  font-weight: bold !important;
  line-height: 1.5 !important;
  letter-spacing: 0.05em !important;
}

#outer #inner #main :where(div.caution,
p.caution):where(:not(#workskin *,
.autocomplete *)) {
  box-shadow: inset 0 0 0 2px #ff0 !important;
}

#outer #inner #main :where(div.caution,
p.caution):where(:not(#workskin *,
.autocomplete *))::before {
  content: "CAUTION" !important;
  background: #ff0 !important;
}

#outer #inner #main :where(div.error,
p.error,
.alert.flash,
.comment_error,
.kudos_error):where(:not(#workskin *,
.autocomplete *)) {
  box-shadow: inset 0 0 0 2px #f00 !important;
}

#outer #inner #main :where(div.error,
p.error,
.alert.flash,
.comment_error,
.kudos_error):where(:not(#workskin *,
.autocomplete *))::before {
  content: "ERROR" !important;
  background: #f00 !important;
}

#outer #inner #main :where(div.notice,
div.caution,
div.error,
.alert.flash):where(:not(#workskin *,
.autocomplete *)) p {
  margin: 0 0 0.4em !important;
  padding: 0 !important;
  background: transparent !important;
  color: #fff !important;
}

#outer #inner #main :where(div.notice,
div.caution,
div.error,
.alert.flash):where(:not(#workskin *,
.autocomplete *)) ul,
#outer #main ul.notes {
  margin: 0.3em 0 !important;
  padding: 0 0 0 1.2em !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #inner #main :where(div.notice,
div.caution,
div.error,
.alert.flash):where(:not(#workskin *,
.autocomplete *)) li,
#outer #main ul.notes li {
  padding: 0 !important;
  list-style: square inside !important;
  color: #fff !important;
}

#outer #inner #main :where(div.notice,
p.notice,
div.caution,
p.caution,
div.error,
p.error,
.alert.flash):where(:not(#workskin *,
.autocomplete *)) a {
  color: #ff0 !important;
  text-decoration: underline !important;
}

#outer #inner #main :where(div.notice,
p.notice,
div.caution,
p.caution,
div.error,
p.error,
.alert.flash):where(:not(#workskin *,
.autocomplete *)) a:hover {
  color: #000 !important;
}

#outer #inner #main :where(div.notice,
div.caution,
div.error):where(:not(#workskin *,
.autocomplete *)) .actions {
  margin: 0.4em 0 0 !important;
}

#outer #main ul.notes {
  margin: 0.6em 0 !important;
  padding: 0.4em 0.8em 0.4em 2em !important;
  box-shadow: inset 0 0 0 2px #0ff !important;
}

#outer #main span.error,
#outer #main dd span.error,
#outer #main p span.error,
#outer #main .required.error {
  color: #f00 !important;
  font-weight: bold !important;
}

#outer #main p.note,
#outer #main .note {
  color: #0ff !important;
}

#outer .LV_validation_message {
  position: relative !important;
  display: table !important;
  margin: 0.5em 0 0 !important;
}

#outer .LV_validation_message.LV_invalid,
#outer .LV_invalid {
  background: #f00 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #000 !important;
  font-weight: bold !important;
  padding: 0.15em 0.5em !important;
}

#outer .LV_invalid::before {
  border-color: #f00 transparent !important;
}

#outer .LV_valid {
  color: #0f0 !important;
}

#outer input.LV_invalid_field,
#outer textarea.LV_invalid_field,
#outer .LV_invalid_field {
  border: 0 !important;
  box-shadow: inset 0 0 0 2px #f00 !important;
}

#proxy-notice {
  background: #000 !important;
  border: 0 !important;
  box-shadow: inset 0 -2px 0 #f00 !important;
  color: #fff !important;
}

#proxy-notice a {
  color: #ff0 !important;
}

#outer :where(.userstuff a):where(:not(#workskin *)) {
  color: #ff0 !important;
  text-decoration: underline !important;
}

#outer :where(.userstuff a):where(:not(#workskin *)):hover,
#outer :where(.userstuff a):where(:not(#workskin *)):focus {
  background: #ff0 !important;
  color: #000 !important;
  text-decoration: none !important;
}

#outer :where(.userstuff :is(h1,
h2,
h3,
h4,
h5,
h6)):where(:not(#workskin *)) {
  border-color: #00f !important;
  color: #ff0 !important;
  font-weight: bold !important;
}

#outer :where(.userstuff blockquote,
.userstuff address):where(:not(#workskin *)) {
  border-color: #00f !important;
}

#outer :where(.userstuff em,
.userstuff i):where(:not(#workskin *)) {
  color: #0ff !important;
}

#outer :where(.userstuff strong,
.userstuff b):where(:not(#workskin *)) {
  color: #ff0 !important;
}

#outer #main .docs .userstuff details > summary,
#outer #main .userstuff summary {
  color: #0ff !important;
  cursor: pointer !important;
}

#outer #main .faq .categories h3,
#outer #main .tos .userstuff nav.toc > details > summary {
  border-color: #00f !important;
}

#outer kbd,
#outer code {
  color: #0f0 !important;
}

#outer #main .splash .module,
#outer #main .splash > div {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.logged-in #outer #main .splash {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  column-gap: 3% !important;
}

.logged-in #outer #main .splash > .module {
  float: none !important;
  clear: none !important;
  flex: 1 1 20em !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 0 1.6em !important;
}

.logged-in #outer #main .splash > .favorite,
.logged-in #outer #main .splash > .browse {
  order: 1 !important;
}

.logged-in #outer #main .splash > .messages {
  order: 2 !important;
}

.logged-in #outer #main .splash > .readings {
  order: 3 !important;
  flex-basis: 100% !important;
}

.logged-in #outer #main .splash > .social {
  order: 4 !important;
}

.logged-in #outer #main .splash > .news {
  order: 5 !important;
}

#outer #main .splash .module > h3.heading,
#outer #main .splash .module > h2.heading {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  margin: 0 0 0.8em !important;
  padding: 0.3em 0.7em !important;
  background: #00f !important;
  border: 0 !important;
  color: #ff0 !important;
  font-size: 1.05em !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

#outer #main .splash .readings > h3.heading {
  background: #f00 !important;
  color: #000 !important;
}

#outer #main .splash .messages > h3.heading {
  background: #f0f !important;
  color: #000 !important;
}

#outer #main .splash .module > h3.heading span.link {
  float: none !important;
  margin: 0 0 0 auto !important;
}

#outer #main .splash .module > h3.heading .link a {
  padding: 0 0.3em !important;
  color: #fff !important;
  font-size: 0.85em !important;
  text-transform: none !important;
}

#outer #main .splash .readings > h3.heading .link a,
#outer #main .splash .messages > h3.heading .link a {
  color: #000 !important;
  text-decoration: underline !important;
}

#outer #main .splash .module > h3.heading .link a:hover {
  background: #fff !important;
  color: #000 !important;
}

#outer #main .splash p.note {
  margin: 0 0 0.8em !important;
  font-size: 0.9em !important;
}

#outer #main .splash .news ul.news {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#outer #main .splash .news li.post {
  float: none !important;
  margin: 0 0 0.9em !important;
  padding: 0 0 0.9em !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid #00f !important;
  box-shadow: none !important;
}

#outer #main .splash .news li.post:last-of-type {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
}

#outer #main .splash .news li.post .header.module {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main .splash .news li.post h4.heading {
  margin: 0 0 0.25em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 1em !important;
  line-height: 1.4 !important;
}

#outer #main .splash .news li.post h4.heading a {
  color: #ff0 !important;
  text-decoration: none !important;
}

#outer #main .splash .news li.post h4.heading a:hover {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #main .splash .news li.post p.meta {
  margin: 0 0 0.45em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #0ff !important;
  font-family: inherit !important;
  font-size: 0.85em !important;
  font-weight: normal !important;
}

#outer #main .splash .news li.post p.meta a {
  color: #fff !important;
}

#outer #main .splash .news li.post blockquote {
  float: none !important;
  clear: both !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
}

#outer #main .splash .news li.post blockquote p {
  margin: 0 !important;
}

#outer #main .splash .news li.post p.jump {
  clear: both !important;
  margin: 0.35em 0 0 !important;
  padding: 0 !important;
  text-align: right !important;
}

#outer #main .splash .news li.post p.jump a {
  color: #0f0 !important;
}

#outer #main .splash .social ul {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: left !important;
}

#outer #main .splash .social li {
  display: block !important;
  margin: 0 0.8em 0.6em 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#outer #main .splash .social li a {
  display: inline-block !important;
  padding: 0.25em 0.8em !important;
  background: #0ff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #000 !important;
  font-weight: bold !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

#outer #main .splash .social li.tumblr a {
  background: #ff0 !important;
}

#outer #main .splash .social li.twitter a {
  background: #0f0 !important;
}

#outer #main .splash .social li a:hover,
#outer #main .splash .social li a:focus {
  background: #fff !important;
  color: #000 !important;
}

#outer #main .splash .social .resp-sharing-button {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
}

#outer #main .splash .social .resp-sharing-button__icon {
  display: block !important;
  width: 1em !important;
  height: 1em !important;
  margin: 0 0.5em 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#outer #main .splash .social .resp-sharing-button__icon svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  fill: currentColor !important;
  stroke: none !important;
}

#outer #main .splash .browse ul,
#outer #main .splash .favorite ul {
  margin: 0 !important;
  padding: 0 !important;
}

#outer #main .splash .browse li,
#outer #main .splash .favorite li {
  margin: 0 !important;
  padding: 0.1em 0.3em 0.1em 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#outer #main .splash .browse li a,
#outer #main .splash .favorite li a,
#outer #main .splash .favorite li:nth-of-type(odd) a {
  display: block !important;
  padding: 0.2em 0.4em !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  font-weight: bold !important;
}

#outer #main .splash .browse li a:hover,
#outer #main .splash .favorite li a:hover,
#outer #main .splash .favorite li:nth-of-type(odd) a:hover {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #main .splash .browse li a::before,
#outer #main .splash .favorite li a::before {
  content: "2xx " !important;
  padding: 0 !important;
  color: #0ff !important;
}

#outer #main .splash .browse li:nth-child(1) a::before,
#outer #main .splash .favorite li:nth-child(1) a::before {
  content: "201 " !important;
}

#outer #main .splash .browse li:nth-child(2) a::before,
#outer #main .splash .favorite li:nth-child(2) a::before {
  content: "202 " !important;
}

#outer #main .splash .browse li:nth-child(3) a::before,
#outer #main .splash .favorite li:nth-child(3) a::before {
  content: "203 " !important;
}

#outer #main .splash .browse li:nth-child(4) a::before,
#outer #main .splash .favorite li:nth-child(4) a::before {
  content: "204 " !important;
}

#outer #main .splash .browse li:nth-child(5) a::before,
#outer #main .splash .favorite li:nth-child(5) a::before {
  content: "205 " !important;
}

#outer #main .splash .browse li:nth-child(6) a::before,
#outer #main .splash .favorite li:nth-child(6) a::before {
  content: "206 " !important;
}

#outer #main .splash .browse li:nth-child(7) a::before,
#outer #main .splash .favorite li:nth-child(7) a::before {
  content: "207 " !important;
}

#outer #main .splash .browse li:nth-child(8) a::before,
#outer #main .splash .favorite li:nth-child(8) a::before {
  content: "208 " !important;
}

#outer #main .splash .browse li:nth-child(9) a::before,
#outer #main .splash .favorite li:nth-child(9) a::before {
  content: "209 " !important;
}

#outer #main .splash .browse li:nth-child(10) a::before,
#outer #main .splash .favorite li:nth-child(10) a::before {
  content: "210 " !important;
}

#outer #main .splash .browse li:nth-child(11) a::before,
#outer #main .splash .favorite li:nth-child(11) a::before {
  content: "211 " !important;
}

#outer #main .splash .browse li:nth-child(12) a::before,
#outer #main .splash .favorite li:nth-child(12) a::before {
  content: "212 " !important;
}

#outer #main .splash .browse li:nth-child(13) a::before,
#outer #main .splash .favorite li:nth-child(13) a::before {
  content: "213 " !important;
}

#outer #main .splash .browse li:nth-child(14) a::before,
#outer #main .splash .favorite li:nth-child(14) a::before {
  content: "214 " !important;
}

#outer #main .splash .browse li:nth-child(15) a::before,
#outer #main .splash .favorite li:nth-child(15) a::before {
  content: "215 " !important;
}

#outer #main .splash .browse li:nth-child(16) a::before,
#outer #main .splash .favorite li:nth-child(16) a::before {
  content: "216 " !important;
}

#outer #main .splash .browse li:nth-child(17) a::before,
#outer #main .splash .favorite li:nth-child(17) a::before {
  content: "217 " !important;
}

#outer #main .splash .browse li:nth-child(18) a::before,
#outer #main .splash .favorite li:nth-child(18) a::before {
  content: "218 " !important;
}

#outer #main .splash .browse li:nth-child(19) a::before,
#outer #main .splash .favorite li:nth-child(19) a::before {
  content: "219 " !important;
}

#outer #main .splash .browse li:nth-child(20) a::before,
#outer #main .splash .favorite li:nth-child(20) a::before {
  content: "220 " !important;
}

#outer #main .splash .browse li a:hover::before,
#outer #main .splash .favorite li a:hover::before {
  color: #000 !important;
}

#outer #main .splash .intro {
  overflow: hidden !important;
  padding: 0 0 1.5em !important;
}

#outer #main .splash .intro h2.heading {
  display: block !important;
  box-sizing: border-box !important;
  width: 200% !important;
  margin: 0 0 0.6em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #ff0 !important;
  font-size: 1.6em !important;
  font-weight: bold !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  transform: scaleX(0.5) !important;
  transform-origin: 0 0 !important;
}

#outer #main .splash .intro p.stats,
#outer #main .splash .intro p.parent {
  margin: 0 0 0.6em !important;
  color: #0ff !important;
  text-align: left !important;
}

#outer #main .splash .intro .count {
  color: #ff0 !important;
  font-weight: bold !important;
}

#outer #main .splash .module div.account,
#outer #main .splash .account.module {
  float: none !important;
  margin: 1em 0 0 !important;
  padding: 0 0 0.8em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 2px #0f0 !important;
}

#outer #main .splash .account .heading {
  margin: 0 0 0.6em !important;
  padding: 0.3em 0.8em !important;
  background: #0f0 !important;
  color: #000 !important;
  font-size: 1em !important;
  font-weight: bold !important;
}

#outer #main .splash .account p,
#outer #main .splash .account ul {
  margin: 0.4em 1em !important;
}

#outer #main .splash .account li {
  list-style: square !important;
  margin: 0 0 0 1em !important;
}

#outer #main .splash .account .actions a {
  background: #0f0 !important;
}

#outer #main .primary.header,
#outer #main div.primary.header.module {
  position: relative !important;
  float: none !important;
  clear: both !important;
  width: auto !important;
  box-sizing: border-box !important;
  min-height: 5.6em !important;
  margin: 0 0 1.4em !important;
  padding: 0 0 0 6.6em !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main .primary.header > .icon,
#outer #main .primary.header > p.icon,
#outer #main .primary.header > div.icon {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 5.6em !important;
  height: 5.6em !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: #00f !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#outer #main .primary.header .icon a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

#outer #main .primary.header .icon img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
}

#outer #main .primary.header > h2.heading,
#outer #main .home .header h2,
#outer #main .primary.header h2.heading {
  position: static !important;
  display: block !important;
  float: none !important;
  margin: 0 0 0.7em !important;
  padding: 0.4em 0.7em !important;
  background: #00f !important;
  border: 0 !important;
  color: #ff0 !important;
  font-size: 1.05em !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  letter-spacing: 0.03em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

#outer #main .primary.header > h2.heading::before {
  content: none !important;
}

#outer #main .primary.header h2.heading a {
  color: #fff !important;
  text-transform: none !important;
}

#outer #main .primary.header h2.heading a:hover {
  color: #000 !important;
}

#outer #main .home .header .userstuff,
#outer #main .home .header dl.stats,
#outer #main .home .header .type,
#outer #main .primary.header .userstuff,
#outer #main .primary.header ul.navigation,
#outer #main .primary.header p {
  clear: none !important;
  margin-left: 0 !important;
}

#outer #main .primary.header blockquote.userstuff {
  margin: 0 0 0.6em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 1em !important;
  font-style: normal !important;
  line-height: 1.55 !important;
}

#outer #main .profile > h3.heading,
#outer #main .bio > h3.heading,
#outer #main .bio.module > h3.heading {
  display: inline-block !important;
  margin: 0 0 0.5em !important;
  padding: 0.1em 0.5em !important;
  background: #0ff !important;
  color: #000 !important;
  font-size: 0.85em !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

#outer #main .bio.module {
  float: none !important;
  margin: 0 0 1.5em !important;
  padding: 0 !important;
}

#outer #main .bio blockquote.userstuff,
#outer #main .profile blockquote.userstuff {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 1em !important;
  font-style: normal !important;
  line-height: 1.6 !important;
}

#outer #main .listbox,
#outer #main fieldset fieldset.listbox,
#outer #main li.listbox {
  margin: 0 0 1.6em !important;
  padding: 0 0 0.6em !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 2px #00f !important;
  color: #fff !important;
}

#outer #main .listbox > .heading,
#outer #main .listbox > h3.heading,
#outer #main .listbox > h4.heading,
#outer #main .listbox > h5.heading {
  display: block !important;
  margin: 0 0 0.6em !important;
  padding: 0.3em 0.7em !important;
  background: #00f !important;
  border: 0 !important;
  color: #ff0 !important;
  font-size: 1em !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

#outer #main .listbox > .heading a,
#outer #main .listbox .heading a:visited {
  padding: 0 !important;
  color: #fff !important;
}

#outer #main .listbox > .heading a:hover {
  color: #000 !important;
}

#outer #main .listbox > .heading .action,
#outer #main .listbox > .heading span.action a {
  float: right !important;
  padding: 0 0.3em !important;
  background: transparent !important;
  color: #0ff !important;
}

#outer #main .listbox .index,
#outer #main .listbox > ol,
#outer #main .listbox > ul {
  float: none !important;
  margin: 0 !important;
  padding: 0 0.7em !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main .listbox .index > li:not(.blurb) {
  margin: 0 !important;
  padding: 0.2em 0 !important;
  color: #0ff !important;
}

#outer #main .listbox .index > li:not(.blurb) > a,
#outer #main .listbox .index > li:not(.blurb) a.tag {
  color: #fff !important;
  font-weight: bold !important;
}

#outer #main .listbox .index > li:not(.blurb) a:hover {
  color: #000 !important;
}

#outer #main .listbox li.blurb {
  margin: 0.6em 0 1.4em !important;
}

#outer #main .listbox > p.actions,
#outer #main .listbox > .actions {
  margin: 0.6em 0.7em 0 !important;
  text-align: right !important;
}

#outer #main ul.media.index,
#outer #main ol.alphabet.index {
  display: flow-root !important;
}

#outer #main ul.alphabet.actions,
#outer #main #alphabet {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 0 1.4em !important;
  padding: 0 !important;
}

#outer #main ul.alphabet.actions li {
  margin: 0 0.3em 0.3em 0 !important;
}

#outer #main ul.alphabet.actions a {
  min-width: 1.4em !important;
  padding: 0.15em 0.4em !important;
  text-align: center !important;
}

#outer #main dl.statistics.meta {
  grid-template-columns: auto 1fr !important;
}

#outer #main ol.year.actions {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 0 1.2em !important;
  padding: 0 !important;
}

#outer #main ul.statistics.index,
#outer #main .statistics.index {
  margin: 0 !important;
  padding: 0 !important;
}

#outer #main .statistics .index li,
#outer #main .statistics .index li:nth-of-type(even) {
  margin: 0 !important;
  padding: 0.45em 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid #00f !important;
}

#outer #main .statistics .index li:last-child {
  border-bottom: 0 !important;
}

#outer #main .statistics .index li > dl {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main .statistics .index li > dl > dt {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0ff !important;
}

#outer #main .statistics .index li > dl > dt a {
  color: #ff0 !important;
  font-weight: bold !important;
}

#outer #main .statistics .index li > dl > dt a:hover {
  color: #000 !important;
}

#outer #main .statistics .index li > dl > dd {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#outer #main .statistics .index li dl.stats {
  margin: 0.2em 0 0 !important;
}

#outer #main .statistics.chart,
#outer #main #stat_chart {
  max-width: 100% !important;
  overflow-x: auto !important;
  margin: 0.4em 0 1.8em !important;
  padding: 0 !important;
  background: #000 !important;
  box-shadow: 0 0 0 2px #00f !important;
}

#outer #main #stat_chart svg > rect[fill="#ffffff"] {
  fill: transparent !important;
}

#outer #main #stat_chart svg g rect[fill="#ffffff"],
#outer #main #stat_chart svg path[fill="#ffffff"] {
  fill: #000 !important;
}

#outer #main #stat_chart svg [fill="#993333"] {
  fill: #fff !important;
}

#outer #main #stat_chart svg g:not(:has(text)) > rect[fill="#993333"]:nth-of-type(5n+1) {
  fill: #f00 !important;
  filter: drop-shadow(0 0 4px rgba(255, 0, 0, 0.6)) !important;
}

#outer #main #stat_chart svg g:not(:has(text)) > rect[fill="#993333"]:nth-of-type(5n+2) {
  fill: #0f0 !important;
  filter: drop-shadow(0 0 4px rgba(0, 255, 0, 0.6)) !important;
}

#outer #main #stat_chart svg g:not(:has(text)) > rect[fill="#993333"]:nth-of-type(5n+3) {
  fill: #ff0 !important;
  filter: drop-shadow(0 0 4px rgba(255, 255, 0, 0.6)) !important;
}

#outer #main #stat_chart svg g:not(:has(text)) > rect[fill="#993333"]:nth-of-type(5n+4) {
  fill: #0ff !important;
  filter: drop-shadow(0 0 4px rgba(0, 255, 255, 0.6)) !important;
}

#outer #main #stat_chart svg g:not(:has(text)) > rect[fill="#993333"]:nth-of-type(5n+5) {
  fill: #f0f !important;
  filter: drop-shadow(0 0 4px rgba(255, 0, 255, 0.6)) !important;
}

#outer #main #stat_chart svg rect[fill="#cccccc"],
#outer #main #stat_chart svg rect[fill="#ebebeb"] {
  fill: #00f !important;
}

#outer #main #stat_chart svg rect[fill="#333333"] {
  fill: #fff !important;
}

#outer #main #stat_chart svg [stroke="#cccccc"] {
  stroke: #0ff !important;
}

#outer #main #stat_chart svg rect[stroke-width="1"] {
  stroke: #fff !important;
}

#outer #main #stat_chart svg text {
  fill: #0ff !important;
  filter: drop-shadow(0 0 1.5px rgba(0, 255, 255, 0.6)) !important;
}

#outer #main #stat_chart svg text[fill="#444444"],
#outer #main #stat_chart svg text[font-weight="bold"] {
  fill: #ff0 !important;
  filter: drop-shadow(0 0 1.5px rgba(255, 255, 0, 0.6)) !important;
}

#outer #main #stat_chart svg > g:not(:last-child) text {
  font-family: inherit !important;
  font-size: 12px !important;
}

#outer #main #stat_chart svg > g:not(:last-child) text[text-anchor="middle"] {
  font-size: 11px !important;
}

#outer #main #stat_chart svg > g:first-of-type > text[font-weight="bold"] {
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

#outer #main .actions.module ul.sorting li h4.heading,
#outer #main ul.sorting.actions h4.heading {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0.3em 0.4em 0.3em 0 !important;
  color: #0ff !important;
  font-size: 1em !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

#outer #main dl.index {
  margin: 0 0 1.5em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #main dl.index dd {
  background: transparent !important;
}

#outer #main dl.subscription.index {
  display: block !important;
  max-width: 56em !important;
}

#outer #main dl.subscription.index input[type="submit"] {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#outer #main dl.subscription.index > dt {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0.45em 0.6em 0 !important;
  border: 0 !important;
  color: #0ff !important;
}

#outer #main dl.subscription.index > dt a {
  color: #fff !important;
  font-weight: bold !important;
}

#outer #main dl.subscription.index > dt a:hover {
  color: #000 !important;
}

#outer #main dl.subscription.index > dd {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0.3em 0.6em 0.45em !important;
  border-bottom: 2px solid #00f !important;
  text-align: right !important;
}

#outer #main ol.chapter.index {
  max-width: 56em !important;
  margin: 0 !important;
  padding: 0 !important;
}

#outer #main ol.chapter.index > li {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  column-gap: 1em !important;
  margin: 0 !important;
  padding: 0.4em 0.6em !important;
  border-bottom: 2px solid #00f !important;
}

#outer #main ol.chapter.index > li a {
  color: #fff !important;
  font-weight: bold !important;
}

#outer #main ol.chapter.index > li a:hover {
  color: #000 !important;
}

#outer #main ol.chapter.index > li .datetime,
#outer #main span.datetime,
#outer #main p.datetime {
  color: #0ff !important;
}

#outer #main ul.cloud {
  line-height: 2.1 !important;
}

#outer #main ul.cloud li {
  display: inline !important;
  margin: 0 0.5em 0 0 !important;
}

#outer a.cloud1 {
  color: #0ff !important;
}

#outer a.cloud2 {
  color: #0f0 !important;
}

#outer a.cloud3 {
  color: #fff !important;
}

#outer a.cloud4 {
  color: #ff0 !important;
}

#outer a.cloud5 {
  color: #f0f !important;
}

#outer a.cloud6 {
  color: #0ff !important;
}

#outer a.cloud7 {
  color: #ff0 !important;
}

#outer a.cloud8 {
  color: #f00 !important;
}

#outer a.cloud1:hover,
#outer a.cloud2:hover,
#outer a.cloud3:hover,
#outer a.cloud4:hover,
#outer a.cloud5:hover,
#outer a.cloud6:hover,
#outer a.cloud7:hover,
#outer a.cloud8:hover {
  background: #ff0 !important;
  color: #000 !important;
}

#outer a.tag {
  border: 0 !important;
}

#outer #main li.relationships a {
  background: transparent !important;
}

#outer a.work {
  font-size: 1em !important;
  font-weight: bold !important;
  line-height: 1.45 !important;
}

#outer a.rss span {
  padding: 0 !important;
  background: transparent none !important;
}

#outer #main :where(.own,
.unread,
.child,
.unwrangled,
.unreviewed):where(:not(#workskin *)) {
  background-color: transparent !important;
  opacity: 1 !important;
}

#outer #main .annotation {
  background: #000 !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 2px #00f !important;
}

#outer #main .search [role="tooltip"] {
  background: #00f !important;
  border: 0 !important;
  color: #fff !important;
}

#outer #main :where(table):where(:not(#workskin *,
#stat_chart *)) {
  background: #000 !important;
  border: 0 !important;
  border-collapse: collapse !important;
  color: #fff !important;
}

#outer #main :where(th,
thead td,
col.name):where(:not(#workskin *,
#stat_chart *)) {
  padding: 0.35em 0.6em !important;
  background: #00f !important;
  border: 0 !important;
  color: #ff0 !important;
  font-weight: bold !important;
  letter-spacing: 0.03em !important;
  text-align: left !important;
  text-transform: uppercase !important;
  overflow-wrap: anywhere !important;
}

#outer #main :where(tbody th):where(:not(#workskin *,
#stat_chart *)) {
  background: transparent !important;
  color: #0ff !important;
}

#outer #main :where(td):where(:not(#workskin *,
#stat_chart *)) {
  padding: 0.35em 0.6em !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid #00f !important;
  color: #fff !important;
  overflow-wrap: anywhere !important;
}

#outer #main :where(tr,
tbody tr,
thead,
tfoot):where(:not(#workskin *,
#stat_chart *)) {
  background: transparent !important;
  border: 0 !important;
}

#outer #main :where(tr:hover):where(:not(#workskin *,
#stat_chart *)) {
  background: transparent !important;
  border: 0 !important;
}

#outer #main :where(tr:hover > td):where(:not(#workskin *,
#stat_chart *)) {
  color: #ff0 !important;
}

#outer #main.errors,
#outer #main.session,
#outer #main.error-502,
#outer #main.error-503-maintenance {
  background-image: none !important;
}

#outer #main.errors p,
#outer #main.errors .heading {
  margin-right: 0 !important;
}

#outer #main.errors > h2.heading::before {
  content: "ERROR" !important;
  background: #f00 !important;
}

:where(#outer:has(#main.errors)) #header::before {
  content: "P404" !important;
  color: #f00 !important;
}

:where(#outer:has(#main.errors)) #header::after {
  content: "AO3TEXT ---  PLEASE STAND BY" !important;
  color: #ff0 !important;
}

#outer #main.errors::before {
  content: "" !important;
  display: block !important;
  width: 130px !important;
  height: 150px !important;
  margin: 0.4em auto 1.6em !important;
  background-color: transparent !important;
  background-image: linear-gradient(90deg, transparent 0 15px, #fff 15px 25px, transparent 25px 105px, #fff 105px 115px, transparent 115px), linear-gradient(90deg, transparent 0 15px, #fff 15px 30px, transparent 30px 100px, #fff 100px 115px, transparent 115px), linear-gradient(90deg, transparent 0 30px, #fff 30px 35px, transparent 35px 95px, #fff 95px 100px, transparent 100px), linear-gradient(90deg, transparent 0 35px, #fff 35px 40px, transparent 40px 90px, #fff 90px 95px, transparent 95px), linear-gradient(90deg, transparent 0 40px, #fff 40px 45px, transparent 45px 85px, #fff 85px 90px, transparent 90px), linear-gradient(90deg, transparent 0 45px, #fff 45px 50px, transparent 50px 80px, #fff 80px 85px, transparent 85px), linear-gradient(90deg, transparent 0 50px, #fff 50px 55px, transparent 55px 75px, #fff 75px 80px, transparent 80px), linear-gradient(90deg, transparent 0 55px, #fff 55px 60px, transparent 60px 70px, #fff 70px 75px, transparent 75px), linear-gradient(90deg, transparent 0 50px, #fff 50px 80px, transparent 80px), linear-gradient(90deg, transparent 0 5px, #ff0 5px 125px, transparent 125px), linear-gradient(90deg, #ff0 0 130px), linear-gradient(90deg, #ff0 0 5px, transparent 5px 95px, #ff0 95px 130px), linear-gradient(90deg, #ff0 0 5px, transparent 5px 15px, #fff 15px 20px, #ff0 20px 30px, #0ff 30px 40px, #0f0 40px 50px, #f0f 50px 60px, #f00 60px 70px, #00f 70px 80px, transparent 80px 95px, #ff0 95px 130px), linear-gradient(90deg, #ff0 0 5px, transparent 5px 10px, #fff 10px 20px, #ff0 20px 30px, #0ff 30px 40px, #0f0 40px 50px, #f0f 50px 60px, #f00 60px 70px, #00f 70px 80px, transparent 80px 95px, #ff0 95px 105px, #f00 105px 115px, #ff0 115px 130px), linear-gradient(90deg, #ff0 0 5px, transparent 5px 10px, #fff 10px 20px, #ff0 20px 30px, #0ff 30px 40px, #0f0 40px 50px, #f0f 50px 60px, #f00 60px 70px, #00f 70px 80px, transparent 80px 95px, #ff0 95px 130px), linear-gradient(90deg, #ff0 0 5px, transparent 5px 10px, #fff 10px 20px, #ff0 20px 30px, #0ff 30px 40px, #0f0 40px 50px, #f0f 50px 60px, #f00 60px 70px, #00f 70px 80px, transparent 80px 95px, #ff0 95px 105px, #f00 105px 115px, #ff0 115px 130px), linear-gradient(90deg, #ff0 0 5px, transparent 5px 10px, #fff 10px 20px, #ff0 20px 30px, #0ff 30px 40px, #0f0 40px 50px, #f0f 50px 60px, #f00 60px 70px, #00f 70px 80px, transparent 80px 95px, #ff0 95px 130px), linear-gradient(90deg, #ff0 0 5px, transparent 5px 10px, #fff 10px 20px, #ff0 20px 30px, #0ff 30px 40px, #0f0 40px 50px, #f0f 50px 60px, #f00 60px 70px, #00f 70px 80px, transparent 80px 95px, #ff0 95px 100px, transparent 100px 120px, #ff0 120px 130px), linear-gradient(90deg, #ff0 0 5px, transparent 5px 10px, #fff 10px 20px, #ff0 20px 30px, #0ff 30px 40px, #0f0 40px 50px, #f0f 50px 60px, #f00 60px 70px, #00f 70px 80px, transparent 80px 95px, #ff0 95px 130px), linear-gradient(90deg, #ff0 0 5px, transparent 5px 15px, #fff 15px 20px, #ff0 20px 30px, #0ff 30px 40px, #0f0 40px 50px, #f0f 50px 60px, #f00 60px 70px, #00f 70px 80px, transparent 80px 95px, #ff0 95px 100px, transparent 100px 120px, #ff0 120px 130px), linear-gradient(90deg, #ff0 0 5px, transparent 5px 95px, #ff0 95px 130px), linear-gradient(90deg, #ff0 0 130px), linear-gradient(90deg, transparent 0 5px, #ff0 5px 125px, transparent 125px), linear-gradient(90deg, transparent 0 10px, #ff0 10px 20px, transparent 20px 110px, #ff0 110px 120px, transparent 120px), linear-gradient(90deg, transparent 0 5px, #ff0 5px 25px, transparent 25px 105px, #ff0 105px 125px, transparent 125px) !important;
  background-size: 130px 5px, 130px 5px, 130px 5px, 130px 5px, 130px 5px, 130px 5px, 130px 5px, 130px 5px, 130px 5px, 130px 5px, 130px 5px, 130px 5px, 130px 5px, 130px 10px, 130px 10px, 130px 10px, 130px 10px, 130px 5px, 130px 5px, 130px 5px, 130px 5px, 130px 5px, 130px 5px, 130px 10px, 130px 5px !important;
  background-position: 0px 0px, 0px 5px, 0px 10px, 0px 15px, 0px 20px, 0px 25px, 0px 30px, 0px 35px, 0px 40px, 0px 45px, 0px 50px, 0px 55px, 0px 60px, 0px 65px, 0px 75px, 0px 85px, 0px 95px, 0px 105px, 0px 110px, 0px 115px, 0px 120px, 0px 125px, 0px 130px, 0px 135px, 0px 145px !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
}

#outer #main.errors::after {
  content: "SORRY, THIS PAGE IS NOT IN TRANSMISSION" !important;
  display: block !important;
  height: auto !important;
  margin: 2em 0 0 !important;
  padding: 0.5em 0.8em !important;
  background: #00f !important;
  color: #ff0 !important;
  font-size: 1em !important;
  font-weight: bold !important;
  letter-spacing: 0.04em !important;
  visibility: visible !important;
}

#outer #main.session #signin,
#outer #main .session #signin {
  margin-left: 0 !important;
  width: auto !important;
  max-width: 34em !important;
}

#modal-bg {
  background: rgba(0, 0, 0, 0.8) !important;
}

#modal {
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 0.35em #00f !important;
  color: #fff !important;
  font-family: "Bedstead", "MODE7GX3", "European Teletext", ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace !important;
}

#modal .content {
  border: 0 !important;
  border-bottom: 2px solid #00f !important;
  color: #fff !important;
  font-size: 0.95em !important;
  line-height: 1.55 !important;
}

#modal :where(h1,
h2,
h3,
h4,
h5,
h6,
.heading) {
  border-color: #00f !important;
  color: #ff0 !important;
  font-family: inherit !important;
  font-weight: bold !important;
}

#modal a {
  border: 0 !important;
  color: #ff0 !important;
}

#modal a:hover,
#modal a:focus {
  background: #ff0 !important;
  color: #000 !important;
}

#modal .footer {
  background: #000 !important;
  color: #0ff !important;
}

#modal .footer .action.modal-closer,
#modal .modal-closer {
  padding: 0.2em 0.7em !important;
  background: #f00 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #000 !important;
  font-family: inherit !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

#modal .modal-closer:hover {
  background: #fff !important;
  color: #000 !important;
}

#modal input,
#modal textarea,
#modal select {
  background: #00f !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: inherit !important;
}

#modal dl,
#modal dt,
#modal dd,
#modal fieldset,
#modal #symbols-key dl {
  background: transparent !important;
  border-color: #00f !important;
  box-shadow: none !important;
  color: #fff !important;
}

#modal.img {
  background: transparent !important;
  box-shadow: none !important;
}

#tos_prompt {
  background: #000 !important;
  color: #fff !important;
}

#tos_prompt .heading {
  background: #00f !important;
  color: #ff0 !important;
  font-family: inherit !important;
  font-weight: bold !important;
}

#tos_prompt a {
  color: #ff0 !important;
}

#tos_prompt [disabled] {
  background: #00f !important;
  color: #0ff !important;
  box-shadow: none !important;
}

.qtip-content {
  background: #00f !important;
  border: 0 !important;
  color: #fff !important;
}

#ui-datepicker-div {
  background: #000 !important;
  border: 0 !important;
  box-shadow: 0 0 0 0.3em #00f !important;
  color: #fff !important;
}

#ui-datepicker-div table,
#ui-datepicker-div td {
  background: #000 !important;
  border-color: #00f !important;
}

#ui-datepicker-div td a {
  color: #fff !important;
}

#ui-datepicker-div td:hover,
#ui-datepicker-div td a:hover,
#ui-datepicker-div tr:hover {
  background: #ff0 !important;
  color: #000 !important;
}

#outer .mce-tinymce,
#outer .mce-panel,
#outer .mce-container,
#outer .mce-toolbar-grp,
#outer .mce-statusbar {
  background: #00f !important;
  border-color: #00f !important;
  box-shadow: none !important;
}

#outer #main .mce-btn,
#outer #main .mce-btn button {
  margin: 0 !important;
  padding: 2px 4px !important;
  background: transparent !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  text-transform: none !important;
}

#outer #main .mce-btn:hover,
#outer #main .mce-btn.mce-active,
#outer #main .mce-btn button:hover {
  background: #ff0 !important;
}

#outer .mce-ico,
#outer .mce-statusbar .mce-path-item,
#outer .mce-statusbar {
  color: #fff !important;
}

#outer .mce-btn:hover .mce-ico,
#outer .mce-btn.mce-active .mce-ico {
  color: #000 !important;
}

#outer #footer {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  float: none !important;
  clear: both !important;
  width: auto !important;
  margin: 3em 0 0 !important;
  padding: 1.6em 1.2em 1.2em !important;
  background-color: #000 !important;
  background-image: linear-gradient(90deg, #fff 0%, #fff 12.5%, #ff0 12.5%, #ff0 25%, #0ff 25%, #0ff 37.5%, #0f0 37.5%, #0f0 50%, #f0f 50%, #f0f 62.5%, #f00 62.5%, #f00 75%, #00f 75%, #00f 87.5%, #000 87.5%) !important;
  background-size: 100% 0.5em !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 0.95em !important;
  line-height: 1.5 !important;
}

#outer #footer > .landmark:not(h3),
#outer #footer > h3.landmark:not(.heading) {
  position: absolute !important;
}

#outer #footer ul.navigation,
#outer #footer > ul {
  order: 1 !important;
  flex: 1 1 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #footer ul.navigation > li.module,
#outer #footer .module {
  flex: 1 1 13em !important;
  display: block !important;
  float: none !important;
  max-width: none !important;
  margin: 0 0 1.2em !important;
  padding: 0 1em 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #footer h4.heading,
#outer #footer .heading {
  display: block !important;
  margin: 0 0 0.45em !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #f00 !important;
  font-size: 1em !important;
  font-weight: bold !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

#outer #footer h4.heading::before {
  content: "" !important;
  display: inline-block !important;
  width: 0.85em !important;
  height: 0.85em !important;
  margin: 0 0.5em 0 0 !important;
  background: currentColor !important;
  vertical-align: -0.08em !important;
}

#outer #footer li.module:nth-child(4n+2) h4.heading {
  color: #0f0 !important;
}

#outer #footer li.module:nth-child(4n+3) h4.heading {
  color: #ff0 !important;
}

#outer #footer li.module:nth-child(4n+4) h4.heading {
  color: #0ff !important;
}

#outer #footer .menu,
#outer #footer .menu li,
#outer #footer li {
  display: block !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#outer #footer form,
#outer #footer form.button_to {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#outer #footer a,
#outer #footer a:link,
#outer #footer a:visited,
#outer #footer button,
#outer #footer input[type="submit"] {
  display: inline !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 1em !important;
  font-weight: normal !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: normal !important;
  cursor: pointer !important;
}

#outer #footer a:hover,
#outer #footer a:focus,
#outer #footer button:hover,
#outer #footer button:focus,
#outer #footer input[type="submit"]:hover {
  background: #ff0 !important;
  color: #000 !important;
}

#outer #footer > h3.landmark.heading {
  order: 2 !important;
  position: static !important;
  display: block !important;
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  width: auto !important;
  height: auto !important;
  margin: 9.12px 12.16px 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

#outer #footer > h3.landmark.heading::before {
  content: "REVEAL ?" !important;
  display: block !important;
  margin: 0 !important;
  padding: 0.1em 0.5em !important;
  color: #000 !important;
  font-size: 15.2px !important;
  font-weight: bold !important;
  line-height: 1.5 !important;
  letter-spacing: 0.05em !important;
}

#outer #footer > h3.landmark.heading:hover {
  background: #ff0 !important;
}

#outer #footer > h3.landmark.heading:hover::before {
  content: "REVEAL ▸" !important;
}

#outer #footer::after {
  content: "THANK YOU FOR WATCHING · NORMAL SERVICE WILL RESUME ON P100" !important;
  order: 3 !important;
  flex: 1 1 20em !important;
  margin: 0.6em 0 0 !important;
  padding: 0.1em 0 !important;
  color: transparent !important;
  font-weight: bold !important;
  letter-spacing: 0.05em !important;
}

#outer #footer:has(> h3.landmark.heading:hover)::after {
  color: #ff0 !important;
}

#outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 1999 · Q1\A Who composed the opera Die Fledermaus?" !important;
  flex: 1 1 100% !important;
  order: 9 !important;
  min-width: 0 !important;
  margin: 0.2em 0 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  background-image: linear-gradient(90deg, #00f 0%, #00f 100%) !important;
  background-size: 100% 1.5em !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
  color: #0ff !important;
  font-weight: normal !important;
  line-height: 1.5 !important;
  white-space: pre-wrap !important;
}

#outer #footer ul.navigation::before {
  content: "■ Mozart\A ■ Johann Strauss\A ■ Wagner\A ■ Richard Strauss\A Press the colour of your choice." !important;
  flex: 1 1 100% !important;
  order: 10 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0.5em 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: transparent !important;
  background-image: linear-gradient(180deg, #f00 0em, #f00 1.5em, #0f0 1.5em, #0f0 3em, #ff0 3em, #ff0 4.5em, #0ff 4.5em, #0ff 6em, #fff 6em) !important;
  background-size: auto !important;
  background-repeat: no-repeat !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  line-height: 1.5 !important;
  white-space: pre !important;
  text-overflow: ellipsis !important;
}

#outer #footer::after {
  content: "ANSWER: GREEN · Johann Strauss" !important;
  --tt-answer: #0f0 !important;
}

#outer #footer:has(> h3.landmark.heading:hover)::after {
  color: var(--tt-answer) !important;
}

:root:has(>head>meta[name="csrf-token"][content^="A"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! DEC 1994 · Q4\A Which is the largest island of the West Indies?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="A"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Jamaica\A ■ Cuba\A ■ Trinidad\A ■ Tobago\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="A"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Cuba" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="B"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAR 1996 · Q11\A Who played the title role in The Elephant Man?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="B"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Richard Harris\A ■ John Hurt\A ■ Ray Milland\A ■ Peter Fonda\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="B"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · John Hurt" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="C"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1999 · Q10\A What is the name of the coffee bar in the American comedy series Friends?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="C"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Joe's\A ■ Central Perk\A ■ Shakers\A ■ Manhattan Milkshakes\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="C"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Central Perk" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="D"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUL 2005 · Q10\A One of the murder weapons used in the game Cluedo is an everyday tool. What is it?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="D"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ The drill\A ■ The hammer\A ■ The screwdriver\A ■ The spanner\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="D"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: CYAN · The spanner" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="E"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAR 1996 · Q7\A Who played Casanova in the Fellini film?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="E"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Donald Sutherland\A ■ Reefer Sutherland\A ■ Marlon Brando\A ■ Warren Beauty\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="E"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · Donald Sutherland" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="F"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1994 · Q9\A Who wrote “To Kill A Mockingbird”?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="F"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Laurie Lee\A ■ Harper Lee\A ■ Robert E.Lee\A ■ Christopher Lee\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="F"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Harper Lee" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="G"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1994 · Q1\A Who beat Parma 1-0 in the final of this year's European Cup Winners Cup?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="G"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ AC Milan\A ■ Arsenal\A ■ Torino\A ■ Paris St.Germain\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="G"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Arsenal" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="H"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 1999 · Q7\A America's first commercial telephone switchboard exchange opened in New Haven on this day in which year?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="H"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ 1787\A ■ 1878\A ■ 1978\A ■ 1887\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="H"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · 1878" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="I"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUL 2005 · Q2\A What instrument does Lisa Simpson play?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="I"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Violin\A ■ Guitar\A ■ Clarinet\A ■ Saxophone\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="I"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: CYAN · Saxophone" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="J"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 1999 · Q8\A Brassica oleracea gemmifera. The scientific name for which vegetable?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="J"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Pea\A ■ Parsnip\A ■ Spinach\A ■ Brussels Sprout\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="J"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: CYAN · Brussels Sprout" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="K"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUN 1995 · Q14\A Whose homeward journey to Ithaca was delayed by the gods for 10 years?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="K"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Agamemnon\A ■ Menelaus\A ■ Odysseus\A ■ Telemachus\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="K"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Odysseus" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="L"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUN 1995 · Q3\A Who is Zeus's wife?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="L"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Pallas-Athene\A ■ Hera\A ■ Aphrodite\A ■ Artemis\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="L"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Hera" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="M"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1999 · Q2\A What colour eggs are in the Chinese symbol of luck and new life?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="M"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Red\A ■ Green\A ■ Yellow\A ■ Blue\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="M"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · Red" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="N"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 2000 · Q6\A Which day's child is fair of face?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="N"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Sunday's\A ■ Tuesday's\A ■ Monday's\A ■ Wednesday's\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="N"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Monday's" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="O"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAR 1996 · Q8\A In which film does John Cleese play a headmaster?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="O"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ The Life Of Brian\A ■ A Fish Called Wanda\A ■ Clockwise\A ■ Mary Shelley's Frankenstein\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="O"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Clockwise" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="P"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! NOV 1995 · Q15\A Who co-starred as Han Solo in the Star Wars films?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="P"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Harrison Ford\A ■ Mark Hamill\A ■ Sir Alec Guinness\A ■ David Prowse\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="P"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · Harrison Ford" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Q"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1994 · Q8\A On a typewriter, which letter is between “Z” and “C”?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Q"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ S\A ■ X\A ■ V\A ■ B\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Q"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · X" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="R"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1996 · Q15\A The name of which C17th explorer is shared by a river in New York and a bay in Canada?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="R"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Hudson\A ■ Cartier\A ■ Washington\A ■ Pizarro\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="R"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · Hudson" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="S"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUN 1995 · Q9\A Artemis. Which animal was believed to be sacred to her?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="S"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ The Stag\A ■ The Cat\A ■ The Bull\A ■ The Dog\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="S"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · The Stag" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="T"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAR 1996 · Q2\A Who played the title role in the film Alfie?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="T"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Tony Curtis\A ■ Roger Daltrey\A ■ Michael Caine\A ■ Bob Hoskins\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="T"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Michael Caine" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="U"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1999 · Q7\A Which part of the body is affected by Meniere's disease?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="U"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ The inner ear\A ■ The throat\A ■ The eyes\A ■ Fingers and toes\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="U"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · The inner ear" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="V"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " PUZZLE P487 · MAY 1996\A Can you rearrange the letters below to identify 4 athletes?\A ROCKER GLAB · LEGALLY LUNNS\A BECKY LEAVES T · SMARTY PEER\A Press reveal for the answer." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="V"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: none !important;
}

:root:has(>head>meta[name="csrf-token"][content^="V"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: ROGER BLACK, SALLY GUNNELL, STEVE BACKLEY, MARY PETERS." !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="W"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1996 · Q5\A Which country counts Norfolk Island and Christmas Island as its external territories?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="W"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Australia\A ■ USA\A ■ New Zealand\A ■ Great Britain\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="W"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · Australia" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="X"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1996 · Q4\A What is the literal meaning of the Latin maxim “Tempus Fugit”?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="X"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ “Time flies”\A ■ “Time waits for no man”\A ■ “Time remains”\A ■ “Time has no past nor future”\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="X"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · “Time flies”" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Y"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " PUZZLE P487 · MAR 1996\A Harry Plum was waging war against the blackbirds that were constantly sampling his cherry crop. One day 16 birds were dining on his favourite tree. He took his shotgun and blasted at them, hitting one of the birds and blowing it out of the tree. How many were left in the tree?\A Press reveal for the answer." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Y"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: none !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Y"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: After he fired a shotgun at them, none!" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Z"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1996 · Q7\A Which nation colonized Brazil and Goa (India)?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Z"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Spain\A ■ Portugal\A ■ Italy\A ■ The Netherlands\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Z"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Portugal" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="a"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! FEB 1997 · Q1\A In which of these places could you find a garcon?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="a"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ A bank\A ■ A garage\A ■ A restaurant\A ■ A police station\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="a"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · A restaurant" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="b"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1994 · Q14\A Of which country is the Orszaggyules the national assembly?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="b"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Hungary\A ■ Poland\A ■ Japan\A ■ Russia\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="b"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · Hungary" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="c"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 2000 · Q10\A In which month of 1999 did Prince Edward marry Sophie Rhys-Jones?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="c"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ June\A ■ July\A ■ May\A ■ August\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="c"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · June" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="d"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! NOV 1995 · Q11\A Which was the last Royal dynasty to rule Russia?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="d"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Turgev\A ■ Romanoff\A ■ Piotrevich\A ■ Ivanov\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="d"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Romanoff" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="e"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " PUZZLE P487 · FEB 1996\A Picture a ship at anchor. A rope is hanging over the side with half-metre rungs\3B  the tide rises by half a metre an hour. If nine rungs of the ladder were above the water when the tide began to rise, how much of the ladder will remain above the water after five hours?\A Press reveal for the answer." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="e"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: none !important;
}

:root:has(>head>meta[name="csrf-token"][content^="e"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: NINE rungs will still be above the water. As the tide rises, so too will the ship and the ladder." !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="f"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 1999 · Q3\A Which star sign is represented by the water carrier?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="f"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Scorpio\A ■ Pisces\A ■ Aquarius\A ■ Sagittarius\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="f"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Aquarius" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="g"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUL 2005 · Q6\A What country was the first to give women the vote?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="g"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ France\A ■ UK\A ■ Portugal\A ■ New Zealand\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="g"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: CYAN · New Zealand" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="h"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1996 · Q13\A In which US state are Martha's Vineyard and Salem?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="h"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Michigan\A ■ Missouri\A ■ Massachusetts\A ■ Maine\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="h"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Massachusetts" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="i"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1999 · Q9\A Which poet wrote Fighting Terms, My Sad Captains and Jack Straw's Castle?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="i"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Thom Gunn\A ■ Stevie Smith\A ■ Ogden Nash\A ■ Samuel Taylor Coleridge\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="i"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · Thom Gunn" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="j"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " PUZZLE P487 · DEC 1995\A In an ordinary deck of cards, two of the Jacks have two eyes and two of the Jacks have one eye. How many eyes are on the four Jack cards?\A Press reveal for the answer." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="j"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: none !important;
}

:root:has(>head>meta[name="csrf-token"][content^="j"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: The total number is 12, since each Jack has two faces." !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="k"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1996 · Q3\A According to The Times, whose last words in 1936 were: “How is the Empire?”" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="k"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Edward VIII\A ■ George V\A ■ Edward VII\A ■ Queen Mary\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="k"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · George V" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="l"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 2000 · Q2\A What was the name of John Alderton's character in the TV series Please Sir?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="l"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Bernard Hedges\A ■ Robin Smith\A ■ Bill Williams\A ■ Benjamin Houston\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="l"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · Bernard Hedges" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="m"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAR 1996 · Q13\A In which film would you find Benjamin Braddock and Mrs Robinson?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="m"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ The Grapes Of Wrath\A ■ From Here To Eternity\A ■ The Graduate\A ■ Brief Encounter\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="m"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · The Graduate" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="n"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 1999 · Q10\A Who once said “there was a time when I heard 11 operas in a fortnight, which left me bankrupt and half idiotic for a month”?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="n"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ JB Priestley\A ■ Oscar Wilde\A ■ Benjamin Britten\A ■ Luciano Pavarotti\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="n"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · JB Priestley" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="o"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1996 · Q12\A Complete the following saying: “What can't be cured...”" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="o"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ ... has no allure\A ■ ... must be endured\A ■ ... will cause a furore\A ■ ... must be abhorred\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="o"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · ... must be endured" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="p"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUL 2005 · Q12\A If a female fox is called a vixen, what is a male fox called?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="p"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ A dog\A ■ A jack\A ■ A cob\A ■ A buck\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="p"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · A dog" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="q"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! DEC 1994 · Q3\A “And now the end is near” is the first line of which song?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="q"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ My Way\A ■ New York, New York\A ■ C'mon Everybody\A ■ Pretty Vacant\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="q"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · My Way" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="r"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1994 · Q19\A What is a jacaranda?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="r"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ A tree\A ■ A fish\A ■ A bird\A ■ A dinosaur\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="r"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · A tree" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="s"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! FEB 1997 · Q2\A Which of these was a famous poet?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="s"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Grace Darling\A ■ John Logie Baird\A ■ John Constable\A ■ William Wordsworth\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="s"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: CYAN · William Wordsworth" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="t"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUL 2005 · Q11\A What sport translates as “the gentle way”?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="t"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Judo\A ■ Jujitsu\A ■ Karate\A ■ Tae-kwon do\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="t"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · Judo" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="u"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 2000 · Q8\A What is a scyphozoan?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="u"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Part of a ship\A ■ A garden tool\A ■ A jellyfish\A ■ A drinking-cup\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="u"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · A jellyfish" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="v"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 1999 · Q12\A Which car manufacturer made the models Hunter, Avenger and Imp?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="v"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Hillman\A ■ Austin\A ■ Morris\A ■ Triumph\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="v"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · Hillman" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="w"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1996 · Q8\A What was the name of the school bully in the novel Tom Brown's Schooldays?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="w"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Carruthers\A ■ Smith\A ■ Flashman\A ■ Pilkington\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="w"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Flashman" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="x"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1997 · Q9\A What nationality was the scientist Marie Curie?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="x"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Polish\A ■ Dutch\A ■ Swiss\A ■ Austrian\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="x"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · Polish" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="y"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 2000 · Q3\A Which letter comes between Q and E on a computer keyboard?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="y"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ T\A ■ W\A ■ R\A ■ Y\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="y"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · W" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="z"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " TEN TO ONE · DEC 1994 · Q9\A Which Grand Prix team does Johnny Herbert drive for?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="z"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Tyrrell\A ■ Ligier\A ■ Benetton-Ford\A ■ Ferrari\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="z"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Benetton-Ford" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="0"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1999 · Q4\A The word Hellas appears on stamps produced by which country?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="0"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Portugal\A ■ Greece\A ■ India\A ■ New Zealand\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="0"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Greece" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="1"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAR 1996 · Q4\A In which film series does Marty McFly travel in a time-travelling car?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="1"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Ghostbusters\A ■ Back To The Future\A ■ The Howling\A ■ Gremlins\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="1"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Back To The Future" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="2"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 2000 · Q7\A Hg is the symbol for which chemical element?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="2"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Mercury\A ■ Helium\A ■ Hydrogen\A ■ Magnesium\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="2"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · Mercury" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="3"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAR 1996 · Q1\A Who played Davy Crockett in the film The Alamo?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="3"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Laurence Harvey\A ■ Richard Widmark\A ■ John Wayne\A ■ Frankie Avalon\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="3"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · John Wayne" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="4"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 2000 · Q5\A Complete this proverb: Don't cut off your nose to spite your ..." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="4"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ ... razor\A ■ ... ear\A ■ ... face\A ■ ... doctor\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="4"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · ... face" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="5"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " TEN TO ONE · DEC 1994 · Q5\A Which team does star quarterback Dan Marino play for?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="5"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Kansas City Chiefs\A ■ San Francisco 49ers\A ■ Miami Dolphins\A ■ Houston Oilers\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="5"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Miami Dolphins" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="6"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUN 1995 · Q7\A Apollo. Where did his oracle or divine medium reside?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="6"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Athens\A ■ Troy\A ■ Thebes\A ■ Delphi\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="6"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: CYAN · Delphi" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="7"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 2000 · Q1\A Which is England's most easterly town?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="7"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Skegness\A ■ Lowestoft\A ■ Margate\A ■ Scarborough\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="7"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Lowestoft" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="8"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUN 1995 · Q11\A Which immortal was famed for his incredible strength?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="8"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Hercules\A ■ Paris\A ■ Pan\A ■ Orpheus\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="8"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: RED · Hercules" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="9"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! FEB 1997 · Q9\A Ronan Keating is the lead singer of which band?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="9"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ 911\A ■ Boyzone\A ■ MN8\A ■ Upside Down\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="9"]:is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Boyzone" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"]:is([content^="+"],
[content^="-"]):is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1997 · Q4\A Where in London did English furniture designer Thomas Chippendale set up his workshop in 1753?" !important;
}

:root:has(>head>meta[name="csrf-token"]:is([content^="+"],
[content^="-"]):is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Coventry Street\A ■ St Martin's Lane\A ■ Pudding Lane\A ■ Lower Regent Street\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"]:is([content^="+"],
[content^="-"]):is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: GREEN · St Martin's Lane" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"]:is([content^="/"],
[content^="_"]):is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1997 · Q1\A Jennifer Paterson is one half of the heavyweight cooking duo Two Fat Ladies. Who is the other?" !important;
}

:root:has(>head>meta[name="csrf-token"]:is([content^="/"],
[content^="_"]):is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer ul.navigation::before {
  content: "■ Jackie Paige\A ■ Nerys Waterson\A ■ Clarissa Dickson\A ■ Norma Culverhouse\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"]:is([content^="/"],
[content^="_"]):is([content$="A"],
[content$="Q"],
[content$="A=="],
[content$="Q=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Clarissa Dickson" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="A"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " STARTER FOR TEN · MAY 1994\A Who did Sitting Bull call “Little Sure Shot”?\A Press reveal for the answer." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="A"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: none !important;
}

:root:has(>head>meta[name="csrf-token"][content^="A"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: Annie Oakley." !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="B"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1999 · Q3\A Which city hosts the world's oldest marathon?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="B"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Boston\A ■ Sydney\A ■ Toronto\A ■ New York\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="B"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · Boston" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="C"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAR 1996 · Q9\A Which of The Dirty Dozen was also one of The Magnificent Seven?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="C"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Steve McQueen\A ■ Telly Savalas\A ■ Lee Marvin\A ■ Charles Bronson\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="C"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: CYAN · Charles Bronson" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="D"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1999 · Q1\A How long would you have been married if you were celebrating a Platinum anniversary?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="D"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ 50 years\A ■ 70 years\A ■ 60 years\A ■ 100 years\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="D"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · 70 years" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="E"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! NOV 1995 · Q4\A Which island nation are Lemurs native to?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="E"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Ile de la Reunion\A ■ Madagascar\A ■ Mauritius\A ■ St Kitts\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="E"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Madagascar" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="F"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAR 1996 · Q15\A Which film was set in The Bates Motel?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="F"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ The Shining\A ■ Psycho\A ■ Carrie\A ■ American Graffiti\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="F"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Psycho" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="G"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUN 1995 · Q10\A Who is the Greek god of the Forge, and associated with fire?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="G"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Zeus\A ■ Apollo\A ■ Hephaestus\A ■ Triton\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="G"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Hephaestus" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="H"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 1999 · Q4\A He was born at Pembroke Castle on this day in 1457. He was the founder of the Tudor dynasty. Name him." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="H"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Henry VII\A ■ Henry VIII\A ■ Edward VI\A ■ Richard III\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="H"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · Henry VII" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="I"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1999 · Q12\A What type of animal is a hogget?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="I"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Pig\A ■ Goat\A ■ Sheep\A ■ Horse\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="I"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Sheep" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="J"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUN 1995 · Q4\A Which goddess was born after her father's head was cleaved in two with an axe?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="J"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Pallas-Athene\A ■ Artemis\A ■ Aphrodite\A ■ Hera\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="J"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · Pallas-Athene" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="K"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUL 2005 · Q3\A What name is given to plants that flower year after year?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="K"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Deciduous\A ■ Annuals\A ■ Hardy annuals\A ■ Perennials\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="K"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: CYAN · Perennials" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="L"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAR 1996 · Q3\A Who played Rocky Sullivan in Angels With Dirty Faces?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="L"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ James Cagney\A ■ Pat O'Brien\A ■ James Stewart\A ■ Sylvester Stallone\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="L"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · James Cagney" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="M"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 1999 · Q9\A In which county would you live if your postcode began NN4?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="M"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Leicestershire\A ■ Nottinghamshire\A ■ Northamptonshire\A ■ Buckinghamshire\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="M"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Northamptonshire" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="N"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1997 · Q7\A What is an uraeus?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="N"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ A finger joint\A ■ A blood disease\A ■ A holy snake\A ■ A satellite of Mars\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="N"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · A holy snake" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="O"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! NOV 1995 · Q10\A What does the L in Dorothy L Sayers stand for?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="O"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Leigh\A ■ Lizbeth\A ■ Lisa\A ■ Leanne\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="O"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · Leigh" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="P"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! NOV 1995 · Q9\A Which of these elements is named after a Scottish town?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="P"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Caesium\A ■ Strontium\A ■ Tungsten\A ■ Plutonium\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="P"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Strontium" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Q"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 1999 · Q2\A White Hart Lane is home to which football club?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Q"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Arsenal\A ■ Chelsea\A ■ Wimbledon\A ■ Tottenham Hotspur\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Q"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: CYAN · Tottenham Hotspur" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="R"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1997 · Q6\A In which country was British holidaycamp entrepreneur William 'Billy' Butlin born?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="R"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Wales\A ■ Australia\A ■ Canada\A ■ South Africa\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="R"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: CYAN · South Africa" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="S"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAR 1996 · Q12\A Who played Caleb Trask in East Of Eden?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="S"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ James Dean\A ■ Tony Curtis\A ■ Natalie Wood\A ■ Dennis Hopper\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="S"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · James Dean" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="T"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAR 1996 · Q10\A Who was Dr Zhivago?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="T"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Albert Finney\A ■ Peter Sellers\A ■ Omar Sharif\A ■ Tom Courtenay\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="T"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Omar Sharif" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="U"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1994 · Q16\A Who recorded the song “Hotel California”?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="U"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ America\A ■ Toto\A ■ Boston\A ■ The Eagles\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="U"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: CYAN · The Eagles" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="V"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! NOV 1995 · Q13\A Which of these jazz singers was famed for the “scat” style?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="V"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Lena Horne\A ■ Ella Fitzgerald\A ■ Peggy Lee\A ■ Eartha Kitt\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="V"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Ella Fitzgerald" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="W"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1994 · Q7\A Whose operas include “The Snow Maiden” and “The Golden Cockerel”?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="W"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Mussorgsky\A ■ Rimsky-Korsakov\A ■ Berlioz\A ■ Mozart\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="W"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Rimsky-Korsakov" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="X"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1997 · Q10\A What does the word tenson mean?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="X"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Three/four time\A ■ A verse contest\A ■ A carpentry joint\A ■ An old-fashioned quill\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="X"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · A verse contest" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Y"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1996 · Q6\A Which profession is sometimes referred to as “the fourth estate”?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Y"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Building\A ■ Acting\A ■ The Clergy\A ■ Journalism\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Y"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: CYAN · Journalism" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Z"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUN 1995 · Q5\A Pallas-Athene. Which virtue was usually associated with her?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Z"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Wisdom\A ■ Faith\A ■ Hope\A ■ Charity\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="Z"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · Wisdom" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="a"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " LAST BAMBOOZLE! · DEC 2009\A Which was Charles Hawtrey's last Carry On film?\A Press reveal for the answer." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="a"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: none !important;
}

:root:has(>head>meta[name="csrf-token"][content^="a"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: Carry On Abroad." !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="b"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 2000 · Q9\A Fanfare For The Common Man was composed by whom?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="b"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Rodrigo\A ■ Copland\A ■ Holst\A ■ Emmerson, Lake and Palmer\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="b"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Copland" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="c"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! NOV 1995 · Q1\A Which Malta-born psychologist is famed for conceptualising “lateral thinking”?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="c"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Sigmund Freud\A ■ Carl Jung\A ■ Edward De Bono\A ■ Nick Halpin\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="c"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Edward De Bono" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="d"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " PUZZLE P487 · MAR 1996\A If you turn your right-hand glove inside out and put it on your left hand, where will the palm of the glove be on your left hand?\A Press reveal for the answer." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="d"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: none !important;
}

:root:has(>head>meta[name="csrf-token"][content^="d"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: The palm of the glove will be against your left hand palm." !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="e"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1994 · Q2\A Who is to present the new series of “University Challenge”?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="e"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Jeremy Paxman\A ■ Bamber Gascoigne\A ■ Stephen Fry\A ■ Clive Anderson\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="e"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · Jeremy Paxman" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="f"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1994 · Q10\A In which year did Roger Bannister run the first ever four minute mile?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="f"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ 1954\A ■ 1956\A ■ 1958\A ■ 1952\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="f"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · 1954" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="g"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1999 · Q6\A In which country does the Amazon reach the sea?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="g"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Mexico\A ■ Bolivia\A ■ Brazil\A ■ Argentina\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="g"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Brazil" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="h"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 1999 · Q11\A Which bank once had a griffin as its symbol?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="h"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Lloyds\A ■ Midland\A ■ TSB\A ■ Barclays\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="h"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Midland" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="i"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1997 · Q2\A What is a tapnet?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="i"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ A fig basket\A ■ A hairpiece\A ■ A trout net\A ■ A glass palace\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="i"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · A fig basket" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="j"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUN 1995 · Q1\A Who rules the pantheon of Greek gods?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="j"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Hera\A ■ Apollo\A ■ Hephaestus\A ■ Zeus\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="j"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: CYAN · Zeus" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="k"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAR 1996 · Q14\A Who is missing: Clint Eastwood, Eli Wallach, ......?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="k"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Horst Buchholz\A ■ Gary Cooper\A ■ Charles Bronson\A ■ Lee Van Cleef\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="k"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: CYAN · Lee Van Cleef" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="l"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1999 · Q11\A The French call it La Manche, what do we call it?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="l"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Jersey\A ■ The Eurotunnel\A ■ The North Sea\A ■ The English Channel\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="l"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: CYAN · The English Channel" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="m"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1994 · Q20\A What nationality was the astronomer Caroline Lucretia Herschel?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="m"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Polish\A ■ German\A ■ Dutch\A ■ Hungarian\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="m"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · German" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="n"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 1999 · Q1\A Who composed the opera Die Fledermaus?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="n"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Mozart\A ■ Johann Strauss\A ■ Wagner\A ■ Richard Strauss\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="n"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Johann Strauss" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="o"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAR 1996 · Q5\A In the film, what was Blue Thunder?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="o"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ A sword\A ■ A helicopter\A ■ A drug\A ■ A magic symbol\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="o"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · A helicopter" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="p"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1997 · Q5\A La Rue is French for.." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="p"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ The road\A ■ The rain\A ■ The rail\A ■ The whale\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="p"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · The road" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="q"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUN 1995 · Q12\A Hercules. How many labours did he have to perform in order to quench Hera's ire?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="q"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Ten\A ■ Twelve\A ■ Fourteen\A ■ Sixteen\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="q"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Twelve" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="r"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 2000 · Q11\A Which was the first industrialised nation to celebrate the Millennium?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="r"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Japan\A ■ Australia\A ■ New Zealand\A ■ South Africa\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="r"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · New Zealand" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="s"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUL 2005 · Q1\A What was unusual about the 1912 Boat Race?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="s"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Neither team turned up\A ■ Both teams sunk\A ■ The race was a dead heat\A ■ It took place in the sea\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="s"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Both teams sunk" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="t"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 2000 · Q4\A What is the inscription on the rim of a £2 coin?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="t"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ In God We Trust\A ■ God Save The Queen\A ■ Millennium\A ■ Standing On The Shoulders Of Giants\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="t"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: CYAN · Standing On The Shoulders Of Giants" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="u"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUN 1995 · Q8\A Which goddess did Ancient Greeks associate with the moon?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="u"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Hera\A ■ Aphrodite\A ■ Artemis\A ■ Pallas-Athene\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="u"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Artemis" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="v"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUL 2005 · Q8\A Who are the children in The Royle Family?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="v"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Barbara and Jim\A ■ Denise and Dave\A ■ Barbara and Anthony\A ■ Denise and Anthony\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="v"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: CYAN · Denise and Anthony" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="w"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! NOV 1995 · Q6\A Which opera star is famed for his open-air concerts in Central Park and Hyde Park?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="w"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Pavarotti\A ■ Carreras\A ■ Burridge\A ■ Domingo\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="w"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · Pavarotti" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="x"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! SEP 1996 · Q11\A What name is given to the highly ornate Latin Bible in Trinity College, Dublin?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="x"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ The Book of Kells\A ■ The Trinitarium\A ■ The Triptych\A ■ The Collegians\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="x"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · The Book of Kells" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="y"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! DEC 1995 · Q1\A What is the name of Bambi's rabbit friend?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="y"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Sandy\A ■ Thumper\A ■ Bunny\A ■ Bugs\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="y"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Thumper" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="z"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1994 · Q11\A Which US president was assassinated in Buffalo?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="z"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Kennedy\A ■ Lincoln\A ■ McKinley\A ■ Washington\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="z"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · McKinley" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="0"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! NOV 1995 · Q5\A Who stars in the film Rob Roy?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="0"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Wesley Snipes\A ■ Sylvester Stallone\A ■ Mel Gibson\A ■ Liam Neeson\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="0"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: CYAN · Liam Neeson" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="1"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUL 2005 · Q5\A What arrived in Britain in 1347?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="1"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Teletext\A ■ Gunpowder-fired artillery\A ■ Trial by jury\A ■ The Black Death\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="1"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: CYAN · The Black Death" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"][content^="2"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! NOV 1995 · Q2\A What is hyperopia?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="2"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Short-sightedness\A ■ Fear of extremes\A ■ Long-sightedness\A ■ Fondness for work\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="2"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Long-sightedness" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="3"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1994 · Q15\A Who composed the Pathetique Symphony?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="3"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Tchaikovsky\A ■ Mozart\A ■ Beethoven\A ■ Rimsky-Korsakov\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="3"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · Tchaikovsky" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="4"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUL 2005 · Q4\A What is Britain's biggest railway station?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="4"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Waterloo\A ■ King's Cross\A ■ Paddington\A ■ Manchester Piccadilly\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="4"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · Waterloo" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="5"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAY 1994 · Q6\A “We are the Champions” and “Killer Queen” were hits for whom?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="5"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Queen\A ■ 10CC\A ■ Deep Purple\A ■ The Stranglers\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="5"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · Queen" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="6"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JAN 1999 · Q5\A He was born in Cody, Wyoming, on this day in 1912. His paintings include Guardian of the Secret and Wyoming. Name him." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="6"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ David Hockney\A ■ Andy Warhol\A ■ Jackson Pollock\A ■ Roy Lichtenstein\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="6"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: YELLOW · Jackson Pollock" !important;
  --tt-answer: #ff0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="7"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! MAR 1996 · Q6\A Elwood and Jake were the main characters in which classic film?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="7"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ The Blues Brothers\A ■ Star Wars\A ■ The Sting\A ■ The Hustler\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="7"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: RED · The Blues Brothers" !important;
  --tt-answer: #f00 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="8"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUL 2005 · Q7\A Nike was the Greek goddess of what?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="8"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Sport\A ■ Victory\A ■ Power\A ■ Leather running sandals\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="8"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Victory" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"][content^="9"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! JUN 1995 · Q6\A Which Greek god drove his chariots across the sky every day?" !important;
}

:root:has(>head>meta[name="csrf-token"][content^="9"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Triton\A ■ Apollo\A ■ Hephaestus\A ■ Pan\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"][content^="9"]:is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: GREEN · Apollo" !important;
  --tt-answer: #0f0 !important;
}

:root:has(>head>meta[name="csrf-token"]:is([content^="+"],
[content^="-"]):is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " BAMBOOZLE! FEB 1997 · Q8\A Bern is the capital of which country?" !important;
}

:root:has(>head>meta[name="csrf-token"]:is([content^="+"],
[content^="-"]):is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: "■ Germany\A ■ Austria\A ■ Sweden\A ■ Switzerland\A Press the colour of your choice." !important;
}

:root:has(>head>meta[name="csrf-token"]:is([content^="+"],
[content^="-"]):is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: CYAN · Switzerland" !important;
  --tt-answer: #0ff !important;
}

:root:has(>head>meta[name="csrf-token"]:is([content^="/"],
[content^="_"]):is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::after {
  content: " PUZZLE P487 · NOV 1995\A Sam Slug and Sid Shady each ordered a double scotch. Slug bet Shady £1 that he could put a bowl over Shady's scotch, and drink it without touching - indirectly or directly - the bowl, the scotch glass or the bar, without assistance. Is this a good bet for Shady?\A Press reveal for the answer." !important;
}

:root:has(>head>meta[name="csrf-token"]:is([content^="/"],
[content^="_"]):is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer ul.navigation::before {
  content: none !important;
}

:root:has(>head>meta[name="csrf-token"]:is([content^="/"],
[content^="_"]):is([content$="g"],
[content$="w"],
[content$="g=="],
[content$="w=="])) #outer #footer::after {
  content: "ANSWER: No, because Slug would pick up the bowl, drink the double scotch, and pay Shady £1 for a drink which cost at least twice that amount." !important;
  --tt-answer: #ff0 !important;
}

#outer,
#outer#outer#outer *:not(#workskin *,
#stat_chart *) {
  text-shadow: -0.07em 0 0 rgba(255, 0, 40, 0.8), 0.07em 0 0 rgba(0, 170, 255, 0.8), 0 0 0.12em currentColor !important;
}

#outer#outer#outer#outer :is(textarea,
select,
input:not([type]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
input[type="tel"]) {
  text-shadow: 0 0 0.12em currentColor !important;
}

#outer #footer::after {
  text-shadow: none !important;
}

#outer #footer:has(> h3.landmark.heading:hover)::after {
  text-shadow: inherit !important;
}

#outer #footer ul.navigation::before {
  text-shadow: none !important;
}

#outer {
  position: relative !important;
  z-index: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}

#outer::before {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: -1 !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  background-image: repeating-linear-gradient(0deg, transparent 0 2px, rgba(255, 255, 255, 0.035) 2px 3px), linear-gradient(125deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 18%, rgba(255, 255, 255, 0) 30%), radial-gradient(ellipse at 50% 42%, rgba(80, 120, 220, 0.22) 0%, rgba(80, 120, 220, 0) 68%) !important;
  background-size: auto, auto, auto !important;
  background-position: 0 0, 0 0, 0 0 !important;
  background-repeat: repeat, no-repeat, no-repeat !important;
  box-shadow: inset 0 0 7em rgba(0, 0, 0, 0.9) !important;
}

#outer #header,
#outer #header .primary,
#outer #admin-banner,
#outer .announcement,
#outer #dashboard,
#outer #dashboard.region,
#outer #dashboard.own,
#outer .toggled form,
#outer .dynamic form:not(.new_comment),
#outer form.verbose fieldset,
#outer .verbose form fieldset,
#outer #main li.blurb,
#outer #main dl.meta,
#outer #main #workskin,
#outer #main .draft,
#outer #main .chapter.draft,
#outer #main div.draft,
#outer #inner #main #kudos_message:is(.notice,
.kudos_notice,
.kudos_error),
#outer #inner #main #kudos_message :is(.notice,
.kudos_notice,
.kudos_error),
#outer #main p.kudos,
#outer #main li.comment,
#outer #main ol.thread li.comment,
#outer #main ol.comment.index > li,
#outer #main ul.comment > li,
#outer #main .post.comment fieldset,
#outer #main form.new_comment fieldset,
#outer #main form.edit_comment fieldset,
#outer #inner #main :where(div.notice,
p.notice,
.comment_notice,
.kudos_notice,
div.caution,
p.caution,
div.error,
p.error,
.alert.flash,
.comment_error,
.kudos_error):where(:not(#workskin *,
.autocomplete *)),
#outer #main .splash .module div.account,
#outer #main .splash .account.module,
#outer #main .listbox,
#outer #main fieldset fieldset.listbox,
#outer #main li.listbox,
#outer #main :where(table):where(:not(#workskin *,
#stat_chart *)),
#outer #main .statistics.chart,
#outer #main #stat_chart,
#outer #footer {
  background-color: transparent !important;
}

#outer#outer#outer :where(a):where(:not(#workskin .userstuff *)):hover,
#outer#outer#outer :where(a):where(:not(#workskin .userstuff *)):focus,
#outer#outer#outer :where(hr):where(:not(#workskin .userstuff *)),
#outer#outer#outer #header #greeting ul.user > li > a:hover,
#outer#outer#outer #header #greeting ul.user > li > a:focus,
#outer#outer#outer #header #greeting .dropdown:hover > a,
#outer#outer#outer #header #greeting .open > a,
#outer#outer#outer #header #greeting button:hover,
#outer#outer#outer #header #login p.user a:hover,
#outer#outer#outer #header #login p.user a:focus,
#outer#outer#outer #header #login .open a,
#outer#outer#outer #header #greeting p.icon,
#outer#outer#outer #header #greeting .icon,
#outer#outer#outer #header #small_login::before,
#outer#outer#outer #header #small_login input[type="text"],
#outer#outer#outer #header #small_login input[type="password"],
#outer#outer#outer #header #small_login input[type="email"],
#outer#outer#outer #header #small_login input[type="checkbox"]:checked,
#outer#outer#outer #header #small_login input[type="submit"],
#outer#outer#outer #header #small_login input[type="submit"]:hover,
#outer#outer#outer #header #small_login a:hover,
#outer#outer#outer #header h1.heading,
#outer#outer#outer #header .primary > li > a:hover,
#outer#outer#outer #header .primary > li > a:focus,
#outer#outer#outer #header .primary .dropdown:hover > a,
#outer#outer#outer #header .primary .open > a,
#outer#outer#outer #header #site_search,
#outer#outer#outer #header .search input.text,
#outer#outer#outer #header #site_search:focus,
#outer#outer#outer #header .search input.text:focus,
#outer#outer#outer #header .search input[type="submit"],
#outer#outer#outer #header .search input.button,
#outer#outer#outer #header .search input[type="submit"]:hover,
#outer#outer#outer #header .search input.button:hover,
#outer#outer#outer #header .menu::before,
#outer#outer#outer #header .menu a:hover,
#outer#outer#outer #header .menu a:focus,
#outer#outer#outer #header ul.menu a:hover,
#outer#outer#outer #header ul.menu a:focus,
#outer#outer#outer #header .menu button:hover,
#outer#outer#outer #header h2.collections,
#outer#outer#outer #admin-banner::before,
#outer#outer#outer .announcement::before,
#outer#outer#outer #admin-banner .showme,
#outer#outer#outer .announcement .showme,
#outer#outer#outer #admin-banner p.submit button,
#outer#outer#outer #admin-banner p.submit a,
#outer#outer#outer #dashboard::before,
#outer#outer#outer #dashboard a:hover,
#outer#outer#outer #dashboard a:focus,
#outer#outer#outer #dashboard .current,
#outer#outer#outer #dashboard span.current,
#outer#outer#outer #main > h2.heading,
#outer#outer#outer #main > .header > h2.heading,
#outer#outer#outer #main > div.header > h2.heading,
#outer#outer#outer #main > h2.heading::before,
#outer#outer#outer #main > .header > h2.heading::before,
#outer#outer#outer #main .actions a,
#outer#outer#outer #main .actions a:link,
#outer#outer#outer #main .actions a:visited,
#outer#outer#outer #main .actions input[type="submit"],
#outer#outer#outer #main .actions input[type="button"],
#outer#outer#outer #main .actions button,
#outer#outer#outer #main .action,
#outer#outer#outer #main .action:link,
#outer#outer#outer #main .action:visited,
#outer#outer#outer #main button,
#outer#outer#outer #main input[type="submit"],
#outer#outer#outer #main input[type="button"],
#outer#outer#outer #main input[type="reset"],
#outer#outer#outer #main .button,
#outer#outer#outer #main ul.actions > li:nth-child(4n+1) > a,
#outer#outer#outer #main ul.actions > li:nth-child(4n+1) > button,
#outer#outer#outer #main ul.actions > li:nth-child(4n+1) > input,
#outer#outer#outer #main ul.actions > li:nth-child(4n+1) > form input[type="submit"],
#outer#outer#outer #main ul.actions > li:nth-child(4n+1) > form button,
#outer#outer#outer #main ul.actions > li:nth-child(4n+2) > a,
#outer#outer#outer #main ul.actions > li:nth-child(4n+2) > button,
#outer#outer#outer #main ul.actions > li:nth-child(4n+2) > input,
#outer#outer#outer #main ul.actions > li:nth-child(4n+2) > form input[type="submit"],
#outer#outer#outer #main ul.actions > li:nth-child(4n+2) > form button,
#outer#outer#outer #main ul.actions > li:nth-child(4n+3) > a,
#outer#outer#outer #main ul.actions > li:nth-child(4n+3) > button,
#outer#outer#outer #main ul.actions > li:nth-child(4n+3) > input,
#outer#outer#outer #main ul.actions > li:nth-child(4n+3) > form input[type="submit"],
#outer#outer#outer #main ul.actions > li:nth-child(4n+3) > form button,
#outer#outer#outer #main ul.actions > li:nth-child(4n+4) > a,
#outer#outer#outer #main ul.actions > li:nth-child(4n+4) > button,
#outer#outer#outer #main ul.actions > li:nth-child(4n+4) > input,
#outer#outer#outer #main ul.actions > li:nth-child(4n+4) > form input[type="submit"],
#outer#outer#outer #main ul.actions > li:nth-child(4n+4) > form button,
#outer#outer#outer #main .actions a:hover,
#outer#outer#outer #main .actions a:focus,
#outer#outer#outer #main .actions input:hover,
#outer#outer#outer #main .actions input:focus,
#outer#outer#outer #main .actions button:hover,
#outer#outer#outer #main .actions button:focus,
#outer#outer#outer #main ul.actions > li > a:hover,
#outer#outer#outer #main ul.actions > li > button:hover,
#outer#outer#outer #main ul.actions > li > input:hover,
#outer#outer#outer #main ul.actions > li > form input[type="submit"]:hover,
#outer#outer#outer #main ul.actions > li > form button:hover,
#outer#outer#outer #main .action:hover,
#outer#outer#outer #main button:hover,
#outer#outer#outer #main button:focus,
#outer#outer#outer #main input[type="submit"]:hover,
#outer#outer#outer #main input[type="submit"]:focus,
#outer#outer#outer #main input[type="button"]:hover,
#outer#outer#outer #main input[type="reset"]:hover,
#outer#outer#outer #main .button:hover,
#outer#outer#outer #main .actions label:not(.landmark):hover,
#outer#outer#outer #main button:disabled:hover,
#outer#outer#outer #main input[type="submit"]:disabled:hover,
#outer#outer#outer #main ul.expandable.secondary li a:hover,
#outer#outer#outer #main #chapter_index li a:hover,
#outer#outer#outer #main .actions ul.secondary li a:hover,
#outer#outer#outer #main #chapter_index input[type="submit"],
#outer#outer#outer #main .pagination .current,
#outer#outer#outer #main ol.pagination .current,
#outer#outer#outer #main ol.pagination span.current,
#outer#outer#outer #main .pagination a:hover,
#outer#outer#outer #main ol.pagination a:hover,
#outer#outer#outer #main ol.pagination a:focus,
#outer#outer#outer input[type="text"],
#outer#outer#outer input[type="password"],
#outer#outer#outer input[type="email"],
#outer#outer#outer input[type="url"],
#outer#outer#outer input[type="search"],
#outer#outer#outer input[type="number"],
#outer#outer#outer input[type="date"],
#outer#outer#outer input[type="datetime-local"],
#outer#outer#outer input[type="tel"],
#outer#outer#outer input:not([type]),
#outer#outer#outer textarea,
#outer#outer#outer select,
#outer#outer#outer input[type="text"]:focus,
#outer#outer#outer input[type="password"]:focus,
#outer#outer#outer input[type="email"]:focus,
#outer#outer#outer input[type="url"]:focus,
#outer#outer#outer input[type="search"]:focus,
#outer#outer#outer input[type="number"]:focus,
#outer#outer#outer input[type="date"]:focus,
#outer#outer#outer input:not([type]):focus,
#outer#outer#outer select:focus,
#outer#outer#outer textarea:focus,
#outer#outer#outer input[type="file"]::file-selector-button,
#outer#outer#outer form.verbose legend,
#outer#outer#outer .verbose form legend,
#outer#outer#outer form.single legend,
#outer#outer#outer li.added.tag,
#outer#outer#outer #main li.added.tag,
#outer#outer#outer #main form li.added.tag,
#outer#outer#outer#outer#outer .autocomplete .dropdown ul li:hover,
#outer#outer#outer#outer#outer .autocomplete .dropdown li.selected,
#outer#outer#outer#outer#outer .autocomplete .dropdown ul li.selected,
#outer#outer#outer #main input[type="checkbox"]:checked,
#outer#outer#outer #main input[type="radio"]:checked,
#outer#outer#outer #main .exclude input[type="checkbox"]:checked,
#outer#outer#outer #main .filters .exclude input[type="checkbox"]:checked,
#outer#outer#outer a.help > span.symbol.question,
#outer#outer#outer a.help:hover > span.symbol.question,
#outer#outer#outer span.symbol.question,
#outer#outer#outer #main li.blurb::before,
#outer#outer#outer #main li.bookmark.blurb::before,
#outer#outer#outer #main li.work.blurb:has(.rating-general-audience)::before,
#outer#outer#outer #main li.work.blurb:has(.rating-teen)::before,
#outer#outer#outer #main li.work.blurb:has(.rating-mature)::before,
#outer#outer#outer #main li.work.blurb:has(.rating-explicit)::before,
#outer#outer#outer #main li.work.blurb:has(.rating-notrated)::before,
#outer#outer#outer #main li.blurb h5.fandoms,
#outer#outer#outer #main li.blurb .header h5.fandoms,
#outer#outer#outer #main li.blurb h5.fandoms a:hover,
#outer#outer#outer #main li.blurb .header p.datetime,
#outer#outer#outer #main li.blurb .header .datetime,
#outer#outer#outer #main li.blurb:hover h5.fandoms,
#outer#outer#outer #main li.blurb:hover .header p.datetime,
#outer#outer#outer #main .blurb ul.required-tags li a > span,
#outer#outer#outer #main .blurb ul.required-tags li span.rating,
#outer#outer#outer #main .blurb ul.required-tags li span.warnings,
#outer#outer#outer #main .blurb ul.required-tags li span.category,
#outer#outer#outer #main .blurb ul.required-tags li span.iswip,
#outer#outer#outer #main .blurb ul.required-tags li span.external-work,
#outer#outer#outer #main .blurb ul.required-tags li a:hover > span,
#outer#outer#outer #main .blurb ul.required-tags li a:focus > span,
#outer#outer#outer #main .blurb ul.required-tags li span.rating-general-audience,
#outer#outer#outer #main .blurb ul.required-tags li span.rating-teen,
#outer#outer#outer #main .blurb ul.required-tags li span.rating-mature,
#outer#outer#outer #main .blurb ul.required-tags li span.rating-explicit,
#outer#outer#outer #main .blurb ul.required-tags li span.rating-notrated,
#outer#outer#outer #main .blurb ul.required-tags li span.warning-yes,
#outer#outer#outer #main .blurb ul.required-tags li span.warning-choosenotto,
#outer#outer#outer #main .blurb ul.required-tags li span.category-femslash,
#outer#outer#outer #main .blurb ul.required-tags li span.category-het,
#outer#outer#outer #main .blurb ul.required-tags li span.category-gen,
#outer#outer#outer #main .blurb ul.required-tags li span.category-multi,
#outer#outer#outer #main .blurb ul.required-tags li span.complete-yes,
#outer#outer#outer #main .blurb ul.required-tags li span.complete-no,
#outer#outer#outer #main li.blurb h4.heading a:first-of-type:hover,
#outer#outer#outer #main li.blurb h4.heading a:first-of-type:focus,
#outer#outer#outer #main li.blurb h4.heading .status,
#outer#outer#outer #main li.blurb h4.heading:has(img[src*="lockblue"])::after,
#outer#outer#outer #main li.blurb h4.heading:has(img[src*="lockred"])::after,
#outer#outer#outer #main li.blurb .header .icon,
#outer#outer#outer #main li.blurb .header p.icon,
#outer#outer#outer #main li.blurb .header div.icon,
#outer#outer#outer #main li.blurb ul.tags li::before,
#outer#outer#outer #main li.blurb ul.tags li.warnings::before,
#outer#outer#outer #main li.blurb ul.tags li.relationships::before,
#outer#outer#outer #main li.blurb ul.tags li.characters::before,
#outer#outer#outer #main li.blurb ul.tags a.tag:hover,
#outer#outer#outer #main li.blurb ul.tags a.tag:focus,
#outer#outer#outer #main .bookmark p.status .text,
#outer#outer#outer #main .bookmark p.status .rec .text,
#outer#outer#outer #main .bookmark p.status .private .text,
#outer#outer#outer #main .bookmark p.status .hidden .text,
#outer#outer#outer #main .bookmark .user ul.meta li a,
#outer#outer#outer #main .bookmark .user ul.tags li a,
#outer#outer#outer #main .bookmark .user ul.meta li a:hover,
#outer#outer#outer #main .bookmark .user ul.tags li a:hover,
#outer#outer#outer #main .bookmark .user blockquote.userstuff,
#outer#outer#outer #main .bookmark .user blockquote.notes,
#outer#outer#outer #main .filters fieldset > legend,
#outer#outer#outer #main form.filters fieldset > legend,
#outer#outer#outer #main .filters select,
#outer#outer#outer #main .filters input[type="text"],
#outer#outer#outer #main .filters input:not([type]),
#outer#outer#outer #main .filters select:focus,
#outer#outer#outer #main .filters input[type="text"]:focus,
#outer#outer#outer #main .filters dt:is(.include,
.exclude),
#outer#outer#outer #main .filters dt.exclude,
#outer#outer#outer #main .filters dt:is(.include,
.exclude) a.help:hover,
#outer#outer#outer #main .filters dt:is(.include,
.exclude) a.help:focus,
#outer#outer#outer #main .filters .expander:hover,
#outer#outer#outer #main .filters .expander:focus,
#outer#outer#outer #main .filters label:hover span,
#outer#outer#outer #main .filters dd.submit input[type="submit"],
#outer#outer#outer #main .filters dd.submit input[type="submit"]:hover,
#outer#outer#outer #main .filters dd.submit a:hover,
#outer#outer#outer #main .filters p.filtered a:hover,
#outer#outer#outer #main a#go_to_filters,
#outer#outer#outer #main dl.work.meta::before,
#outer#outer#outer #main dl.series.meta::before,
#outer#outer#outer #main dl.meta > dt,
#outer#outer#outer #main dl.meta dd a:hover,
#outer#outer#outer #main dl.meta dd a:focus,
#outer#outer#outer #main dl.meta dd a.tag:hover,
#outer#outer#outer #main #workskin > .preface:first-child::before,
#outer#outer#outer #main:has(dd.rating a[href*="General"]) dl.work.meta::before,
#outer#outer#outer #main:has(dd.rating a[href*="Teen"]) dl.work.meta::before,
#outer#outer#outer #main:has(dd.rating a[href*="Mature"]) dl.work.meta::before,
#outer#outer#outer #main:has(dd.rating a[href*="Explicit"]) dl.work.meta::before,
#outer#outer#outer #main:has(dd.rating a[href*="Not%20Rated"]) dl.work.meta::before,
#outer#outer#outer #main:has(dd.rating a[href*="General"]) #workskin > .preface:first-child::before,
#outer#outer#outer #main:has(dd.rating a[href*="Teen"]) #workskin > .preface:first-child::before,
#outer#outer#outer #main:has(dd.rating a[href*="Mature"]) #workskin > .preface:first-child::before,
#outer#outer#outer #main:has(dd.rating a[href*="Explicit"]) #workskin > .preface:first-child::before,
#outer#outer#outer #main:has(dd.rating a[href*="Not%20Rated"]) #workskin > .preface:first-child::before,
#outer#outer#outer #main #workskin .preface h2.title:has(img[src*="lockblue"])::after,
#outer#outer#outer #main #workskin .preface h2.title:has(img[src*="lockred"])::after,
#outer#outer#outer #main #workskin .preface .module h3.heading,
#outer#outer#outer #main #workskin .end.notes h3.heading,
#outer#outer#outer #main #workskin .afterword h3.heading,
#outer#outer#outer #main #workskin .notes h3.heading,
#outer#outer#outer #main #workskin .series h3.heading,
#outer#outer#outer #main #workskin .children h3.heading,
#outer#outer#outer #main #workskin .chapter .preface h3.title,
#outer#outer#outer #main #workskin .chapter .preface h3.title a:hover,
#outer#outer#outer #main .chapter.draft::before,
#outer#outer#outer #main #workskin.draft::before,
#outer#outer#outer #main #new_kudo input[type="submit"],
#outer#outer#outer #main #kudo_submit,
#outer#outer#outer #main ul.actions > li > #new_kudo input[type="submit"],
#outer#outer#outer #main #new_kudo input[type="submit"]:hover,
#outer#outer#outer #main #kudo_submit:hover,
#outer#outer#outer #inner #main #kudos_message:is(.notice,
.kudos_notice,
.kudos_error)::before,
#outer#outer#outer #inner #main #kudos_message :is(.notice,
.kudos_notice,
.kudos_error)::before,
#outer#outer#outer #inner #main #kudos_message:is(.notice,
.kudos_notice)::before,
#outer#outer#outer #inner #main #kudos_message :is(.notice,
.kudos_notice)::before,
#outer#outer#outer #inner #main .flash.kudos_notice::before,
#outer#outer#outer #main p.kudos::before,
#outer#outer#outer #main li.comment h4.heading.byline,
#outer#outer#outer #main li.comment h4.byline,
#outer#outer#outer #main ol.comment.index > li h4.byline,
#outer#outer#outer #main ul.comment > li h4.byline,
#outer#outer#outer #main li.comment .unreviewed.status,
#outer#outer#outer #main li.comment span.unreviewed,
#outer#outer#outer #main ol.thread ol.thread li.comment h4.byline,
#outer#outer#outer #main li.comment.unread h4.byline,
#outer#outer#outer #main ol.comment.index > li.unread h4.byline,
#outer#outer#outer #main ul.comment > li.unread h4.byline,
#outer#outer#outer #main li.comment div.icon,
#outer#outer#outer #main li.comment .icon,
#outer#outer#outer #main ol.comment.index > li div.icon,
#outer#outer#outer #main ul.comment > li div.icon,
#outer#outer#outer #main li.comment div.icon span.visitor,
#outer#outer#outer #main li.comment div.icon span.anonymous,
#outer#outer#outer #main div.icon span.visitor,
#outer#outer#outer #main div.icon span.anonymous,
#outer#outer#outer #main li.comment blockquote.userstuff blockquote,
#outer#outer#outer #main .actions span.unread,
#outer#outer#outer #main span.unread,
#outer#outer#outer #main .actions .replied,
#outer#outer#outer #main span.replied,
#outer#outer#outer #main span.claimed,
#outer#outer#outer #main .actions span.defaulted,
#outer#outer#outer #main form.inbox fieldset.actions a.check_all,
#outer#outer#outer #main form.inbox fieldset.actions a.check_none,
#outer#outer#outer #main .post.comment fieldset > legend,
#outer#outer#outer #main form.new_comment fieldset > legend,
#outer#outer#outer #main form.edit_comment fieldset > legend,
#outer#outer#outer #main form.new_comment textarea,
#outer#outer#outer #main form.edit_comment textarea,
#outer#outer#outer #main form.new_comment p.submit input[type="submit"],
#outer#outer#outer #main form.edit_comment p.submit input[type="submit"],
#outer#outer#outer #main form.new_comment p.submit input[type="submit"]:hover,
#outer#outer#outer #main form.edit_comment p.submit input[type="submit"]:hover,
#outer#outer#outer #inner #main :where(div.notice,
p.notice,
.comment_notice,
.kudos_notice,
div.caution,
p.caution,
div.error,
p.error,
.alert.flash,
.comment_error,
.kudos_error):where(:not(#workskin *,
.autocomplete *))::before,
#outer#outer#outer #inner #main :where(div.caution,
p.caution):where(:not(#workskin *,
.autocomplete *))::before,
#outer#outer#outer #inner #main :where(div.error,
p.error,
.alert.flash,
.comment_error,
.kudos_error):where(:not(#workskin *,
.autocomplete *))::before,
#outer#outer#outer .LV_validation_message.LV_invalid,
#outer#outer#outer .LV_invalid,
#outer#outer#outer :where(.userstuff a):where(:not(#workskin *)):hover,
#outer#outer#outer :where(.userstuff a):where(:not(#workskin *)):focus,
#outer#outer#outer #main .splash .module > h3.heading,
#outer#outer#outer #main .splash .module > h2.heading,
#outer#outer#outer #main .splash .readings > h3.heading,
#outer#outer#outer #main .splash .messages > h3.heading,
#outer#outer#outer #main .splash .module > h3.heading .link a:hover,
#outer#outer#outer #main .splash .news li.post h4.heading a:hover,
#outer#outer#outer #main .splash .social li a,
#outer#outer#outer #main .splash .social li.tumblr a,
#outer#outer#outer #main .splash .social li.twitter a,
#outer#outer#outer #main .splash .social li a:hover,
#outer#outer#outer #main .splash .social li a:focus,
#outer#outer#outer #main .splash .browse li a:hover,
#outer#outer#outer #main .splash .favorite li a:hover,
#outer#outer#outer #main .splash .favorite li:nth-of-type(odd) a:hover,
#outer#outer#outer #main .splash .account .heading,
#outer#outer#outer #main .splash .account .actions a,
#outer#outer#outer #main .primary.header > .icon,
#outer#outer#outer #main .primary.header > p.icon,
#outer#outer#outer #main .primary.header > div.icon,
#outer#outer#outer #main .primary.header > h2.heading,
#outer#outer#outer #main .home .header h2,
#outer#outer#outer #main .primary.header h2.heading,
#outer#outer#outer #main .profile > h3.heading,
#outer#outer#outer #main .bio > h3.heading,
#outer#outer#outer #main .bio.module > h3.heading,
#outer#outer#outer #main .listbox > .heading,
#outer#outer#outer #main .listbox > h3.heading,
#outer#outer#outer #main .listbox > h4.heading,
#outer#outer#outer #main .listbox > h5.heading,
#outer#outer#outer a.cloud1:hover,
#outer#outer#outer a.cloud2:hover,
#outer#outer#outer a.cloud3:hover,
#outer#outer#outer a.cloud4:hover,
#outer#outer#outer a.cloud5:hover,
#outer#outer#outer a.cloud6:hover,
#outer#outer#outer a.cloud7:hover,
#outer#outer#outer a.cloud8:hover,
#outer#outer#outer #main .search [role="tooltip"],
#outer#outer#outer #main :where(th,
thead td,
col.name):where(:not(#workskin *,
#stat_chart *)),
#outer#outer#outer #main.errors > h2.heading::before,
#outer#outer#outer #main.errors::after,
#outer#outer#outer #footer a:hover,
#outer#outer#outer #footer a:focus,
#outer#outer#outer #footer button:hover,
#outer#outer#outer #footer button:focus,
#outer#outer#outer #footer input[type="submit"]:hover,
#outer#outer#outer #footer > h3.landmark.heading,
#outer#outer#outer #footer > h3.landmark.heading:hover,
#outer#outer#outer #footer h4.heading::before {
  background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.28) 0 1px, transparent 1px 3px) !important;
  background-size: auto !important;
  background-position: 0 0 !important;
  background-repeat: repeat !important;
}

#outer#outer#outer #header .primary {
  background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.28) 0 1px, transparent 1px 3px), linear-gradient(90deg, #fff 0%, #fff 12.5%, #ff0 12.5%, #ff0 25%, #0ff 25%, #0ff 37.5%, #0f0 37.5%, #0f0 50%, #f0f 50%, #f0f 62.5%, #f00 62.5%, #f00 75%, #00f 75%, #00f 87.5%, #000 87.5%) !important;
  background-size: 100% 0.45em, 100% 0.45em !important;
  background-position: 0 0, 0 0 !important;
  background-repeat: no-repeat, no-repeat !important;
}

#outer#outer#outer #footer {
  background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.28) 0 1px, transparent 1px 3px), linear-gradient(90deg, #fff 0%, #fff 12.5%, #ff0 12.5%, #ff0 25%, #0ff 25%, #0ff 37.5%, #0f0 37.5%, #0f0 50%, #f0f 50%, #f0f 62.5%, #f00 62.5%, #f00 75%, #00f 75%, #00f 87.5%, #000 87.5%) !important;
  background-size: 100% 0.5em, 100% 0.5em !important;
  background-position: 0 0, 0 0 !important;
  background-repeat: no-repeat, no-repeat !important;
}

#outer#outer#outer #main #workskin .afterword::before {
  background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.28) 0 1px, transparent 1px 3px), linear-gradient(90deg, #fff 0%, #fff 12.5%, #ff0 12.5%, #ff0 25%, #0ff 25%, #0ff 37.5%, #0f0 37.5%, #0f0 50%, #f0f 50%, #f0f 62.5%, #f00 62.5%, #f00 75%, #00f 75%, #00f 87.5%, #000 87.5%) !important;
  background-size: auto, auto !important;
  background-position: 0 0, 0 0 !important;
  background-repeat: repeat, repeat !important;
}

#outer#outer#outer #footer ul.navigation::after {
  background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.28) 0 1px, transparent 1px 3px), linear-gradient(90deg, #00f 0%, #00f 100%) !important;
  background-size: 100% 1.5em, 100% 1.5em !important;
  background-position: 0 0, 0 0 !important;
  background-repeat: no-repeat, no-repeat !important;
}

#outer#outer#outer#outer #main li.blurb:not(:has(h5.fandoms))::before {
  background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.28) 0 1px, transparent 1px 3px), linear-gradient(90deg, #ff0 0%, #ff0 4.4em, #00f 4.4em) !important;
  background-size: auto, auto !important;
  background-position: 0 0, 0 0 !important;
  background-repeat: repeat, repeat !important;
}

#outer#outer#outer#outer #main .blurb ul.required-tags li span.category-multi {
  background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.28) 0 1px, transparent 1px 3px), linear-gradient(90deg, #f00 25%, #0f0 25%, #0f0 50%, #0ff 50%, #0ff 75%, #f0f 75%) !important;
  background-size: auto, 100% 5px !important;
  background-position: 0 0, 0 0 !important;
  background-repeat: repeat, no-repeat !important;
}

#outer#outer#outer#outer #main li.blurb:not(:has(h5.fandoms)) .header p.datetime {
  background-image: none !important;
}

#outer#outer#outer#outer #main #workskin .chapter .preface h3.title {
  background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.28) 0 2px, transparent 2px 6px) !important;
}

#outer#outer#outer#outer #header h1.heading {
  background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.28) 0 1px, transparent 1px 3px), linear-gradient(90deg, #fff 0px 2px, transparent 2px 24px, #fff 24px 32px, transparent 32px 46px), linear-gradient(90deg, transparent 0px 2px, #fff 2px 4px, transparent 4px 23px, #fff 23px 33px, transparent 33px 46px), linear-gradient(90deg, transparent 0px 3px, #fff 3px 6px, transparent 6px 22px, #fff 22px 25px, transparent 25px 31px, #fff 31px 34px, transparent 34px 46px), linear-gradient(90deg, transparent 0px 6px, #fff 6px 9px, transparent 9px 20px, #fff 20px 23px, transparent 23px 33px, #fff 33px 36px, transparent 36px 43px, #fff 43px 45px, transparent 45px 46px), linear-gradient(90deg, transparent 0px 8px, #fff 8px 11px, transparent 11px 20px, #fff 20px 22px, transparent 22px 34px, #fff 34px 36px, transparent 36px 42px, #fff 42px 44px, transparent 44px 46px), linear-gradient(90deg, transparent 0px 9px, #fff 9px 12px, transparent 12px 20px, #fff 20px 22px, transparent 22px 34px, #fff 34px 36px, transparent 36px 40px, #fff 40px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 11px, #fff 11px 14px, transparent 14px 20px, #fff 20px 22px, transparent 22px 34px, #fff 34px 36px, transparent 36px 39px, #fff 39px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 12px, #fff 12px 15px, transparent 15px 20px, #fff 20px 22px, transparent 22px 34px, #fff 34px 36px, transparent 36px 38px, #fff 38px 40px, transparent 40px 46px), linear-gradient(90deg, transparent 0px 10px, #fff 10px 11px, transparent 11px 13px, #fff 13px 16px, transparent 16px 20px, #fff 20px 22px, transparent 22px 34px, #fff 34px 36px, transparent 36px 37px, #fff 37px 39px, transparent 39px 46px), linear-gradient(90deg, transparent 0px 10px, #fff 10px 11px, transparent 11px 14px, #fff 14px 18px, transparent 18px 20px, #fff 20px 23px, transparent 23px 33px, #fff 33px 38px, transparent 38px 46px), linear-gradient(90deg, transparent 0px 10px, #fff 10px 11px, transparent 11px 16px, #fff 16px 20px, transparent 20px 22px, #fff 22px 25px, transparent 25px 31px, #fff 31px 34px, transparent 34px 35px, #fff 35px 37px, transparent 37px 46px), linear-gradient(90deg, transparent 0px 9px, #fff 9px 10px, transparent 10px 17px, #fff 17px 21px, transparent 21px 23px, #fff 23px 33px, transparent 33px 34px, #fff 34px 36px, transparent 36px 46px), linear-gradient(90deg, transparent 0px 9px, #fff 9px 10px, transparent 10px 18px, #fff 18px 22px, transparent 22px 24px, #fff 24px 32px, transparent 32px 33px, #fff 33px 36px, transparent 36px 46px), linear-gradient(90deg, transparent 0px 9px, #fff 9px 10px, transparent 10px 19px, #fff 19px 23px, transparent 23px 33px, #fff 33px 35px, transparent 35px 46px), linear-gradient(90deg, transparent 0px 9px, #fff 9px 10px, transparent 10px 20px, #fff 20px 24px, transparent 24px 27px, #fff 27px 35px, transparent 35px 46px), linear-gradient(90deg, transparent 0px 8px, #fff 8px 10px, transparent 10px 21px, #fff 21px 40px, transparent 40px 46px), linear-gradient(90deg, transparent 0px 8px, #fff 8px 10px, transparent 10px 21px, #fff 21px 28px, transparent 28px 31px, #fff 31px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 7px, #fff 7px 9px, transparent 9px 16px, #fff 16px 26px, transparent 26px 31px, #fff 31px 33px, transparent 33px 40px, #fff 40px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 7px, #fff 7px 9px, transparent 9px 14px, #fff 14px 23px, transparent 23px 24px, #fff 24px 27px, transparent 27px 30px, #fff 30px 33px, transparent 33px 40px, #fff 40px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 7px, #fff 7px 8px, transparent 8px 12px, #fff 12px 20px, transparent 20px 25px, #fff 25px 28px, transparent 28px 30px, #fff 30px 32px, transparent 32px 39px, #fff 39px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 6px, #fff 6px 8px, transparent 8px 11px, #fff 11px 17px, transparent 17px 26px, #fff 26px 29px, transparent 29px 30px, #fff 30px 32px, transparent 32px 37px, #fff 37px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 5px, #fff 5px 7px, transparent 7px 9px, #fff 9px 15px, transparent 15px 27px, #fff 27px 32px, transparent 32px 36px, #fff 36px 40px, transparent 40px 46px), linear-gradient(90deg, transparent 0px 5px, #fff 5px 7px, transparent 7px 8px, #fff 8px 13px, transparent 13px 27px, #fff 27px 32px, transparent 32px 37px, #fff 37px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 4px, #fff 4px 6px, transparent 6px 7px, #fff 7px 11px, transparent 11px 28px, #fff 28px 31px, transparent 31px 39px, #fff 39px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 3px, #fff 3px 7px, transparent 7px 41px, #fff 41px 43px, transparent 43px 46px), linear-gradient(90deg, transparent 0px 1px, #fff 1px 6px, transparent 6px 32px, #fff 32px 33px, transparent 33px 41px, #fff 41px 43px, transparent 43px 46px), linear-gradient(90deg, #fff 0px 4px, transparent 4px 33px, #fff 33px 35px, transparent 35px 40px, #fff 40px 42px, transparent 42px 46px), linear-gradient(90deg, #fff 0px 2px, transparent 2px 34px, #fff 34px 41px, transparent 41px 46px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0px 2px, transparent 2px 24px, rgba(255, 0, 40, 0.8) 24px 32px, transparent 32px 46px), linear-gradient(90deg, transparent 0px 2px, rgba(255, 0, 40, 0.8) 2px 4px, transparent 4px 23px, rgba(255, 0, 40, 0.8) 23px 33px, transparent 33px 46px), linear-gradient(90deg, transparent 0px 3px, rgba(255, 0, 40, 0.8) 3px 6px, transparent 6px 22px, rgba(255, 0, 40, 0.8) 22px 25px, transparent 25px 31px, rgba(255, 0, 40, 0.8) 31px 34px, transparent 34px 46px), linear-gradient(90deg, transparent 0px 6px, rgba(255, 0, 40, 0.8) 6px 9px, transparent 9px 20px, rgba(255, 0, 40, 0.8) 20px 23px, transparent 23px 33px, rgba(255, 0, 40, 0.8) 33px 36px, transparent 36px 43px, rgba(255, 0, 40, 0.8) 43px 45px, transparent 45px 46px), linear-gradient(90deg, transparent 0px 8px, rgba(255, 0, 40, 0.8) 8px 11px, transparent 11px 20px, rgba(255, 0, 40, 0.8) 20px 22px, transparent 22px 34px, rgba(255, 0, 40, 0.8) 34px 36px, transparent 36px 42px, rgba(255, 0, 40, 0.8) 42px 44px, transparent 44px 46px), linear-gradient(90deg, transparent 0px 9px, rgba(255, 0, 40, 0.8) 9px 12px, transparent 12px 20px, rgba(255, 0, 40, 0.8) 20px 22px, transparent 22px 34px, rgba(255, 0, 40, 0.8) 34px 36px, transparent 36px 40px, rgba(255, 0, 40, 0.8) 40px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 11px, rgba(255, 0, 40, 0.8) 11px 14px, transparent 14px 20px, rgba(255, 0, 40, 0.8) 20px 22px, transparent 22px 34px, rgba(255, 0, 40, 0.8) 34px 36px, transparent 36px 39px, rgba(255, 0, 40, 0.8) 39px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 12px, rgba(255, 0, 40, 0.8) 12px 15px, transparent 15px 20px, rgba(255, 0, 40, 0.8) 20px 22px, transparent 22px 34px, rgba(255, 0, 40, 0.8) 34px 36px, transparent 36px 38px, rgba(255, 0, 40, 0.8) 38px 40px, transparent 40px 46px), linear-gradient(90deg, transparent 0px 10px, rgba(255, 0, 40, 0.8) 10px 11px, transparent 11px 13px, rgba(255, 0, 40, 0.8) 13px 16px, transparent 16px 20px, rgba(255, 0, 40, 0.8) 20px 22px, transparent 22px 34px, rgba(255, 0, 40, 0.8) 34px 36px, transparent 36px 37px, rgba(255, 0, 40, 0.8) 37px 39px, transparent 39px 46px), linear-gradient(90deg, transparent 0px 10px, rgba(255, 0, 40, 0.8) 10px 11px, transparent 11px 14px, rgba(255, 0, 40, 0.8) 14px 18px, transparent 18px 20px, rgba(255, 0, 40, 0.8) 20px 23px, transparent 23px 33px, rgba(255, 0, 40, 0.8) 33px 38px, transparent 38px 46px), linear-gradient(90deg, transparent 0px 10px, rgba(255, 0, 40, 0.8) 10px 11px, transparent 11px 16px, rgba(255, 0, 40, 0.8) 16px 20px, transparent 20px 22px, rgba(255, 0, 40, 0.8) 22px 25px, transparent 25px 31px, rgba(255, 0, 40, 0.8) 31px 34px, transparent 34px 35px, rgba(255, 0, 40, 0.8) 35px 37px, transparent 37px 46px), linear-gradient(90deg, transparent 0px 9px, rgba(255, 0, 40, 0.8) 9px 10px, transparent 10px 17px, rgba(255, 0, 40, 0.8) 17px 21px, transparent 21px 23px, rgba(255, 0, 40, 0.8) 23px 33px, transparent 33px 34px, rgba(255, 0, 40, 0.8) 34px 36px, transparent 36px 46px), linear-gradient(90deg, transparent 0px 9px, rgba(255, 0, 40, 0.8) 9px 10px, transparent 10px 18px, rgba(255, 0, 40, 0.8) 18px 22px, transparent 22px 24px, rgba(255, 0, 40, 0.8) 24px 32px, transparent 32px 33px, rgba(255, 0, 40, 0.8) 33px 36px, transparent 36px 46px), linear-gradient(90deg, transparent 0px 9px, rgba(255, 0, 40, 0.8) 9px 10px, transparent 10px 19px, rgba(255, 0, 40, 0.8) 19px 23px, transparent 23px 33px, rgba(255, 0, 40, 0.8) 33px 35px, transparent 35px 46px), linear-gradient(90deg, transparent 0px 9px, rgba(255, 0, 40, 0.8) 9px 10px, transparent 10px 20px, rgba(255, 0, 40, 0.8) 20px 24px, transparent 24px 27px, rgba(255, 0, 40, 0.8) 27px 35px, transparent 35px 46px), linear-gradient(90deg, transparent 0px 8px, rgba(255, 0, 40, 0.8) 8px 10px, transparent 10px 21px, rgba(255, 0, 40, 0.8) 21px 40px, transparent 40px 46px), linear-gradient(90deg, transparent 0px 8px, rgba(255, 0, 40, 0.8) 8px 10px, transparent 10px 21px, rgba(255, 0, 40, 0.8) 21px 28px, transparent 28px 31px, rgba(255, 0, 40, 0.8) 31px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 7px, rgba(255, 0, 40, 0.8) 7px 9px, transparent 9px 16px, rgba(255, 0, 40, 0.8) 16px 26px, transparent 26px 31px, rgba(255, 0, 40, 0.8) 31px 33px, transparent 33px 40px, rgba(255, 0, 40, 0.8) 40px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 7px, rgba(255, 0, 40, 0.8) 7px 9px, transparent 9px 14px, rgba(255, 0, 40, 0.8) 14px 23px, transparent 23px 24px, rgba(255, 0, 40, 0.8) 24px 27px, transparent 27px 30px, rgba(255, 0, 40, 0.8) 30px 33px, transparent 33px 40px, rgba(255, 0, 40, 0.8) 40px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 7px, rgba(255, 0, 40, 0.8) 7px 8px, transparent 8px 12px, rgba(255, 0, 40, 0.8) 12px 20px, transparent 20px 25px, rgba(255, 0, 40, 0.8) 25px 28px, transparent 28px 30px, rgba(255, 0, 40, 0.8) 30px 32px, transparent 32px 39px, rgba(255, 0, 40, 0.8) 39px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 6px, rgba(255, 0, 40, 0.8) 6px 8px, transparent 8px 11px, rgba(255, 0, 40, 0.8) 11px 17px, transparent 17px 26px, rgba(255, 0, 40, 0.8) 26px 29px, transparent 29px 30px, rgba(255, 0, 40, 0.8) 30px 32px, transparent 32px 37px, rgba(255, 0, 40, 0.8) 37px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 5px, rgba(255, 0, 40, 0.8) 5px 7px, transparent 7px 9px, rgba(255, 0, 40, 0.8) 9px 15px, transparent 15px 27px, rgba(255, 0, 40, 0.8) 27px 32px, transparent 32px 36px, rgba(255, 0, 40, 0.8) 36px 40px, transparent 40px 46px), linear-gradient(90deg, transparent 0px 5px, rgba(255, 0, 40, 0.8) 5px 7px, transparent 7px 8px, rgba(255, 0, 40, 0.8) 8px 13px, transparent 13px 27px, rgba(255, 0, 40, 0.8) 27px 32px, transparent 32px 37px, rgba(255, 0, 40, 0.8) 37px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 4px, rgba(255, 0, 40, 0.8) 4px 6px, transparent 6px 7px, rgba(255, 0, 40, 0.8) 7px 11px, transparent 11px 28px, rgba(255, 0, 40, 0.8) 28px 31px, transparent 31px 39px, rgba(255, 0, 40, 0.8) 39px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 3px, rgba(255, 0, 40, 0.8) 3px 7px, transparent 7px 41px, rgba(255, 0, 40, 0.8) 41px 43px, transparent 43px 46px), linear-gradient(90deg, transparent 0px 1px, rgba(255, 0, 40, 0.8) 1px 6px, transparent 6px 32px, rgba(255, 0, 40, 0.8) 32px 33px, transparent 33px 41px, rgba(255, 0, 40, 0.8) 41px 43px, transparent 43px 46px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0px 4px, transparent 4px 33px, rgba(255, 0, 40, 0.8) 33px 35px, transparent 35px 40px, rgba(255, 0, 40, 0.8) 40px 42px, transparent 42px 46px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0px 2px, transparent 2px 34px, rgba(255, 0, 40, 0.8) 34px 41px, transparent 41px 46px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0px 2px, transparent 2px 24px, rgba(0, 170, 255, 0.8) 24px 32px, transparent 32px 46px), linear-gradient(90deg, transparent 0px 2px, rgba(0, 170, 255, 0.8) 2px 4px, transparent 4px 23px, rgba(0, 170, 255, 0.8) 23px 33px, transparent 33px 46px), linear-gradient(90deg, transparent 0px 3px, rgba(0, 170, 255, 0.8) 3px 6px, transparent 6px 22px, rgba(0, 170, 255, 0.8) 22px 25px, transparent 25px 31px, rgba(0, 170, 255, 0.8) 31px 34px, transparent 34px 46px), linear-gradient(90deg, transparent 0px 6px, rgba(0, 170, 255, 0.8) 6px 9px, transparent 9px 20px, rgba(0, 170, 255, 0.8) 20px 23px, transparent 23px 33px, rgba(0, 170, 255, 0.8) 33px 36px, transparent 36px 43px, rgba(0, 170, 255, 0.8) 43px 45px, transparent 45px 46px), linear-gradient(90deg, transparent 0px 8px, rgba(0, 170, 255, 0.8) 8px 11px, transparent 11px 20px, rgba(0, 170, 255, 0.8) 20px 22px, transparent 22px 34px, rgba(0, 170, 255, 0.8) 34px 36px, transparent 36px 42px, rgba(0, 170, 255, 0.8) 42px 44px, transparent 44px 46px), linear-gradient(90deg, transparent 0px 9px, rgba(0, 170, 255, 0.8) 9px 12px, transparent 12px 20px, rgba(0, 170, 255, 0.8) 20px 22px, transparent 22px 34px, rgba(0, 170, 255, 0.8) 34px 36px, transparent 36px 40px, rgba(0, 170, 255, 0.8) 40px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 11px, rgba(0, 170, 255, 0.8) 11px 14px, transparent 14px 20px, rgba(0, 170, 255, 0.8) 20px 22px, transparent 22px 34px, rgba(0, 170, 255, 0.8) 34px 36px, transparent 36px 39px, rgba(0, 170, 255, 0.8) 39px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 12px, rgba(0, 170, 255, 0.8) 12px 15px, transparent 15px 20px, rgba(0, 170, 255, 0.8) 20px 22px, transparent 22px 34px, rgba(0, 170, 255, 0.8) 34px 36px, transparent 36px 38px, rgba(0, 170, 255, 0.8) 38px 40px, transparent 40px 46px), linear-gradient(90deg, transparent 0px 10px, rgba(0, 170, 255, 0.8) 10px 11px, transparent 11px 13px, rgba(0, 170, 255, 0.8) 13px 16px, transparent 16px 20px, rgba(0, 170, 255, 0.8) 20px 22px, transparent 22px 34px, rgba(0, 170, 255, 0.8) 34px 36px, transparent 36px 37px, rgba(0, 170, 255, 0.8) 37px 39px, transparent 39px 46px), linear-gradient(90deg, transparent 0px 10px, rgba(0, 170, 255, 0.8) 10px 11px, transparent 11px 14px, rgba(0, 170, 255, 0.8) 14px 18px, transparent 18px 20px, rgba(0, 170, 255, 0.8) 20px 23px, transparent 23px 33px, rgba(0, 170, 255, 0.8) 33px 38px, transparent 38px 46px), linear-gradient(90deg, transparent 0px 10px, rgba(0, 170, 255, 0.8) 10px 11px, transparent 11px 16px, rgba(0, 170, 255, 0.8) 16px 20px, transparent 20px 22px, rgba(0, 170, 255, 0.8) 22px 25px, transparent 25px 31px, rgba(0, 170, 255, 0.8) 31px 34px, transparent 34px 35px, rgba(0, 170, 255, 0.8) 35px 37px, transparent 37px 46px), linear-gradient(90deg, transparent 0px 9px, rgba(0, 170, 255, 0.8) 9px 10px, transparent 10px 17px, rgba(0, 170, 255, 0.8) 17px 21px, transparent 21px 23px, rgba(0, 170, 255, 0.8) 23px 33px, transparent 33px 34px, rgba(0, 170, 255, 0.8) 34px 36px, transparent 36px 46px), linear-gradient(90deg, transparent 0px 9px, rgba(0, 170, 255, 0.8) 9px 10px, transparent 10px 18px, rgba(0, 170, 255, 0.8) 18px 22px, transparent 22px 24px, rgba(0, 170, 255, 0.8) 24px 32px, transparent 32px 33px, rgba(0, 170, 255, 0.8) 33px 36px, transparent 36px 46px), linear-gradient(90deg, transparent 0px 9px, rgba(0, 170, 255, 0.8) 9px 10px, transparent 10px 19px, rgba(0, 170, 255, 0.8) 19px 23px, transparent 23px 33px, rgba(0, 170, 255, 0.8) 33px 35px, transparent 35px 46px), linear-gradient(90deg, transparent 0px 9px, rgba(0, 170, 255, 0.8) 9px 10px, transparent 10px 20px, rgba(0, 170, 255, 0.8) 20px 24px, transparent 24px 27px, rgba(0, 170, 255, 0.8) 27px 35px, transparent 35px 46px), linear-gradient(90deg, transparent 0px 8px, rgba(0, 170, 255, 0.8) 8px 10px, transparent 10px 21px, rgba(0, 170, 255, 0.8) 21px 40px, transparent 40px 46px), linear-gradient(90deg, transparent 0px 8px, rgba(0, 170, 255, 0.8) 8px 10px, transparent 10px 21px, rgba(0, 170, 255, 0.8) 21px 28px, transparent 28px 31px, rgba(0, 170, 255, 0.8) 31px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 7px, rgba(0, 170, 255, 0.8) 7px 9px, transparent 9px 16px, rgba(0, 170, 255, 0.8) 16px 26px, transparent 26px 31px, rgba(0, 170, 255, 0.8) 31px 33px, transparent 33px 40px, rgba(0, 170, 255, 0.8) 40px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 7px, rgba(0, 170, 255, 0.8) 7px 9px, transparent 9px 14px, rgba(0, 170, 255, 0.8) 14px 23px, transparent 23px 24px, rgba(0, 170, 255, 0.8) 24px 27px, transparent 27px 30px, rgba(0, 170, 255, 0.8) 30px 33px, transparent 33px 40px, rgba(0, 170, 255, 0.8) 40px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 7px, rgba(0, 170, 255, 0.8) 7px 8px, transparent 8px 12px, rgba(0, 170, 255, 0.8) 12px 20px, transparent 20px 25px, rgba(0, 170, 255, 0.8) 25px 28px, transparent 28px 30px, rgba(0, 170, 255, 0.8) 30px 32px, transparent 32px 39px, rgba(0, 170, 255, 0.8) 39px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 6px, rgba(0, 170, 255, 0.8) 6px 8px, transparent 8px 11px, rgba(0, 170, 255, 0.8) 11px 17px, transparent 17px 26px, rgba(0, 170, 255, 0.8) 26px 29px, transparent 29px 30px, rgba(0, 170, 255, 0.8) 30px 32px, transparent 32px 37px, rgba(0, 170, 255, 0.8) 37px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 5px, rgba(0, 170, 255, 0.8) 5px 7px, transparent 7px 9px, rgba(0, 170, 255, 0.8) 9px 15px, transparent 15px 27px, rgba(0, 170, 255, 0.8) 27px 32px, transparent 32px 36px, rgba(0, 170, 255, 0.8) 36px 40px, transparent 40px 46px), linear-gradient(90deg, transparent 0px 5px, rgba(0, 170, 255, 0.8) 5px 7px, transparent 7px 8px, rgba(0, 170, 255, 0.8) 8px 13px, transparent 13px 27px, rgba(0, 170, 255, 0.8) 27px 32px, transparent 32px 37px, rgba(0, 170, 255, 0.8) 37px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0px 4px, rgba(0, 170, 255, 0.8) 4px 6px, transparent 6px 7px, rgba(0, 170, 255, 0.8) 7px 11px, transparent 11px 28px, rgba(0, 170, 255, 0.8) 28px 31px, transparent 31px 39px, rgba(0, 170, 255, 0.8) 39px 42px, transparent 42px 46px), linear-gradient(90deg, transparent 0px 3px, rgba(0, 170, 255, 0.8) 3px 7px, transparent 7px 41px, rgba(0, 170, 255, 0.8) 41px 43px, transparent 43px 46px), linear-gradient(90deg, transparent 0px 1px, rgba(0, 170, 255, 0.8) 1px 6px, transparent 6px 32px, rgba(0, 170, 255, 0.8) 32px 33px, transparent 33px 41px, rgba(0, 170, 255, 0.8) 41px 43px, transparent 43px 46px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0px 4px, transparent 4px 33px, rgba(0, 170, 255, 0.8) 33px 35px, transparent 35px 40px, rgba(0, 170, 255, 0.8) 40px 42px, transparent 42px 46px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0px 2px, transparent 2px 34px, rgba(0, 170, 255, 0.8) 34px 41px, transparent 41px 46px), linear-gradient(90deg, transparent 0 12px, #fff 12px 20px, transparent 20px 84px, #fff 84px 92px, transparent 92px), linear-gradient(90deg, transparent 0 12px, #fff 12px 24px, transparent 24px 80px, #fff 80px 92px, transparent 92px), linear-gradient(90deg, transparent 0 24px, #fff 24px 28px, transparent 28px 76px, #fff 76px 80px, transparent 80px), linear-gradient(90deg, transparent 0 28px, #fff 28px 32px, transparent 32px 72px, #fff 72px 76px, transparent 76px), linear-gradient(90deg, transparent 0 32px, #fff 32px 36px, transparent 36px 68px, #fff 68px 72px, transparent 72px), linear-gradient(90deg, transparent 0 36px, #fff 36px 40px, transparent 40px 64px, #fff 64px 68px, transparent 68px), linear-gradient(90deg, transparent 0 40px, #fff 40px 44px, transparent 44px 60px, #fff 60px 64px, transparent 64px), linear-gradient(90deg, transparent 0 44px, #fff 44px 48px, transparent 48px 56px, #fff 56px 60px, transparent 60px), linear-gradient(90deg, transparent 0 40px, #fff 40px 64px, transparent 64px), linear-gradient(90deg, #ff0 0 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 12px, #fff 12px 16px, #ff0 16px 24px, #0ff 24px 32px, #0f0 32px 40px, #f0f 40px 48px, #f00 48px 56px, #00f 56px 64px, #000 64px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 8px, #fff 8px 16px, #ff0 16px 24px, #0ff 24px 32px, #0f0 32px 40px, #f0f 40px 48px, #f00 48px 56px, #00f 56px 64px, #000 64px 76px, #ff0 76px 84px, #f00 84px 92px, #ff0 92px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 76px, #ff0 76px 84px, #f00 84px 92px, #ff0 92px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 12px, #000 12px 20px, #000 20px 32px, #000 32px 48px, #000 48px 56px, #000 56px 68px, #000 68px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 8px, #000 8px 12px, #000 12px 20px, #000 20px 24px, #000 24px 28px, #000 28px 32px, #000 32px 48px, #000 48px 52px, #000 52px 68px, #000 68px 72px, #000 72px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 8px, #000 8px 24px, #000 24px 28px, #000 28px 32px, #000 32px 48px, #000 48px 52px, #000 52px 60px, #000 60px 68px, #000 68px 76px, #ff0 76px 84px, #f00 84px 92px, #ff0 92px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 8px, #000 8px 12px, #000 12px 20px, #000 20px 24px, #000 24px 28px, #000 28px 32px, #000 32px 48px, #000 48px 52px, #000 52px 68px, #000 68px 72px, #000 72px 76px, #ff0 76px 84px, #f00 84px 92px, #ff0 92px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 8px, #000 8px 12px, #000 12px 20px, #000 20px 24px, #000 24px 32px, #000 32px 48px, #000 48px 56px, #000 56px 68px, #000 68px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 76px, #ff0 76px 80px, transparent 80px 96px, #ff0 96px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 8px, #fff 8px 16px, #ff0 16px 24px, #0ff 24px 32px, #0f0 32px 40px, #f0f 40px 48px, #f00 48px 56px, #00f 56px 64px, #000 64px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 12px, #fff 12px 16px, #ff0 16px 24px, #0ff 24px 32px, #0f0 32px 40px, #f0f 40px 48px, #f00 48px 56px, #00f 56px 64px, #000 64px 76px, #ff0 76px 80px, transparent 80px 96px, #ff0 96px 104px), linear-gradient(90deg, #ff0 0 4px, #000 4px 76px, #ff0 76px 104px), linear-gradient(90deg, #ff0 0 104px), linear-gradient(90deg, transparent 0 8px, #ff0 8px 16px, transparent 16px 88px, #ff0 88px 96px, transparent 96px), linear-gradient(90deg, transparent 0 4px, #ff0 4px 20px, transparent 20px 84px, #ff0 84px 100px, transparent 100px), linear-gradient(90deg, transparent 0 12px, rgba(255, 0, 40, 0.8) 12px 20px, transparent 20px 84px, rgba(255, 0, 40, 0.8) 84px 92px, transparent 92px), linear-gradient(90deg, transparent 0 12px, rgba(255, 0, 40, 0.8) 12px 24px, transparent 24px 80px, rgba(255, 0, 40, 0.8) 80px 92px, transparent 92px), linear-gradient(90deg, transparent 0 24px, rgba(255, 0, 40, 0.8) 24px 28px, transparent 28px 76px, rgba(255, 0, 40, 0.8) 76px 80px, transparent 80px), linear-gradient(90deg, transparent 0 28px, rgba(255, 0, 40, 0.8) 28px 32px, transparent 32px 72px, rgba(255, 0, 40, 0.8) 72px 76px, transparent 76px), linear-gradient(90deg, transparent 0 32px, rgba(255, 0, 40, 0.8) 32px 36px, transparent 36px 68px, rgba(255, 0, 40, 0.8) 68px 72px, transparent 72px), linear-gradient(90deg, transparent 0 36px, rgba(255, 0, 40, 0.8) 36px 40px, transparent 40px 64px, rgba(255, 0, 40, 0.8) 64px 68px, transparent 68px), linear-gradient(90deg, transparent 0 40px, rgba(255, 0, 40, 0.8) 40px 44px, transparent 44px 60px, rgba(255, 0, 40, 0.8) 60px 64px, transparent 64px), linear-gradient(90deg, transparent 0 44px, rgba(255, 0, 40, 0.8) 44px 48px, transparent 48px 56px, rgba(255, 0, 40, 0.8) 56px 60px, transparent 60px), linear-gradient(90deg, transparent 0 40px, rgba(255, 0, 40, 0.8) 40px 64px, transparent 64px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 104px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 4px, rgba(255, 0, 40, 0.8) 4px 76px, rgba(255, 0, 40, 0.8) 76px 104px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 4px, rgba(255, 0, 40, 0.8) 4px 12px, rgba(255, 0, 40, 0.8) 12px 16px, rgba(255, 0, 40, 0.8) 16px 24px, rgba(255, 0, 40, 0.8) 24px 32px, rgba(255, 0, 40, 0.8) 32px 40px, rgba(255, 0, 40, 0.8) 40px 48px, rgba(255, 0, 40, 0.8) 48px 56px, rgba(255, 0, 40, 0.8) 56px 64px, rgba(255, 0, 40, 0.8) 64px 76px, rgba(255, 0, 40, 0.8) 76px 104px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 4px, rgba(255, 0, 40, 0.8) 4px 8px, rgba(255, 0, 40, 0.8) 8px 16px, rgba(255, 0, 40, 0.8) 16px 24px, rgba(255, 0, 40, 0.8) 24px 32px, rgba(255, 0, 40, 0.8) 32px 40px, rgba(255, 0, 40, 0.8) 40px 48px, rgba(255, 0, 40, 0.8) 48px 56px, rgba(255, 0, 40, 0.8) 56px 64px, rgba(255, 0, 40, 0.8) 64px 76px, rgba(255, 0, 40, 0.8) 76px 84px, rgba(255, 0, 40, 0.8) 84px 92px, rgba(255, 0, 40, 0.8) 92px 104px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 4px, rgba(255, 0, 40, 0.8) 4px 76px, rgba(255, 0, 40, 0.8) 76px 84px, rgba(255, 0, 40, 0.8) 84px 92px, rgba(255, 0, 40, 0.8) 92px 104px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 4px, rgba(255, 0, 40, 0.8) 4px 12px, rgba(255, 0, 40, 0.8) 12px 20px, rgba(255, 0, 40, 0.8) 20px 32px, rgba(255, 0, 40, 0.8) 32px 48px, rgba(255, 0, 40, 0.8) 48px 56px, rgba(255, 0, 40, 0.8) 56px 68px, rgba(255, 0, 40, 0.8) 68px 76px, rgba(255, 0, 40, 0.8) 76px 104px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 4px, rgba(255, 0, 40, 0.8) 4px 8px, rgba(255, 0, 40, 0.8) 8px 12px, rgba(255, 0, 40, 0.8) 12px 20px, rgba(255, 0, 40, 0.8) 20px 24px, rgba(255, 0, 40, 0.8) 24px 28px, rgba(255, 0, 40, 0.8) 28px 32px, rgba(255, 0, 40, 0.8) 32px 48px, rgba(255, 0, 40, 0.8) 48px 52px, rgba(255, 0, 40, 0.8) 52px 68px, rgba(255, 0, 40, 0.8) 68px 72px, rgba(255, 0, 40, 0.8) 72px 76px, rgba(255, 0, 40, 0.8) 76px 104px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 4px, rgba(255, 0, 40, 0.8) 4px 8px, rgba(255, 0, 40, 0.8) 8px 24px, rgba(255, 0, 40, 0.8) 24px 28px, rgba(255, 0, 40, 0.8) 28px 32px, rgba(255, 0, 40, 0.8) 32px 48px, rgba(255, 0, 40, 0.8) 48px 52px, rgba(255, 0, 40, 0.8) 52px 60px, rgba(255, 0, 40, 0.8) 60px 68px, rgba(255, 0, 40, 0.8) 68px 76px, rgba(255, 0, 40, 0.8) 76px 84px, rgba(255, 0, 40, 0.8) 84px 92px, rgba(255, 0, 40, 0.8) 92px 104px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 4px, rgba(255, 0, 40, 0.8) 4px 8px, rgba(255, 0, 40, 0.8) 8px 12px, rgba(255, 0, 40, 0.8) 12px 20px, rgba(255, 0, 40, 0.8) 20px 24px, rgba(255, 0, 40, 0.8) 24px 28px, rgba(255, 0, 40, 0.8) 28px 32px, rgba(255, 0, 40, 0.8) 32px 48px, rgba(255, 0, 40, 0.8) 48px 52px, rgba(255, 0, 40, 0.8) 52px 68px, rgba(255, 0, 40, 0.8) 68px 72px, rgba(255, 0, 40, 0.8) 72px 76px, rgba(255, 0, 40, 0.8) 76px 84px, rgba(255, 0, 40, 0.8) 84px 92px, rgba(255, 0, 40, 0.8) 92px 104px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 4px, rgba(255, 0, 40, 0.8) 4px 8px, rgba(255, 0, 40, 0.8) 8px 12px, rgba(255, 0, 40, 0.8) 12px 20px, rgba(255, 0, 40, 0.8) 20px 24px, rgba(255, 0, 40, 0.8) 24px 32px, rgba(255, 0, 40, 0.8) 32px 48px, rgba(255, 0, 40, 0.8) 48px 56px, rgba(255, 0, 40, 0.8) 56px 68px, rgba(255, 0, 40, 0.8) 68px 76px, rgba(255, 0, 40, 0.8) 76px 104px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 4px, rgba(255, 0, 40, 0.8) 4px 76px, rgba(255, 0, 40, 0.8) 76px 104px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 4px, rgba(255, 0, 40, 0.8) 4px 76px, rgba(255, 0, 40, 0.8) 76px 80px, transparent 80px 96px, rgba(255, 0, 40, 0.8) 96px 104px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 4px, rgba(255, 0, 40, 0.8) 4px 8px, rgba(255, 0, 40, 0.8) 8px 16px, rgba(255, 0, 40, 0.8) 16px 24px, rgba(255, 0, 40, 0.8) 24px 32px, rgba(255, 0, 40, 0.8) 32px 40px, rgba(255, 0, 40, 0.8) 40px 48px, rgba(255, 0, 40, 0.8) 48px 56px, rgba(255, 0, 40, 0.8) 56px 64px, rgba(255, 0, 40, 0.8) 64px 76px, rgba(255, 0, 40, 0.8) 76px 104px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 4px, rgba(255, 0, 40, 0.8) 4px 12px, rgba(255, 0, 40, 0.8) 12px 16px, rgba(255, 0, 40, 0.8) 16px 24px, rgba(255, 0, 40, 0.8) 24px 32px, rgba(255, 0, 40, 0.8) 32px 40px, rgba(255, 0, 40, 0.8) 40px 48px, rgba(255, 0, 40, 0.8) 48px 56px, rgba(255, 0, 40, 0.8) 56px 64px, rgba(255, 0, 40, 0.8) 64px 76px, rgba(255, 0, 40, 0.8) 76px 80px, transparent 80px 96px, rgba(255, 0, 40, 0.8) 96px 104px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 4px, rgba(255, 0, 40, 0.8) 4px 76px, rgba(255, 0, 40, 0.8) 76px 104px), linear-gradient(90deg, rgba(255, 0, 40, 0.8) 0 104px), linear-gradient(90deg, transparent 0 8px, rgba(255, 0, 40, 0.8) 8px 16px, transparent 16px 88px, rgba(255, 0, 40, 0.8) 88px 96px, transparent 96px), linear-gradient(90deg, transparent 0 4px, rgba(255, 0, 40, 0.8) 4px 20px, transparent 20px 84px, rgba(255, 0, 40, 0.8) 84px 100px, transparent 100px), linear-gradient(90deg, transparent 0 12px, rgba(0, 170, 255, 0.8) 12px 20px, transparent 20px 84px, rgba(0, 170, 255, 0.8) 84px 92px, transparent 92px), linear-gradient(90deg, transparent 0 12px, rgba(0, 170, 255, 0.8) 12px 24px, transparent 24px 80px, rgba(0, 170, 255, 0.8) 80px 92px, transparent 92px), linear-gradient(90deg, transparent 0 24px, rgba(0, 170, 255, 0.8) 24px 28px, transparent 28px 76px, rgba(0, 170, 255, 0.8) 76px 80px, transparent 80px), linear-gradient(90deg, transparent 0 28px, rgba(0, 170, 255, 0.8) 28px 32px, transparent 32px 72px, rgba(0, 170, 255, 0.8) 72px 76px, transparent 76px), linear-gradient(90deg, transparent 0 32px, rgba(0, 170, 255, 0.8) 32px 36px, transparent 36px 68px, rgba(0, 170, 255, 0.8) 68px 72px, transparent 72px), linear-gradient(90deg, transparent 0 36px, rgba(0, 170, 255, 0.8) 36px 40px, transparent 40px 64px, rgba(0, 170, 255, 0.8) 64px 68px, transparent 68px), linear-gradient(90deg, transparent 0 40px, rgba(0, 170, 255, 0.8) 40px 44px, transparent 44px 60px, rgba(0, 170, 255, 0.8) 60px 64px, transparent 64px), linear-gradient(90deg, transparent 0 44px, rgba(0, 170, 255, 0.8) 44px 48px, transparent 48px 56px, rgba(0, 170, 255, 0.8) 56px 60px, transparent 60px), linear-gradient(90deg, transparent 0 40px, rgba(0, 170, 255, 0.8) 40px 64px, transparent 64px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 104px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 4px, rgba(0, 170, 255, 0.8) 4px 76px, rgba(0, 170, 255, 0.8) 76px 104px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 4px, rgba(0, 170, 255, 0.8) 4px 12px, rgba(0, 170, 255, 0.8) 12px 16px, rgba(0, 170, 255, 0.8) 16px 24px, rgba(0, 170, 255, 0.8) 24px 32px, rgba(0, 170, 255, 0.8) 32px 40px, rgba(0, 170, 255, 0.8) 40px 48px, rgba(0, 170, 255, 0.8) 48px 56px, rgba(0, 170, 255, 0.8) 56px 64px, rgba(0, 170, 255, 0.8) 64px 76px, rgba(0, 170, 255, 0.8) 76px 104px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 4px, rgba(0, 170, 255, 0.8) 4px 8px, rgba(0, 170, 255, 0.8) 8px 16px, rgba(0, 170, 255, 0.8) 16px 24px, rgba(0, 170, 255, 0.8) 24px 32px, rgba(0, 170, 255, 0.8) 32px 40px, rgba(0, 170, 255, 0.8) 40px 48px, rgba(0, 170, 255, 0.8) 48px 56px, rgba(0, 170, 255, 0.8) 56px 64px, rgba(0, 170, 255, 0.8) 64px 76px, rgba(0, 170, 255, 0.8) 76px 84px, rgba(0, 170, 255, 0.8) 84px 92px, rgba(0, 170, 255, 0.8) 92px 104px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 4px, rgba(0, 170, 255, 0.8) 4px 76px, rgba(0, 170, 255, 0.8) 76px 84px, rgba(0, 170, 255, 0.8) 84px 92px, rgba(0, 170, 255, 0.8) 92px 104px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 4px, rgba(0, 170, 255, 0.8) 4px 12px, rgba(0, 170, 255, 0.8) 12px 20px, rgba(0, 170, 255, 0.8) 20px 32px, rgba(0, 170, 255, 0.8) 32px 48px, rgba(0, 170, 255, 0.8) 48px 56px, rgba(0, 170, 255, 0.8) 56px 68px, rgba(0, 170, 255, 0.8) 68px 76px, rgba(0, 170, 255, 0.8) 76px 104px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 4px, rgba(0, 170, 255, 0.8) 4px 8px, rgba(0, 170, 255, 0.8) 8px 12px, rgba(0, 170, 255, 0.8) 12px 20px, rgba(0, 170, 255, 0.8) 20px 24px, rgba(0, 170, 255, 0.8) 24px 28px, rgba(0, 170, 255, 0.8) 28px 32px, rgba(0, 170, 255, 0.8) 32px 48px, rgba(0, 170, 255, 0.8) 48px 52px, rgba(0, 170, 255, 0.8) 52px 68px, rgba(0, 170, 255, 0.8) 68px 72px, rgba(0, 170, 255, 0.8) 72px 76px, rgba(0, 170, 255, 0.8) 76px 104px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 4px, rgba(0, 170, 255, 0.8) 4px 8px, rgba(0, 170, 255, 0.8) 8px 24px, rgba(0, 170, 255, 0.8) 24px 28px, rgba(0, 170, 255, 0.8) 28px 32px, rgba(0, 170, 255, 0.8) 32px 48px, rgba(0, 170, 255, 0.8) 48px 52px, rgba(0, 170, 255, 0.8) 52px 60px, rgba(0, 170, 255, 0.8) 60px 68px, rgba(0, 170, 255, 0.8) 68px 76px, rgba(0, 170, 255, 0.8) 76px 84px, rgba(0, 170, 255, 0.8) 84px 92px, rgba(0, 170, 255, 0.8) 92px 104px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 4px, rgba(0, 170, 255, 0.8) 4px 8px, rgba(0, 170, 255, 0.8) 8px 12px, rgba(0, 170, 255, 0.8) 12px 20px, rgba(0, 170, 255, 0.8) 20px 24px, rgba(0, 170, 255, 0.8) 24px 28px, rgba(0, 170, 255, 0.8) 28px 32px, rgba(0, 170, 255, 0.8) 32px 48px, rgba(0, 170, 255, 0.8) 48px 52px, rgba(0, 170, 255, 0.8) 52px 68px, rgba(0, 170, 255, 0.8) 68px 72px, rgba(0, 170, 255, 0.8) 72px 76px, rgba(0, 170, 255, 0.8) 76px 84px, rgba(0, 170, 255, 0.8) 84px 92px, rgba(0, 170, 255, 0.8) 92px 104px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 4px, rgba(0, 170, 255, 0.8) 4px 8px, rgba(0, 170, 255, 0.8) 8px 12px, rgba(0, 170, 255, 0.8) 12px 20px, rgba(0, 170, 255, 0.8) 20px 24px, rgba(0, 170, 255, 0.8) 24px 32px, rgba(0, 170, 255, 0.8) 32px 48px, rgba(0, 170, 255, 0.8) 48px 56px, rgba(0, 170, 255, 0.8) 56px 68px, rgba(0, 170, 255, 0.8) 68px 76px, rgba(0, 170, 255, 0.8) 76px 104px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 4px, rgba(0, 170, 255, 0.8) 4px 76px, rgba(0, 170, 255, 0.8) 76px 104px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 4px, rgba(0, 170, 255, 0.8) 4px 76px, rgba(0, 170, 255, 0.8) 76px 80px, transparent 80px 96px, rgba(0, 170, 255, 0.8) 96px 104px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 4px, rgba(0, 170, 255, 0.8) 4px 8px, rgba(0, 170, 255, 0.8) 8px 16px, rgba(0, 170, 255, 0.8) 16px 24px, rgba(0, 170, 255, 0.8) 24px 32px, rgba(0, 170, 255, 0.8) 32px 40px, rgba(0, 170, 255, 0.8) 40px 48px, rgba(0, 170, 255, 0.8) 48px 56px, rgba(0, 170, 255, 0.8) 56px 64px, rgba(0, 170, 255, 0.8) 64px 76px, rgba(0, 170, 255, 0.8) 76px 104px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 4px, rgba(0, 170, 255, 0.8) 4px 12px, rgba(0, 170, 255, 0.8) 12px 16px, rgba(0, 170, 255, 0.8) 16px 24px, rgba(0, 170, 255, 0.8) 24px 32px, rgba(0, 170, 255, 0.8) 32px 40px, rgba(0, 170, 255, 0.8) 40px 48px, rgba(0, 170, 255, 0.8) 48px 56px, rgba(0, 170, 255, 0.8) 56px 64px, rgba(0, 170, 255, 0.8) 64px 76px, rgba(0, 170, 255, 0.8) 76px 80px, transparent 80px 96px, rgba(0, 170, 255, 0.8) 96px 104px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 4px, rgba(0, 170, 255, 0.8) 4px 76px, rgba(0, 170, 255, 0.8) 76px 104px), linear-gradient(90deg, rgba(0, 170, 255, 0.8) 0 104px), linear-gradient(90deg, transparent 0 8px, rgba(0, 170, 255, 0.8) 8px 16px, transparent 16px 88px, rgba(0, 170, 255, 0.8) 88px 96px, transparent 96px), linear-gradient(90deg, transparent 0 4px, rgba(0, 170, 255, 0.8) 4px 20px, transparent 20px 84px, rgba(0, 170, 255, 0.8) 84px 100px, transparent 100px) !important;
  background-size: auto, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 46px 1px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 8px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 8px, 104px 8px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 8px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 8px, 104px 8px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 8px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 4px, 104px 8px, 104px 8px, 104px 4px !important;
  background-position: 0 0, 36px 76px, 36px 77px, 36px 78px, 36px 79px, 36px 80px, 36px 81px, 36px 82px, 36px 83px, 36px 84px, 36px 85px, 36px 86px, 36px 87px, 36px 88px, 36px 89px, 36px 90px, 36px 91px, 36px 92px, 36px 93px, 36px 94px, 36px 95px, 36px 96px, 36px 97px, 36px 98px, 36px 99px, 36px 100px, 36px 101px, 36px 102px, 36px 103px, 35.5px 76px, 35.5px 77px, 35.5px 78px, 35.5px 79px, 35.5px 80px, 35.5px 81px, 35.5px 82px, 35.5px 83px, 35.5px 84px, 35.5px 85px, 35.5px 86px, 35.5px 87px, 35.5px 88px, 35.5px 89px, 35.5px 90px, 35.5px 91px, 35.5px 92px, 35.5px 93px, 35.5px 94px, 35.5px 95px, 35.5px 96px, 35.5px 97px, 35.5px 98px, 35.5px 99px, 35.5px 100px, 35.5px 101px, 35.5px 102px, 35.5px 103px, 36.5px 76px, 36.5px 77px, 36.5px 78px, 36.5px 79px, 36.5px 80px, 36.5px 81px, 36.5px 82px, 36.5px 83px, 36.5px 84px, 36.5px 85px, 36.5px 86px, 36.5px 87px, 36.5px 88px, 36.5px 89px, 36.5px 90px, 36.5px 91px, 36.5px 92px, 36.5px 93px, 36.5px 94px, 36.5px 95px, 36.5px 96px, 36.5px 97px, 36.5px 98px, 36.5px 99px, 36.5px 100px, 36.5px 101px, 36.5px 102px, 36.5px 103px, 19px 18px, 19px 22px, 19px 26px, 19px 30px, 19px 34px, 19px 38px, 19px 42px, 19px 46px, 19px 50px, 19px 54px, 19px 62px, 19px 66px, 19px 70px, 19px 74px, 19px 78px, 19px 82px, 19px 86px, 19px 90px, 19px 94px, 19px 98px, 19px 102px, 19px 106px, 19px 110px, 19px 114px, 19px 118px, 19px 126px, 19px 134px, 18px 18px, 18px 22px, 18px 26px, 18px 30px, 18px 34px, 18px 38px, 18px 42px, 18px 46px, 18px 50px, 18px 54px, 18px 62px, 18px 66px, 18px 70px, 18px 74px, 18px 78px, 18px 82px, 18px 86px, 18px 90px, 18px 94px, 18px 98px, 18px 102px, 18px 106px, 18px 110px, 18px 114px, 18px 118px, 18px 126px, 18px 134px, 20px 18px, 20px 22px, 20px 26px, 20px 30px, 20px 34px, 20px 38px, 20px 42px, 20px 46px, 20px 50px, 20px 54px, 20px 62px, 20px 66px, 20px 70px, 20px 74px, 20px 78px, 20px 82px, 20px 86px, 20px 90px, 20px 94px, 20px 98px, 20px 102px, 20px 106px, 20px 110px, 20px 114px, 20px 118px, 20px 126px, 20px 134px !important;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
}

#outer#outer#outer #header .menu,
#outer#outer#outer #header .dropdown-menu,
#outer#outer#outer #header #small_login,
#outer#outer#outer #main .actions ul.secondary,
#outer#outer#outer #main ul.expandable.secondary,
#outer#outer#outer #main #chapter_index,
#outer#outer#outer .autocomplete .dropdown,
#outer#outer#outer .autocomplete div.dropdown ul,
#outer#outer#outer #main form.filters,
#outer#outer#outer #main #work-filters,
#outer#outer#outer #main #bookmark-filters,
#outer#outer#outer #main #inbox-filters {
  background-image: repeating-linear-gradient(0deg, transparent 0 2px, rgba(255, 255, 255, 0.035) 2px 3px) !important;
}

#outer#outer#outer :is(#header #greeting,
#main) .icon:not(#workskin *) > a,
#outer#outer#outer #main .icon:not(#workskin *):has(> img),
#outer#outer#outer #main div.icon span:is(.visitor,
.anonymous) {
  position: relative !important;
}

#outer#outer#outer :is(#header #greeting,
#main) .icon:not(#workskin *) > a::after,
#outer#outer#outer #main .icon:not(#workskin *):has(> img)::after,
#outer#outer#outer #main div.icon span:is(.visitor,
.anonymous)::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.05) 28%, rgba(255, 255, 255, 0) 45%), repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.28) 0 1px, transparent 1px 3px), repeating-linear-gradient(0deg, transparent 0 2px, rgba(0, 0, 0, 0.3) 2px 3px), radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.5) 100%) !important;
  background-size: auto, auto, auto, auto !important;
  background-position: 0 0, 0 0, 0 0, 0 0 !important;
  background-repeat: no-repeat, repeat, repeat, no-repeat !important;
}

#outer#outer#outer :is(#header #greeting,
#main) .icon:not(#workskin *) img {
  filter: brightness(1.12) saturate(1.3) contrast(1.06) !important;
  transition: filter 0.25s ease-out !important;
}

#outer#outer#outer :is(#header #greeting,
#main) .icon:not(#workskin *) > a:is(:hover,
:focus) img {
  filter: brightness(1.4) saturate(1.45) contrast(1.06) !important;
  transition: none !important;
}

#outer#outer#outer #header #greeting .icon,
#outer#outer#outer #main .icon:not(#workskin *) {
  filter: drop-shadow(-1px 0 rgba(255, 0, 40, 0.8)) drop-shadow(1px 0 rgba(0, 170, 255, 0.8)) drop-shadow(0 0 3px rgba(90, 130, 255, 0.5)) !important;
}

#outer#outer#outer#outer #main #stat_chart {
  text-shadow: none !important;
}

#outer#outer#outer #main #stat_chart svg {
  filter: drop-shadow(-1px 0 rgba(255, 0, 40, 0.7)) drop-shadow(1px 0 rgba(0, 170, 255, 0.7)) !important;
}

#outer#outer#outer #main #stat_chart div:has(> svg)::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.28) 0 1px, transparent 1px 3px), repeating-linear-gradient(0deg, transparent 0 2px, rgba(0, 0, 0, 0.22) 2px 3px) !important;
  background-size: auto, auto !important;
  background-position: 0 0, 0 0 !important;
  background-repeat: repeat, repeat !important;
  opacity: 1 !important;
  transition: opacity 0.25s ease-out !important;
}

#outer#outer#outer #main #stat_chart:hover div:has(> svg)::after {
  visibility: hidden !important;
  opacity: 0 !important;
  transition: none !important;
}

#outer a,
#outer button,
#outer input[type="submit"],
#outer #main li.blurb .header h5.fandoms,
#outer #main li.blurb .header h5.fandoms a,
#outer #main li.blurb::before {
  transition: color 0.25s ease-out, background-color 0.25s ease-out, box-shadow 0.25s ease-out !important;
}

#outer a:hover,
#outer button:hover,
#outer input[type="submit"]:hover,
#outer #main li.blurb:hover .header h5.fandoms,
#outer #main li.blurb:hover .header h5.fandoms a,
#outer #main li.blurb:hover::before {
  transition-duration: 0s !important;
}

#outer input[type="hidden"],
#outer #inner #main [hidden]:not(#stat_chart *),
#outer #inner #main [style*="display: none"]:not(#stat_chart *),
#outer #inner #main [style*="display:none"]:not(#stat_chart *),
#outer #inner #dashboard [style*="display: none"]:not(#tt),
#outer #inner #dashboard [style*="display:none"]:not(#tt),
#outer #header [style*="display: none"]:not(#tt),
#outer #header [style*="display:none"]:not(#tt),
#outer #footer [style*="display: none"]:not(#tt),
#outer #footer [style*="display:none"]:not(#tt),
#outer #inner #main .actions a.hidden,
#outer #inner #main button.hidden,
#outer #inner #main input.hidden,
#outer #inner #main li.hidden:not(.narrow-shown),
#outer #inner #dashboard li.hidden,
#outer #header li.hidden,
#outer #header .actions a.hidden {
  display: none !important;
}

#outer #main .splash .follow,
#outer #main.stats-index > ul.navigation.actions,
#outer #main li.skins.blurb .header .icon {
  display: none !important;
}

#workskin :where(#chapters > .userstuff,
#chapters > .chapter > .userstuff) {
  float: none;
  width: auto;
  padding: 0 0.5em;
  color: #fff;
  font-family: inherit;
  font-size: 1.04em;
  line-height: 1.8;
}

#workskin :where(.userstuff p) {
  margin: 0 0 1.15em;
}

#workskin :where(.preface .userstuff p,
.notes .userstuff p) {
  margin: 0 0 0.6em;
}

#workskin :where(#chapters > .userstuff > p:first-of-type,
#chapters > .chapter > .userstuff > p:first-of-type)::first-letter {
  float: left;
  margin: 0.1em 0.35em 0 0;
  padding: 0.06em 0.2em;
  background: #ff0;
  color: #000;
  font-size: 2.55em;
  font-weight: bold;
  line-height: 1;
}

#workskin :where(.userstuff hr) {
  width: 13em;
  max-width: 60%;
  height: 0.55em;
  margin: 2.2em auto;
  border: 0;
  background: linear-gradient(90deg, #fff 0%, #fff 12.5%, #ff0 12.5%, #ff0 25%, #0ff 25%, #0ff 37.5%, #0f0 37.5%, #0f0 50%, #f0f 50%, #f0f 62.5%, #f00 62.5%, #f00 75%, #00f 75%, #00f 87.5%, #000 87.5%);
}

#workskin :where(.userstuff blockquote,
.userstuff address) {
  margin: 0 0 1.3em;
  padding: 0.7em 1em;
  background: #00f;
  border: 0;
  color: #fff;
  font-family: inherit;
  font-size: 1em;
  font-style: normal;
}

#workskin :where(.userstuff blockquote p,
.userstuff address p) {
  margin: 0 0 0.6em;
}

#workskin :where(.userstuff blockquote p:last-child,
.userstuff address p:last-child) {
  margin-bottom: 0;
}

#workskin :where(.userstuff blockquote blockquote) {
  margin: 0.6em 0;
  background: #000;
  box-shadow: inset 0 0 0 2px #fff;
}

#workskin :where(.userstuff em,
.userstuff i,
.userstuff cite) {
  color: #0ff;
}

#workskin :where(.userstuff strong,
.userstuff b) {
  color: #ff0;
}

#workskin :where(.userstuff a) {
  border: 0;
  color: #ff0;
  text-decoration: underline;
}

#workskin :where(.userstuff a:visited) {
  color: #f0f;
}

#workskin :where(.userstuff a:hover,
.userstuff a:focus) {
  background: #ff0;
  color: #000;
  text-decoration: none;
}

#workskin :where(.userstuff :is(h1,
h2,
h3,
h4,
h5,
h6):not(.landmark)) {
  border-color: #00f;
  color: #ff0;
  font-family: inherit;
  font-weight: bold;
}

#workskin :where(.userstuff pre,
.userstuff code,
.userstuff kbd,
.userstuff samp,
.userstuff tt) {
  color: #0f0;
  font-family: inherit;
}

#workskin :where(.userstuff pre) {
  padding: 0.6em 0.8em;
  background: #000;
  box-shadow: inset 0 0 0 2px #0f0;
}

#workskin :where(.userstuff table) {
  border-collapse: collapse;
}

#workskin :where(.userstuff th,
.userstuff td) {
  padding: 0.3em 0.6em;
  border: 2px solid #00f;
}

#workskin :where(.userstuff th,
.userstuff thead td) {
  background: #00f;
  color: #ff0;
}

#workskin :where(.userstuff li)::marker {
  color: #0ff;
}

#workskin :where(.userstuff summary) {
  color: #0ff;
  font-weight: bold;
  cursor: pointer;
}

#workskin :where(.userstuff img) {
  max-width: 100%;
  height: auto;
}

#workskin .userstuff {
  text-shadow: 0 0 0.12em currentColor;
}

#outer #main.inbox-show {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  overflow: visible !important;
  column-gap: 2.2em !important;
}

#outer #main.inbox-show::before,
#outer #main.inbox-show::after {
  content: none !important;
  display: none !important;
}

#outer #main.inbox-show > * {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

#outer #main.inbox-show > h2.heading {
  order: 0 !important;
}

#outer #main.inbox-show > ol.pagination:first-of-type {
  order: 1 !important;
}

#outer #main.inbox-show > form#inbox-form {
  flex: 6 1 30em !important;
  order: 2 !important;
  float: none !important;
  width: auto !important;
  margin-top: 0 !important;
  padding-right: 0 !important;
}

#outer #main.inbox-show > form#inbox-filters {
  flex: 1 1 16em !important;
  order: 3 !important;
}

#outer #main.inbox-show > ol.pagination:last-of-type {
  order: 4 !important;
}

#outer #main.inbox-show > #reply-to-comment {
  position: relative !important;
  order: 1 !important;
  margin: 0.4em 0 1.6em !important;
  padding: 0 !important;
  background: #000 !important;
}

#outer #main #reply-to-comment form.new_comment {
  margin: 0 !important;
  padding: 0 !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#outer #main #reply-to-comment form.new_comment fieldset {
  margin: 0 !important;
}