:root {--header-height: 2.6em;--banner-height: 270px;--ad-offset: calc(var(--header-height) + var(--banner-height) * 0.75);--useable-width: 900px;--side-ads-offset: 0;--main-top: 30px;--mobile-negative-margin: -10px;--dark-background: #282828;--dark-foreground: #FFE5B5;} .light {color: black;background: white;--foreground: black;--background: white;--link-foreground: blue;--link-hovered-foreground: red;--link-decoration: none;--link-hovered-decoration: underline;--header-color: black;--header-weight: bold;--input-background: white;--input-border: #323232;--input-border-focus: orange;--input-invalid-background: white;--input-invalid-border: pink;--select-border: #323232;--select-border-focus: orange;--select-background: white;--option-background: white;--option-foreground: black;--option-background-hovered: blue;--option-foreground-hovered: white;--button-border: 1px solid #777;--button-shadow: 0 0 2px black;--button-background:whitesmoke;--button-foreground:black;--image-border:1px solid red;--image-shadow:none;} .dark {color: var(--dark-foreground);background: var(--dark-background);--foreground: var(--dark-foreground);--background: var(--dark-background);--link-foreground: #ffb72f;--link-hovered-foreground: yellow;--link-decoration: none;--link-hovered-decoration: none;--header-color:#f0f0f0;--header-weight:normal;--input-border: #323232;--input-border-focus: orange;--input-background: #161616;--input-invalid-background: indianred;--input-invalid-border: #323232;--select-border: #323232;--select-border-focus: orange;--select-background: #242424;--option-background: #242424;--option-foreground: var(--dark-foreground);--option-background-hovered: #242424;--option-foreground-hovered: lightgreen;--button-border: 1px solid #777;--button-shadow: 0 0 2px black;;--button-background: #333;--button-foreground: #ccc;--image-border:none;--image-shadow:0 0 10px black;} h1 {font-size:2rem;color: var(--header-color);margin:0 0 0.2rem -0.6rem;font-weight: var(--header-weight);} h2 {font-size:1.5rem;color: var(--header-color);margin:3.5rem 0 0.7rem -0.4rem;font-weight: var(--header-weight);} h3 {font-size:1.1rem;color: var(--header-color);margin:1.8rem 0 0.1rem -0.3rem;font-weight: var(--header-weight);} h4 {font-size:1.0rem;color: var(--header-color);margin:1.3rem 0 0 -0.2rem;font-weight: var(--header-weight);} h5 {font-size:0.9rem;color: var(--header-color);margin:1.2rem 0 0 -0.0rem;font-weight: var(--header-weight);} h6 {font-size:1em;color:inherit;margin:0;font-weight:normal;} tooltipWrapper h1 {margin-left:0;} tooltipWrapper h2 {margin-left:0;} tooltipWrapper h3 {margin-left:0;} tooltipWrapper h4 {margin-left:0;} tooltipWrapper h5 {margin-left:0;} @media (max-width: 600px) {main {margin-left: 0;} h1 {margin-left: 0;} h2 {margin-left: 0;} h3 {margin-left: 0;} h4 {margin-left: 0;} } a {color:var(--link-foreground);text-decoration: var(--link-decoration);} a:hover {color:var(--link-hovered-foreground);text-decoration: var(--link-hovered-decoration);} a.invalidLink {color:var(--link-invalid);} ul {margin: 0 0 0.4em 0;padding:0.3em 0 0 0;line-height: 1.35;} li {margin-left: 1.1em;padding: 0;} li ul {margin-left: 0em;padding-top:0;} p {margin: 0;font-weight: 400;line-height: 1.75;} p+p {margin-top: 0.7em;} p+ul {margin-top: 0;} ul+p {margin-top: 1.2em;} li p {margin-top: 0;} main>h2:first-child {margin-top: 0;} li+h2 {margin-top: 0;} li+h3 {margin-top: 0;} h1+h2 {margin-top: 0;} h1+h3 {margin-top: 0;} h2+h3 {margin-top: 0;} input[type=text] {background-color: var(--input-background);border: 1px solid var(--input-border);color: var(--foreground);padding: 4px;} input[type=number] {background-color: var(--input-background);border: 1px solid var(--input-border);color: var(--foreground);padding: 4px;} input[type=text]:focus {outline:none;border-color:var(--input-border-focus);} input[type=number]:focus {outline:none;border-color:var(--input-border-focus);} input[data-valid=false] {background: var(--input-invalid-background);border: var(--input-invalid-border);} input[type=number] {-moz-appearance: textfield;} input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;} input[type=button] {background:var(--button-background);color:var(--button-foreground);border:var(--button-border);box-shadow:var(--button-shadow);cursor: pointer;} .customCheckbox {position:relative;} .customCheckbox input {display: none;} .customCheckbox input+div {display:inline-block;width: 1.3em;height: 1.3em;border: 1px solid #555;border-radius: 7px;margin-right: 6px;vertical-align: middle;cursor: pointer;text-align: center;align-content: center;} .customCheckbox input+div span {visibility:hidden;color: yellowgreen;font-weight:bold;} .customCheckbox input:checked+div span {visibility:visible;} select {padding: 0.3em;appearance: none;border: 1px solid var(--select-border);background-color: var(--select-background);color: inherit;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292.4' height='292.4'%3E%3Cpath fill='%23FFE5B5' d='M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z'/%3E%3C/svg%3E");background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;background-size: .65em auto, 100%;} .light select {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292.4' height='292.4'%3E%3Cpath fill='%23000000' d='M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z'/%3E%3C/svg%3E");} select:focus {outline:none;border-color:var(--select-border-focus);} option {padding: 0.3em 0;vertical-align: middle;min-block-size: 1em;background-color:var(--option-background);color:var(--option-foreground);} option:hover {box-shadow: 0 0 10px 100px #222 inset;color: var(--option-foreground-hovered);} body {background: var(--dark-background);color:var(--foreground);font-family: Rubik, helvetica, sans-serif;margin:0;min-height:100%;} useableArea {display:block;margin: auto;background: var(--background);max-width: var(--useable-width);min-height: 100%;align-content: stretch;} .light useableArea {box-shadow: 0 0 20px black;} header {background: #222;color: #ddd;box-shadow: 0 0 10px black;z-index: 10;position: relative;--link-foreground: greenyellow;--link-hovered-foreground: orange;} header a {display: flex;align-items: center;font-size: 90%;} footer {background: #222;color: #ddd;padding:0.5em;z-index: 10;position: relative;clear:both;} footer a {align-items: center;} themeToggle {display:block;color: var(--link-foreground);font-size: 110%;margin-left:auto;margin-right: 1px;cursor: pointer;} themeToggle:hover {color: var(--link-hovered-foreground);} themeToggle:active {color: lightseagreen;} .topLeftIcon {opacity:90%;margin:0 12px 0 0;} .banner {max-width: 100%;width:100%;height:auto;display: block;object-fit: cover;aspect-ratio: 10/3;border-radius: 0 0 50px 50px;border: 0;border-top: 0;box-shadow: 0 0 20px black;} .light .banner {border-bottom:0;border-radius:0;box-shadow:none;} main {display: block;position: relative;margin-left:0.6rem;padding-top:var(--main-top);padding-bottom:100px;} .light main {padding-left: 1.8rlh;padding-right: 1.8rlh;} @media (max-width: 600px) {.light main {padding-left: 1em;padding-right: 1em;} .dark main {padding-left: 1em;padding-right: 1em;} .light useableArea {box-shadow: none;} .banner {border-radius: 0;border:0;} header {padding: 0 5px;} } @media (hover: none) {a:hover {color:var(--link-foreground);} themeToggle:hover {color:var(--link-foreground);} } .skillLabel {color: gold;cursor:help;} .skillDetails {margin-top:0.3em;} tooltipWrapper .skillDetails {margin-top:0;} .healing {color: aquamarine;cursor:help;} .physical {color: #DB5454;cursor:help;} .magic {color: #FF6CF6;cursor:help;} .pure {color: #55DD55;cursor:help;} .leo {color: #68CDF4;} .donnie {color: #DF7CFF;} .raphael {color: #FF5A49;} .michael {color: #FF8000;} .light .skillLabel{color:#858501;} .light .physical {color: red;} .light .magic {color: darkviolet;} .light .pure {color: #168d01;} .light .healing {color:dodgerblue;} .light option {background-color: white;} statList {margin-top: 1em;} statRow {display: flex;width:100%;cursor: default;} statRow statName {display: inline-block;width:10em;flex-shrink: 0;} statRow statValue {display: inline-block;width:6em;text-align:right;} statRow+p {margin-top:0.7em;} overlayContainer {display: flex;position: fixed;left: 0;top: var(--header-height);width: 100vw;height: calc(100vh - var(--header-height));justify-content: center;align-items: center;pointer-events: none;} spinner {width: 60px;height: 60px;border-top: 6px solid greenyellow;border-radius: 50%;animation: spin 1s linear infinite;margin-bottom: 20vh;} @keyframes spin {to {transform: rotate(360deg);} } tooltipWrapper {padding: 12px;position: fixed;z-index: 100;visibility: hidden;text-align:left;font-size:0.9rem;pointer-events: none;border: 1px solid yellowgreen;border-radius: 5px;color: #FFE5B5;max-width: 400px;background: linear-gradient(135deg, #101010, #202020 50%, #101010);box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);} tooltipWrapper h1 {font-size:1.2rem;margin-top: 0;} tooltipWrapper h1 {font-size:1.1rem;margin-top: 0;} tooltipWrapper p {line-height:1;} .ttGrid {display:grid;grid-template-columns: auto 1fr;align-items: center;width:100%;min-width: 260px;gap:8px;} .ttEmblem {border:1px solid yellow;align-self: start;} .ttEmblem.ttNoBorder {border:0;} .ttwide {max-width:none;} tooltipFooter {display: block;margin-top: 1em;padding-top:1em;border-top:1px solid #FFE5B5 } table {} th {padding: 0.3em 0.5em;text-align: left;} td {padding: 0.3em 0.5em;} td:first-child {padding-left:0;} th:first-child {padding-left:0;} td:last-child {padding-right:0;} th:last-child {padding-right:0;} table itemList {display: flex;flex-wrap: wrap;} table+p {margin-top: 1em;} .icon {display:inline-block;vertical-align: middle;padding-bottom:2px;width: 20px;height:20px;} .borderImage {border: 1px solid black;box-shadow:0 0 10px black;} .rightImage {float: right;margin: 5px 0 5px 10px;} .leftImage {float: left;margin: 5px 10px 5px 0;} .blockImage {display: block;margin: 1.4em 0 0 -2px;border-radius: 0;border-width: 2px;border-color: goldenrod;} .wideImage {display:block;max-width: 100vw;margin: 1em 0;justify-self:center;} .enlargeable {cursor: zoom-in;max-width: 100%;} @media (max-width: 600px) and (orientation: portrait) {.rightImage {float: none;} } itemList {display: grid;grid-template-columns: repeat(auto-fill, 72px);gap: 6px;} itemList+p {margin-top: 0.7em;} p+itemList {margin-top: 0.7em;} itemTable {display:grid;grid-template-columns:auto 1fr;column-gap: 6px;row-gap: 2px;align-items:center;} itemTable itemQty {grid-column:1;} itemTable span {grid-column:2;} itemQty {position: relative;display:block;width:72px;height:72px;margin-left:-1px;} itemQty count {position: absolute;bottom: 7px;right: 6px;background: #000000C0;border-radius: 4px;padding: 1px 2px 0 2px;min-width: 0.55em;pointer-events: none;text-wrap-mode: nowrap;font-size:90%;color: wheat;} itemQty img {margin:0;display:block;width: 100%;height: 100%;} .dark itemQty a {color:#FFE5B5;} .dark itemQty a:hover {color:#FFE5B5;} .light itemQty img {background: #777;border-radius:6px;} .mediumItemList {grid-template-columns: repeat(auto-fill, 58px);gap:4px;margin-left:-1px;} .mediumItemList itemQty {width: 58px;height: 58px;} .mediumItemList itemQty count {bottom: 6px;right: 5px;} .smallItemList {grid-template-columns: repeat(auto-fill, 40px);gap: 3px;} .smallItemList itemQty {width: 40px;height: 40px;} .smallItemList count {bottom: 5px;right: 5px;} tooltipWrapper itemList {display: flex;flex-wrap: wrap;} .itemGrid {max-width: 350px;}   questList {display: grid;grid-template-columns: 1em minmax(auto, 30em) auto;} questList left {grid-column:1 / 3;margin: auto 0;} questList right {grid-column:3;margin: 1px 0;padding-left: 5px;display: flex;gap: 2px;} questList padding {grid-column:1;} questList itemQty {width: 52px;height: 52px;} questList itemQty count {bottom: 5px;right: 5px;} p+questList {margin-top: 0.8em;} tooltipWrapper questList {grid-template-columns: 0px 1fr auto;} tooltipWrapper questList itemQty count {padding-left: 3px;} shop {display: grid;grid-template-columns:repeat(auto-fit, 74px);row-gap: 15px;margin-top:10px;} shopSlot {display: grid;grid-template-columns: auto;} shopSlot itemQty {grid-row: 1;display: block;width: 72px;height: 72px;margin:0 auto;} shopSlot itemQty count {bottom: 7px;right: 7px;} shop cost {grid-row: 2;font-size:90%;} shop cost img {margin-left:-6px;font-size: 90%;margin-right:0;} itemQty count.starCount {font-size: 75%;line-height: 1.2;letter-spacing: -0.5em;padding-right: 0.5em;bottom: 6px;right:6px;} costs {display: inline-flex;gap: 0.8em;align-items:center;margin-top:2px;} costs>span {font-weight:bold;vertical-align:middle;} cost {margin:0 auto;} cost a {color:inherit;text-decoration:none;} cost img {width:1.6em;aspect-ratio:1;vertical-align: middle;margin-right: 2px;} cost span {vertical-align:middle;} bundles {display:grid;grid-template-columns:auto auto auto auto;width:max-content;column-gap: 2em;} bundleHeader {font-weight:bold;margin-bottom:0.4em;} bundleName {grid-column: 1;align-self: center;max-width:10em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} bundleCost {grid-column: 2;align-self: center;} bundleSeparator {grid-column: 1;height:1.8em;} bundles itemList {grid-auto-flow: column;display:flex;} bundles itemList.rewards {grid-column: 3;} bundles itemList.guildRewards {grid-column: 4;} @media (max-width: 600px) and (orientation: portrait) {bundles {grid-template-columns:auto auto;} bundleHeader:nth-of-type(3) {display: none;} bundleHeader:nth-of-type(4) {display: none;} bundles itemList.rewards {grid-column:1/3;} bundles itemList.guildRewards {grid-column:1/3;} } rewardSource {display: block;font-size: 90%;} rewardSource+itemList {margin-top:0.5em;} itemList+rewardSource {margin-top: 0.5em;} mobileScrollableContainer {} @media (max-width: 600px) and (orientation: portrait) {mobileScrollableContainer {display: block;overflow-x: auto;max-width:100%;scrollbar-width: auto;width: max-content;scrollbar-width: auto;} mobileScrollableContainer > * {max-width:var(--useable-width) } } @media (max-width: 600px) {main > shop {margin-right:var(--mobile-negative-margin);} main > bundles {margin-right:var(--mobile-negative-margin);} main > table {margin-right:var(--mobile-negative-margin);} main > itemList {margin-right:var(--mobile-negative-margin);} } note {cursor:help;} copyButton {display:inline;} .panScrollable {user-select: none;} team {display: block;} team hero {display:inline-block;position:relative;width:80px;height:80px;margin-right: 2px;} team hero img {width:100%;height:100%;} team hero pet {position:absolute;width: 35px;height: 35px;right: -12px;top: -12px;z-index: 1;} p+team {margin-top: 12px;} @media (max-width: 600px) and (orientation: portrait) {team hero {width:40px;height:40px;} team hero pet {width: 24px;height: 24px;right: -10px;top: -10px;} mobileScrollableContainer > * {max-width:var(--useable-width) } } .ad {display:inline-block;} .light .ad {} .adsbygoogle[data-ad-status="unfilled"] {display: none !important;} .adFullWidth {display:block;margin:3.5rem 0;width:100%;max-width:100%;} .adFullWidth .ad {width:100%;max-width:100%;} .adLeft {position: absolute;z-index: 10;top: var(--ad-offset);right: calc(50% + var(--useable-width)/2 + 20px);} .adRight {position: absolute;z-index: 10;top: var(--ad-offset);left: calc(50% + var(--useable-width)/2 + 20px);} .adRight .ad {width:300px;height:calc(100vh - var(--ad-offset));} .adLeft .ad {width:300px;height:calc(100vh - var(--ad-offset));}   @media(max-width: 1539px) {.adRight .ad {width:160px;} .adLeft .ad {width:160px;} }   @media(max-width: 1259px) {.adRight .ad {display:none;} .adLeft .ad {display:none;} }   @font-face {font-family: 'Rubik';font-style: normal;font-weight: 400;font-display: swap;src: url(rubik2.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}   @font-face {font-family: 'Rubik';font-style: normal;font-weight: 400;font-display: swap;src: url(rubik2.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}   @font-face {font-family: 'Rubik';font-style: normal;font-weight: 400;font-display: swap;src: url(rubik2.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}   @font-face {font-family: 'Rubik';font-style: normal;font-weight: 400;font-display: swap;src: url(rubik1.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}