body {background-color:#222;color:#fff;font-family:sans-serif;font-size:15px;margin:0 auto;overflow-y:scroll;max-width:95%;text-align:center;}

@media screen and (min-width: 1200px) {
  body {max-width:90%;}
}

body.show-hinted td[en]:after {color:#666;content:attr(en);font-size:0.9em;margin-left:0.35em;}

body:not(.debugmode) .debug,
body:not(.show-story) .story,
body:not(.show-inaccessible) .inaccessible,
body:not(.show-unchained) .unchained {display:none !important;}
tr.feeding-armor,
tr.feeding-all,
tr.feeding-blue {display:none;}
body.show-feeding-armor tr.feeding-armor,
body.show-feeding-all tr.feeding-all,
body.show-feeding-blue tr.feeding-blue {display:table-row;}

table:empty {display:none;}

tr.unchained, tr.story, tr.inaccessible {background-color:#3b3b3b;}

tr.unchained td:last-child {color:#fb0;}
tr.story td:last-child:before {color:#888;content:'Story';font-size:0.6em;vertical-align:middle;}
tr.inaccessible td:last-child:before {color:#888;content:'Debug';font-size:0.6em;vertical-align:middle;}

body.show-unchained td[unchained] {font-size:0;}
body.show-unchained td[unchained]:after {color:#fb0;content:attr(unchained);font-size:15px;vertical-align:inherit;}


.options {background-color:#333;border-radius:5px;display:flex;margin:0 auto 10px;padding-right:10px;max-width:42rem;}
.options-inline {display:inline-flex;max-width:100%;}
.options > div {display:flex;align-items:center;padding:10px;}
.options > div:first-child {border-top-left-radius:5px;border-bottom-left-radius:5px;font-weight:bold;margin-right:5px;padding-left:18px;padding-right:15px;}

a {color:#0bf;text-decoration:none;transition:0.1s color;}
a:hover, #legal:hover {color:#09d;}
a.source {font-size:0.7em;text-transform:uppercase;}

em {font-size:0.9em;}

h3, h4, h5 {font-size:1.3rem;margin:2em auto 1em;max-width:700px;}
h5 {font-size:1.1rem;}

article > img {display:block;margin:1.5rem auto;}

input[type="checkbox"] + label {line-height:2em;margin-left:0.5em;}

select option {color:#000;}

nav ul {margin:0;max-width:100% !important;padding:0;text-align:center !important;}
nav ul li {border-radius:3px;box-sizing:border-box;color:#bbb;cursor:pointer;display:inline-block;margin:2px;transition:0.1s background-color, 0.1s color;}

#inner > nav {background-color:#222;border-bottom:0.5rem solid #222;margin-bottom:2rem;padding:2rem 2rem 0.2rem;position:fixed;top:0;left:0;right:0;z-index:2;}
#inner > nav ul li {background-color:#111;padding:0.5rem 0.65em;}
#inner > nav ul li:hover {color:#fff;}
#inner > nav ul li.active {background-color:#06a;color:#fff;}
#inner > nav img {margin:0 -1px -0.2em;}
#inner > nav ul li span {display:none;}
#inner > nav ul li.active span {display:inline-block;margin-left:0.5rem;}
#inner > nav:after {background-image:linear-gradient(0deg,rgba(34,34,34,0),rgba(34,34,34,1));content:'';height:1.5rem;pointer-events:none;position:absolute;left:0;right:0;bottom:-2rem;}

section > nav {margin-bottom:2rem;}
section > nav ul li {padding:0.3rem 0.7rem 0.4rem;}
section > nav ul li.active {background-color:#444;color:#fff;}

@media screen and (min-width: 1300px) {
  #inner > nav {margin-bottom:3rem;padding-left:5vw;padding-right:5vw;}
  #inner > nav ul {border-bottom:2px solid #06a;}
  #inner > nav ul li {background-color:transparent;border-bottom:2px solid #06a;border-radius:3px 3px 0 0;margin:0 0 -2px;padding:0.8em 24px 0.5em;}
  #inner > nav ul li.active {background-color:transparent;border:2px solid transparent;border-color:#08c #07b #222;border-color:2px solid #222;color:#fff;padding-left:22px;padding-right:22px;}
}

#inner {padding:6.5rem 0;}

#inner section.hidden, #inner section article.hidden {display:none;}
#inner section.hidden h2 {display:none;}
#inner section.active, #inner section article.active {display:block;}

#inner section p, #inner section ul {line-height:1.5em;margin:0 auto 1rem;max-width:700px;text-align:left;}
#inner section ul li {margin-bottom:0.5em;}
#inner section hr {border:none;border-bottom:1px solid #555;margin:1.5rem auto;max-width:400px;}

#inner section p code, #inner section li code {background-color:#143454;font-style:normal;margin:0 2px;padding:3px 6px 1px;white-space:pre;}
#inner section pre code {background-color:#000;box-sizing:border-box;display:block;font-style:normal;line-height:2em;margin:0 auto;max-width:700px;padding:22px 25px;text-align:left;white-space:normal;}

table {border-spacing:0 2px;display:table-block;margin:0 auto 1.5rem;position:relative;text-align:left;}
section > table {margin-top:4.7rem;}
tr {background-color:#444;transition:0.2s background-color;}
table:not(.nohighlight) tr {cursor:pointer;}
table:not(.nohighlight) tbody tr:hover {background-color:#555;}
table:not(.nohighlight) tbody tr.highlight, #floors .slot.highlight {background-color:#666;}
tr.hidden/*, tr.story, tr.unavailable*/ {display:none;}
th, td {line-height:1.7em;padding:2px 0.5em 0;}
th:first-child, td:first-child {padding-left:0.7em;}
th:last-child, td:last-child {padding-right:0.7em;}
th {cursor:pointer;position:relative;}
thead tr, tfoot tr {background-color:transparent;}
thead tr:first-child th:after {content:attr(caption);color:#888;display:block;font-size:0.9em;font-style:italic;font-weight:400;opacity:0;pointer-events:none;position:fixed;top:5.5rem;transition:0.1s opacity;z-index:2;}
thead tr.sort:last-child th {border-bottom:0.5em solid transparent;}
tfoot tr th {padding-top:0.5rem;}
td:not(:last-child) {border-right:1px dotted #333;}
td.cursed {color:#faa;}
td > span {color:#777;font-size:0.9em;margin-left:0.5em;}
td > span:first-child {margin-left:0;}

table tr.separator {background-color:transparent !important;cursor:default;}
table tr.separator td {color:#666;font-size:0.7em;font-weight:bold;padding-top:0.5rem;padding-bottom:0.25rem;text-transform:uppercase;}

.scrollheader {background-color:#222;display:block;height:0;margin:0 auto;opacity:0;position:fixed;top:5.2rem;left:0;right:0;transition:0.1s height, 0.1s opacity;z-index:1;}
.scrollheader:after {background-image:linear-gradient(0deg,rgba(34,34,34,0),rgba(34,34,34,1));content:'';height:0;pointer-events:none;position:absolute;left:0;right:0;bottom:0;transition:0.1s height, 0.1s bottom;}
.scrollheader.active, .scrollheader.active + table thead tr:first-child th:after {height:2em;opacity:1;pointer-events:initial;}
.scrollheader.active:after {height:2.5rem;bottom:-2.5rem;}

tr.filter {display:none;}
tr.filter:hover input, tr.filter:hover label {border-color:#777;}
tr th input, tr th label {appearance:none;background-color:#333;border:1px solid #333;box-sizing:border-box;color:#fff;display:block;line-height:2em;margin-bottom:10px;padding:0 0.5em;transition:0.1s border-color;width:100%;}
tr th label {cursor:pointer;margin:-1.2em auto;padding:0;position:relative;width:1.8em;height:1.8em;}
tr th input:checked + label:after {content:'\2713';display:block;line-height:1.8em;text-align:center;width:100%;height:100%;}

table.formula tr {background-color:#000;}
table.formula tr th, table.formula tr td {padding:0.7rem 1rem;}
table.formula tr th {border-bottom:none !important;}
table.formula tr td {border-top:1px solid #222;}

ul.columns {background-color:#000;box-sizing:border-box;display:flex;flex-wrap:wrap;margin:0 -1rem;padding:1rem;width:100%;}
ul.columns li {list-style-type:none;width:100%;}
ul.columns li p {padding-top:1rem;text-align:center !important;}
ul.columns li img {display:block;margin:0 auto;}

@media screen and (min-width: 400px) {
  ul.columns li {width:50%;}
}

@media screen and (min-width: 600px) {
  ul.columns li {width:33.33%;}
}

@media screen and (min-width: 800px) {
  ul.columns {margin:0 -1rem;}
  ul.columns li {width:25%;}
}

input.flag {display:none;}

span.icon {background-repeat:no-repeat;display:inline-block;font-size:0;margin:0 2px;position:relative;top:-2px;width:16px;height:16px;}
span.icon.maxim {background-image:url('img/maxim.png');}
span.icon.tia {background-image:url('img/tia.png');}
span.icon.guy {background-image:url('img/guy.png');}
span.icon.selan {background-image:url('img/selan.png');}
span.icon.dekar {background-image:url('img/dekar.png');}
span.icon.lexis {background-image:url('img/lexis.png');}
span.icon.arty {background-image:url('img/arty.png');}
span.icon.blue {background-image:url('img/blue.png');top:-1px;}
span.icon.reward {background-image:url('img/key.png');top:-1px;}
span.icon.wrench {background-image:url('img/wrench.png');top:-1px;}

.slider {display:inline-block;line-height:2rem;margin:0 auto 2rem;padding:0 2rem;}
.slider span {display:inline-block;width:1.5em;}
input[type="range"] {background-color:transparent;border:none;display:inline-block;height:2rem;margin:0 1rem;vertical-align:middle;width:20rem;}
input[type="range"]::-moz-range-track {background-color:#444;}
input[type="range"]::-moz-range-thumb {background-color:#fff;border:none;border-radius:100%;box-shadow:none;}
input[type="range"]::-webkit-slider-thumb {background-color:#fff;border:none;border-radius:100%;box-shadow:none;}
#capformslider input[type="range"] {width:6rem;}

.center {text-align:center;}

.graph {margin-bottom:2rem;}
svg {display:block;height:auto;margin:-3rem auto 2rem;max-width:100%;width:900px;}
svg line {stroke:#fff;stroke-width:1.5;}
svg .bglines line {stroke:#333;}
svg text {fill:#555;font-weight:Bold;}
svg polyline {fill:none;stroke:#fff;stroke-width:2;}
svg polyline + text {fill:#fff;}

svg .polylines g:nth-child(1) polyline {stroke:#f78a8f;}
svg .polylines g:nth-child(1) text {fill:#f78a8f;}
svg .polylines g:nth-child(2) polyline {stroke:#e092aa;}
svg .polylines g:nth-child(2) text {fill:#e092aa;}
svg .polylines g:nth-child(3) polyline {stroke:#fcd18c;}
svg .polylines g:nth-child(3) text {fill:#fcd18c;}
svg .polylines g:nth-child(4) polyline {stroke:#b4e498;}
svg .polylines g:nth-child(4) text {fill:#b4e498;}
svg .polylines g:nth-child(5) polyline {stroke:#8c9ccd;}
svg .polylines g:nth-child(5) text {fill:#8c9ccd;}
svg .polylines g:nth-child(6) polyline {stroke:#86b8b7;}
svg .polylines g:nth-child(6) text {fill:#86b8b7;}
svg .polylines g:nth-child(7) polyline {stroke:#8eb8e2;}
svg .polylines g:nth-child(7) text {fill:#8eb8e2;}

.multicolumn {display:flex;justify-content:center;}
.multicolumn > div:not(:last-child) {margin-right:2rem;}

#legal {color:#444;float:right;margin-top:2rem;}

#feeding1 tr:not(.rwss) td:first-child,
#feeding2 tr:not(.rwss) td:first-child,
#feeding3 tr:not(.rwss) td:first-child,
#feeding4 tr:not(.rwss) td:first-child {text-align:center;width:1.3em;}

#actions tr.rwss > :nth-child(4),
#actions tr > :nth-child(5),
#actions tr > :nth-child(6),
#armor tr > :nth-child(3), #shields tr > :nth-child(3), #headgear tr > :nth-child(3), #rings tr > :nth-child(3), #rocks tr > :nth-child(3),
#armor tr > :nth-child(4), #shields tr > :nth-child(4), #headgear tr > :nth-child(4), #rings tr > :nth-child(4), #rocks tr > :nth-child(4),
#armor tr > :nth-child(5), #shields tr > :nth-child(5), #headgear tr > :nth-child(5), #rings tr > :nth-child(5), #rocks tr > :nth-child(5),
#armor tr > :nth-child(6), #shields tr > :nth-child(6), #headgear tr > :nth-child(6), #rings tr > :nth-child(6), #rocks tr > :nth-child(6),
#armor tr > :nth-child(7), #shields tr > :nth-child(7), #headgear tr > :nth-child(7), #rings tr > :nth-child(7), #rocks tr > :nth-child(7),
#armor tr > :nth-child(8), #shields tr > :nth-child(8), #headgear tr > :nth-child(8), #rings tr > :nth-child(8), #rocks tr > :nth-child(8),
#armor tr > :nth-child(9), #shields tr > :nth-child(9), #headgear tr > :nth-child(9), #rings tr > :nth-child(9), #rocks tr > :nth-child(9),
#armor tr > :nth-child(11), #shields tr > :nth-child(11), #headgear tr > :nth-child(11), #rings tr > :nth-child(11), #rocks tr > :nth-child(11),
#rings tr > :nth-child(13), #shields tr > :nth-child(13), #headgear tr > :nth-child(13), #rocks tr > :nth-child(12),
#capsules tr > :nth-child(10),
#capsules tr > :nth-child(11),
#codes tr > :nth-child(4),
#codes tr > :nth-child(5),
#specials tr > :nth-child(4),
#specials tr > :nth-child(6),
#specials tr > :nth-child(7),
#drops tr > :nth-child(3),
#drops tr > :nth-child(4),
#drops tr > :nth-child(5),
#elements tr > :nth-child(2),
#enemies tr > :nth-child(3),
#enemies tr > :nth-child(4),
#enemies tr > :nth-child(5),
#enemies tr > :nth-child(6),
#enemies tr > :nth-child(7),
#enemies tr > :nth-child(8),
#enemies tr > :nth-child(9),
#enemies tr > :nth-child(10),
#enemies tr > :nth-child(14),
#enemies tr > :nth-child(15),
#enemies tr > :nth-child(16),
#enemies tr > :nth-child(17),
#enemies tr > :nth-child(18),
#enemies tr > :nth-child(19),
#formulas tr > :nth-child(3),
#ip tr > :nth-child(2),
#items tr > :nth-child(3),
#irischance tr > :nth-child(1),
#movement tr > :nth-child(4),
#movement tr > :nth-child(6),
#movement tr > :nth-child(8),
#rewards tr > :nth-child(3),
#rewards tr > :nth-child(4),
#rewards tr > :nth-child(5),
#rewards tr > :nth-child(6),
#rewards tr > :nth-child(7),
#rewards tr > :nth-child(8),
#rewards tr > :nth-child(9),
#rewards tr > :nth-child(11),
#spells tr > :nth-child(3),
#status tr > :nth-child(3),
#status tr > :nth-child(4),
#status tr > :nth-child(5),
#status tr > :nth-child(6),
#weapons tr > :nth-child(3),
#weapons tr > :nth-child(4),
#weapons tr > :nth-child(5),
#weapons tr > :nth-child(6),
#weapons tr > :nth-child(7),
#weapons tr > :nth-child(8),
#weapons tr > :nth-child(9),
#weapons tr > :nth-child(12),
#weapons tr > :nth-child(13),
#weapons tr > :nth-child(14),
#weapons tr > :nth-child(15) {text-align:center;width:2em;white-space:nowrap;}

#actions tr.rwss > :nth-child(1),
#stats tr > :nth-child(2),
#stats tr > :nth-child(3),
#stats tr > :nth-child(4),
#stats tr > :nth-child(5),
#stats tr > :nth-child(6),
#stats tr > :nth-child(7),
#stats tr > :nth-child(8),
#stats tr > :nth-child(9),
#characters tr > :nth-child(3),
#characters tr > :nth-child(4),
#characters tr > :nth-child(5),
#characters tr > :nth-child(6),
#characters tr > :nth-child(7),
#characters tr > :nth-child(8),
#characters tr > :nth-child(9),
#characters tr > :nth-child(10),
#characters tr > :nth-child(11) {text-align:center;width:3em;}

#ip tr td:last-child {max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#feedingcategories tr > :nth-child(2),
#feedingcategories tr > :nth-child(3),
#feedingcategories tr > :nth-child(4) {width:5em;}

#numbers tr > :nth-child(1) {text-align:center;width:6em;}
#numbers tr > :nth-child(2),
#numbers tr > :nth-child(3) {text-align:center;width:12em;}

#frames tr > :nth-child(2) {text-align:right;}

#characters tr > :first-child span {margin-right:0.28rem;}
#armor tr > :nth-child(13) {text-align:center;width:4.2em;}
#numbers span {margin:0 0.8em;}
#buffs span {font-size:1rem;margin:0 0.25em;}
#buffs th, #buffs td {padding-left:1em;padding-right:1.5em;}

#enemies th:first-child, #enemies td:first-child {text-align:center;}

table.imageenlargeable img:first-child {display:inline-block;margin:7px 0 0;max-width:16px;max-height:16px;}
table.imageenlargeable.largeimages img:first-child {display:block;margin:6px auto;max-width:64px;max-height:64px;}

#tiers1,
#tiers2,
#tiers3,
#tiers4 {text-align:center;}

#feeding1 td:nth-child(2),
#feeding2 td:nth-child(2),
#feeding3 td:nth-child(2),
#feeding4 td:nth-child(2) {color:#777;font-size:0.9em;text-align:center;}

#cravings tr:not(.rwss) td:nth-child(1) {padding-right:0.7rem;text-align:center;white-space:nowrap;}
#cravings tr.rwss td:nth-child(1) {color:#777;font-size:0.9em;text-align:right;}

table[id^="probabilities_"] {display:none;}
table[id^="probabilities_"].active {display:table;margin-top:2rem;}
table[id^="probabilities_"] tr > td:nth-child(1) {text-align:center;width:1.5rem;}
table[id^="probabilities_"] tr > td:nth-child(2) {width:10rem;}

table[id^="probabilities_"] tr td:nth-child(2):before {color:#777;content:'';display:inline-block;font-size:0.9em;width:1rem;}
table[id^="probabilities_"] tr[data-type="escape"] td {color:#777;font-size:0.9em;}
table[id^="probabilities_"] tr[data-type="special1"] td:nth-child(2):before {content:'1';}
table[id^="probabilities_"] tr[data-type="special2"] td:nth-child(2):before {content:'2';}
table[id^="probabilities_"] tr[data-type="special3"] td:nth-child(2):before {content:'3';}

#distribution tbody tr {background-color:#444 !important;cursor:default;}
#distribution tbody td {line-height:2.7em;}
#distribution select, #distribution input[type="number"], #codes select {background-color:transparent;border:none;color:#fff;}
#distribution select {width:14rem;}
#distribution input[type="number"] {width:3rem;}
#distribution td span {margin:0 0.25em;}

#distribution tr > :nth-child(3),
#distribution tr > :nth-child(4) {width:10rem;}

#distributioncategories td:nth-child(2) {text-align:right;}

table.multirow tr:not(.rwss) td:first-child {border-top:2px solid #222;border-right:2px solid #222;}
table.multirow tr:not(.rwss) td:first-child span {display:block;margin-top:-0.25em;}
table.multirow tr:not(.rwss) td:last-child {display:none;}
table.multirow span {margin:0;}

#multitarget tr.mt25,
#multitarget tr.mt50,
#multitarget tr.mt80,
#multitarget tr.mt100 {display:none;}
#multitarget.mt25 tr.mt25,
#multitarget.mt50 tr.mt50,
#multitarget.mt80 tr.mt80,
#multitarget.mt100 tr.mt100 {display:table-row;}
#multitarget.mt100 tbody tr:last-child {visibility:hidden;}
#multitarget td {width:5em;}

#codes tbody tr {vertical-align:top;}
#codes tr.gg code {color:#f60;}
#codes span {color:#fd0;margin:0;}
#codes select {text-overflow:ellipsis;width:15rem;}

#floors {margin:2rem auto;width:21.5rem;}
[floor] {background-color:#292929;margin:0.25rem;position:relative;text-align:left;}
[floor]:before {content:attr(floor);display:inline-block;line-height:2.5rem;text-align:center;width:3rem;}
[floor] > div {background-color:#444;border-radius:0.25rem;box-sizing:border-box;cursor:pointer;font-size:0.8em;font-weight:bold;height:2rem;margin:0.25rem;position:absolute;top:0rem;transition:background-color 0.1s;width:2rem;z-index:1;}
[floor] > div {display:flex;align-items:center;justify-content:center;}
.enemies {background:#888 linear-gradient(0deg, #888, #aaa);border:0.2rem solid #222;border-radius:0.4rem;display:none;padding:1.2rem 0.5rem 1rem;pointer-events:none;position:absolute;bottom:calc(100% + 0.3rem);text-align:center;white-space:nowrap;}
.enemies:before, .enemies:after {border:0.8rem solid transparent;content:"";position:absolute;left:calc(50% - 0.8rem);width:0;height:0;}
.enemies:before {border-top-color:#222;top:100%;}
.enemies:after {border-top-color:#888;bottom:-1.3rem;}
.enemies > div {display:inline-block;margin:0 0.8rem;}
.enemies img {display:block;margin:0 auto 0.5rem;}
[floor] > div:hover .enemies {display:block;}

.patterns div,
.freesteps div {background:#444 linear-gradient(0deg, #444, #363636 85%);margin:1.5rem auto 0;max-width:700px;padding-top:0.5rem;position:relative;}
.patterns div:before {color:#555;content:attr(data-address);font-family:monospace;font-size:0.9em;position:absolute;top:0.4rem;left:0.5rem;}
.patterns img, .freesteps img {display:inline-block;margin:0.5rem;}
.patterns table, .freesteps table {max-width:700px;width:100%;}
.patterns table td:first-child,
.freesteps table td:first-child {width:25.5%;}
.freesteps table td:not(:first-child) span {color:#888;font-size:1em;margin:0 0.1rem;}

body:not(.show-details-weapons) #enemies tr > :nth-child(4),
body:not(.show-details-weapons) #enemies tr > :nth-child(5),
body:not(.show-details-weapons) #enemies tr > :nth-child(6),
body:not(.show-details-weapons) #enemies tr > :nth-child(7) span:first-child,
body:not(.show-details-weapons) #enemies tr > :nth-child(7) span:last-child,
body:not(.show-details-weapons) #enemies tr > :nth-child(8),
body:not(.show-details-weapons) #enemies tr > :nth-child(9),
body:not(.show-details-weapons) #enemies tr > :nth-child(10),
body:not(.show-details-weapons) #enemies tr > :nth-child(15),
body:not(.show-details-weapons) #enemies tr > :nth-child(17),
body:not(.show-details-weapons) #enemies tr > :nth-child(18) {display:none;}
#enemies tr > :nth-child(7) span {display:inline-block;width:2rem;}
#enemies tr > :nth-child(7) span:first-child {margin-right:0.5em;text-align:right;}
#enemies tr > :nth-child(7) span:nth-child(2) {color:#fff;font-size:1em;margin:0;}
#enemies tr > :nth-child(7) span:last-child {text-align:left;}