/* Made by scripts/skin-2004-css.mjs from src/components/retro/thott.css, framed.css and narrow.css. */
html.skin-2004 table { font-size: medium; font-weight: normal; font-style: normal; line-height: normal; white-space: normal; }
html.skin-2004 img { border: 0; }
html.skin-2004 table.thin td > a > img,
html.skin-2004 table.thin td > img,
html.skin-2004 table.item th > a > img,
html.skin-2004 table.item th > img { vertical-align: top; }
html.skin-2004 span.quality { color: #FFFFFF; }
html.skin-2004 span.quality-1 { color: #FFCC00; }
html.skin-2004 span.quality0 { color: #808080; }
html.skin-2004 span.quality1 { color: #FFCC00; }
html.skin-2004 span.quality2 { color: #00FF00; }
html.skin-2004 span.quality3 { color: #0068FF; }
html.skin-2004 span.quality4 { color: #8000FF; }
html.skin-2004 span.quality5 { color: #FF8000; }
html.skin-2004 span.quality6 { color: #FF0000; }
html.skin-2004 span.quality,
html.skin-2004 span.quality-1,
html.skin-2004 span.quality0,
html.skin-2004 span.quality1,
html.skin-2004 span.quality2,
html.skin-2004 span.quality3,
html.skin-2004 span.quality4,
html.skin-2004 span.quality5,
html.skin-2004 span.quality6 {
  display: block;
  font-weight: bold;
}
html.skin-2004 td.tprofile {
  font-weight: bold;
  color: #FFCC00;
  padding-top:3px;
}
html.skin-2004 div.tprofile {
  width:100%;
  font-weight: bold;
  font-size:80%;
  color: #FFCC00;
  text-align: center;
}
html.skin-2004 table.thin {
  font-family: Arial, Garamond, Helvetica;
  margin-left:0px;
  margin-right:0px;
  border-spacing:0px;
  padding:0 0;
  font-size:90%; 
  border: 0px;
}
html.skin-2004 table.thin td {
  border: 0px;
}
html.skin-2004 table.report table.thin td {
  border: 0px;
}
html.skin-2004 table.profilestats {
  border-style: none;
  margin-left:0;
  margin-right:0;
  border-spacing:0;
  padding:0 0;
  font-size:10px; 
  display: block;
  width:100%;
  background-color: #333333;
  border-bottom:2px solid #000; 
  border-right:2px solid #000;
  border-top:2px solid #888; 
  border-left:2px solid #888;
}
html.skin-2004 table.profilestats th {
  color: #FFCC00;
  text-align: left;
  padding:0 0;
  font-weight: bold;
  font-size:10px; 
}
html.skin-2004 table.profilestats td {
  color: #FFFFFF;
  text-align: right;
  font-weight: bold;
  font-size:10px; 
}
html.skin-2004 table.ttb {
  background-color: #282828; 
  color: #FFFFFF;
  margin:0px; 
  border-bottom:2px solid #888; 
  border-right:2px solid #888;
  border-top:2px solid #EEE; 
  border-left:2px solid #EEE;
  font-size:14px;
}
html.skin-2004 table.ttb h6 {
  font-size:10px;
}
html.skin-2004 table.ttb h6 a:link { color: #3333FF; text-decoration: underline; }
html.skin-2004 table.ttb h6 a:visited { color: #3333FF; text-decoration: underline; }
html.skin-2004 table.ttb h6 a:hover { color: #7777FF; background-color: #282828; }
html.skin-2004 table.ttb h6 a:active { color: #000000; background-color: #0000FF; }
html.skin-2004 table.ttb a:link { color: #00FF00; text-decoration: none; }
html.skin-2004 table.ttb a:visited { color: #00EE00; text-decoration: none; }
html.skin-2004 table.ttb a:hover { color: #77FF77; background-color: #282828; }
html.skin-2004 table.ttb a:active { color: #000000; background-color: #00FF00; }
html.skin-2004 div.help { 
  padding:2px;
  background-color: #FFFF99; 
  color: #000000;
  margin:0px; 
  border-bottom:1px solid #333; 
  border-right:1px solid #333;
  border-top:1px solid #EEE; 
  border-left:1px solid #EEE;
}
html.skin-2004 h6,
html.skin-2004 h5 { 
  width:100%;
  background-color: #AAAAAA;
  color: #000000;
  text-align: center;
  align: center;
  text-decoration: none;
  font-weight: 400;
  margin-top:0;
  margin-bottom:0;
}
html.skin-2004 table.tooltip { 
  width:300px; 
  background-color: #CCCCCC; 
  color: #000000;
  margin:0px; 
  border-bottom:2px solid #333; 
  border-right:2px solid #333;
  border-top:2px solid #EEE; 
  border-left:2px solid #EEE;
}
html.skin-2004 table.tooltip td {
  color: #000000;
}
html.skin-2004 .sitehome a:link { color: #FFDD33; }
html.skin-2004 .sitehome a:hover { background-color: #335555; }
html.skin-2004 .sitehome a:visited { color: #FFDD00; }
html.skin-2004 .sitehome a:active { margin-left:1px; margin-top:1px; }
html.skin-2004 h4 a:link { color: #FFDD33; }
html.skin-2004 h4 a:hover { background-color: #335555; }
html.skin-2004 h4 a:active { margin-left:1px; margin-top:1px; }
html.skin-2004 h4 a:visited { color: #FFDD00; }
html.skin-2004 div.menutitle a:link { color: #FFDD33; }
html.skin-2004 div.menutitle a:hover { background-color: #335555; }
html.skin-2004 div.menutitle a:active { margin-left:1px; margin-top:1px; }
html.skin-2004 div.menutitle a:visited { color: #FFDD00; }
html.skin-2004 table.report a:link { color: #000088; }
html.skin-2004 table.report a:visited { color: #000077; }
html.skin-2004 table.report a:active { background-color: #000000; color: #8888FF; }
html.skin-2004 table.report a:hover { background-color: #DDDDDD; }
html.skin-2004 div.ssl {
  margin-top:3px;
  margin-bottom:0px;
}
html.skin-2004 span.d3,
html.skin-2004 div.d3 {
  border-bottom:2px solid #333; 
  border-right:2px solid #333;
  border-top:2px solid #999; 
  border-left:2px solid #999;
}
html.skin-2004 div.up {
  width:100%;
  font-weight: bold;
}
html.skin-2004 div.up:hover { background-color: #000088; }
html.skin-2004 div.up:active { background-color: #5555AA; }
html.skin-2004 div.up a:link { color: #FFDD00; }
html.skin-2004 div.up a:visited { color: #FFDD00; }
html.skin-2004 div.up a:active { background-color: #000055; color: #FFDD00; }
html.skin-2004 div.up a:hover { background-color: #FFDD00; color: #000055; }
html.skin-2004 a.closead {
  font-size:60%;
  text-align: center;
  width:100%;
  display: block;
}
html.skin-2004 a:link { color: #0000FF; }
html.skin-2004 a:visited { color: #000088; }
html.skin-2004 a:active { background-color: #000000; color: #8888FF; }
html.skin-2004 a:hover { background-color: #999999; }
html.skin-2004 div.menuitems a:hover { background-color: #AAAAAA; }
html.skin-2004 div.bigmenuitems a:hover { background-color: #AAAAAA; }
html.skin-2004 span.itemspell { color: #00FF00; }
html.skin-2004 span.itemspell a.spell:link { 
  color: #00FF00;
}
html.skin-2004 span.itemspell a.spell:visited { color: #00EE00; }
html.skin-2004 span.itemspell a.spell:hover {
  color: #77FF77; 
}
html.skin-2004 span.itemspell a.spell:active { color: #000000; background-color: #00FF00; }
html.skin-2004 span.itemdesc { color: #AAAA00; }
html.skin-2004 span.spdesc { color: #FFFF00; }
html.skin-2004 body { 
  
  color: #000000; 
  font-family: Arial, Garamond, Helvetica;
  text-decoration: none; 
  font-size:100%; 
  margin:0; 
}
html.skin-2004 .checkbox {
  margin-bottom:0px;
}
html.skin-2004 table.rc {
  margin-left:0px;
  margin-right:0px;
  border-spacing:0px;
  padding:0 0;
  font-size:90%; 
}
html.skin-2004 table.rc td {
  width:32px;
  text-align: center;
  vertical-align: top;
  font-size:80%;
}
html.skin-2004 div.mainsearch {
  width:100%;
  margin-top:200px;
  margin-bottom:100px;
  padding:5px;
}
html.skin-2004 div.newsbody {
  font-size:80%;
  width:95%;
  border-bottom:2px solid #333; 
  border-right:2px solid #333;
  border-top:2px solid #AAA; 
  border-left:2px solid #999;
  margin:10px 10px 10px 10px;
  padding:2px;
}
html.skin-2004 div.optionbar {
  font-size:90%;
  border-bottom:2px solid #333; 
  border-right:2px solid #333;
  border-top:2px solid #AAA; 
  border-left:2px solid #999;
  margin-bottom:3px;
  background-color: #DDDDDD; 
  padding:2px;
}
html.skin-2004 div.menuitems {
  width:100%; 
  background-color: #DDDDDD; 
  color: #000000; 
  
}
html.skin-2004 div.menutitle {
  
}
html.skin-2004 div.menuitems a {
  display: block;
  padding:0;
  
  padding-left:5px;
}
html.skin-2004 div.menuitems ul { list-style: none; padding:0; margin:0px; }
html.skin-2004 div.bigmenuitems {
  width:100%; 
  background-color: #DDDDDD; 
  color: #000000; 
}
html.skin-2004 div.bigmenuitems a {
  display: block;
  padding:0;
  padding-left:5px;
}
html.skin-2004 div.bigmenuitems ul { list-style: none; padding:0; margin:0px; }
html.skin-2004 table.r {
  font-family: Arial, Garamond, Helvetica;
  margin-left:0px;
  margin-right:0px;
  border-spacing:0px;
  padding:0 0;
  font-size:70%; 
  width:200px;
}
html.skin-2004 table.r td {
  width:25%;
}
html.skin-2004 table.menu2 {
  font-family: Arial, Garamond, Helvetica;
  border-style: none;
  margin-top:0px;
  border-spacing:0px;
  padding:0 0;
  font-size:11px; 
}
html.skin-2004 table.menu2 th {
  width:80px;
  text-align: center;
}
html.skin-2004 table.menu2 th a {
  display: block;
  padding:0;
  width:80px;
}
html.skin-2004 table.menu {
  font-family: Arial, Garamond, Helvetica;
  border-style: none;
  margin-top:0px;
  border-spacing:0px;
  padding:0 0;
  font-size:9px; 
}
html.skin-2004 table.menu th {
  width:80px;
  text-align: center;
}
html.skin-2004 table.menu th a {
  display: block;
  padding:0;
  width:80px;
}
html.skin-2004 ul { padding:0 20px; margin:0px; }
html.skin-2004 div.price {
  align: center;
  font-size:75%;
  width:300px;
  background-color: #DDDDDD;
}
html.skin-2004 span.right { align: right; }
html.skin-2004 span.rank { color: #000000; font-size:80%; }
html.skin-2004 span.react { background-color: #FFFFFF; }
html.skin-2004 span.react1 { background-color: #FF0000; }
html.skin-2004 span.react2 { background-color: #FF0000; }
html.skin-2004 span.react3 { background-color: #FFFF00; }
html.skin-2004 span.react4 { background-color: #FFFF00; }
html.skin-2004 span.react5 { background-color: #00FF00; }
html.skin-2004 span.react6 { background-color: #00FF00; }
html.skin-2004 span.react,
html.skin-2004 span.react1,
html.skin-2004 span.react2,
html.skin-2004 span.react3,
html.skin-2004 span.react4,
html.skin-2004 span.react5,
html.skin-2004 span.react6 {
  padding:2px;
  margin-top:3px;
}
html.skin-2004 pre { font-size:11px; }
html.skin-2004 table { 
  font-family: Arial, Garamond, Helvetica;
  border-style: none 
}
html.skin-2004 table.graphdata {
  font-family: Arial, Garamond, Helvetica;
  border-style: none;
  margin-left:0px;
  margin-right:0px;
  border-spacing:0px;
  padding:0 0;
  font-size:9px; 
}
html.skin-2004 table.back {
  font-family: Arial, Garamond, Helvetica;
  margin-left:0px;
  margin-right:0px;
  border-spacing:0px;
  padding:2px 2px;
  font-size:90%; 
  width:100%;
  background-color: #CCCCCC; 
  border-bottom:2px solid #333; 
  border-right:2px solid #333;
  border-top:2px solid #AAA; 
  border-left:2px solid #999;
}
html.skin-2004 table.item {
  font-family: Arial, Garamond, Helvetica;
  margin-left:0;
  margin-right:0;
  border-spacing:0;
  padding:0 0;
  font-size:90%; 
  display: block;
  width:100%;
  border: 0px;
}
html.skin-2004 table.report table.item td {
  border: 0px;
}
html.skin-2004 table.report tr.r1 {
  background-color: #FFF;
}
html.skin-2004 table.report tr.r2 {
  background-color: #EAEAEA;
}
html.skin-2004 table.item a {
  font-weight: bold;
  vertical-align: center;
}
html.skin-2004 span.quality a:link,
html.skin-2004 span.quality a:visited { color: #000000; }
html.skin-2004 span.quality-1 a:link,
html.skin-2004 span.quality-1 a:visited { color: #CC8800; }
html.skin-2004 span.quality0 a:link,
html.skin-2004 span.quality0 a:visited { color: #808080; }
html.skin-2004 span.quality1 a:link,
html.skin-2004 span.quality1 a:visited { color: #CC9900; }
html.skin-2004 span.quality2 a:link,
html.skin-2004 span.quality2 a:visited { color: #00BB00; }
html.skin-2004 span.quality3 a:link,
html.skin-2004 span.quality3 a:visited { color: #0068FF; }
html.skin-2004 span.quality4 a:link,
html.skin-2004 span.quality4 a:visited { color: #8000FF; }
html.skin-2004 span.quality5 a:link,
html.skin-2004 span.quality5 a:visited { color: #FF8000; }
html.skin-2004 span.quality6 a:link,
html.skin-2004 span.quality6 a:visited { color: #FF0000; }
html.skin-2004 table.playerselect { border-style: none; font-size:90%; }
html.skin-2004 table.playerselect td { align: left; padding:0; }
html.skin-2004 table.playerselect input { width:18px; height:18px; }
html.skin-2004 select { margin:0; padding:0; }
html.skin-2004 table.foundation { border-style: none; }
html.skin-2004 table.foundation td.menu { font-size:70%; align: left; vertical-align: top; }
html.skin-2004 table.foundation td.body { font-size:100%; align: left; vertical-align: top; padding-left:10px; }
html.skin-2004 table.quest {
  background-color: #CCCCCC; 
  border-bottom:2px solid #333; 
  border-right:2px solid #333;
  border-top:2px solid #AAA; 
  border-left:2px solid #999;
  margin-left:0;
  margin-right:0;
  border-spacing:0;
}
html.skin-2004 table.quest td {
  padding:2px;
}
html.skin-2004 table.valuereport { 
  background-color: #000000;
  border-style: none; 
  color: #000000;
  font-size:90%; 
  border-spacing:0;
  margin-left:1px;
  margin-right:0;
}
html.skin-2004 table.valuereport tr { background-color: #AAAAAA; }
html.skin-2004 table.report {
  
  border-style: none;
  color: #000000;
  font-size:90%; 
  border-spacing:0;
  border-collapse: collapse;
  margin-left:0;
  margin-right:2px;
  border-bottom:2px solid #333; 
  border-right:2px solid #333;
  border-top:2px solid #999; 
  border-left:2px solid #999;


}
html.skin-2004 table.report td { 
  
  border: 1px solid #DDD;
  padding:2px;
  margin:0px;
}
html.skin-2004 table.report th { 
  border: 1px solid #888;
  background-color: #AAAAAA; 
  color: #000000; 
}
html.skin-2004 table.report tr.highlight { background-color: #AAAAAA; }
html.skin-2004 table.details {
  border-style: none;
  color: #000000;
  background-color: #FFF;
  font-size:90%; 
  border-spacing:0;
  border-collapse: collapse;
  margin-left:0;
  margin-right:2px;
  border-bottom:2px solid #333; 
  border-right:2px solid #333;
  border-top:2px solid #999; 
  border-left:2px solid #999;
}
html.skin-2004 table.details td { 
  
  border: 1px solid #DDD;
  padding:2px;
  margin:0px;
}
html.skin-2004 table.details th { 
  border: 1px solid #888;
  background-color: #AAAAAA; 
  color: #000000; 
}
html.skin-2004 table.tb {
  margin:0px; 
  font-size:9px;
  margin:0px;
  border-spacing:0px;
  padding:0 0;
}
html.skin-2004 table.panel { 
  background-color: #CCCCCC; 
  border-bottom:2px solid #333; 
  border-right:2px solid #333;
  border-top:2px solid #EEE; 
  border-left:2px solid #EEE;
  font-size:90%;
}
html.skin-2004 table.panel td {
  margin:5px;
}
html.skin-2004 span.box {
  border-bottom:2px solid #333; 
  border-right:2px solid #333;
  border-top:2px solid #CCC; 
  border-left:2px solid #CCC;
}
html.skin-2004 table.box th {
  width:100px;
  height:100px;
  background-color: #AAAAAA; 
  color: #0000AA; 
  margin:0px; 
  border-bottom:2px solid #333; 
  border-right:2px solid #333;
  border-top:2px solid #CCC; 
  border-left:2px solid #CCC;
}
html.skin-2004 h1,
html.skin-2004 h2,
html.skin-2004 h3,
html.skin-2004 h4,
html.skin-2004 div.menutitle,
html.skin-2004 .sitetitle,
html.skin-2004 .sitehome,
html.skin-2004 div.up,
html.skin-2004 a.up {
  width:100%; 
  background-color: #000055;
  color: #FFDD00; 
  margin:0px; 
  border-bottom:2px solid #333333; 
  #border-right:2px solid #333333;
  border-top:2px solid #CCCCCC; 
  #border-left:2px solid #CCCCCC;
  #text-decoration: bold;
}
html.skin-2004 .sitetitle {
  height:30px;
  text-align: center;
  text-valign: middle;
}
html.skin-2004 .sitehome {
  height:35px;
  text-align: center;
}
html.skin-2004 h1,
html.skin-2004 h2,
html.skin-2004 h3,
html.skin-2004 div.menutitle {
  width:100%;
}
html.skin-2004 h4 { text-align: center; }
html.skin-2004 h5.hp { background-color: #FF0000; color: #FFFFFF; }
html.skin-2004 h5.mana0 { background-color: #0000FF; color: #FFFFFF; }
html.skin-2004 h5.mana1 { background-color: #FF0000; color: #FFFFFF; }
html.skin-2004 h5.mana2 { background-color: #FFFF00; color: #000000; }
html.skin-2004 h5.mana3 { background-color: #FFFFFF; color: #000000; }
html.skin-2004 h2,
html.skin-2004 h3 { margin-top:10px; }
html.skin-2004 span.title { text-decoration: underline; font-size:150%; }
html.skin-2004 span.navbar { font-size:80%; padding:2px; }
html.skin-2004 span.positive { color: #3300FF; }
html.skin-2004 span.negative { color: #BB0000; }
html.skin-2004 span.item { color: #007700; }
html.skin-2004 span.base { font-size:90%; }
html.skin-2004 span.right {
  float: right;
}
html.skin-2004 div.ad {
  text-align: center;
}
html.skin-2004 table.talents {
  font-family: Arial, Garamond, Helvetica;
  margin-left:0px;
  margin-right:0px;
  border-spacing:0px;
  padding:0 0;
  font-size:90%; 
  border: 0px;
}
html.skin-2004 table.talents td {
  text-align: left;
  vertical-align: top;
}
html.skin-2004 table.talents td img {
  z-index: 2;
}
html.skin-2004 span.tpd {
  font-family: Arial, Garamond, Helvetica;
  background-color: #000000;
  border-bottom:1px solid #333; 
  border-right:1px solid #333;
  border-top:1px solid #999; 
  border-left:1px solid #777;
  padding:0 2px;
  color: #FFFFFF;
  position: absolute;
  left:40px;
  top:-6px;
  font-size:70%;
  z-index: 3;
}
html.skin-2004 div.vline {
  border: 0px;
  background-color: #EEEE00;
  width:10px;
  height:55px;
  position: absolute;
  left:30px;
  z-index: 0;
  top:16px;
}
html.skin-2004 div.hline {
  border: 0px;
  font-size:8px;
  background-color: #EEEE00;
  height:10px;
  width:79px;
  position: absolute;
  left:30px;
  z-index: 0;
  top:16px;
}
html.skin-2004 span.vline {
  position:relative;
}
html.skin-2004 span.vline div {
  border: 0px;
  border: 0px;
  background-color: #EEEE00;
  width:10px;
  position: absolute;
  z-index: 0;
  left:30px;
  font-size:8px;
}
html.skin-2004 div.vline111 {
  height:55px;
  top:20px;
}
html.skin-2004 div.vline011 {
  height:35px;
  top:40px;
}
html.skin-2004 div.vline110 {
  height:35px;
  top:20px;
}
html.skin-2004 div.vline010 {
  height:15px;
  top:40px;
}
html.skin-2004 span.hline {
  position:relative;
}
html.skin-2004 span.hline div {
  border: 0px;
  font-size:8px;
  background-color: #EEEE00;
  height:10px;
  position: absolute;
  z-index: 0;
  top:15px;
}
html.skin-2004 div.hline111 {
  width:79px;
  left:30px;
}
html.skin-2004 div.hline011 {
  width:54px;
  left:55px;
}
html.skin-2004 div.hline110 {
  width:54px;
  left:30px;
}
html.skin-2004 div.hline010 {
  width:29px;
  left:55px;
}
html.skin-2004 table.addpost {
  background-color: #FFFFFF;
  border-style: none; 
  color: #000000;
  font-size:90%; 
  border-spacing:1px;
  margin-left:1px;
  margin-right:0;
  width:100%;
  border-bottom:2px solid #333; 
  border-right:2px solid #333;
  border-top:2px solid #AAA; 
  border-left:2px solid #999;
  font-weight: bold;
}
html.skin-2004 table.addpost input { width:100%; }
html.skin-2004 table.addpost textarea { width:100%; height:300px; }
html.skin-2004 div.thread { 
  font-size:90%; 
  text-align: left;
}
html.skin-2004 div.ccontent ul {
  list-style-type: none;
  padding-right:0px;
}
html.skin-2004 div.ccontent li {
  list-style-type: none;
}
html.skin-2004 div.post {
  width:100%; 
  overflow: auto;
}
html.skin-2004 div.thread div.header {
  background-color: #CCCCCC;
  width:100%;
}
html.skin-2004 div.pad {
  padding:2px 3px 3px 3px;
}
html.skin-2004 div.thread div.header input {
  padding:0px;
  margin:0px;
  font-size:80%;
  width:20px;
}
html.skin-2004 div.thread div.body {
  overflow: auto;
  display: block;
  width:100%; 
  border-bottom:1px solid #CCC;
}
html.skin-2004 div.thread div.bodygood {
  overflow: auto;
  display: block;
  width:100%; 
  border-bottom:1px solid #CCC;
  background: #FF8;
}
html.skin-2004 div.thread div.bodybad {
  overflow: auto;
  display: block;
  width:100%; 
  border-bottom:1px solid #CCC;
  color: #CCC;
}
html.skin-2004 div.thread div.body div.pad li {
  list-style-type: disc;
}
html.skin-2004 div.thread div.quote {
  margin-left:10%;
  margin-right:10%;
  border-bottom:2px solid #333; 
  border-right:2px solid #333;
  border-top:2px solid #AAA; 
  border-left:2px solid #999;
  padding:2px;
}
html.skin-2004 div.thread table {
  font-size:90%;
}
html.skin-2004 div.thread span.reply {
  float: right;
}
html.skin-2004 div.cadmin {
  text-align: right;
  font-size:80%;
}
html.skin-2004 div.cadminin {
  border: 1px solid #000;
  text-align: center;
}
html.skin-2004 div.cfold {
  font-size:80%;
  width:100%;
  background-color: #CCCCCC;
  float: none;
}
html.skin-2004 div.subj {
  font-size:80%;
  width:40%;
  float: left;
  overflow: hidden;
}
html.skin-2004 div.scor {
  font-size:80%;
  width:20%;
  float: left;
}
html.skin-2004 div.auth {
  font-size:80%;
  width:40%;
  float: left;
  overflow: hidden;
}
html.skin-2004 span.vote {
  float: right;
}
html.skin-2004 div.views {
  float: right;
}
html.skin-2004 div.context {
  width:100%;
}
html.skin-2004 div.views form {
  margin-bottom:0px;
}
html.skin-2004 div.views select {
  font-size:80%;
  margin-left:3px;
}
html.skin-2004 div.ccontent {
  clear: right;
  border-top:1px solid #CCC;
}
html.skin-2004 div.ccpage {
  width:100%;
  text-align: center;
  font-size:90%;
}
html.skin-2004 div.faqheader {
  font-size:90%;
  margin:10px 0 16px 0;
}
html.skin-2004 div.faqheader li {
  list-style-type: disc;
}
html.skin-2004 div.comments {
  width:100%;
  float: right;
  margin:0 0 10px 0;
  text-align: right;
  border-top:1px solid #CCC;
}
html.skin-2004 div.addcomment {
  font-size:90%;
  text-align: center;
}

/* Today's pages inside the 2004 skin (src/components/retro/framed.tsx): the site's tokens
   (src/app/(lab)/lab.css) turned to thott.css's palette, and its parts drawn as Thottbot drew a
   page in 2006: white ground, Arial, black words, blue underlined links, navy bars over sections,
   grey report tables, the browser's own buttons and fields, the dark tooltip. Every rule is under
   html.skin-2004, which only a framed page's <html> carries, so the site itself never sees one.
   Built into public/skin-2004/framed.css by scripts/skin-2004-css.mjs. */

/* ── tokens ─────────────────────────────────────────────────────────────── */
html.skin-2004 {
  color-scheme: light;
  --ground: #ffffff;
  --surface: #ffffff;
  --raised: #eeeeee;
  --brown-1: #dddddd;
  --brown-2: #cccccc;
  --row: #eaeaea;
  --bronze-d: #333333;
  --bronze: #888888;
  --bronze-l: #999999;
  --grey-frame: #999999;
  --gold: #000055;
  --gold-deep: #000055;
  --gold-hi: #0000ff;
  --gold-bright: #000055;
  --btn-ink: #000000;
  --teal-ink: #006666;
  --new-ink: #008800;
  --cream: #000000;
  --white: #000000;
  --soft: #000000;
  --dim: #555555;
  --red: #aa0000;
  --green: #008800;
  --green-hi: #00aa00;
  --new: #aa6600;
  --new-text: #aa6600;
  --changed: #0000ff;
  --changed-hi: #0000ff;
  --alliance: #0000cc;
  --horde: #cc0000;
  --same: #666666;
  --tip: #282828;
  --tip-edge: #888888;
  --blue-post: #0000cc;
  --blue-post-ink: #000000;
  --display: Arial, Garamond, Helvetica, sans-serif;
  --body: Arial, Garamond, Helvetica, sans-serif;
  --tex-band: none;
  --tex-dark: none;
  --tex-panel-stone: none;
  --tex-ground: none;
  --tex-parchment: none;
  --tex-header: none;
  --frame-ornate: none;
  /* what today's page wrapper (.h-page, not drawn in the skin) gives its parts */
  --wrap: 100%;
  --r: 0px;
  --r-lg: 0px;
  --frame: linear-gradient(#999999, #999999);
  --frame-hot: linear-gradient(#999999, #999999);
  --edge: linear-gradient(#999999, #999999);
  --rule: linear-gradient(#999999, #999999);
  --gilt: linear-gradient(#999999, #999999);
  --panel: #ffffff;
  --teal: #ffffff;
  --gap: 16px;
  background: #ffffff;
}
html.skin-2004 body {
  margin: 0;
  background: #ffffff;
  color: #000000;
  font: 16px / normal Arial, Garamond, Helvetica;
  -webkit-font-smoothing: auto;
}
/* links underlined, as the browser drew them (thott.css gives the colours) */
html.skin-2004 a {
  text-decoration: underline;
}

/* ── the frame: the same as on the skin's own pages ────────────────────── */
/* today's reset sizes every box by its border; the frame's boxes keep 2006's */
html.skin-2004 table.foundation,
html.skin-2004 table.foundation > tbody > tr > td,
html.skin-2004 table.foundation > tbody > tr > th,
html.skin-2004 table.foundation .sitetitle,
html.skin-2004 table.foundation td.menu * {
  box-sizing: content-box;
}
html.skin-2004 table.foundation td.menu input {
  font: revert;
  color: revert;
}
html.skin-2004 table.foundation td.menu hr {
  box-sizing: content-box;
}

/* ── the page: today's page in the frame's body cell ───────────────────── */
html.skin-2004 .skin-2004-page {
  font-family: Arial, Garamond, Helvetica;
  font-size: 16px;
  line-height: normal;
  color: #000000;
  background: #ffffff;
  text-align: left;
}
html.skin-2004 .skin-2004-page img {
  max-width: 100%;
}
html.skin-2004 .skin-2004-page a:link {
  color: #0000ff;
}
html.skin-2004 .skin-2004-page a:visited {
  color: #000088;
}
/* no shadows, glows or soft corners anywhere in today's parts, but on the maps themselves (their
   names, pins and paths are drawn as the map draws them) */
html.skin-2004 .skin-2004-page :not(:is(.maplibregl-canvas-container, .dlm-stage) *),
html.skin-2004 .skin-2004-page :not(:is(.maplibregl-canvas-container, .dlm-stage) *)::before,
html.skin-2004 .skin-2004-page :not(:is(.maplibregl-canvas-container, .dlm-stage) *)::after {
  text-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
}
/* headings: thott.css's navy bar is for a section's name (below); any other heading of today's
   parts is bold black words */
html.skin-2004 .skin-2004-page :is(h1, h2, h3, h4, h5, h6) {
  width: auto;
  border-top: 0;
  border-bottom: 0;
  background-color: transparent;
  color: #000000;
  font-family: Arial, Garamond, Helvetica;
  font-weight: bold;
}
html.skin-2004 .skin-2004-page :is(h4, h5, h6) {
  text-align: start;
}
/* thott.css puts 10px over every h2 and h3; today's parts space their own */
html.skin-2004 h2,
html.skin-2004 h3 {
  margin-top: 0;
}
/* lists of today's parts lay themselves out; only plain lists (in articles) keep thott.css's indent */
html.skin-2004 .skin-2004-page ul[class] {
  padding: 0;
}
/* the browser's own buttons and fields */
html.skin-2004 .skin-2004-page
  :is(input:not([type='range'], [type='checkbox'], [type='radio'], [type='color'], [type='file']), select, textarea) {
  appearance: auto;
  height: auto;
  min-height: 0;
  padding: revert;
  border: revert;
  background: revert;
  color: revert;
  font: revert;
  outline: revert;
}
html.skin-2004 .skin-2004-page input::placeholder,
html.skin-2004 .skin-2004-page textarea::placeholder {
  color: revert;
}
html.skin-2004 .skin-2004-page .btn {
  appearance: auto;
  gap: 0;
  height: auto;
  min-height: 0;
  padding: revert;
  border: revert;
  background: revert;
  color: revert;
  font: revert;
  filter: none;
  opacity: 1;
  transition: none;
}
html.skin-2004 .skin-2004-page .btn:hover {
  filter: none;
}
html.skin-2004 .skin-2004-page .btn svg {
  display: none;
}

/* the game's tooltip: thott.css's table.ttb (dark ground, light edges top and left) */
html.skin-2004 [class*='tip'] {
  --white: #ffffff;
  --cream: #ffffff;
  --soft: #dddddd;
  --dim: #aaaaaa;
  --gold-soft: #ffcc00;
}
html.skin-2004 .tip {
  border: 2px solid;
  border-color: #eeeeee #888888 #888888 #eeeeee;
  border-radius: 0 !important;
  background: #282828;
  box-shadow: none !important;
  font: 14px / 1.25 Arial, Garamond, Helvetica;
  color: #ffffff;
}
html.skin-2004 .tip b {
  font: bold 14px / 1.25 Arial, Garamond, Helvetica;
}
html.skin-2004 .tip a:link,
html.skin-2004 .tip a:visited {
  color: #00ff00;
  text-decoration: none;
}

/* ── the kit (src/components/v2/kit) ────────────────────────────────────── */
/* a page's head: no painting; the name is the title bar's, so it is kept for screen readers only;
   the trail is Thottbot's "A > B" */
html.skin-2004 .k-head,
html.skin-2004 .k-head[data-art],
html.skin-2004 .k-head[data-art='banner'],
html.skin-2004 .v-tc-head.k-head[data-art] {
  padding: 2px 0 8px;
  background: none;
  isolation: auto;
}
html.skin-2004 .k-head-art,
html.skin-2004 .k-head[data-art]::after {
  display: none;
}
html.skin-2004 .k-head[data-art] ~ .k-body,
html.skin-2004 .k-head[data-art=''] ~ .k-body,
html.skin-2004 .v-tc-head.k-head[data-art] ~ .k-body {
  padding-top: 0;
}
html.skin-2004 .k-head-in {
  width: auto;
  gap: 6px;
}
html.skin-2004 .skin-2004-page .k-head .k-h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
html.skin-2004 .k-head-icon {
  width: 64px;
  height: 64px;
}
html.skin-2004 .k-head-meta {
  font-size: 16px;
  color: #000000;
}
html.skin-2004 .k-crumbs ol {
  gap: 0;
  font-size: 16px;
  color: #000000;
}
html.skin-2004 .k-crumbs li + li::before {
  content: '>';
  margin: 0 0.3em;
  color: #000000;
}
html.skin-2004 .k-crumbs a:link {
  color: #0000ff;
}

/* the page's body and its sections: a section's name on thott.css's navy bar (its h4) */
html.skin-2004 .k-body {
  width: auto;
  gap: 24px;
  padding-bottom: 24px;
}
html.skin-2004 .k-sechead,
html.skin-2004 .k-sechead[data-level='2'] {
  align-items: center;
  gap: 2px 12px;
  margin-bottom: 6px;
  padding: 0 4px;
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #333333;
  background: #000055;
  color: #ffdd00;
}
html.skin-2004 .k-sechead[data-level='2']::after {
  display: none;
}
html.skin-2004 .skin-2004-page .k-sechead :is(h2, h3, .k-h2, .k-h3),
html.skin-2004 .skin-2004-page .k-sechead[data-size='lg'] .k-h2 {
  flex: 1;
  font-size: 16px;
  line-height: 1.25;
  color: #ffdd00;
  text-align: center;
}
html.skin-2004 .skin-2004-page .k-h2,
html.skin-2004 .skin-2004-page .k-h3 {
  font-size: 16px;
  line-height: 1.25;
}
html.skin-2004 .k-sechead-count {
  font: bold 13px Arial, Garamond, Helvetica;
  color: #ffdd00;
}
html.skin-2004 .k-sechead a:link,
html.skin-2004 .k-sechead a:visited,
html.skin-2004 .k-more {
  font: 13px Arial, Garamond, Helvetica;
  color: #ffdd33;
}
html.skin-2004 .k-note {
  font-size: 13px;
  color: #000000;
}

/* windows, panels and tabs: thott.css's grey boxes */
html.skin-2004 .k-window,
html.skin-2004 .k-panel {
  border: 2px solid;
  border-color: #999999 #333333 #333333 #999999;
  background: #ffffff;
}
html.skin-2004 .k-window-title,
html.skin-2004 .k-panel-title {
  padding: 1px 4px;
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #333333;
  background: #000055;
  font: bold 16px Arial, Garamond, Helvetica;
  color: #ffdd00;
  text-align: center;
}
html.skin-2004 .k-window-body {
  padding: 6px;
}
html.skin-2004 .k-panel-foot {
  padding: 2px 4px;
  border-top: 1px solid #cccccc;
  font: 14px Arial, Garamond, Helvetica;
}
html.skin-2004 .k-tabs {
  gap: 0;
  padding: 2px;
  border: 2px solid;
  border-color: #aaaaaa #333333 #333333 #999999;
  background: #dddddd;
}
html.skin-2004 .k-tabs a {
  padding: 0 6px;
  border: 0;
  font: 16px Arial, Garamond, Helvetica;
  opacity: 1;
}
html.skin-2004 .k-tabs a + a {
  border-left: 1px solid #000000;
}
html.skin-2004 .k-tabs a[aria-current='page'] {
  background: none;
  color: #000000;
  text-decoration: none;
}
html.skin-2004 .k-facts dl {
  padding: 2px 4px;
}
html.skin-2004 .k-facts dl > div {
  padding: 2px 0;
  border-bottom: 1px solid #dddddd;
  font-size: 14px;
}

/* tables: thott.css's table.report */
html.skin-2004 .k-table {
  border: 2px solid;
  border-color: #999999 #333333 #333333 #999999;
  font-size: 14px;
}
html.skin-2004 .k-table th {
  position: static;
  padding: 2px;
  border: 1px solid #888888;
  background: #aaaaaa;
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
  text-align: center;
}
html.skin-2004 .k-table td {
  padding: 2px;
  border: 1px solid #dddddd;
  color: #000000;
}
html.skin-2004 .k-table tbody tr:nth-child(even) {
  background: #eaeaea;
}
html.skin-2004 .k-table tbody tr:hover {
  background: none;
}
html.skin-2004 .k-table tbody tr:nth-child(even):hover {
  background: #eaeaea;
}
html.skin-2004 .k-table td a:link {
  color: #000088;
}

/* filters: the browser's fields in a grey bar */
html.skin-2004 .k-filters {
  gap: 4px 10px;
  padding: 2px;
  border: 2px solid;
  border-color: #aaaaaa #333333 #333333 #999999;
  background: #dddddd;
}
html.skin-2004 .k-field {
  flex: 0 1 auto;
  height: auto;
  padding: 0;
  border: 0;
  background: none;
  color: #000000;
}
html.skin-2004 .k-field svg,
html.skin-2004 .k-field kbd {
  display: none;
}
html.skin-2004 .k-count {
  font-size: 13px;
  color: #000000;
}

/* bands, frames, mounts and parchment: no stone, no gilt, no parchment */
html.skin-2004 .k-band,
html.skin-2004 .k-band[data-tone] {
  background: none;
}
html.skin-2004 .k-band[data-tone]::before,
html.skin-2004 .k-band[data-tone]::after,
html.skin-2004 .k-frame::after,
html.skin-2004 .k-ground::before {
  display: none;
}
html.skin-2004 .k-band-in {
  width: auto;
  padding: 12px 0;
}
html.skin-2004 .k-frame {
  padding: 0;
  background: none;
}
html.skin-2004 .k-mount,
html.skin-2004 a:hover .k-mount {
  border: 1px solid #000000;
  background: #000000;
}
html.skin-2004 a:hover .k-mount img {
  scale: none;
}
html.skin-2004 .k-parchment {
  background: none;
  color: #000000;
}
html.skin-2004 .k-parchment :is(strong, h2, h3),
html.skin-2004 .k-parchment :is(time, em) {
  color: #000000;
}
html.skin-2004 .k-ruled > li + li {
  background: none;
  border-top: 1px solid #cccccc;
}
/* the game's quality colours, as thott.css sets them on white */
html.skin-2004 .k-q-poor {
  color: #808080 !important;
}
html.skin-2004 .k-q-common {
  color: #000000 !important;
}
html.skin-2004 .k-q-uncommon {
  color: #00bb00 !important;
}
html.skin-2004 .k-q-rare {
  color: #0068ff !important;
}
html.skin-2004 .k-q-epic {
  color: #8000ff !important;
}
html.skin-2004 .k-q-legendary {
  color: #ff8000 !important;
}
html.skin-2004 .tip .k-q-common {
  color: #ffffff !important;
}
html.skin-2004 .tip .k-q-uncommon {
  color: #00ff00 !important;
}
html.skin-2004 .k-prose {
  max-width: none;
  font-size: 16px;
  line-height: normal;
  color: #000000;
}
html.skin-2004 .k-prose a:link {
  color: #0000ff;
}
html.skin-2004 .gi {
  background: none;
}

/* ── talents: Thottbot's calculator (table.talents) ─────────────────────── */
/* the class row: the icons plain, the class's own greyed */
html.skin-2004 .v-tc-head .k-head-icon {
  display: none;
}
html.skin-2004 .v-tc-head .k-head-actions {
  margin-left: 0;
}
html.skin-2004 .v-tc-classnav {
  gap: 4px;
}
html.skin-2004 .v-tc-classnav img {
  width: 32px;
  height: 32px;
}
html.skin-2004 .v-tc-classnav > *::after {
  bottom: calc(100% + 4px);
  padding: 1px 4px;
  border: 2px solid;
  border-color: #eeeeee #888888 #888888 #eeeeee;
  background: #282828;
  font: bold 13px Arial, Garamond, Helvetica;
  color: #ffffff;
}

/* the window: white, the trees side by side as plain columns of 40px icons, 69 by 55 apart as
   Thottbot set them where there is room */
html.skin-2004 .v-tc {
  --n: 40px;
  --rg: 15px;
  --tp: 6px;
  --cg: clamp(6px, calc((100cqw - 2 * var(--tp) - 4 * var(--n)) / 3), 29px);
  border: 0;
  background: none;
}
html.skin-2004 .v-tc-body {
  grid-template-columns: minmax(0, 1fr) 279px;
  column-gap: 10px;
}
html.skin-2004 .v-tc-trees {
  gap: 0 8px;
  outline: 0;
}
html.skin-2004 .v-tc-tree {
  grid-template-rows: 1fr auto;
  isolation: auto;
  background: #ffffff;
}
html.skin-2004 .v-tc-tree + .v-tc-tree::before,
html.skin-2004 .v-tc-art,
html.skin-2004 .v-tc-treehead img {
  display: none;
}
/* the tree's name under it, on the grey bar Thottbot's tabs sat on */
html.skin-2004 .v-tc-treehead {
  grid-row: 2;
  gap: 6px;
  padding: 0 3px;
  background: #cccccc;
}
html.skin-2004 .skin-2004-page .v-tc-treehead h2 {
  font-size: 13px;
  line-height: 1.3;
  color: #000000;
}
html.skin-2004 .v-tc-treepts,
html.skin-2004 .v-tc-treepts[data-on] {
  font: bold 13px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .v-tc-treereset {
  padding: 0;
  font: 11px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .v-tc-grid {
  padding: 10px var(--tp) 12px;
}
/* a talent: its icon square, its points in Thottbot's black box at the icon's foot (span.tpd) */
html.skin-2004 .v-tc-node {
  background: none;
  transition: none;
}
html.skin-2004 .v-tc-node img {
  transition: none;
}
html.skin-2004 .v-tc-node:not([data-state='locked']):hover img {
  filter: none;
}
html.skin-2004 .v-tc-rank {
  right: auto;
  left: 26px;
  bottom: -6px;
  min-width: 0;
  height: auto;
  padding: 0 2px;
  border: 1px solid;
  border-color: #999999 #333333 #333333 #777777;
  background: #000000;
  font: 10px / 1.25 Arial, Garamond, Helvetica;
  color: #ffffff;
  white-space: nowrap;
}
html.skin-2004 .v-tc-node[data-state='open'] .v-tc-rank {
  color: #ffffff;
}
html.skin-2004 .v-tc-node[data-state='max'] .v-tc-rank {
  color: #ffdd00;
}
/* the lines between talents: Thottbot's yellow bars, behind the icons */
html.skin-2004 .v-tc-link,
html.skin-2004 .v-tc-link[data-lit] {
  --lc: #eeee00;
}
html.skin-2004 .v-tc-link::after {
  display: none;
}
html.skin-2004 .v-tc-link[data-dir='v']::before {
  top: calc(var(--n) / 2);
  bottom: calc(var(--n) / 2);
  width: 10px;
}
html.skin-2004 .v-tc-link[data-dir='r']::before,
html.skin-2004 .v-tc-link[data-dir='l']::before {
  height: 10px;
  left: calc(var(--n) / 2);
  right: calc(var(--n) / 2);
}
/* the build beside the trees: Thottbot's summary, grey, its tabs as words */
html.skin-2004 .v-tc-build {
  padding: 0 4px 4px;
  background: #cccccc;
  font-size: 14px;
}
html.skin-2004 .v-tc-b-tabs {
  justify-content: center;
  gap: 10px;
  margin: 0 -4px 4px;
  padding: 2px 0;
}
html.skin-2004 .v-tc-b-tabs button,
html.skin-2004 .v-tc-b-tabs button + button {
  flex: none;
  height: auto;
  padding: 0;
  border: 0;
  background: none;
  font: 14px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .v-tc-b-tabs button[aria-selected='true'] {
  color: #000000;
  text-decoration: none;
}
html.skin-2004 .v-tc-b-tabs button[aria-selected='true']::before {
  display: none;
}
html.skin-2004 .v-tc-b-sec {
  border-top-color: #999999;
}
html.skin-2004 .skin-2004-page .v-tc-b-sec h3 {
  font-size: 14px;
}
html.skin-2004 .skin-2004-page .v-tc-build h4,
html.skin-2004 .skin-2004-page .v-tc-rc h4 {
  display: block;
  margin: 0;
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #333333;
  background: #000055;
  font: bold 14px / 1.3 Arial, Garamond, Helvetica;
  color: #ffdd00;
  text-align: center;
}
html.skin-2004 .v-tc-build h4::before,
html.skin-2004 .v-tc-build h4::after,
html.skin-2004 .v-tc-rc h4::before,
html.skin-2004 .v-tc-rc h4::after,
html.skin-2004 .v-tc-b-rule::before,
html.skin-2004 .v-tc-b-rule::after {
  display: none;
}
html.skin-2004 .v-tc-b-rule {
  display: block;
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
  text-align: center;
}
html.skin-2004 .v-tc-b-side > span:first-child {
  font: bold 13px Arial, Garamond, Helvetica;
}
html.skin-2004 .v-tc-b-side-races img,
html.skin-2004 .v-tc-b-profs img {
  outline: 1px solid #000000;
  transition: none;
}
html.skin-2004 .v-tc-b-side-races button[aria-checked='true'] img,
html.skin-2004 .v-tc-b-profs button[aria-pressed='true'] img {
  outline: 2px solid #0000ff;
}
html.skin-2004 .v-tc-b-racials li {
  font-size: 13px;
  color: #000000;
}
html.skin-2004 .v-tc-b-bonus,
html.skin-2004 .v-tc-b-bonus[data-said] {
  font-size: 13px;
  color: #000000;
}
html.skin-2004 .v-tc-b-bonus b {
  font-weight: bold;
  color: #000000;
}
html.skin-2004 .v-tc-b-unsure {
  color: #555555;
}
html.skin-2004 .v-tc-b-compare,
html.skin-2004 .v-tc-b-compare[aria-expanded='true'] {
  font: 13px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .v-tc-b-pager {
  font: 13px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .v-tc-b-pager button {
  width: auto;
  height: auto;
  padding: revert;
  border: revert;
  background: revert;
  font: revert;
  color: revert;
}
/* the foot: thott.css's table.back, the browser's own buttons and a checkbox */
html.skin-2004 .v-tc-foot {
  gap: 4px 12px;
  margin-top: 10px;
  padding: 2px 4px;
  border: 2px solid;
  border-color: #aaaaaa #333333 #333333 #999999;
  background: #cccccc;
}
html.skin-2004 .v-tc-points {
  font-size: 14px;
  color: #000000;
}
html.skin-2004 .v-tc-points b {
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .v-tc-error {
  font: bold 14px / 1.2 Arial, Garamond, Helvetica;
  color: #cc0000;
}
html.skin-2004 .v-tc-error[data-kind='info'] {
  color: #000055;
}
html.skin-2004 .v-tc-only,
html.skin-2004 .v-tc-only:hover {
  gap: 4px;
  font: 13px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .v-tc-only-track,
html.skin-2004 .v-tc-only[aria-checked='true'] .v-tc-only-track {
  translate: none;
  width: 13px;
  height: 13px;
  border: 1px solid #767676;
  background: #ffffff;
  transition: none;
}
html.skin-2004 .v-tc-only-track::after {
  display: none;
}
html.skin-2004 .v-tc-only[aria-checked='true'] .v-tc-only-track {
  border-color: #0075ff;
  background: #0075ff;
}
html.skin-2004 .v-tc-only[aria-checked='true'] .v-tc-only-track::after {
  content: '\2713';
  display: block;
  inset: 0;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  translate: none;
  background: none;
  font: bold 11px / 13px Arial, Garamond, Helvetica;
  color: #ffffff;
  text-align: center;
}
html.skin-2004 .v-tc-actions {
  gap: 4px;
}
html.skin-2004 .skin-2004-page .v-tc-actions .btn {
  min-height: 0;
  padding: revert;
  font: revert;
}
html.skin-2004 .skin-2004-page .v-tc-actions .btn:disabled {
  opacity: 1;
  color: revert;
}
/* every race compared, over the window: white, a report's grey lines */
html.skin-2004 .v-tc-rc {
  border: 2px solid;
  border-color: #999999 #333333 #333333 #999999;
  background: #ffffff;
}

/* under the trees: the spellbook and the team builder, their tabs as words on the section's bar */
html.skin-2004 .v-tc-below-tabs {
  gap: 2px 14px;
}
html.skin-2004 .v-tc-below-tabs button,
html.skin-2004 .sbl-views button,
html.skin-2004 .sbl-views button:hover {
  padding: 0;
  border: 0;
  background: none;
  font: bold 16px Arial, Garamond, Helvetica;
  color: #ffdd33;
  text-decoration: underline;
}
html.skin-2004 .sbl-views {
  gap: 12px;
}
html.skin-2004 .sbl-views button {
  font-weight: normal;
  font-size: 13px;
}
html.skin-2004 .v-tc-below-tabs button[aria-selected='true'],
html.skin-2004 .sbl-views button[aria-pressed='true'] {
  color: #ffdd00;
  text-decoration: none;
}

/* ── the spellbook (src/components/v2/spellbook) ───────────────────────── */
html.skin-2004 .sbl,
html.skin-2004 .sbl[data-view='level'] {
  gap: 12px;
}
html.skin-2004 .sbl-ctl {
  gap: 6px;
  min-height: 0;
}
html.skin-2004 .sbl-now {
  min-width: 0;
  margin-right: 4px;
  font: bold 16px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .sbl-now > span {
  font-size: 16px;
  color: #000000;
}
html.skin-2004 .skin-2004-page input.sbl-level {
  width: 3em;
  text-align: center;
}
html.skin-2004 .sbl-step,
html.skin-2004 .sbl-step:hover:not(:disabled) {
  appearance: auto;
  width: auto;
  height: auto;
  padding: revert;
  border: revert;
  background: revert;
  font: revert;
  color: revert;
}
html.skin-2004 .sbl-slider {
  height: 22px;
}
html.skin-2004 .sbl-slider input {
  -webkit-appearance: auto;
  appearance: auto;
  background: revert;
  accent-color: #000055;
}
html.skin-2004 .sbl-ticks {
  top: calc(50% + 7px);
}
html.skin-2004 .sbl-ticks i {
  background: #999999;
}
html.skin-2004 .sbl-ticks i[data-on] {
  background: #000055;
}
html.skin-2004 .sbl-tab-block {
  gap: 6px;
}
html.skin-2004 .skin-2004-page .sbl-tab {
  gap: 6px;
  padding: 1px 4px;
  background: #cccccc;
  font: bold 14px / 1.3 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .sbl-tab img {
  width: 16px;
  height: 16px;
}
html.skin-2004 .sbl-grid {
  gap: 6px 16px;
}
html.skin-2004 .sbl-entry {
  gap: 6px;
}
html.skin-2004 .sbl-name {
  font-size: 14px;
  color: #000000;
}
html.skin-2004 .sbl-sub {
  font-size: 12px;
  color: #000000;
}
html.skin-2004 .sbl-entry[data-state='later'] .sbl-name,
html.skin-2004 .sbl-entry[data-state='later'] .sbl-sub {
  color: #808080;
}
html.skin-2004 .sbl[data-seen] .sbl-entry[data-state='new'] .sbl-icon,
html.skin-2004 .sbl[data-seen] .sbl-entry[data-state='new'] .sbl-sub {
  animation: none;
}
html.skin-2004 .sbl-levels > li {
  gap: 6px;
  padding: 10px 0 2px;
}
html.skin-2004 .sbl-lv {
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .sbl-lv > span {
  color: #000000;
}
html.skin-2004 .sbl-levels .sbl-grid {
  gap: 6px 16px;
  padding-left: 16px;
}
html.skin-2004 .sbl-tens {
  gap: 10px;
}
html.skin-2004 .sbl-tens button {
  padding: 0;
  border: 0;
  background: none;
  font: 14px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .sbl-tens button[aria-pressed='true'] {
  color: #000000;
  text-decoration: none;
}
html.skin-2004 .sbl-light {
  display: none;
}

/* ── the team builder (src/components/v2/party) ─────────────────────────── */
html.skin-2004 .skin-2004-page .tl h3,
html.skin-2004 .skin-2004-page .tl h4 {
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .tl-size,
html.skin-2004 .tl-tabs {
  gap: 0 12px;
}
html.skin-2004 .tl-size button,
html.skin-2004 .tl-tabs button {
  padding: 0;
  font: 16px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .tl-size button[aria-pressed='true'],
html.skin-2004 .tl-tabs button[aria-selected='true'] {
  color: #000000;
  text-decoration: none;
}
html.skin-2004 .tl-light,
html.skin-2004 .tl-tabs-light {
  display: none;
}
html.skin-2004 .tl-sides img,
html.skin-2004 .tl-part img,
html.skin-2004 .tl-pf-buffs img,
html.skin-2004 .pt-edit-row img {
  outline: 1px solid #000000;
}
html.skin-2004 .tl-sides button[aria-checked='true'] img,
html.skin-2004 .pt-edit-row button[aria-checked='true'] img {
  outline: 2px solid #0000ff;
}
html.skin-2004 .tl-tally,
html.skin-2004 .tl-tally b {
  font: 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .tl-arrange,
html.skin-2004 .pt-link {
  font: 14px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .tl-arrange:disabled {
  color: #808080;
}
/* the party's places: rows of a report, the class's name in its colour */
html.skin-2004 .tl-pf {
  height: auto;
  color: #000000;
}
html.skin-2004 .pt-empty-ring {
  width: 32px;
  height: 32px;
  border: 1px solid #999999;
  background: #eeeeee;
}
html.skin-2004 .pt-portrait > img:first-child {
  outline: 1px solid #000000;
}
html.skin-2004 .tl-pf-bar,
html.skin-2004 .tl-frame {
  height: 24px;
  margin-left: 4px;
  padding: 0 4px;
  border: 1px solid #999999;
  background: #eaeaea;
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .tl-frame {
  margin-left: 0;
}
html.skin-2004 .tl-pf[data-empty] .tl-pf-bar,
html.skin-2004 .tl-frame[data-empty] {
  background: #ffffff;
  border-color: #cccccc;
  font: bold 14px Arial, Garamond, Helvetica;
  color: #0000ff;
}
html.skin-2004 .tl-frame-name em {
  font-weight: normal;
  color: #000000;
}
html.skin-2004 .tl-pf-buffs {
  padding-left: 40px;
}
html.skin-2004 .tl-out {
  border: 1px solid #999999;
  background: #ffffff;
  font: 13px / 1 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .pt-slot-open {
  border: 2px solid;
  border-color: #999999 #333333 #333333 #999999;
  background: #ffffff;
}
html.skin-2004 .pt-edit-row button,
html.skin-2004 .pt-edit-groups {
  font: 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .pt-edit-row button[aria-checked='true'],
html.skin-2004 .pt-edit-groups button[aria-pressed='true'] {
  font-weight: bold;
  color: #000000;
}
html.skin-2004 .pt-edit-groups button:disabled {
  color: #808080;
}
/* the camp and what the party gets */
html.skin-2004 .tl-fires button,
html.skin-2004 .tl-fires button[aria-checked='true'],
html.skin-2004 .tl-camp-name strong,
html.skin-2004 .tl-camp-list button[aria-pressed='true'] strong {
  font: 14px / 1.2 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .tl-fires button[aria-checked='true'],
html.skin-2004 .tl-camp-list button[aria-pressed='true'] strong {
  font-weight: bold;
}
html.skin-2004 .tl-fires span {
  color: #000000;
}
html.skin-2004 .tl-fires small,
html.skin-2004 .tl-camp-name small,
html.skin-2004 .tl-camp-meta {
  font: 12px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .tl-camp-list button {
  min-height: 0;
}
html.skin-2004 .tl-camp-list button:hover:not(:disabled) {
  background: #dddddd;
}
html.skin-2004 .tl-camp-list button > img {
  outline: 1px solid #000000;
}
html.skin-2004 .tl-camp-list button[aria-pressed='true'] > img {
  outline: 2px solid #0000ff;
}
html.skin-2004 .tl-stat {
  min-height: 0;
  padding: 2px 0;
  border-bottom: 1px solid #dddddd;
}
html.skin-2004 .tl-stat dt {
  font-size: 14px;
  color: #000000;
}
html.skin-2004 .tl-stat-total {
  font: bold 14px Arial, Garamond, Helvetica;
  color: #008800;
}
html.skin-2004 .tl-stat-total[data-none] {
  color: #808080;
}
html.skin-2004 .tl-part {
  font-size: 13px;
  color: #000000;
}

/* a list of pages beside a page (the professions, the levels, a dungeon's parts): the left
   menu's look, a grey box of links under navy names */
html.skin-2004 .v-pw-nav,
html.skin-2004 .lvg-nav {
  gap: 0;
  padding-bottom: 2px;
  background: #dddddd;
}
html.skin-2004 .v-pw-nav-group {
  margin-top: 6px;
  padding: 0 2px;
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #333333;
  background: #000055;
  font: bold 13px Arial, Garamond, Helvetica;
  color: #ffdd00;
}
html.skin-2004 .v-pw-nav a,
html.skin-2004 .lvg-nav button {
  grid-template-columns: 20px minmax(0, 1fr) auto;
  min-height: 0;
  gap: 5px;
  padding: 1px 5px;
  font: 14px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .v-pw-nav a:hover {
  color: #0000ff;
}
html.skin-2004 .v-pw-nav img,
html.skin-2004 .lvg-nav img {
  width: 20px;
  height: 20px;
  filter: none;
  transition: none;
}
html.skin-2004 .v-pw-nav a[aria-current='page'] {
  background: none;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

/* ── professions (src/components/v2/professions) ────────────────────────── */
html.skin-2004 .v-pw-picker {
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 16px;
}
html.skin-2004 .v-pw-nav {
  top: 4px;
}
html.skin-2004 .skin-2004-page .v-pw-name {
  font: bold 20px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .v-pw-explore {
  font: 16px Arial, Garamond, Helvetica;
}
html.skin-2004 .skin-2004-page .v-pw-perk-name,
html.skin-2004 .skin-2004-page .v-pw-section > :is(h3, h4) {
  font: bold 16px / 1.25 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .v-pw-perk-label {
  color: #555555;
}
html.skin-2004 .v-pw-perk-text {
  font-size: 14px;
  line-height: normal;
  color: #000000;
}
html.skin-2004 .v-pw-section {
  padding: 10px 0;
  border-top: 1px solid #cccccc;
}
html.skin-2004 .v-pw-section p {
  font-size: 16px;
  line-height: normal;
  color: #000000;
}
html.skin-2004 .skin-2004-page .v-pa-group .k-h3,
html.skin-2004 .skin-2004-page .v-pa-shared .k-h3 {
  font-size: 16px;
}
html.skin-2004 .skin-2004-page .v-pa-entry h4,
html.skin-2004 .skin-2004-page .v-pa-shared-feature h4 {
  font: bold 18px / 1.2 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .v-pa-role,
html.skin-2004 .v-pa-description,
html.skin-2004 .v-pa-bonus p,
html.skin-2004 .v-pa-bonus span {
  color: #000000;
}
html.skin-2004 .v-pa-forever-label {
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .v-pa-examples .db-ent > a {
  font: 14px / 1.2 Arial, Garamond, Helvetica;
}
html.skin-2004 .v-pa-examples .db-ent > a > .gi {
  border-color: #000000;
}
html.skin-2004 .v-pa-bonus strong {
  font: bold 14px / 1.2 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .v-pa-more {
  font: 14px Arial, Garamond, Helvetica;
}
/* the planner: the window white, its bars grey, an icon edged in its difficulty's colour */
html.skin-2004 .v-pl-label {
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .v-pl-x {
  color: #000000;
}
html.skin-2004 .v-pl-icon {
  background: none;
  outline: 2px solid var(--edge);
}
html.skin-2004 .v-pl-icon[data-state='route'] {
  outline: 2px dotted #000055;
}
html.skin-2004 .v-pl-icon[data-state='goal'] {
  outline: 3px solid #0000ff;
}
html.skin-2004 .v-pl-icon[data-picked] {
  outline: 3px solid #000000;
  outline-offset: 1px;
}
html.skin-2004 .v-pl-icon[data-from='item']::after {
  outline: 1px solid #000000;
}
html.skin-2004 .v-pl-route > li,
html.skin-2004 .v-pl-route li[data-kind] {
  font-size: 14px;
  line-height: normal;
  color: #000000;
}
html.skin-2004 .v-pl-route > li + li {
  border-top: 1px solid #dddddd;
}
html.skin-2004 .v-pl-route li[data-kind='rank'],
html.skin-2004 .v-pl-route li[data-kind='start'],
html.skin-2004 .v-pl-route li[data-goal] {
  font-weight: bold;
}
html.skin-2004 .v-pl-craft b {
  color: #000000;
}
html.skin-2004 .v-pl-at {
  color: #000000;
}
html.skin-2004 .v-pl-foot {
  gap: 4px 12px;
  padding: 2px 4px;
  border-top: 2px solid #aaaaaa;
  background: #cccccc;
}
html.skin-2004 .v-pl-sum {
  font-size: 14px;
  color: #000000;
}
html.skin-2004 .v-pl-sum b {
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .skin-2004-page .v-pl-actions .btn {
  min-height: 0;
  padding: revert;
  font: revert;
}
html.skin-2004 .skin-2004-page .v-pl-actions .btn:disabled {
  opacity: 1;
}
html.skin-2004 .v-pl-filters {
  padding: 4px 6px;
  border-bottom: 1px solid #999999;
  background: #dddddd;
}
html.skin-2004 .v-pl-ladder {
  padding: 4px 8px 8px;
  border-right: 1px solid #999999;
}
html.skin-2004 .v-pl-band {
  padding: 4px 0;
}
html.skin-2004 .v-pl-band + .v-pl-band {
  border-top: 1px solid #dddddd;
}
html.skin-2004 .v-pl-rankline {
  padding: 1px 4px;
  border-bottom: 0;
  background: #cccccc;
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .v-pl-bandat,
html.skin-2004 .v-pl-band[data-here] .v-pl-bandat {
  font: 13px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .v-pl-band[data-here] .v-pl-bandat {
  font-weight: bold;
}
html.skin-2004 .v-pl-sep {
  background: #999999;
}
html.skin-2004 .v-pl-goals li {
  font-size: 14px;
  color: #000000;
}
html.skin-2004 .v-pl-path-row small,
html.skin-2004 .v-pl-only-kind small {
  color: #000000;
}
html.skin-2004 .v-pl-only-noicon {
  background: #dddddd;
}
html.skin-2004 .v-pl-only-kind img,
html.skin-2004 .v-pl-only-noicon {
  outline: 1px solid #000000;
}
html.skin-2004 .v-pl-plan-in {
  border-left: 1px solid #999999;
}
/* the skill bar: a grey track filled in light blue, its words black */
html.skin-2004 .v-pf-rank-bar {
  border: 1px solid #333333;
  background: #dddddd;
}
html.skin-2004 .v-pf-rank-bar::before {
  background: #9999ff;
}
html.skin-2004 .v-pf-rank-bar input::-webkit-slider-thumb {
  border: 1px solid #333333;
  background: #999999;
}
html.skin-2004 .v-pf-rank-bar input::-moz-range-thumb {
  border: 1px solid #333333;
  background: #999999;
}
html.skin-2004 .v-pf-rank-text {
  font: bold 14px / 1 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .v-pf-coins {
  color: #000000;
}
html.skin-2004 .v-pf-coins [data-c='g'] i {
  color: #aa8800;
}
html.skin-2004 .v-pf-coins [data-c='s'] i {
  color: #808080;
}
html.skin-2004 .v-pf-coins [data-c='c'] i {
  color: #aa5500;
}

/* the comments under a page: Thottbot's thread, a grey head over each post */
html.skin-2004 .lx-comments,
html.skin-2004 .dl-page .lx-comments {
  gap: 6px;
}
html.skin-2004 .lx-comments-head,
html.skin-2004 .dl-page .lx-comments-head {
  margin: 0;
  padding: 0 4px;
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #333333;
  background: #000055;
}
html.skin-2004 .skin-2004-page .lx-comments-head h2,
html.skin-2004 .skin-2004-page .lx-comments .k-h2 {
  flex: 1;
  font: bold 16px / 1.25 Arial, Garamond, Helvetica;
  color: #ffdd00;
  text-align: center;
}
html.skin-2004 .skin-2004-page .lx-comments-head h2 small {
  font: bold 13px Arial, Garamond, Helvetica;
  color: #ffdd00;
}
html.skin-2004 .lx-side-tab {
  color: #ffdd33;
}
html.skin-2004 .lx-comment-list > li {
  gap: 6px;
  padding: 4px 0;
  border-top: 1px solid #cccccc;
}
html.skin-2004 .lx-comment-list > li[data-top],
html.skin-2004 .dl-page .lx-comment-list > li[data-top] {
  background: #ffff88;
}
html.skin-2004 .lx-comment-by {
  padding: 1px 3px;
  background: #cccccc;
  font-size: 13px;
  color: #000000;
}
html.skin-2004 .lx-comment-by b,
html.skin-2004 .lx-comment-list > li[data-top] .lx-comment-by b {
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .lx-comment-text,
html.skin-2004 .lx-comment-list > li[data-top] .lx-comment-text {
  font-size: 14px;
  line-height: normal;
  color: #000000;
}
html.skin-2004 .lx-comment-mark,
html.skin-2004 .dl-page .lx-comment-list > li[data-top] > div::before {
  font: bold 13px Arial, Garamond, Helvetica;
  color: #000055;
}
html.skin-2004 .lx-comment-field,
html.skin-2004 .lx-comment-name,
html.skin-2004 .lx-comment-said {
  font-size: 14px;
  color: #000000;
}
html.skin-2004 .lx-comment-pic,
html.skin-2004 .lx-comment-remove {
  color: #000000;
}
html.skin-2004 .lx-comment-error {
  color: #cc0000;
}
html.skin-2004 .skin-2004-page .lx-comment-send .btn,
html.skin-2004 .skin-2004-page .lx-comment-edit .btn {
  min-height: 0;
  font: revert;
}

/* ── dungeons (src/components/v2/dungeons) ──────────────────────────────── */
html.skin-2004 .v-dg-page {
  --ov-quiet: #808080;
}
html.skin-2004 .dl-page {
  --dl-quiet: #555555;
}
/* the overview: Thottbot's zone list, the level range before each name */
html.skin-2004 .ov-tiles {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 16px;
}
html.skin-2004 .ov-tile,
html.skin-2004 .ov-tile:hover {
  display: flex;
  align-items: baseline;
  gap: 4px;
  aspect-ratio: auto;
  padding: 1px 0;
  border: 0;
  background: none;
  overflow: visible;
  isolation: auto;
}
html.skin-2004 .ov-tile .h-art,
html.skin-2004 .ov-tile::after {
  display: none;
}
html.skin-2004 .ov-tile-top {
  flex: none;
  gap: 2px;
  width: 58px;
}
html.skin-2004 .ov-go {
  font: 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .ov-skull {
  order: 2;
  width: 14px;
  height: 14px;
  margin: 0;
  opacity: 1;
  filter: none;
}
html.skin-2004 .ov-tile-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 6px;
}
html.skin-2004 .ov-tile-name,
html.skin-2004 .ov-tile:hover .ov-tile-name {
  order: -1;
  font: 16px Arial, Garamond, Helvetica;
  color: inherit;
}
html.skin-2004 .ov-mark {
  font: italic 12px Arial, Garamond, Helvetica;
  color: #555555;
}
html.skin-2004 .ov-mark[data-k='new'] {
  color: #008800;
}
html.skin-2004 .ov-tile-skip {
  font-size: 12px;
  color: #808080;
}
/* the Alliance | Horde pick: two words in an option bar, the reader's in black */
html.skin-2004 .dl-sides {
  gap: 0;
  padding: 0 2px;
  border: 2px solid;
  border-color: #aaaaaa #333333 #333333 #999999;
  background: #dddddd;
}
html.skin-2004 .dl-sides button {
  padding: 1px 6px;
  background: none;
  font: 14px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .dl-sides img {
  opacity: 1;
  filter: none;
}
html.skin-2004[data-side-pick='alliance'] .dl-sides button[data-side='alliance'],
html.skin-2004[data-side-pick='horde'] .dl-sides button[data-side='horde'],
html.skin-2004:not([data-side-pick]) .dl-sides button[data-side='alliance'] {
  background: none;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
/* a dungeon's journal */
html.skin-2004 .skin-2004-page :is(.dl-h2, .dl-h3, .dp-where, .dp-h3) {
  font: bold 16px / 1.25 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .dp-where small {
  font: 13px Arial, Garamond, Helvetica;
}
html.skin-2004 .dp-who {
  font: 13px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .dp-q,
html.skin-2004 .dl1-boss-quests li {
  font: 16px / 1.25 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .dp-lvl {
  font: 13px Arial, Garamond, Helvetica;
}
html.skin-2004 .dl1-journal .dl-pick-list {
  gap: 0;
  background: #dddddd;
}
html.skin-2004 .dl1-journal .dl-pick-list button,
html.skin-2004 .dl1-journal .dl-pick-list button:hover {
  min-height: 0;
  padding: 2px 5px;
  background: none;
  font: 14px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .dl1-journal .dl-pick-list button[aria-selected='true'] {
  background: none;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
html.skin-2004 .dl1-journal .dl-pick-list small {
  font: 12px Arial, Garamond, Helvetica;
  color: #555555;
}
html.skin-2004 .dl1-gi {
  background: none;
  outline: 1px solid #000000;
}
html.skin-2004 .dl1-tabs-row button,
html.skin-2004 .dl1-tabs-row button:hover {
  font: 16px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .dl1-tabs-row button[aria-selected='true'] {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
html.skin-2004 .dl1-tabs-row button small {
  font: 12px Arial, Garamond, Helvetica;
  color: #555555;
}
html.skin-2004 .dl1-abilities li,
html.skin-2004 .dl1-creatures,
html.skin-2004 .dl1-creatures li,
html.skin-2004 .dl-abilities,
html.skin-2004 .dl-keys,
html.skin-2004 .dl-keys b,
html.skin-2004 .dl-loot-text {
  font-size: 14px;
  color: #000000;
}
html.skin-2004 .dl1-abilities .dl1-by {
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .dl1-flip {
  font: 13px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .dl1-flip button,
html.skin-2004 .dl1-flip button:hover:not(:disabled) {
  appearance: auto;
  width: auto;
  height: auto;
  padding: revert;
  border: revert;
  background: revert;
  font: revert;
  color: revert;
}
html.skin-2004 .dl1-none {
  font-size: 14px;
}
html.skin-2004 .dl-need {
  color: #000000;
}
html.skin-2004 .dl-lock:hover,
html.skin-2004 .dl-lock[aria-expanded='true'] {
  color: #0000ff;
}
html.skin-2004 .dl-path-n,
html.skin-2004 .dl-path-from,
html.skin-2004 .dl-path-q small {
  color: #555555;
}
html.skin-2004 .dl-path-q {
  font: 14px / 1.25 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .dl-path li[data-here] .dl-path-q {
  font-weight: bold;
  color: #000000;
}
html.skin-2004 .dl-slot {
  outline: 1px solid var(--q, #000000);
}
html.skin-2004 .dlb-cards button,
html.skin-2004 .dlb-cards .dlb-still {
  color: #000000;
}
html.skin-2004 .dlb-cards button:hover {
  background: #dddddd;
}
html.skin-2004 .dlb-card-name,
html.skin-2004 .dlb-cards button:hover .dlb-card-name {
  font: bold 14px / 1.25 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .dlb-card-name small {
  font: 12px Arial, Garamond, Helvetica;
}
/* the boss map and the way in: the maps keep their own drawing; their frames are 2006's */
html.skin-2004 .dlm {
  border: 2px solid;
  border-color: #999999 #333333 #333333 #999999;
  background: #ffffff;
}
html.skin-2004 .dl-rmap {
  border: 2px solid;
  border-color: #999999 #333333 #333333 #999999;
}
html.skin-2004 .dl-rmap-way,
html.skin-2004 .dl-rcard {
  border: 1px solid #333333;
  background: #ffffff;
  font: 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .dl-rcard-title {
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .dl-rmap-zoom button,
html.skin-2004 .dl-copy {
  appearance: auto;
  padding: revert;
  border: revert;
  background: revert;
  font: revert;
  color: revert;
}

/* ── the world map (src/components/world-map.tsx) ───────────────────────── */
html.skin-2004 .wm::before,
html.skin-2004 .wm-where::before,
html.skin-2004 .wm-goblins {
  display: none;
}
html.skin-2004 .wm-window {
  border: 2px solid;
  border-color: #999999 #333333 #333333 #999999;
  background: #ffffff;
}
/* the map's name over its corner: a button of the option bar's grey */
html.skin-2004 .skin-2004-page .wm-where .k-h1 {
  font: bold 16px Arial, Garamond, Helvetica;
}
html.skin-2004 .wm-title {
  padding: 1px 6px;
  border: 2px solid;
  border-color: #eeeeee #333333 #333333 #eeeeee;
  background: #dddddd;
  color: #000000;
}
html.skin-2004 .wm-title svg,
html.skin-2004 .wm-title:hover svg,
html.skin-2004 .wm-title[aria-expanded='true'] svg {
  color: #000000;
  filter: none;
}
html.skin-2004 .wm-worlds {
  border: 2px solid;
  border-color: #999999 #333333 #333333 #999999;
  background: #ffffff;
}
html.skin-2004 .skin-2004-page .wm-worlds h2 {
  padding: 0 2px;
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #333333;
  background: #000055;
  font: bold 13px Arial, Garamond, Helvetica;
  color: #ffdd00;
}
html.skin-2004 .wm-worlds li button,
html.skin-2004 .wm-worlds li button:hover {
  background: none;
  font: 14px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .wm-worlds li button[aria-current] {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
/* its side panel: the summary's grey, its tabs as words */
html.skin-2004 .wm-panel {
  border-right: 2px solid #333333;
  background: #dddddd;
}
html.skin-2004 .wm-tabs button,
html.skin-2004 .wm-tabs button:hover {
  height: auto;
  padding: 2px 0;
  background: none;
  font: 14px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .wm-tabs button[aria-selected='true'] {
  color: #000000;
  text-decoration: none;
}
html.skin-2004 .wm-tabs button[aria-selected='true']::before {
  display: none;
}
html.skin-2004 .wm-tabs button[data-soon] {
  color: #808080;
}
html.skin-2004 .skin-2004-page .wm-h {
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .wm-empty,
html.skin-2004 .wm-replay,
html.skin-2004 .wm-places small,
html.skin-2004 .wm-stops small,
html.skin-2004 .wm-guild small {
  color: #000000;
}
html.skin-2004 .wm-soon p {
  font: bold 16px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .wm-tiles button {
  background: #ffffff;
  outline: 1px solid #000000;
}
html.skin-2004 .wm-tiles button[aria-current] {
  outline: 2px solid #0000ff;
}
html.skin-2004 .wm-tiles span,
html.skin-2004 .wm-tiles button[data-kind='city'] span {
  background: #dddddd;
  font: 12px / 1.2 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .wm-tiles button[data-kind='city'] span {
  font-weight: bold;
}
html.skin-2004 .wm-places li > button:first-child,
html.skin-2004 .wm-stops li > button:first-child {
  background: none;
  color: #000000;
}
html.skin-2004 .wm-places li > button:first-child:hover,
html.skin-2004 .wm-places li > button[aria-current],
html.skin-2004 .wm-stops li > button:first-child:hover,
html.skin-2004 .wm-stops li[data-current] > button:first-child {
  background: #cccccc;
}
html.skin-2004 .wm-places li > button[aria-current] b {
  color: #000000;
}
html.skin-2004 .wm-link,
html.skin-2004 .wm-card-link {
  font: 14px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .wm-clear,
html.skin-2004 .wm-remove,
html.skin-2004 .wm-card-close {
  color: #000000;
}
html.skin-2004 .wm-replay button {
  border: 1px solid #333333;
  background: #dddddd;
  color: #000000;
}
html.skin-2004 .wm-guild b {
  color: #000000;
}
html.skin-2004 .wm-shots button,
html.skin-2004 .wm-shots button:hover {
  border: 1px solid #000000;
  background: #000000;
}
html.skin-2004 .wm-shots b {
  font: bold 14px Arial, Garamond, Helvetica;
  color: #ffffff;
}
/* the map itself keeps its own drawing; the names on it in their own light colours */
html.skin-2004 .maplibregl-canvas-container {
  --cream: #efd9b9;
  --white: #efd9b9;
  --soft: #c4b095;
  --dim: #9b8a74;
  --gold: #c88d10;
  --gold-hi: #e8a82a;
  --gold-bright: #f8d030;
}
html.skin-2004 .skin-2004-page .atlas-map-label {
  text-decoration: none;
}
html.skin-2004 .wm-map-state {
  background: #ffffff;
  font: 16px Arial, Garamond, Helvetica;
  color: #000000;
}
/* the tools down the map's side: a grey bar of buttons */
html.skin-2004 .wm-tools,
html.skin-2004 .wm-row,
html.skin-2004 .wm-capitals-list {
  border: 2px solid;
  border-color: #eeeeee #333333 #333333 #eeeeee;
  background: #dddddd;
}
html.skin-2004 .wm-group + .wm-group {
  border-top: 1px solid #999999;
}
html.skin-2004 .wm-tools button,
html.skin-2004 .wm-tools button:hover:not(:disabled),
html.skin-2004 .wm-tools .wm-capitals-list button {
  color: #000000;
}
html.skin-2004 .wm-tools button[aria-checked='true'],
html.skin-2004 .wm-tools button[aria-pressed='true'] {
  background-color: #aaaaaa;
  color: #000000;
}
html.skin-2004 .wm-tools button img {
  opacity: 1;
  filter: none;
}
html.skin-2004 .wm-tools button[data-on]::after {
  background: #0000ff;
}
html.skin-2004 .wm-tools .wm-capitals-list button:hover {
  background: #cccccc;
}
html.skin-2004 .wm-tools .wm-capitals-list button[aria-current] {
  font-weight: bold;
}
/* the map's small boxes: tips as the game's tooltip, notes as thott.css's yellow help box */
html.skin-2004 .wm-tip,
html.skin-2004 .wm-cat-tip,
html.skin-2004 .wm-cat-prompt,
html.skin-2004 .atlas-travel-tip {
  border: 2px solid;
  border-color: #eeeeee #888888 #888888 #eeeeee;
  background: #282828;
  font: 13px Arial, Garamond, Helvetica;
  color: #ffffff;
}
html.skin-2004 .wm-status,
html.skin-2004 .wm-notice,
html.skin-2004 .wm-map-error,
html.skin-2004 .atlas-world-progress {
  border: 1px solid;
  border-color: #eeeeee #333333 #333333 #eeeeee;
  background: #ffff99;
  font: 13px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .wm-map-error button,
html.skin-2004 .wm-status button,
html.skin-2004 .atlas-world-progress button,
html.skin-2004 .atlas-world-unavailable button {
  font: 13px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .wm-card {
  border: 2px solid;
  border-color: #999999 #333333 #333333 #999999;
  background: #ffffff;
}
html.skin-2004 .skin-2004-page .wm-card h2 {
  font: bold 16px / 1.2 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .wm-card p {
  color: #000000;
}
html.skin-2004 .skin-2004-page .wm-actions .btn,
html.skin-2004 .skin-2004-page .wm-card .btn {
  min-height: 0;
  font: revert;
}
html.skin-2004 .skin-2004-page .wm-actions .btn:disabled {
  opacity: 1;
}
html.skin-2004 .atlas-world-unavailable {
  font: 16px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .atlas-client-world {
  background: #ffffff;
}

/* ── the dressing room (src/components/v2/dressing-room) ───────────────── */
/* the model on white, as Thottbot showed its item models */
html.skin-2004 .dr-stage {
  background-color: #ffffff;
  background-image: none !important;
}
html.skin-2004 .dr-bar {
  background: none;
}
html.skin-2004 .dr-chip,
html.skin-2004 .dr-strip {
  border: 2px solid;
  border-color: #eeeeee #333333 #333333 #eeeeee;
  background: #dddddd;
}
html.skin-2004 .dr-chip,
html.skin-2004 .dr-chip:hover {
  font: 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .dr-chip-body {
  color: #000000;
}
html.skin-2004 .dr-races img,
html.skin-2004 .dr-crests img,
html.skin-2004 .dr-slotpick img {
  outline: 1px solid #000000;
}
html.skin-2004 .dr-races [aria-checked='true'] img,
html.skin-2004 .dr-crests [aria-pressed='true'] img,
html.skin-2004 .dr-slotpick [aria-pressed='true'] img {
  outline: 2px solid #0000ff;
}
html.skin-2004 .dr-bodies button,
html.skin-2004 .dr-bodies button:hover {
  color: #000000;
}
html.skin-2004 .dr-bodies [aria-checked='true'] {
  outline: 1px solid #000000;
  font-weight: bold;
  color: #000000;
}
html.skin-2004 .dr-slot .gi {
  outline: 1px solid #000000;
}
html.skin-2004 .dr-slot:not(:disabled):hover .gi {
  outline: 1px solid #0000ff;
}
html.skin-2004 .dr-slot[aria-pressed='true'] .gi {
  outline: 2px solid #0000ff;
}
html.skin-2004 .dr-acts button,
html.skin-2004 .dr-acts button:hover {
  appearance: auto;
  padding: revert;
  border: revert;
  background: revert;
  font: revert;
  color: revert;
}
html.skin-2004 .dr-acts button:disabled {
  opacity: 1;
}
html.skin-2004 .dr-stage-error {
  background: #ffff99;
  color: #000000;
}
html.skin-2004 .dr-ward {
  border-left: 2px solid #999999;
}
html.skin-2004 .dr-tabs button,
html.skin-2004 .dr-tabs button:hover {
  height: auto;
  padding: 2px 0;
  background: none;
  font: 16px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .dr-tabs button[aria-selected='true'] {
  color: #000000;
  text-decoration: none;
}
html.skin-2004 .dr-tabs button[aria-selected='true']::before {
  display: none;
}
html.skin-2004 .dr-slotpick .dr-slotpick-all,
html.skin-2004 .dr-slotpick .dr-slotpick-all:hover {
  outline: 1px solid #000000;
  font: 13px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .dr-slotpick .dr-slotpick-all[aria-pressed='true'] {
  outline: 2px solid #0000ff;
  font-weight: bold;
}
html.skin-2004 .dr-check {
  color: #000000;
}
html.skin-2004 .skin-2004-page .dr-group h3 {
  padding: 1px 4px;
  background: #cccccc;
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .dr-group h3 a:link,
html.skin-2004 .dr-group h3 a:visited {
  color: #0000ff;
}
html.skin-2004 .dr-group h3 small {
  font: 12px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .dr-card,
html.skin-2004 .dr-item {
  background: none;
  outline: 1px solid #dddddd;
}
html.skin-2004 .dr-card:hover,
html.skin-2004 .dr-item:hover {
  background: #eeeeee;
}
html.skin-2004 .dr-card[aria-pressed='true'],
html.skin-2004 .dr-item[aria-pressed='true'] {
  background: #cccccc;
  outline: 1px solid #333333;
}
html.skin-2004 .dr-card-name,
html.skin-2004 .dr-item-name {
  font: bold 14px / 1.25 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .dr-card-text small {
  font: 12px / 1.3 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .dr-card-text em {
  color: #000055;
}

/* ── legacy, games, levels, the legal pages, reports, the missing page ─── */
html.skin-2004 .v-lg-q {
  background: #dddddd;
  outline: 1px solid #999999;
  font: bold calc(var(--n) * 0.5) / 1 Arial, Garamond, Helvetica;
  color: #808080;
}
html.skin-2004 .v-lg-guide .k-table td:first-child {
  font-family: Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .v-lg-track b {
  font: bold 16px / 1 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .v-lg-guide .db-ent a {
  font-size: 14px;
}
/* the games: their names and words in plain boxes, no paintings */
html.skin-2004 .g-card,
html.skin-2004 .g-card[data-kind='mixed'] {
  min-height: 0;
  border: 2px solid;
  border-color: #999999 #333333 #333333 #999999;
  background: #ffffff;
}
html.skin-2004 .g-card-art {
  display: none;
}
html.skin-2004 .skin-2004-page .g-card h2 {
  font-size: 18px;
}
html.skin-2004 .g-card p,
html.skin-2004 .g-card-day,
html.skin-2004 .g-card-day b,
html.skin-2004 .g-join label,
html.skin-2004 .g-played,
html.skin-2004 .g-played b {
  font: 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-card-day b,
html.skin-2004 .g-played b {
  font-weight: bold;
}
html.skin-2004 .skin-2004-page .g-card-play {
  min-height: 0;
}
/* levels and ranks */
html.skin-2004 .lvg-nav button[aria-pressed='true'] {
  background: none;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
html.skin-2004 .lvg-nav button:hover {
  background: none;
  color: #0000ff;
}
html.skin-2004 .lvg-nav small {
  font: 12px Arial, Garamond, Helvetica;
  color: #555555;
}
html.skin-2004 .lvg-grid img {
  outline: 1px solid #000000;
}
html.skin-2004 .lvg-grid b {
  font: 14px / 1.25 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .lvg-grid small {
  font-size: 12px;
  color: #000000;
}
html.skin-2004 .lvg-grid li[data-locked] b {
  color: #808080;
}
html.skin-2004 .lv-note,
html.skin-2004 .lv-note-s,
html.skin-2004 .lv-list li,
html.skin-2004 .lv-list b,
html.skin-2004 .lv-ranks li,
html.skin-2004 .lv-ranks small,
html.skin-2004 .lv-rankline span,
html.skin-2004 .lv-you small,
html.skin-2004 .lv-ach small {
  color: #000000;
}
html.skin-2004 .lv-note,
html.skin-2004 .lv-list li,
html.skin-2004 .lv-ranks li {
  font-size: 14px;
  line-height: normal;
}
html.skin-2004 .lv-ranks li[data-current] span {
  font-weight: bold;
  color: #000000;
}
html.skin-2004 .lv-you b,
html.skin-2004 .lv-rankline b,
html.skin-2004 .lv-ach b {
  font: bold 16px / 1.2 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .lv-bar {
  border: 1px solid #333333;
  background: #dddddd;
}
/* privacy and terms */
html.skin-2004 .lg-intro {
  font-size: 16px;
  line-height: normal;
  color: #000000;
}
html.skin-2004 .lg-clauses > li {
  background: none;
  border-top: 1px solid #cccccc;
}
html.skin-2004 .skin-2004-page .lg-clauses h2 {
  font: bold 16px / 1.3 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .lg-num {
  font-size: 16px;
  color: #000000;
}
html.skin-2004 .lg-clauses p {
  line-height: normal;
  color: #000000;
}
html.skin-2004 .lg p a:link {
  color: #0000ff;
}
/* combat reports and journeys: the page's name is the title bar's */
html.skin-2004 .report-page {
  width: auto;
  min-height: 0;
  font: 16px / normal Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .skin-2004-page .report-page h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
html.skin-2004 .skin-2004-page .report-page h2 {
  font: bold 16px / 1.25 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .report-page a:link {
  color: #0000ff;
}
html.skin-2004 .report-heading p,
html.skin-2004 .report-note,
html.skin-2004 .report-map-key,
html.skin-2004 .report-milestones time,
html.skin-2004 .report-table th,
html.skin-2004 .report-list span,
html.skin-2004 .report-list small,
html.skin-2004 .chart-caption,
html.skin-2004 .chart-times {
  color: #000000;
}
html.skin-2004 .report-list strong,
html.skin-2004 .report-table button,
html.skin-2004 .report-metrics button {
  font: bold 16px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .report-metrics button[aria-pressed='true'],
html.skin-2004 .report-milestones .selected {
  color: #000055;
}
html.skin-2004 .report-milestones button {
  color: #000000;
}
html.skin-2004 .report-map {
  border: 2px solid;
  border-color: #999999 #333333 #333333 #999999;
}
/* the missing page: its words, without the goblins */
html.skin-2004 .nf-goblins {
  display: none;
}
html.skin-2004 .skin-2004-page .nf h1 {
  font: bold 20px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .nf-meta {
  font: 16px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .nf-note {
  font: 14px Arial, Garamond, Helvetica;
  color: #000000;
}
/* paddings today's pages keep for the site's floating header */
html.skin-2004 .wm {
  padding: 0 0 12px;
}
html.skin-2004 .report-page {
  margin: 0;
  padding: 4px 0 24px;
}
html.skin-2004 .nf {
  width: auto;
  padding: 40px 0;
}
html.skin-2004 .g-card {
  grid-template-rows: auto;
}
/* the dressing room's sets one to a row, so a set's whole name shows; a class named in black */
html.skin-2004 .dr-cards,
html.skin-2004 .dr-items {
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
}
html.skin-2004 .dr-card-text small span {
  color: #000000 !important;
}
html.skin-2004 .k-sechead .k-sechead-count {
  color: #ffdd00;
}
/* the style page: its full-bleed rows stay in the column; its samples on white */
html.skin-2004 .sg-bleed {
  width: auto;
  margin-left: 0;
}
html.skin-2004 .sg-tex {
  display: none;
}
html.skin-2004 .sg-rule,
html.skin-2004 .sg-swatches span,
html.skin-2004 .sg-type small,
html.skin-2004 .sg-ruled span {
  color: #000000;
}
html.skin-2004 .sg-code,
html.skin-2004 .sg-swatches code {
  color: #000000;
}
html.skin-2004 .sg-swatches i {
  outline: 1px solid #000000;
}
html.skin-2004 .sg-swatches strong,
html.skin-2004 .sg-ruled strong {
  font: bold 14px / 1.2 Arial, Garamond, Helvetica;
  color: #000000;
}
/* a page head with nothing to show but its name (the title bar's) takes no room */
html.skin-2004 .k-head:not(:has(.k-crumbs, .k-head-meta, .k-head-actions, .k-head-icon)) {
  padding: 0;
}
html.skin-2004 .lv-grid {
  margin-top: 0;
}
/* money inside a tooltip, light on the dark */
html.skin-2004 [class*='tip'] .v-pf-coins {
  color: #ffffff;
}
html.skin-2004 [class*='tip'] .v-pf-coins [data-c='g'] i {
  color: #ffd24a;
}
html.skin-2004 [class*='tip'] .v-pf-coins [data-c='s'] i {
  color: #c9ccd4;
}
html.skin-2004 [class*='tip'] .v-pf-coins [data-c='c'] i {
  color: #e0844a;
}

/* tabs drawn as buttons (the games' modes): words, the open one in black */
html.skin-2004 .k-tabs button,
html.skin-2004 .k-tabs button:hover {
  padding: 0 6px;
  border: 0;
  background: none;
  font: 16px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
  opacity: 1;
}
html.skin-2004 .k-tabs button + button {
  border-left: 1px solid #000000;
}
html.skin-2004 .k-tabs button[aria-selected='true'] {
  background: none;
  color: #000000;
  text-decoration: none;
}

/* ── the games (src/components/games) ───────────────────────────────────── */
html.skin-2004 .g-page::before,
html.skin-2004 .g-invite-art,
html.skin-2004 .a-lab-bar {
  display: none;
}
html.skin-2004 .g-window {
  border: 2px solid;
  border-color: #999999 #333333 #333333 #999999;
  background: #ffffff;
}
html.skin-2004 .g-hud {
  border-bottom: 2px solid #333333;
  background: #cccccc;
}
html.skin-2004 .g-hud-name,
html.skin-2004 .g-hud-round,
html.skin-2004 .g-hud-score {
  font: bold 16px / 1.2 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-hud-round {
  font-weight: normal;
}
html.skin-2004 .g-hud-score small {
  color: #000000;
}
html.skin-2004 .g-hud-back,
html.skin-2004 .g-hud-back:hover {
  font: 14px / 1 Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
/* the round's clock, the skill bar's track and fill */
html.skin-2004 .g-clock {
  border: 1px solid #333333;
  background: #dddddd;
}
html.skin-2004 .g-clock-fill {
  background: #9999ff;
}
html.skin-2004 .g-clock[data-late] .g-clock-fill {
  background: #ff9999;
}
html.skin-2004 .g-clock span,
html.skin-2004 .g-health span,
html.skin-2004 .a-health span {
  font: bold 11px / 1 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-frame-name,
html.skin-2004 .g-frame-name small {
  font: bold 14px / 1.1 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-frame-name small {
  font-weight: normal;
}
html.skin-2004 .g-health,
html.skin-2004 .a-health {
  border: 1px solid #333333;
  background: #dddddd;
}
html.skin-2004 .g-warning {
  background: none;
}
html.skin-2004 .g-warning strong {
  font: bold 40px / 1 Arial, Garamond, Helvetica;
  color: #000055;
}
html.skin-2004 .g-warning span {
  font: bold 18px / 1.2 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-pin span {
  border: 1px solid #333333;
  background: #ffffff;
  font: 12px / 1.4 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-corner-map {
  border: 2px solid;
  border-color: #999999 #333333 #333333 #999999;
  background: #ffffff;
}
/* who or what is asked about, on white */
html.skin-2004 .g-npc-who,
html.skin-2004 .g-item,
html.skin-2004 .g-trivia,
html.skin-2004 .g-final,
html.skin-2004 .g-center,
html.skin-2004 .g-center[data-over],
html.skin-2004 .g-lobby,
html.skin-2004 .a-stage,
html.skin-2004 .a-choices {
  background: #ffffff;
}
html.skin-2004 .g-lobby-side,
html.skin-2004 .g-bosses {
  border-left: 1px solid #999999;
  background: #dddddd;
}
html.skin-2004 .g-bosses {
  border-left: 0;
  border-top: 1px solid #999999;
}
/* a window narrower than the skin's 1000px leaves no room for General beside the rooms */
@media (max-width: 999px) {
  html.skin-2004 .g-hub-lobby {
    grid-template-columns: minmax(0, 1fr);
  }
}
html.skin-2004 .g-npc-name strong {
  font: bold 22px / 1.1 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-npc-name span,
html.skin-2004 .g-npc-kind,
html.skin-2004 .g-npc-kind b,
html.skin-2004 .g-npc-kind [data-rank='rare'],
html.skin-2004 .g-npc-kind [data-rank='rare elite'] {
  font: 16px / 1.3 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-npc-name[data-hostile] strong,
html.skin-2004 .g-npc-kind [data-hostile] {
  color: #cc0000;
}
html.skin-2004 .g-item-look img.g-still {
  filter: none;
}
html.skin-2004 .g-where-head,
html.skin-2004 .skin-2004-page .g-question h2,
html.skin-2004 .g-lead,
html.skin-2004 .g-invite .g-lead,
html.skin-2004 .g-seats-head,
html.skin-2004 .a-picker-says {
  font: bold 18px / 1.2 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-where-group,
html.skin-2004 .g-invite-game,
html.skin-2004 .g-code-label,
html.skin-2004 .g-setting > span,
html.skin-2004 .g-join label {
  font: bold 14px / 1.2 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-tile {
  border: 1px solid #000000;
}
html.skin-2004 .g-tile[aria-pressed='true'],
html.skin-2004 .g-games button[aria-pressed='true'],
html.skin-2004 .a-picker-row button[aria-pressed='true'] {
  outline: 2px solid #0000ff;
}
html.skin-2004 .g-tile[data-state='right'] {
  outline: 2px solid #00bb00;
}
html.skin-2004 .g-tile[data-state='wrong'] {
  outline: 2px solid #cc0000;
}
html.skin-2004 .g-bosses-label,
html.skin-2004 .g-boss,
html.skin-2004 .g-boss[aria-pressed='true'] {
  font: 12px / 1.2 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-boss[aria-pressed='true'] {
  font-weight: bold;
}
html.skin-2004 .g-boss > span:first-child,
html.skin-2004 .g-question-image[data-shape],
html.skin-2004 .g-result-answer img,
html.skin-2004 .g-rounds-pic,
html.skin-2004 .a-defence-icon img,
html.skin-2004 .a-chose img,
html.skin-2004 .a-seat-face,
html.skin-2004 .a-standings-face {
  outline: 1px solid #000000;
}
html.skin-2004 .g-boss[aria-pressed='true'] > span:first-child {
  outline: 2px solid #0000ff;
}
/* the answers: the browser's grey buttons, right in green and wrong in red */
html.skin-2004 .g-option,
html.skin-2004 .a-choice,
html.skin-2004 .a-attack,
html.skin-2004 .g-choice button {
  border: 2px solid;
  border-color: #eeeeee #333333 #333333 #eeeeee;
  background: #dddddd;
  font: 16px / 1.25 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-choice button {
  min-height: 0;
  font-size: 14px;
}
html.skin-2004 .g-option:hover:not(:disabled),
html.skin-2004 .a-attack:hover,
html.skin-2004 .g-choice button:hover:not(:disabled) {
  background: #eeeeee;
  color: #000000;
}
html.skin-2004 .g-option[aria-pressed='true'],
html.skin-2004 .g-choice button[aria-pressed='true'] {
  border-color: #333333 #eeeeee #eeeeee #333333;
  background: #bbbbbb;
  font-weight: bold;
  color: #000000;
}
html.skin-2004 .g-option[data-state='right'],
html.skin-2004 .a-choice[data-right] {
  border-color: #00bb00;
  background: #ccffcc;
  color: #000000;
}
html.skin-2004 .g-option[data-state='wrong'] {
  border-color: #cc0000;
  background: #ffcccc;
  color: #000000;
}
html.skin-2004 .a-choice svg {
  color: #008800;
}
html.skin-2004 .g-choice {
  gap: 2px;
  background: none;
}
html.skin-2004 .g-result,
html.skin-2004 .a-banner,
html.skin-2004 .a-bubble {
  border: 2px solid;
  border-color: #999999 #333333 #333333 #999999;
  background: #ffffff;
  color: #000000;
}
html.skin-2004 .a-bubble::after {
  background: #ffffff;
}
html.skin-2004 .g-result-points strong,
html.skin-2004 .a-banner strong,
html.skin-2004 .g-code strong {
  font: bold 24px / 1.1 Arial, Garamond, Helvetica;
  color: #000055;
}
html.skin-2004 .g-result-points > span,
html.skin-2004 .g-result-speed,
html.skin-2004 .g-result-answer,
html.skin-2004 .g-result-answer small,
html.skin-2004 .g-wait,
html.skin-2004 .g-sub,
html.skin-2004 .g-note,
html.skin-2004 .g-mode p,
html.skin-2004 .g-board-empty,
html.skin-2004 .a-banner,
html.skin-2004 .a-picker-says small,
html.skin-2004 .a-bubble,
html.skin-2004 .a-bubble-score small {
  font-family: Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-result-answer {
  font-size: 16px;
}
html.skin-2004 .g-speed {
  color: #000055;
}
html.skin-2004 .g-copied {
  color: #008800;
}
html.skin-2004 .g-error {
  color: #cc0000;
}
html.skin-2004 .g-waiting,
html.skin-2004 .g-alert {
  border: 1px solid;
  border-color: #eeeeee #333333 #333333 #eeeeee;
  background: #ffff99;
  color: #000000;
}
/* the scores and the rounds: report rows */
html.skin-2004 .g-scores li:nth-child(odd),
html.skin-2004 .g-rounds li:nth-child(odd),
html.skin-2004 .g-seats li {
  background: #eaeaea;
}
html.skin-2004 .g-scores li[data-you] {
  background: #ffff88;
}
html.skin-2004 .g-scores-rank,
html.skin-2004 .g-scores-name,
html.skin-2004 .g-scores-answer,
html.skin-2004 .g-scores-total,
html.skin-2004 .g-rounds-n,
html.skin-2004 .g-rounds-what,
html.skin-2004 .g-rounds-what a,
html.skin-2004 .g-rounds-detail,
html.skin-2004 .g-rounds-points,
html.skin-2004 .g-seats-name,
html.skin-2004 .g-seats-name small,
html.skin-2004 .g-final-kicker,
html.skin-2004 .g-final-total small,
html.skin-2004 .g-final-rating {
  font-family: Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-scores-total,
html.skin-2004 .g-rounds-points {
  font-weight: bold;
}
html.skin-2004 .g-scores-answer[data-state='right'],
html.skin-2004 .g-scores-round,
html.skin-2004 .g-final-rating b {
  color: #008800;
}
html.skin-2004 .g-scores-answer[data-state='wrong'],
html.skin-2004 .g-final-rating b[data-down],
html.skin-2004 .g-kick:hover {
  color: #cc0000;
}
html.skin-2004 .g-scores-name[data-away],
html.skin-2004 .g-kick {
  color: #808080;
}
html.skin-2004 .g-final-total {
  font: bold 40px / 1 Arial, Garamond, Helvetica;
  color: #000055;
}
html.skin-2004 .g-final-title {
  font: bold 28px / 1.1 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-final-title[data-won] {
  color: #000055;
}
html.skin-2004 .g-final-title[data-lost] {
  color: #cc0000;
}
html.skin-2004 .skin-2004-page .g-mode h3,
html.skin-2004 .skin-2004-page .g-board h3 {
  font-size: 16px;
}
html.skin-2004 .g-challenge-line {
  font: 16px / 1.3 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-challenge-line b {
  color: #000000;
}
/* the chat over a game, black words on a white box */
html.skin-2004 .g-chat[data-open] {
  border: 1px solid #333333;
  background: #ffffffe6;
}
html.skin-2004 .g-chat-lines,
html.skin-2004 .g-chat-say label {
  font: 14px / 1.35 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .g-chat[data-party] .g-chat-lines,
html.skin-2004 .g-chat[data-party] .g-chat-say label {
  color: #0000aa;
}
html.skin-2004 .g-chat-say {
  border: 1px solid #767676;
  background: #ffffff;
  opacity: 1;
}
html.skin-2004 .g-chat-say input {
  color: #000000;
}
/* the arena */
html.skin-2004 .a-name {
  font: bold 14px / 1.2 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .a-cast {
  border: 1px solid #333333;
  background: #dddddd;
  font: 12px / 18px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .a-cast[data-choosing] {
  color: #555555;
}
html.skin-2004 .a-bubble[data-quality='wrong'] .a-bubble-answer {
  color: #cc0000;
}
html.skin-2004 .a-bubble-score b {
  font: bold 14px / 1.2 Arial, Garamond, Helvetica;
  color: #000055;
}
html.skin-2004 .a-floaters span {
  font-family: Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .a-floaters span[data-kind='crit'] {
  color: #cc0000;
}
html.skin-2004 .a-floaters span[data-kind='soft'],
html.skin-2004 .a-floaters span[data-kind='under'] {
  color: #555555;
}
html.skin-2004 .a-floaters span[data-kind='tick'] {
  color: #8000ff;
}
html.skin-2004 .a-defence,
html.skin-2004 .a-choose {
  border: 2px solid;
  border-color: #eeeeee #333333 #333333 #eeeeee;
  background: #dddddd;
  color: #000000;
}
html.skin-2004 .a-defence[data-used] .a-defence-icon img {
  outline: 2px solid #0000ff;
}
html.skin-2004 .a-defence-name,
html.skin-2004 .a-choose > span {
  font: bold 14px / 1.2 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .a-defence-name small {
  font: 12px / 1.3 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .a-choose-time {
  background: #000055;
}
html.skin-2004 .a-picker-row button {
  background: none;
  outline: 1px solid #000000;
}
html.skin-2004 .a-picker-row img {
  opacity: 1;
}
/* the addon's pages (its help, and the download page wherever it is framed): the page's sizes, the
   name kept for screen readers (the title bar shows it) */
html.skin-2004 .addon-page {
  width: auto;
  min-height: 0;
  margin: 0;
  padding: 4px 0 24px;
  font: 16px / normal Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .skin-2004-page .addon-heading h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
html.skin-2004 .skin-2004-page .addon-page h2 {
  margin-top: 12px;
  font: bold 16px / 1.25 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .addon-page a:not(.btn):link {
  color: #0000ff;
}
html.skin-2004 .addon-page strong {
  color: #000000;
}
html.skin-2004 .addon-preview {
  color: #000000;
}
html.skin-2004 .skin-2004-page .addon-page button:disabled {
  opacity: 1;
}
/* the games' page and its maps */
html.skin-2004 .g-page {
  padding: 0 0 12px;
}
html.skin-2004 .skin-2004-page .g-guess:disabled {
  filter: none;
}
html.skin-2004 .lx-nodemap-zones::before {
  display: none;
}
html.skin-2004 .lx-nodemap-zone,
html.skin-2004 button.lx-nodemap-zone:hover,
html.skin-2004 .lx-nodemap-zone[aria-expanded='true'] {
  padding: 1px 6px;
  border: 2px solid;
  border-color: #eeeeee #333333 #333333 #eeeeee;
  background: #dddddd;
  font: bold 14px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .lx-nodemap-menu {
  border: 2px solid;
  border-color: #eeeeee #333333 #333333 #eeeeee;
  background: #dddddd;
}
html.skin-2004 .lx-nodemap-group + .lx-nodemap-group {
  border-top: 1px solid #999999;
}
html.skin-2004 .lx-nodemap .lx-nodemap-tools button,
html.skin-2004 .lx-nodemap .lx-nodemap-tools button:hover {
  color: #000000;
}
html.skin-2004 .lx-nodemap .lx-nodemap-tools button:is([aria-checked='true'], [aria-pressed='true']) {
  background-color: #aaaaaa;
  color: #000000;
}
html.skin-2004 .lx-nodemap-tip {
  border: 2px solid;
  border-color: #eeeeee #888888 #888888 #eeeeee;
  background: #282828;
  font: 13px Arial, Garamond, Helvetica;
  color: #ffffff;
}

/* ── accounts: signing up, settings, a player's page (src/components/accounts) ── */
/* signing up: Thottbot's login box, no key art */
html.skin-2004 .acp-login,
html.skin-2004 .acp-login[data-raise-choices] {
  min-height: 0;
  padding: 40px 16px;
  isolation: auto;
}
html.skin-2004 .acp-login-art,
html.skin-2004 .acp-login::after {
  display: none;
}
html.skin-2004 .acp-login-panel {
  gap: 8px;
}
html.skin-2004 .skin-2004-page .acp-login-panel h1,
html.skin-2004 .skin-2004-page .acp-login-panel[data-wide] h1 {
  margin: 0 0 6px;
  font: bold 22px / 1.1 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .acp-login-meta,
html.skin-2004 .acp-text,
html.skin-2004 .acp-leave .acp-text,
html.skin-2004 .acp-said,
html.skin-2004 .acp-field,
html.skin-2004 .acp-age,
html.skin-2004 .acp-next > p,
html.skin-2004 .ac-none,
html.skin-2004 .ac-terms,
html.skin-2004 .ac-other,
html.skin-2004 .ac-standing,
html.skin-2004 .ac-standing small,
html.skin-2004 .ac-fix-form label,
html.skin-2004 .ac-fix-sent {
  color: #000000;
}
html.skin-2004 .acp-text a:link,
html.skin-2004 .ac-terms a:link,
html.skin-2004 .ac-other a:link {
  color: #0000ff;
}
html.skin-2004 .acp-error,
html.skin-2004 .acp-problem,
html.skin-2004 .ac-fix-error {
  color: #cc0000;
}
html.skin-2004 .ac-service {
  appearance: auto;
  min-height: 0;
  padding: revert;
  border: revert;
  background: revert;
  font: revert;
  color: revert;
}
html.skin-2004 .ac-service:disabled {
  opacity: 1;
  filter: none;
}
html.skin-2004 .ac-me {
  font: bold 16px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .ac-xp {
  border: 1px solid #333333;
  background: #dddddd;
}
html.skin-2004 .ac-xp i {
  background: #000055;
}
html.skin-2004 .skin-2004-page .acp .btn {
  min-height: 0;
  font: revert;
}
html.skin-2004 .skin-2004-page .acp .btn:disabled {
  opacity: 1;
}
html.skin-2004 .acp-pic {
  background: #dddddd;
  outline: 1px solid #000000;
}
html.skin-2004 .acp-pic[aria-checked='true'] {
  outline: 2px solid #0000ff;
}
html.skin-2004 .acp-side,
html.skin-2004 .acp-side:hover,
html.skin-2004 .acp-side[aria-checked='true'] {
  font: 16px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .acp-side[aria-checked='true'] {
  font-weight: bold;
}
html.skin-2004 .acp-side img {
  outline: 1px solid #000000;
}
html.skin-2004 .acp-side[aria-checked='true'] img {
  outline: 2px solid #0000ff;
}
html.skin-2004 .acp-side small,
html.skin-2004 .acp-service-name small,
html.skin-2004 .acp-build-extra {
  font: 12px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .acp-service-name,
html.skin-2004 .acp-build-name {
  font: bold 16px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .acp-quiet,
html.skin-2004 .acp-quiet:hover {
  font: 14px Arial, Garamond, Helvetica;
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .acp-quiet:disabled {
  color: #808080;
}
/* the account's places: the left menu's look; its meters and rows */
html.skin-2004 .acc-places {
  background: #dddddd;
}
html.skin-2004 .acc-places a,
html.skin-2004 .acc-places a:hover {
  min-height: 0;
  padding: 1px 5px;
  background: none;
  font: 14px Arial, Garamond, Helvetica;
  color: #0000ff;
}
html.skin-2004 .acc-places a[aria-current='page'] {
  background: none;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
html.skin-2004 .acc-meter b,
html.skin-2004 .acc-groups span,
html.skin-2004 .acc-groups b,
html.skin-2004 .acc-achievements li,
html.skin-2004 .acc-rows a,
html.skin-2004 .acc-history b {
  font: bold 16px Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .acc-rows a:link {
  color: #0000ff;
}
html.skin-2004 .acc-meter p span,
html.skin-2004 .acc-meter-line > span,
html.skin-2004 .acc-rows span,
html.skin-2004 .acc-history time,
html.skin-2004 .acc-history li,
html.skin-2004 .acc-empty {
  color: #000000;
}
html.skin-2004 .acc-bar {
  border: 1px solid #333333;
  background: #dddddd;
}
html.skin-2004 .acc-ranks li[data-state='now']::after {
  background: #000055;
}
/* the looter's manual upload */
html.skin-2004 .lu-form,
html.skin-2004 .lu-message,
html.skin-2004 .lu-notice,
html.skin-2004 .lu-notice summary {
  font-family: Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .lu-notice summary {
  font-weight: bold;
  font-size: 16px;
}
html.skin-2004 .lu-file {
  border: 1px dashed #333333;
  background: #ffffff;
}
html.skin-2004 .lu-filename {
  font: bold 16px / 1.4 Arial, Garamond, Helvetica;
}
html.skin-2004 .lu-receipt strong {
  color: #000055;
}
html.skin-2004 .lu-message[data-error] {
  color: #cc0000;
}
html.skin-2004 .lu-text-button {
  color: #0000ff;
  text-decoration: underline;
}
html.skin-2004 .skin-2004-page .lu button:disabled {
  opacity: 1;
}
/* the welcome once the account is made: a plain box, the page behind it left undimmed */
html.skin-2004 .ac-welcome::backdrop {
  background: none;
}
html.skin-2004 .ac-welcome {
  border: 2px solid;
  border-color: #999999 #333333 #333333 #999999;
  background: #ffffff;
  font: 14px / normal Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .skin-2004-page .ac-welcome h2,
html.skin-2004 .ac-welcome h2 {
  font: bold 20px / 1.1 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .skin-2004-page .ac-welcome h3,
html.skin-2004 .ac-welcome h3 {
  font: bold 16px / 1.2 Arial, Garamond, Helvetica;
  color: #000000;
}
html.skin-2004 .ac-welcome p,
html.skin-2004 .ac-welcome .ac-welcome-hint,
html.skin-2004 .ac-welcome-foot,
html.skin-2004 .ac-welcome-close {
  color: #000000;
}
html.skin-2004 .ac-welcome-addon:link {
  color: #0000ff;
}
/* a comment's picture opened over the page: no dimming behind it */
html.skin-2004 .lx-pic-view::backdrop {
  background: none;
}
/* the style page's samples of the home page's parts */
html.skin-2004 .h-refs a strong {
  color: inherit;
}
html.skin-2004 .v-ed-when,
html.skin-2004 .v-ed-when small,
html.skin-2004 .v-ed-more,
html.skin-2004 .ks-foot em,
html.skin-2004 .sg-type li > span {
  color: #000000;
}

@media (max-width: 1199px) {
html.skin-2004 table.foundation > tbody > tr > :nth-child(3) {
    display: none;
  }
}