Toggle search
Toggle menu
41
155
1
1.5K
Wizards and Warlords
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
More actions
← Older edit
Aurelian (talk | contribs)
Bureaucrats, Interface administrators, Administrators
1,509 edits
No edit summary
No edit summary
 
(55 intermediate revisions by the same user not shown)
Line 48: Line 48:


.mw-parser-output > ul,
.mw-parser-output > ul,
.mw-parser-output > ol,
.mw-parser-output > ol {
.mw-parser-output .toc-page > ul,
.mw-parser-output .toc-page > ol {
margin: 8px 0 12px 28px;
margin: 8px 0 12px 28px;
padding-left: 20px;
padding-left: 20px;
Line 56: Line 54:
}
}


.mw-parser-output > ul,
.mw-parser-output > ul {
.mw-parser-output .toc-page > ul {
list-style: disc outside;
list-style: disc outside;
}
}


.mw-parser-output ul ul,
.mw-parser-output ul ul {
.mw-parser-output .toc-page > ul ul {
margin: 4px 0 6px 22px;
margin: 4px 0 6px 22px;
padding-left: 18px;
padding-left: 18px;
Line 68: Line 64:
}
}


.mw-parser-output > ol,
.mw-parser-output > ol {
.mw-parser-output .toc-page > ol {
list-style: decimal outside;
list-style: decimal outside;
}
}


.mw-parser-output > ul > li,
.mw-parser-output > ul > li,
.mw-parser-output > ol > li,
.mw-parser-output > ol > li {
.mw-parser-output .toc-page > ul > li,
.mw-parser-output .toc-page > ol > li {
display: list-item;
display: list-item;
margin-bottom: 4px;
margin-bottom: 4px;
}
}


.mw-parser-output ul ul > li,
.mw-parser-output ul ul > li {
.mw-parser-output .toc-page > ul ul > li {
display: list-item;
display: list-item;
margin-bottom: 3px;
margin-bottom: 3px;
Line 189: Line 181:
}
}


/* Compatibility for an accidental nested-list wrapper on the Main Page:
/* Main Page banner.
*
  Desktop/small-desktop uses the full single-line parchment banner. Mobile and
* <ul>
  tablet use the transparent no-background version so the header sits cleanly
*  <ul class="wizlords-mainpage-whatislarp-list">...</ul>
  inside Citizen's narrow layout. */
* </ul>
.page-banner {
*
width: 100%;
* The outer list otherwise adds a second layer of indentation. The preferred
margin: 0 auto 24px;
* markup is still a single classified <ul>.
text-align: center;
*/
.mw-parser-output ul:has(> ul.wizlords-mainpage-whatislarp-list) {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
}


.mw-parser-output
.page-banner-desktop,
ul:has(> ul.wizlords-mainpage-whatislarp-list)
.page-banner-mobile {
> ul.wizlords-mainpage-whatislarp-list {
width: 100%;
margin-left: 0 !important;
}
}


/* Hide the content of the TOC when the checkbox is checked. */
.page-banner-desktop {
/* stylelint-disable-next-line selector-class-pattern */
display: block !important;
.toctogglecheckbox:checked ~ ul {
display: none;
}
}


.wiz-grid {
.page-banner-mobile {
outline: 5px solid red !important;
display: none !important;
}
}


.wiz-grid-item {
.page-banner figure {
display: block;
width: 100%;
width: 100%;
max-width: 100%;
margin: 0 auto;
}
}


.wiz-grid-item img {
.page-banner img {
display: block;
display: block;
width: 100%;
width: 100%;
max-width: 100%;
height: auto;
height: auto;
border: 0;
margin: 0 auto;
background: transparent;
box-shadow: none;
}
}


.wiz-grid-text {
.page-banner .mw-default-size,
margin-top: 8px;
.page-banner .mw-file-description,
.page-banner .mw-file-element {
display: block;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
}


/* TOC PAGE DIV */
@media (max-width: 899px) {
/* ------------ */
.page-banner {
/* Wrap __TOC__ in <div class="toc-page">...</div> to float it right. */
aspect-ratio: 300 / 141;
.toc-page #toc,
margin-bottom: 0;
.toc-page .toc {
background-image: url("/index.php/Special:Redirect/file/Wizlords_banner_nobg.png");
float: right;
background-repeat: no-repeat;
width: max-content;
background-position: center center;
min-width: 220px;
background-size: contain;
max-width: 320px;
}
margin: 0 0 16px 24px;
clear: right;
font-size: 0.95em;
box-sizing: border-box;
padding: 16px 24px;
border: 1px solid var(--wiz-content-border, #ff942d);
background: var(--wiz-panel-solid-background, #0f0f0f);
color: var(--wiz-text, #d2d2d2);
}


.toc-page #toc:has(.toctogglecheckbox:checked),
.page-banner-desktop {
.toc-page .toc:has(.toctogglecheckbox:checked) {
display: none !important;
width: fit-content;
}
min-width: 0;
padding: 12px 16px;
}


.toc-page #toc .toctitle,
.page-banner-mobile {
.toc-page .toc .toctitle {
display: none !important;
margin: 0 0 10px;
}
color: var(--wiz-text, #d2d2d2);
text-align: center;
}
}


.toc-page #toc:has(.toctogglecheckbox:checked) .toctitle,
@media (min-width: 900px) {
.toc-page .toc:has(.toctogglecheckbox:checked) .toctitle {
.page-banner {
margin: 0;
aspect-ratio: auto;
line-height: 1.4;
background-image: none;
}
}


.toc-page #toc .toctitle h2,
.page-banner-desktop {
.toc-page .toc .toctitle h2 {
display: block !important;
display: inline;
}
margin: 0;
 
padding: 0;
.page-banner-mobile {
border: 0;
display: none !important;
color: var(--wiz-text, #d2d2d2);
}
font-size: 14px;
font-weight: bold;
line-height: 1.4;
}
}


.toc-page #toc .toctoggle,
/* Compatibility for an accidental nested-list wrapper on the Main Page:
.toc-page .toc .toctoggle {
*
color: var(--wiz-text, #d2d2d2);
* <ul>
font-size: 12px;
*  <ul class="wizlords-mainpage-whatislarp-list">...</ul>
* </ul>
*
* The outer list otherwise adds a second layer of indentation. The preferred
* markup is still a single classified <ul>.
*/
.mw-parser-output ul:has(> ul.wizlords-mainpage-whatislarp-list) {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
}


.toc-page #toc .toctoggle a,
.mw-parser-output
.toc-page .toc .toctoggle a {
ul:has(> ul.wizlords-mainpage-whatislarp-list)
color: var(--wiz-link, #ff942d);
> ul.wizlords-mainpage-whatislarp-list {
text-decoration: none;
margin-left: 0 !important;
}
}


.toc-page #toc ul,
/* Hide the content of the TOC when the checkbox is checked. */
.toc-page .toc ul {
/* stylelint-disable-next-line selector-class-pattern */
margin: 0;
.toctogglecheckbox:checked ~ ul {
padding: 0;
display: none;
list-style: none;
}
}


.toc-page #toc li,
.wiz-grid {
.toc-page .toc li {
outline: 5px solid red !important;
display: block;
margin: 0;
padding: 0;
list-style: none;
line-height: 1.35;
}
}


.toc-page #toc > ul > li,
.wiz-grid-item {
.toc-page .toc > ul > li {
width: 100%;
padding: 2px 0;
}
}


.toc-page #toc li ul,
.wiz-grid-item img {
.toc-page .toc li ul {
display: block;
margin-left: 12px;
width: 100%;
padding-left: 10px;
height: auto;
border-left: 1px dotted var(--wiz-content-border, #ff942d);
border: 0;
background: transparent;
box-shadow: none;
}
}


.toc-page #toc li li,
.wiz-grid-text {
.toc-page .toc li li {
margin-top: 8px;
margin-left: 0;
padding: 2px 0;
border-left: 0;
}
}


.toc-page #toc .toclevel-3,
/* Intro text shown only while a MediaWiki collapsible section is closed. */
.toc-page #toc .toclevel-4,
.wizlords-collapsed-hint {
.toc-page #toc .toclevel-5,
.toc-page #toc .toclevel-6,
.toc-page .toc .toclevel-3,
.toc-page .toc .toclevel-4,
.toc-page .toc .toclevel-5,
.toc-page .toc .toclevel-6 {
display: none !important;
}
 
.toc-page #toc .tocnumber,
.toc-page .toc .tocnumber {
display: none;
}
 
.toc-page #toc a,
.toc-page .toc a {
color: var(--wiz-link, #ff942d);
text-decoration: none;
}
 
.toc-page #toc a:hover,
.toc-page .toc a:hover {
color: #ffd37a;
text-decoration: none;
}
 
/* Intro text shown only while a MediaWiki collapsible section is closed. */
.wizlords-collapsed-hint {
display: none;
display: none;
margin: 0;
margin: 0;
Line 664: Line 611:
}
}


.hatnote,
.wizlords-race-page .hatnote {
.wizlords-race-page .hatnote {
margin: 4px 0 18px;
margin: 4px 0 18px;
Line 671: Line 619:
}
}


.toc-page .hatnote {
.hatnote a,
margin: 14px 0 10px;
padding-left: 18px;
color: var(--wiz-text, #d2d2d2);
font-style: italic;
}
 
.toc-page .hatnote + h2,
.toc-page .hatnote + .mw-heading2 {
margin-top: 12px !important;
}
 
.wizlords-race-page .hatnote a {
.wizlords-race-page .hatnote a {
color: var(--wiz-link, #ff942d);
color: var(--wiz-link, #ff942d);
Line 688: Line 625:
}
}


.toc-page .hatnote a {
.wizlords-culture-grid {
color: var(--wiz-link, #ff942d);
display: grid;
text-decoration: none;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 14px;
margin: 18px auto 24px;
}
}


.wizlords-race-intro {
.wizlords-culture-card {
display: flex;
display: flex;
align-items: center;
flex-direction: column;
gap: 28px;
grid-column: span 2;
margin: 18px 0 24px;
min-height: 100%;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
background: #171717;
}
}


.wizlords-race-intro-icon {
.wizlords-culture-grid.cultures-2 .wizlords-culture-card:nth-child(1),
flex: 0 0 auto;
.wizlords-culture-grid.cultures-4 .wizlords-culture-card:nth-child(1),
.wizlords-culture-grid.cultures-4 .wizlords-culture-card:nth-child(3) {
grid-column: 2 / span 2;
}
}


.wizlords-race-intro-icon img {
.wizlords-culture-grid.cultures-2 .wizlords-culture-card:nth-child(2),
display: block;
.wizlords-culture-grid.cultures-4 .wizlords-culture-card:nth-child(2),
width: 100px;
.wizlords-culture-grid.cultures-4 .wizlords-culture-card:nth-child(4) {
height: 100px;
grid-column: 4 / span 2;
object-fit: contain;
border: 0;
background: transparent;
}
}


.wizlords-race-quote {
.wizlords-culture-grid.cultures-5 .wizlords-culture-card:nth-child(4) {
position: relative;
grid-column: 2 / span 2;
margin: 0;
padding: 0 34px;
color: var(--wiz-text, #d2d2d2);
font-size: 16px;
font-style: italic;
line-height: 1.6;
}
}


.wizlords-race-quote::before,
.wizlords-culture-grid.cultures-5 .wizlords-culture-card:nth-child(5) {
.wizlords-race-quote::after {
grid-column: 4 / span 2;
position: absolute;
color: #555;
font-size: 42px;
line-height: 1;
}
}


.wizlords-race-quote::before {
.wizlords-culture-grid.cultures-7 .wizlords-culture-card:nth-child(7) {
content: "\201C";
grid-column: 3 / span 2;
left: 0;
top: -6px;
}
}


.wizlords-race-quote::after {
.wizlords-culture-card-header {
content: "\201D";
padding: 16px 12px 12px;
right: 0;
text-align: center;
bottom: -18px;
border-bottom: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
}
}


.wizlords-race-quote-source {
.wizlords-culture-card-header img {
margin-top: 8px;
display: block;
text-align: right;
width: 250px;
font-size: 12px;
height: 250px;
font-style: normal;
max-width: 100%;
font-weight: bold;
margin: 0 auto 10px;
object-fit: contain;
border: 0;
background: transparent;
}
}


.wizlords-culture-grid {
.wizlords-culture-card-title,
display: grid;
.wizlords-culture-card-title a {
grid-template-columns: repeat(6, minmax(0, 1fr));
color: var(--wiz-link, #ff942d);
gap: 14px;
font-size: 16px;
margin: 18px auto 24px;
font-weight: bold;
line-height: 1.25;
text-decoration: none;
}
}


.wizlords-culture-card {
.wizlords-culture-card-body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: 12px;
grid-column: span 2;
background: #1f1e1e;
min-height: 100%;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
background: #171717;
}
}


.wizlords-culture-grid.cultures-2 .wizlords-culture-card:nth-child(1),
.wizlords-culture-card-body p {
.wizlords-culture-grid.cultures-4 .wizlords-culture-card:nth-child(1),
margin: 0 0 12px;
.wizlords-culture-grid.cultures-4 .wizlords-culture-card:nth-child(3) {
font-style: italic;
grid-column: 2 / span 2;
line-height: 1.55;
}
}


.wizlords-culture-grid.cultures-2 .wizlords-culture-card:nth-child(2),
.wizlords-culture-separator {
.wizlords-culture-grid.cultures-4 .wizlords-culture-card:nth-child(2),
width: 110px;
.wizlords-culture-grid.cultures-4 .wizlords-culture-card:nth-child(4) {
height: 1px;
grid-column: 4 / span 2;
margin: 14px auto 12px;
background: var(--wiz-race-table-divider-colour, #9d7531);
}
}


.wizlords-culture-grid.cultures-5 .wizlords-culture-card:nth-child(4) {
.wizlords-shared-classes {
grid-column: 2 / span 2;
display: table;
width: auto;
min-width: 330px;
margin: 16px auto 22px;
padding: 10px 28px;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
background: #171717;
}
}


.wizlords-culture-grid.cultures-5 .wizlords-culture-card:nth-child(5) {
.wizlords-shared-classes-title {
grid-column: 4 / span 2;
margin-bottom: 5px;
color: var(--wiz-heading-colour, #f2ead7);
font-weight: bold;
text-align: center;
}
}


.wizlords-culture-grid.cultures-7 .wizlords-culture-card:nth-child(7) {
.wizlords-shared-classes ul {
grid-column: 3 / span 2;
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(5, auto);
grid-auto-columns: max-content;
column-gap: 42px;
width: max-content;
margin: 2px auto 0;
padding-left: 0;
list-style: disc outside;
}
}


.wizlords-culture-card-header {
.wizlords-shared-classes li {
padding: 16px 12px 12px;
display: list-item;
text-align: center;
margin: 0 0 3px;
border-bottom: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
margin-left: 18px;
break-inside: avoid;
}
}


.wizlords-culture-card-header img {
.wizlords-shared-classes.classes-8 ul {
display: block;
grid-template-rows: repeat(4, auto);
width: 250px;
height: 250px;
max-width: 100%;
margin: 0 auto 10px;
object-fit: contain;
border: 0;
background: transparent;
}
}


.wizlords-culture-card-title,
.wizlords-shared-classes.classes-9 ul {
.wizlords-culture-card-title a {
grid-template-rows: repeat(5, auto);
color: var(--wiz-link, #ff942d);
font-size: 16px;
font-weight: bold;
line-height: 1.25;
text-decoration: none;
}
}


.wizlords-culture-card-body {
.wizlords-shared-classes.classes-4 ul {
flex: 1 1 auto;
grid-template-rows: repeat(4, auto);
padding: 12px;
background: #1f1e1e;
}
}


.wizlords-culture-card-body p {
.wizlords-shared-classes.classes-9-three ul {
margin: 0 0 12px;
grid-template-rows: repeat(3, auto);
font-style: italic;
line-height: 1.55;
}
}


.wizlords-culture-separator {
.wizlords-class-compare {
width: 110px;
display: flex;
height: 1px;
justify-content: center;
margin: 14px auto 12px;
align-items: stretch;
background: var(--wiz-race-table-divider-colour, #9d7531);
gap: 12px;
margin: 16px auto 22px;
}
 
.wizlords-class-compare .wizlords-shared-classes {
margin: 0;
min-width: 0;
}
}


.wizlords-shared-classes {
.wizlords-shared-classes a {
display: table;
color: var(--wiz-link, #ff942d);
width: auto;
text-decoration: none;
min-width: 330px;
}
margin: 16px auto 22px;
 
padding: 10px 28px;
.wizlords-shared-classes a:hover {
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
color: #ffd37a;
background: #171717;
text-decoration: none;
}
}


.wizlords-shared-classes-title {
.wizlords-culture-classes {
margin-bottom: 5px;
margin-top: 12px;
color: var(--wiz-heading-colour, #f2ead7);
font-weight: bold;
font-weight: bold;
text-align: center;
}
}


.wizlords-shared-classes ul {
.wizlords-culture-known-for,
display: grid;
.wizlords-culture-suggested-class {
grid-auto-flow: column;
margin-top: 10px;
grid-template-rows: repeat(5, auto);
line-height: 1.45;
grid-auto-columns: max-content;
}
column-gap: 42px;
 
width: max-content;
.wizlords-culture-suggested-class a {
margin: 2px auto 0;
color: var(--wiz-link, #ff942d);
padding-left: 0;
text-decoration: none;
}
 
.wizlords-culture-class-note {
margin-top: 6px;
line-height: 1.45;
}
 
.wizlords-culture-card-body ul {
margin: 4px 0 0;
padding-left: 28px;
list-style: disc outside;
list-style: disc outside;
}
}


.wizlords-shared-classes li {
.wizlords-culture-card-body li {
display: list-item;
display: list-item;
margin: 0 0 3px;
margin: 0 0 3px;
margin-left: 18px;
break-inside: avoid;
}
}


.wizlords-shared-classes.classes-8 ul {
.wizlords-culture-card-body a,
grid-template-rows: repeat(4, auto);
.wizlords-culture-row-classes a {
color: var(--wiz-link, #ff942d);
text-decoration: none;
}
}


.wizlords-shared-classes.classes-9 ul {
.wizlords-culture-card-body a:hover,
grid-template-rows: repeat(5, auto);
.wizlords-culture-row-classes a:hover {
color: #ffd37a;
text-decoration: none;
}
}


.wizlords-shared-classes.classes-4 ul {
.wizlords-culture-list {
grid-template-rows: repeat(4, auto);
margin: 18px 0 24px;
}
}


.wizlords-shared-classes.classes-9-three ul {
.wizlords-culture-row {
grid-template-rows: repeat(3, auto);
padding: 20px 0 24px;
border-bottom: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
}
}


.wizlords-class-compare {
.wizlords-culture-row-feature {
display: flex;
display: grid;
justify-content: center;
grid-template-columns: 150px 1px minmax(0, 1fr) 300px;
align-items: stretch;
align-items: center;
gap: 12px;
gap: 22px;
margin: 16px auto 22px;
margin: 10px 0 18px;
}
}


.wizlords-class-compare .wizlords-shared-classes {
.wizlords-culture-row-icon img {
margin: 0;
display: block;
min-width: 0;
width: 150px;
height: 150px;
object-fit: contain;
border: 0;
background: transparent;
}
}


.wizlords-shared-classes a {
.wizlords-culture-row-divider {
color: var(--wiz-link, #ff942d);
width: 1px;
text-decoration: none;
height: 150px;
background: var(--wiz-race-table-border-colour, #4d4d4d);
}
}


.wizlords-shared-classes a:hover {
.wizlords-culture-row-title,
color: #ffd37a;
.wizlords-culture-row-title a {
color: var(--wiz-heading, #e7e1d4);
font-size: 18px;
font-weight: bold;
line-height: 1.3;
text-decoration: none;
text-decoration: none;
}
}


.wizlords-culture-classes {
.wizlords-culture-row-description {
margin-top: 12px;
position: relative;
font-weight: bold;
margin: 0;
padding: 0 34px;
color: var(--wiz-text, #d2d2d2);
font-size: 16px;
font-style: italic;
line-height: 1.6;
}
}


.wizlords-culture-known-for,
.wizlords-culture-row-description::before,
.wizlords-culture-suggested-class {
.wizlords-culture-row-description::after {
margin-top: 10px;
position: absolute;
line-height: 1.45;
color: #555;
font-size: 42px;
line-height: 1;
}
}


.wizlords-culture-suggested-class a {
.wizlords-culture-row-description::before {
color: var(--wiz-link, #ff942d);
content: "\201C";
text-decoration: none;
left: 0;
top: -6px;
}
}


.wizlords-culture-class-note {
.wizlords-culture-row-description::after {
margin-top: 6px;
content: "\201D";
line-height: 1.45;
right: 0;
bottom: -18px;
}
}


.wizlords-culture-card-body ul {
.wizlords-culture-appearance {
margin: 4px 0 0;
box-sizing: border-box;
padding-left: 28px;
width: 300px;
list-style: disc outside;
padding: 4px;
border: 1px solid var(--wiz-race-table-divider-colour, #9d7531);
background: #171717;
}
}


.wizlords-culture-card-body li {
.wizlords-culture-appearance img {
display: list-item;
display: block;
margin: 0 0 3px;
width: 300px;
height: 138px;
object-fit: cover;
border: 0;
background: transparent;
}
}


.wizlords-culture-card-body a,
.wizlords-culture-appearance-caption {
.wizlords-culture-row-classes a {
margin-top: 4px;
color: var(--wiz-link, #ff942d);
color: var(--wiz-text, #d2d2d2);
text-decoration: none;
font-size: 12px;
line-height: 1.3;
}
}


.wizlords-culture-card-body a:hover,
.wizlords-page-image {
.wizlords-culture-row-classes a:hover {
box-sizing: border-box;
color: #ffd37a;
width: min(450px, 100%);
text-decoration: none;
padding: 6px;
border: 1px solid var(--wiz-content-border, #ff942d);
background: #171717;
}
}


.wizlords-culture-list {
.wizlords-page-image p {
margin: 18px 0 24px;
margin: 0;
padding: 0;
}
}


.wizlords-culture-row {
.wizlords-page-image span,
padding: 20px 0 24px;
.wizlords-page-image a {
border-bottom: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
display: block;
}
}


.wizlords-culture-row-feature {
.wizlords-page-image.right {
display: grid;
float: right;
grid-template-columns: 150px 1px minmax(0, 1fr) 300px;
margin: 0 0 16px 24px;
align-items: center;
}
gap: 22px;
 
margin: 10px 0 18px;
.wizlords-page-image.left {
float: left;
margin: 0 24px 16px 0;
}
}


.wizlords-culture-row-icon img {
.wizlords-page-image img {
display: block;
display: block;
width: 150px;
box-sizing: border-box;
height: 150px;
width: 100%;
object-fit: contain;
aspect-ratio: 2 / 1;
border: 0;
height: auto;
object-fit: cover;
border: 1px solid var(--wiz-content-border, #ff942d);
background: transparent;
background: transparent;
}
}


.wizlords-culture-row-divider {
.wizlords-page-image-caption {
width: 1px;
margin-top: 7px;
height: 150px;
padding: 0 4px;
background: var(--wiz-race-table-border-colour, #4d4d4d);
color: var(--wiz-text, #d2d2d2);
font-size: 12px;
line-height: 1.3;
}
}


.wizlords-culture-row-title,
.wizlords-culture-row-classes {
.wizlords-culture-row-title a {
color: var(--wiz-text, #d2d2d2);
color: var(--wiz-heading, #e7e1d4);
font-size: 14px;
font-size: 18px;
}
font-weight: bold;
 
line-height: 1.3;
.wizlords-culture-class-list {
text-decoration: none;
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(130px, max-content);
grid-template-rows: repeat(4, auto);
gap: 4px 18px;
margin: 6px 0 0;
padding-left: 28px;
list-style: disc outside;
}
}


.wizlords-culture-row-description {
.wizlords-culture-class-list li {
position: relative;
display: list-item;
margin: 0;
margin: 0;
padding: 0 34px;
padding: 0;
color: var(--wiz-text, #d2d2d2);
font-size: 16px;
font-style: italic;
line-height: 1.6;
}
}


.wizlords-culture-row-description::before,
.wizlords-culture-class-list li::marker {
.wizlords-culture-row-description::after {
color: var(--wiz-text, #d2d2d2);
position: absolute;
color: #555;
font-size: 42px;
line-height: 1;
}
}


.wizlords-culture-row-description::before {
/* Tablet and small-desktop layouts use a three-column grid. */
content: "\201C";
@media (min-width: 600px) and (max-width: 1199px) {
left: 0;
.wiz-grid {
top: -6px;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
}


.wizlords-culture-row-description::after {
/* Phone layout uses two columns. */
content: "\201D";
@media (max-width: 599px) {
right: 0;
.wiz-grid {
bottom: -18px;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
}


.wizlords-culture-appearance {
/* CLASS OVERVIEW PAGE */
box-sizing: border-box;
/* ------------------- */
width: 300px;
.wizlords-classes-page {
padding: 4px;
max-width: 100%;
border: 1px solid var(--wiz-race-table-divider-colour, #9d7531);
background: #171717;
}
}


.wizlords-culture-appearance img {
.wizlords-classes-page ul {
display: block;
list-style: disc outside;
width: 300px;
padding-left: 28px;
height: 138px;
object-fit: cover;
border: 0;
background: transparent;
}
}


.wizlords-culture-appearance-caption {
.wizlords-classes-page li {
margin-top: 4px;
display: list-item;
color: var(--wiz-text, #d2d2d2);
font-size: 12px;
line-height: 1.3;
}
}


.wizlords-page-image {
.wizlords-class-category-table {
box-sizing: border-box;
width: 100%;
width: min(450px, 100%);
min-width: 0;
padding: 6px;
max-width: 640px;
border: 1px solid var(--wiz-content-border, #ff942d);
margin: 18px auto 24px;
border: 0 !important;
background: #171717;
background: #171717;
color: var(--wiz-text, #d2d2d2);
border-collapse: collapse;
table-layout: fixed;
}
}


.wizlords-page-image p {
.wizlords-class-category-table th,
margin: 0;
.wizlords-class-category-table td {
padding: 0;
box-sizing: border-box;
width: 33.333%;
min-width: 0;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d) !important;
vertical-align: top;
}
}


.wizlords-page-image span,
.wizlords-class-category-table th {
.wizlords-page-image a {
padding: 8px 18px !important;
display: block;
background: #1f1e1e !important;
color: var(--wiz-heading, #e7e1d4) !important;
font-size: 18px;
text-align: center;
}
}


.wizlords-page-image.right {
.wizlords-class-category-icon {
float: right;
margin: 0 0 6px;
margin: 0 0 16px 24px;
text-align: center;
}
}


.wizlords-page-image.left {
.wizlords-class-category-icon img {
float: left;
display: inline-block;
margin: 0 24px 16px 0;
width: 110px;
height: 110px;
object-fit: contain;
}
}


.wizlords-page-image img {
.wizlords-class-category-table td {
display: block;
padding: 8px 18px 10px 12px !important;
box-sizing: border-box;
background: #171717 !important;
width: 100%;
aspect-ratio: 2 / 1;
height: auto;
object-fit: cover;
border: 1px solid var(--wiz-content-border, #ff942d);
background: transparent;
}
}


.wizlords-page-image-caption {
.wizlords-class-category-table tr:first-child {
margin-top: 7px;
border-bottom: 0;
padding: 0 4px;
color: var(--wiz-text, #d2d2d2);
font-size: 12px;
line-height: 1.3;
}
}


.wizlords-culture-row-classes {
.wizlords-class-category-table ul {
color: var(--wiz-text, #d2d2d2);
margin: 0;
font-size: 14px;
padding-left: 22px;
}
 
.wizlords-culture-class-list {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(130px, max-content);
grid-template-rows: repeat(4, auto);
gap: 4px 18px;
margin: 6px 0 0;
padding-left: 28px;
list-style: disc outside;
list-style: disc outside;
}
}


.wizlords-culture-class-list li {
.wizlords-class-category-table li {
display: list-item;
display: list-item;
margin: 0;
margin: 0 0 3px;
padding: 0;
}
}


.wizlords-culture-class-list li::marker {
.wizlords-class-category-name {
color: var(--wiz-text, #d2d2d2);
color: var(--wiz-link, #ff942d);
font-weight: bold;
}
}


/* Tablet and small-desktop layouts use a three-column grid. */
.wizlords-class-category-table a,
@media (min-width: 600px) and (max-width: 1199px) {
.wizlords-class-card a {
.wiz-grid {
color: var(--wiz-link, #ff942d);
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
text-decoration: none;
}
}
}


/* Phone layout uses two columns. */
.wizlords-class-category-mobile {
@media (max-width: 599px) {
display: none;
.wiz-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
}


/* CLASS OVERVIEW PAGE */
/* Very narrow phones: use explicit paired category rows instead of trying to
/* ------------------- */
  re-map MediaWiki's desktop table, whose headers and lists are rendered in
.wizlords-classes-page {
  separate table rows. This avoids horizontal scroll and keeps each category
max-width: 100%;
  as icon/name on the left and class list on the right. */
}
@media (max-width: 490px) {
.wizlords-class-category-table {
display: none !important;
}


.wizlords-classes-page ul {
.wizlords-class-category-mobile {
list-style: disc outside;
display: block;
padding-left: 28px;
width: 100%;
}
max-width: 420px;
margin: 18px auto 24px;
border: 0 !important;
overflow: visible;
background: #171717;
color: var(--wiz-text, #d2d2d2);
}
 
.wizlords-class-category-mobile-row {
display: grid;
grid-template-columns: 44% 56%;
align-items: stretch;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
border-bottom: 0;
}


.wizlords-classes-page li {
.wizlords-class-category-mobile-row:last-child {
display: list-item;
border-bottom: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
}
}


.wizlords-class-category-table {
.wizlords-class-category-mobile-heading {
width: 100%;
box-sizing: border-box;
min-width: 0;
padding: 8px 8px !important;
max-width: 640px;
border-right: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
margin: 18px auto 24px;
background: #1f1e1e;
border: 0 !important;
color: var(--wiz-heading, #e7e1d4);
background: #171717;
font-size: 16px;
color: var(--wiz-text, #d2d2d2);
font-weight: bold;
border-collapse: collapse;
text-align: center;
table-layout: fixed;
}
}


.wizlords-class-category-table th,
.wizlords-class-category-mobile-list {
.wizlords-class-category-table td {
box-sizing: border-box;
box-sizing: border-box;
display: flex;
width: 33.333%;
align-items: center;
min-width: 0;
padding: 8px 10px !important;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d) !important;
background: #171717;
vertical-align: top;
}
}


.wizlords-class-category-table th {
.wizlords-class-category-mobile .wizlords-class-category-icon {
padding: 8px 18px !important;
margin-bottom: 4px;
background: #1f1e1e !important;
}
color: var(--wiz-heading, #e7e1d4) !important;
 
font-size: 18px;
.wizlords-class-category-mobile .wizlords-class-category-icon img {
text-align: center;
width: 64px;
}
height: auto;
max-width: 100%;
}
 
.wizlords-class-category-mobile ul {
margin: 0;
padding-left: 18px;
list-style: disc outside;
}


.wizlords-class-category-icon {
.wizlords-class-category-mobile li {
margin: 0 0 6px;
display: list-item;
text-align: center;
margin: 0 0 3px;
}
}
}


.wizlords-class-category-icon img {
.wizlords-class-card-grid {
display: inline-block;
display: grid;
width: 110px;
grid-template-columns: repeat(6, minmax(0, 1fr));
height: 110px;
gap: 14px;
object-fit: contain;
margin: 16px auto 24px;
}
}


.wizlords-class-category-table td {
.wizlords-class-card {
padding: 8px 18px 10px 12px !important;
grid-column: span 2;
background: #171717 !important;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
background: #171717;
display: flex;
flex-direction: column;
scroll-margin-top: 90px;
}
}


.wizlords-class-category-table tr:first-child {
.wizlords-class-card-grid.cards-5 .wizlords-class-card:nth-child(4),
border-bottom: 0;
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(1),
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(3) {
grid-column: 2 / span 2;
}
}


.wizlords-class-category-table ul {
.wizlords-class-card-grid.cards-5 .wizlords-class-card:nth-child(5),
margin: 0;
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(2),
padding-left: 22px;
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(4) {
list-style: disc outside;
grid-column: 4 / span 2;
}
}


.wizlords-class-category-table li {
.wizlords-class-card-title {
display: list-item;
padding: 0 12px 10px;
margin: 0 0 3px;
}
 
.wizlords-class-category-name {
color: var(--wiz-link, #ff942d);
color: var(--wiz-link, #ff942d);
font-weight: bold;
font-weight: bold;
font-size: 18px;
line-height: 1.25;
text-align: center;
}
}


.wizlords-class-category-table a,
.wizlords-class-card-icon {
.wizlords-class-card a {
padding: 18px 12px 8px;
color: var(--wiz-link, #ff942d);
text-align: center;
text-decoration: none;
}
}


.wizlords-class-category-mobile {
.wizlords-class-card-icon img {
display: none;
display: inline-block;
width: 250px;
height: 250px;
object-fit: contain;
}
}


/* Very narrow phones: use explicit paired category rows instead of trying to
.wizlords-class-card-body {
  re-map MediaWiki's desktop table, whose headers and lists are rendered in
padding: 12px;
  separate table rows. This avoids horizontal scroll and keeps each category
background: #1f1e1e;
  as icon/name on the left and class list on the right. */
line-height: 1.5;
@media (max-width: 490px) {
flex: 1 1 auto;
.wizlords-class-category-table {
}
display: none !important;
}


.wizlords-class-category-mobile {
.wizlords-class-card-summary {
display: block;
font-style: italic;
width: 100%;
}
max-width: 420px;
margin: 18px auto 24px;
border: 0 !important;
overflow: visible;
background: #171717;
color: var(--wiz-text, #d2d2d2);
}


.wizlords-class-category-mobile-row {
.wizlords-class-card-divider {
display: grid;
width: 55%;
grid-template-columns: 44% 56%;
height: 1px;
align-items: stretch;
margin: 14px auto 12px;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
background: var(--wiz-race-table-divider-colour, #9d7531);
border-bottom: 0;
}
}
 
.wizlords-class-card-rules {
color: var(--wiz-text, #d2d2d2);
}


.wizlords-class-category-mobile-row:last-child {
.wizlords-class-card-rules div {
border-bottom: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
margin: 0 0 4px;
}
}


.wizlords-class-category-mobile-heading {
.wizlords-class-category-accordion {
box-sizing: border-box;
--wiz-class-category-accent: var(--wiz-content-border, #ff942d);
padding: 8px 8px !important;
margin: 5px 0 14px;
border-right: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
}
background: #1f1e1e;
color: var(--wiz-heading, #e7e1d4);
font-size: 16px;
font-weight: bold;
text-align: center;
}


.wizlords-class-category-mobile-list {
.wizlords-class-category-accordion-martial {
box-sizing: border-box;
--wiz-class-category-accent: #9d7531;
display: flex;
}
align-items: center;
padding: 8px 10px !important;
background: #171717;
}


.wizlords-class-category-mobile .wizlords-class-category-icon {
.wizlords-class-category-accordion-arcane {
margin-bottom: 4px;
--wiz-class-category-accent: #d66be3;
}
}
 
.wizlords-class-category-mobile .wizlords-class-category-icon img {
width: 64px;
height: auto;
max-width: 100%;
}
 
.wizlords-class-category-mobile ul {
margin: 0;
padding-left: 18px;
list-style: disc outside;
}


.wizlords-class-category-mobile li {
.wizlords-class-category-accordion-divine {
display: list-item;
--wiz-class-category-accent: #19c4eb;
margin: 0 0 3px;
}
}
}


.wizlords-class-card-grid {
.wizlords-class-category-accordion-heading {
display: grid;
display: flex;
grid-template-columns: repeat(6, minmax(0, 1fr));
align-items: center;
gap: 14px;
gap: 8px;
margin: 16px auto 24px;
margin: 0 0 4px;
padding-top: 4px;
padding-bottom: 2px;
border-bottom: 0;
color: var(--wiz-heading, #e7e1d4);
font-size: 18px;
font-weight: bold;
line-height: 24px;
}
}


.wizlords-class-card {
.wizlords-class-category-accordion .wizlords-class-card-grid {
grid-column: span 2;
margin-top: 4px;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
margin-bottom: 12px;
background: #171717;
display: flex;
flex-direction: column;
scroll-margin-top: 90px;
}
}


.wizlords-class-card-grid.cards-5 .wizlords-class-card:nth-child(4),
.wizlords-class-category-accordion-title {
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(1),
color: var(--wiz-heading, #e7e1d4);
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(3) {
grid-column: 2 / span 2;
}
}


.wizlords-class-card-grid.cards-5 .wizlords-class-card:nth-child(5),
.wizlords-class-category-accordion-icon {
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(2),
display: inline-flex;
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(4) {
align-items: center;
grid-column: 4 / span 2;
justify-content: center;
width: 30px;
height: 30px;
vertical-align: middle;
line-height: 1;
}
}


.wizlords-class-card-title {
.wizlords-class-category-accordion-icon span,
padding: 0 12px 10px;
.wizlords-class-category-accordion-icon a {
color: var(--wiz-link, #ff942d);
display: inline-flex;
font-weight: bold;
align-items: center;
font-size: 18px;
justify-content: center;
line-height: 1.25;
width: 100%;
text-align: center;
height: 100%;
line-height: 1;
}
}


.wizlords-class-card-icon {
.wizlords-class-category-accordion-icon img {
padding: 18px 12px 8px;
display: block;
text-align: center;
width: 28px !important;
}
height: 28px !important;
 
max-width: 28px !important;
.wizlords-class-card-icon img {
max-height: 28px !important;
display: inline-block;
width: 250px;
height: 250px;
object-fit: contain;
object-fit: contain;
}
}


.wizlords-class-card-body {
.wizlords-class-category-accordion-body {
padding: 12px;
display: block;
background: #1f1e1e;
line-height: 1.5;
flex: 1 1 auto;
}
}


.wizlords-class-card-summary {
/* MAGIC PAGE */
font-style: italic;
}
 
.wizlords-class-card-divider {
width: 55%;
height: 1px;
margin: 14px auto 12px;
background: var(--wiz-race-table-divider-colour, #9d7531);
}
 
.wizlords-class-card-rules {
color: var(--wiz-text, #d2d2d2);
}
 
.wizlords-class-card-rules div {
margin: 0 0 4px;
}
 
/* MAGIC PAGE */
/* ---------- */
/* ---------- */
.wizlords-magic-used-by {
.wizlords-magic-used-by {
Line 1,418: Line 1,365:
}
}


.wikitable.wizlords-magic-table,
/* SHARED STANDARD TABLE
.wizlords-magic-table {
  ---------------------
width: auto;
  Opt-in colour and border treatment for ordinary custom wiki tables.
min-width: 520px;
  Add "wizlords-table" beside "wikitable" instead of overriding every
max-width: 680px;
  MediaWiki-generated wikitable. Component-specific classes continue to own
margin: 16px 0 18px;
  specialised widths, alignment, captions, and collapsible behaviour. */
.wikitable.wizlords-table,
.wizlords-table {
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d) !important;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d) !important;
border-collapse: collapse;
border-collapse: collapse;
background: #171717;
background: #171717 !important;
color: var(--wiz-text, #d2d2d2);
color: var(--wiz-text, #d2d2d2) !important;
}
}


.wikitable.wizlords-magic-table th,
.wikitable.wizlords-table th,
.wikitable.wizlords-magic-table td,
.wikitable.wizlords-table td,
.wizlords-magic-table th,
.wizlords-table th,
.wizlords-magic-table td {
.wizlords-table td {
padding: 8px 18px !important;
padding: 8px 12px;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d) !important;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d) !important;
background: #171717 !important;
background: #171717 !important;
color: var(--wiz-text, #d2d2d2) !important;
}
}


.wikitable.wizlords-magic-table th,
.wikitable.wizlords-table th,
.wizlords-magic-table th {
.wizlords-table th {
background: #1f1e1e !important;
background: #1f1e1e !important;
color: var(--wiz-heading, #e7e1d4) !important;
color: var(--wiz-heading, #e7e1d4) !important;
text-align: center;
}
}


.wikitable.wizlords-reward-table,
.wikitable.wizlords-magic-table,
.wizlords-reward-table {
.wizlords-magic-table {
min-width: 0;
max-width: none;
width: auto;
width: auto;
min-width: 520px;
max-width: 680px;
margin: 16px 0 18px;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d) !important;
border-collapse: collapse;
background: #171717;
color: var(--wiz-text, #d2d2d2);
}
}


.wikitable.wizlords-reward-table th,
.wikitable.wizlords-example-table,
.wikitable.wizlords-reward-table td,
.wizlords-example-table {
.wizlords-reward-table th,
width: 100%;
.wizlords-reward-table td {
max-width: 600px;
white-space: nowrap;
margin-left: 0;
margin-right: auto;
}
}


.wikitable.wizlords-reward-table th:nth-child(2),
.wikitable.wizlords-example-table-full-heal,
.wikitable.wizlords-reward-table td:nth-child(2),
.wizlords-example-table-full-heal {
.wizlords-reward-table th:nth-child(2),
max-width: 500px;
.wizlords-reward-table td:nth-child(2) {
}
text-align: center;
}


.wikitable.wizlords-example-table caption,
.wikitable.wizlords-example-table-full-heal th:first-child,
.wizlords-example-table caption {
.wikitable.wizlords-example-table-full-heal td:first-child,
color: var(--wiz-heading, #e7e1d4);
.wizlords-example-table-full-heal th:first-child,
font-weight: bold;
.wizlords-example-table-full-heal td:first-child {
text-align: center;
width: 34%;
}
}


.wikitable.wizlords-example-table caption .mw-collapsible-toggle,
.wikitable.wizlords-example-table-full-heal th:nth-child(2),
.wizlords-example-table caption .mw-collapsible-toggle {
.wikitable.wizlords-example-table-full-heal td:nth-child(2),
color: var(--wiz-text, #d2d2d2) !important;
.wizlords-example-table-full-heal th:nth-child(2),
.wizlords-example-table-full-heal td:nth-child(2) {
width: 66%;
}
}


.wikitable.wizlords-example-table caption .mw-collapsible-toggle .mw-collapsible-text,
.wikitable.wizlords-magic-table th,
.wizlords-example-table caption .mw-collapsible-toggle .mw-collapsible-text,
.wikitable.wizlords-magic-table td,
.wikitable.wizlords-example-table caption .mw-collapsible-toggle a,
.wizlords-magic-table th,
.wizlords-example-table caption .mw-collapsible-toggle a {
.wizlords-magic-table td {
color: var(--wiz-link, #ff942d) !important;
padding: 8px 18px !important;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d) !important;
background: #171717 !important;
}
}


.wikitable.wizlords-example-table th,
.wikitable.wizlords-magic-table th,
.wikitable.wizlords-example-table td,
.wizlords-magic-table th {
.wizlords-example-table th,
background: #1f1e1e !important;
.wizlords-example-table td {
color: var(--wiz-heading, #e7e1d4) !important;
text-align: center;
text-align: center;
}
}


.wikitable.wizlords-reputation-table,
.wikitable.wizlords-reward-table,
.wizlords-reputation-table {
.wizlords-reward-table {
width: 100%;
min-width: 0;
max-width: none;
max-width: none;
width: auto;
margin-left: 0;
margin-right: auto;
border: 0 !important;
border-radius: 0;
box-shadow: none;
outline: 0;
}
}


.wikitable.wizlords-reputation-table.mw-collapsed,
.wikitable.wizlords-reward-table th,
.wizlords-reputation-table.mw-collapsed {
.wikitable.wizlords-reward-table td,
width: 520px;
.wizlords-reward-table th,
min-width: 520px;
.wizlords-reward-table td {
max-width: 100%;
}
 
.wikitable.wizlords-reputation-table caption,
.wizlords-reputation-table caption {
white-space: nowrap;
white-space: nowrap;
}
}


.wikitable.wizlords-reputation-table th:nth-child(1),
.wikitable.wizlords-reward-table th:nth-child(2),
.wikitable.wizlords-reputation-table td:nth-child(1),
.wikitable.wizlords-reward-table td:nth-child(2),
.wikitable.wizlords-reputation-table th:nth-child(2),
.wizlords-reward-table th:nth-child(2),
.wikitable.wizlords-reputation-table td:nth-child(2),
.wizlords-reward-table td:nth-child(2) {
.wizlords-reputation-table th:nth-child(1),
text-align: center;
.wizlords-reputation-table td:nth-child(1),
.wizlords-reputation-table th:nth-child(2),
.wizlords-reputation-table td:nth-child(2) {
width: 120px;
white-space: nowrap;
}
}


.wikitable.wizlords-reputation-table th:nth-child(3),
@media (max-width: 899px) {
.wikitable.wizlords-reputation-table td:nth-child(3),
.wikitable.wizlords-reward-table,
.wizlords-reputation-table th:nth-child(3),
.wizlords-reward-table {
.wizlords-reputation-table td:nth-child(3) {
margin-left: auto;
text-align: left;
margin-right: auto;
}
}
}


.wizlords-indented-note {
.wikitable.wizlords-example-table caption,
margin: 8px 0 14px 28px;
.wizlords-example-table caption {
color: var(--wiz-text, #d2d2d2);
color: var(--wiz-heading, #e7e1d4);
font-weight: bold;
text-align: center;
}
}


.wizlords-spellbook {
.wikitable.wizlords-example-table caption .mw-collapsible-toggle,
margin: 18px 0 28px;
.wizlords-example-table caption .mw-collapsible-toggle {
border: 1px solid var(--wiz-spellbook-colour, var(--wiz-link, #ff942d));
color: var(--wiz-text, #d2d2d2) !important;
background: #1f1e1e;
}
}


.wizlords-spellbook-arcane {
.wikitable.wizlords-example-table caption .mw-collapsible-toggle .mw-collapsible-text,
--wiz-spellbook-colour: #c141d3;
.wizlords-example-table caption .mw-collapsible-toggle .mw-collapsible-text,
--wiz-spell-card-divider-colour: #d66be3;
.wikitable.wizlords-example-table caption .mw-collapsible-toggle a,
.wizlords-example-table caption .mw-collapsible-toggle a {
color: var(--wiz-link, #ff942d) !important;
}
}


.wizlords-spellbook-divine {
.wikitable.wizlords-example-table th,
--wiz-spellbook-colour: #089cc0;
.wikitable.wizlords-example-table td,
--wiz-spell-card-divider-colour: #19c4eb;
.wizlords-example-table th,
}
.wizlords-example-table td {
 
.wizlords-spellbook-title {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 14px 18px;
color: var(--wiz-heading, #e7e1d4);
font-size: 24px;
font-weight: bold;
text-align: center;
text-align: center;
}
}


.wizlords-spellbook-title-icon {
@media (max-width: 899px) {
display: inline-flex;
.wikitable.wizlords-example-table,
align-items: center;
.wizlords-example-table {
justify-content: center;
min-width: 0;
width: 40px;
width: 100%;
height: 40px;
box-sizing: border-box;
}
table-layout: fixed;
max-width: 600px;
margin: 14px auto 18px;
border: 0 !important;
border-radius: 0;
}


.wizlords-spellbook-title-icon img {
.wikitable.wizlords-example-table-full-heal,
display: block;
.wizlords-example-table-full-heal {
width: 40px;
max-width: 500px;
height: 40px;
}
object-fit: contain;
}


.wizlords-spellbook > .mw-collapsible-toggle {
.wikitable.wizlords-example-table.mw-collapsed,
margin: 14px 18px 0 0;
.wizlords-example-table.mw-collapsed {
color: var(--wiz-text, #d2d2d2) !important;
background: transparent !important;
}
}


.wizlords-spellbook > .mw-collapsible-toggle .mw-collapsible-text,
.wikitable.wizlords-example-table caption,
.wizlords-spellbook > .mw-collapsible-toggle a {
.wizlords-example-table caption {
color: var(--wiz-link, #ff942d) !important;
display: table-caption !important;
}
caption-side: top;
width: auto;
max-width: none;
box-sizing: border-box;
padding: 0;
margin: 0 0 6px;
border: 0 !important;
background: transparent !important;
white-space: nowrap;
text-align: center !important;
cursor: pointer;
}
 
.wikitable.wizlords-example-table.mw-collapsed caption::before,
.wizlords-example-table.mw-collapsed caption::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
margin-right: 0.35em;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-25%) rotate(45deg);
transform-origin: 50% 50%;
}
 
.wikitable.wizlords-example-table:not(.mw-collapsed) caption::before,
.wizlords-example-table:not(.mw-collapsed) caption::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
margin-right: 0.35em;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(10%) rotate(225deg);
transform-origin: 50% 50%;
}
 
.wikitable.wizlords-example-table caption .mw-collapsible-toggle,
.wizlords-example-table caption .mw-collapsible-toggle {
display: none !important;
}


.wizlords-spellbook-bottom-toggle {
.wikitable.wizlords-example-table th,
margin: 16px 0 0;
.wikitable.wizlords-example-table td,
padding: 0;
.wizlords-example-table th,
text-align: right;
.wizlords-example-table td {
color: var(--wiz-text, #d2d2d2) !important;
box-sizing: border-box;
cursor: pointer;
padding: 8px 6px !important;
white-space: normal;
overflow-wrap: anywhere;
word-break: normal;
}
}
}


.wizlords-spellbook-bottom-toggle span,
@media (max-width: 599px) {
.wizlords-spellbook-bottom-toggle a {
.wikitable.wizlords-example-table th,
color: var(--wiz-link, #ff942d) !important;
.wikitable.wizlords-example-table td,
.wizlords-example-table th,
.wizlords-example-table td {
font-size: 13px;
line-height: 1.35;
}
}
}


.wizlords-spellbook .mw-collapsible-content {
.wikitable.wizlords-reputation-table,
padding: 0 18px 20px;
.wizlords-reputation-table {
width: 100%;
max-width: none;
}
}


.wizlords-spell-category-heading {
.wikitable.wizlords-reputation-table.mw-collapsed,
position: relative;
.wizlords-reputation-table.mw-collapsed {
margin: 0 0 3px;
width: 520px;
padding: 0;
min-width: 520px;
color: var(--wiz-heading, #e7e1d4);
max-width: 100%;
font-size: 18px;
font-weight: bold;
line-height: 1.3;
}
}


.wizlords-spell-category-description {
.wikitable.wizlords-reputation-table caption,
margin: 0 0 12px;
.wizlords-reputation-table caption {
color: var(--wiz-text, #d2d2d2);
white-space: nowrap;
font-style: italic;
font-weight: bold;
}
}


.wizlords-spell-card-grid + .wizlords-spell-category-heading {
.wikitable.wizlords-reputation-table th:nth-child(1),
margin-top: 0;
.wikitable.wizlords-reputation-table td:nth-child(1),
padding-top: 26px;
.wikitable.wizlords-reputation-table th:nth-child(2),
}
.wikitable.wizlords-reputation-table td:nth-child(2),
 
.wizlords-reputation-table th:nth-child(1),
.wizlords-spell-card-grid + .wizlords-spell-category-heading::before {
.wizlords-reputation-table td:nth-child(1),
content: "";
.wizlords-reputation-table th:nth-child(2),
position: absolute;
.wizlords-reputation-table td:nth-child(2) {
top: 0;
width: 120px;
left: 10%;
white-space: nowrap;
width: 80%;
height: 1px;
background: var(--wiz-spellbook-colour);
}
}


.wizlords-spell-card-grid {
.wikitable.wizlords-reputation-table th:nth-child(3),
display: grid;
.wikitable.wizlords-reputation-table td:nth-child(3),
grid-template-columns: repeat(6, minmax(0, 1fr));
.wizlords-reputation-table th:nth-child(3),
gap: 14px;
.wizlords-reputation-table td:nth-child(3) {
margin: 16px auto 26px;
text-align: left;
}
}


.wizlords-servant-rules {
.wikitable.wizlords-reputation-table th:nth-child(3),
margin: 16px 0 18px;
.wizlords-reputation-table th:nth-child(3) {
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
text-align: center;
background: #171717;
color: var(--wiz-text, #d2d2d2);
}
}


.wizlords-servant-rules-title {
@media (max-width: 899px) {
padding: 12px 16px 4px;
.wikitable.wizlords-reputation-table,
color: var(--wiz-spellbook-colour);
.wizlords-reputation-table {
font-size: 18px;
width: 100%;
font-weight: bold;
min-width: 0;
line-height: 1.25;
max-width: 680px;
text-align: center;
margin-right: auto;
}
margin-left: auto;
table-layout: fixed;
}
 
.wikitable.wizlords-reputation-table th,
.wikitable.wizlords-reputation-table td,
.wizlords-reputation-table th,
.wizlords-reputation-table td {
padding: 8px 6px !important;
white-space: normal !important;
overflow-wrap: normal !important;
word-break: normal !important;
hyphens: none;
}


.wizlords-servant-rules-hint {
.wikitable.wizlords-reputation-table th:nth-child(1),
display: none;
.wikitable.wizlords-reputation-table td:nth-child(1),
padding: 0 16px 12px;
.wizlords-reputation-table th:nth-child(1),
color: var(--wiz-text, #d2d2d2);
.wizlords-reputation-table td:nth-child(1) {
font-style: italic;
width: 22%;
text-align: center;
text-align: center;
}
}


.wizlords-servant-rules.mw-collapsed .wizlords-servant-rules-hint {
.wikitable.wizlords-reputation-table th:nth-child(2),
display: block;
.wikitable.wizlords-reputation-table td:nth-child(2),
}
.wizlords-reputation-table th:nth-child(2),
.wizlords-reputation-table td:nth-child(2) {
width: 26%;
text-align: center;
}


.wizlords-servant-rules:not(.mw-collapsed) .wizlords-servant-rules-hint {
.wikitable.wizlords-reputation-table th:nth-child(3),
display: none;
.wikitable.wizlords-reputation-table td:nth-child(3),
}
.wizlords-reputation-table th:nth-child(3),
.wizlords-reputation-table td:nth-child(3) {
width: 52%;
text-align: left;
}


.wizlords-servant-rules > .mw-collapsible-toggle {
.wikitable.wizlords-reputation-table th:nth-child(3),
margin: 12px 16px 0 0;
.wizlords-reputation-table th:nth-child(3) {
color: var(--wiz-text, #d2d2d2) !important;
text-align: center;
}
}
}


.wizlords-servant-rules > .mw-collapsible-toggle .mw-collapsible-text,
@media (max-width: 380px) {
.wizlords-servant-rules > .mw-collapsible-toggle a {
.wikitable.wizlords-reputation-table th,
color: var(--wiz-link, #ff942d) !important;
.wikitable.wizlords-reputation-table td,
.wizlords-reputation-table th,
.wizlords-reputation-table td {
padding: 7px 5px !important;
font-size: 12px;
line-height: 1.35;
}
 
.wikitable.wizlords-reputation-table th:nth-child(1),
.wikitable.wizlords-reputation-table td:nth-child(1),
.wizlords-reputation-table th:nth-child(1),
.wizlords-reputation-table td:nth-child(1) {
width: 21%;
}
 
.wikitable.wizlords-reputation-table th:nth-child(2),
.wikitable.wizlords-reputation-table td:nth-child(2),
.wizlords-reputation-table th:nth-child(2),
.wizlords-reputation-table td:nth-child(2) {
width: 25%;
}
 
.wikitable.wizlords-reputation-table th:nth-child(3),
.wikitable.wizlords-reputation-table td:nth-child(3),
.wizlords-reputation-table th:nth-child(3),
.wizlords-reputation-table td:nth-child(3) {
width: 54%;
}
}
}


.wizlords-servant-rules-grid {
@media (min-width: 600px) and (max-width: 899px) {
display: grid;
.wikitable.wizlords-reputation-table th:nth-child(1),
grid-template-columns: repeat(4, minmax(0, 1fr));
.wikitable.wizlords-reputation-table td:nth-child(1),
gap: 18px;
.wizlords-reputation-table th:nth-child(1),
padding: 0 16px 16px;
.wizlords-reputation-table td:nth-child(1) {
width: 18%;
}
 
.wikitable.wizlords-reputation-table th:nth-child(2),
.wikitable.wizlords-reputation-table td:nth-child(2),
.wizlords-reputation-table th:nth-child(2),
.wizlords-reputation-table td:nth-child(2) {
width: 22%;
}
 
.wikitable.wizlords-reputation-table th:nth-child(3),
.wikitable.wizlords-reputation-table td:nth-child(3),
.wizlords-reputation-table th:nth-child(3),
.wizlords-reputation-table td:nth-child(3) {
width: 60%;
}
}
}


.wizlords-servant-rules-section {
.wizlords-indented-note {
line-height: 1.45;
margin: 8px 0 14px 28px;
color: var(--wiz-text, #d2d2d2);
}
}


.wizlords-servant-rules-section ul {
.wizlords-spellbook {
margin: 6px 0 0;
margin: 18px 0 28px;
padding-left: 22px;
border: 1px solid var(--wiz-spellbook-colour, var(--wiz-link, #ff942d));
list-style: disc outside;
background: #1f1e1e;
}
}


.wizlords-servant-rules-section li {
.wizlords-spellbook-arcane {
display: list-item;
--wiz-spellbook-colour: #c141d3;
margin: 0 0 3px;
--wiz-spell-card-divider-colour: #d66be3;
}
}


.wizlords-spell-card {
.wizlords-spellbook-divine {
grid-column: span 2;
--wiz-spellbook-colour: #089cc0;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
--wiz-spell-card-divider-colour: #19c4eb;
background: #171717;
color: var(--wiz-text, #d2d2d2);
}
}


.wizlords-spell-card-grid.cards-1 .wizlords-spell-card:nth-child(1) {
.wizlords-spellbook-title {
grid-column: 3 / span 2;
display: flex;
}
align-items: center;
 
justify-content: center;
.wizlords-spell-card-grid.cards-2 .wizlords-spell-card:nth-child(1),
gap: 10px;
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(1),
padding: 14px 18px;
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(3) {
color: var(--wiz-heading, #e7e1d4);
grid-column: 2 / span 2;
font-size: 24px;
font-weight: bold;
text-align: center;
}
}


.wizlords-spell-card-grid.cards-2 .wizlords-spell-card:nth-child(2),
.wizlords-spellbook-title-icon {
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(2),
display: inline-flex;
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(4) {
align-items: center;
grid-column: 4 / span 2;
justify-content: center;
width: 40px;
height: 40px;
}
}


.wizlords-spell-card-grid.cards-5 .wizlords-spell-card:nth-child(4) {
.wizlords-spellbook-title-icon img {
grid-column: 2 / span 2;
display: block;
width: 40px;
height: 40px;
object-fit: contain;
}
}


.wizlords-spell-card-grid.cards-5 .wizlords-spell-card:nth-child(5) {
.wizlords-spellbook > .mw-collapsible-toggle {
grid-column: 4 / span 2;
margin: 14px 18px 0 0;
color: var(--wiz-text, #d2d2d2) !important;
}
}


.wizlords-spell-card-title {
.wizlords-spellbook > .mw-collapsible-toggle .mw-collapsible-text,
padding: 12px;
.wizlords-spellbook > .mw-collapsible-toggle a {
color: var(--wiz-spellbook-colour, var(--wiz-link, #ff942d));
color: var(--wiz-link, #ff942d) !important;
font-size: 18px;
font-weight: bold;
line-height: 1.25;
text-align: center;
}
}


.wizlords-spell-card-meta {
.wizlords-spellbook-bottom-toggle {
padding: 0 12px;
margin: 16px 0 0;
line-height: 1.45;
padding: 0;
text-align: right;
color: var(--wiz-text, #d2d2d2) !important;
cursor: pointer;
}
}


.wizlords-spell-card-meta ul {
.wizlords-spellbook-bottom-toggle span,
margin: 4px 0 0;
.wizlords-spellbook-bottom-toggle a {
padding-left: 22px;
color: var(--wiz-link, #ff942d) !important;
list-style: disc outside;
}
}


.wizlords-spell-card-meta li {
.wizlords-spellbook .mw-collapsible-content {
display: list-item;
padding: 0 18px 20px;
margin: 0 0 3px;
}
}


.wizlords-spell-card-divider {
.wizlords-spell-category-heading {
width: 55%;
position: relative;
height: 1px;
margin: 0 0 3px;
margin: 14px auto 12px;
padding: 0;
background: var(--wiz-spell-card-divider-colour, var(--wiz-race-table-divider-colour, #9d7531));
color: var(--wiz-heading, #e7e1d4);
font-size: 18px;
font-weight: bold;
line-height: 1.3;
}
}


.wizlords-spell-card-section {
.wizlords-spell-category-description {
padding: 0 12px 12px;
margin: 0 0 12px;
line-height: 1.45;
color: var(--wiz-text, #d2d2d2);
font-style: italic;
font-weight: bold;
}
}


.wizlords-spell-card-section ul {
.wizlords-spell-card-grid + .wizlords-spell-category-heading {
margin: 6px 0 0;
margin-top: 0;
padding-left: 22px;
padding-top: 26px;
list-style: disc outside;
}
}


.wizlords-spell-card-section li {
.wizlords-spell-card-grid + .wizlords-spell-category-heading::before {
display: list-item;
content: "";
margin: 0 0 3px;
position: absolute;
top: 0;
left: 10%;
width: 80%;
height: 1px;
background: var(--wiz-spellbook-colour);
}
}


.wizlords-spell-card-body {
.wizlords-spell-card-grid {
padding: 0 12px 14px;
display: grid;
line-height: 1.45;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 14px;
margin: 16px auto 26px;
}
}


/* WIZLORDS NAVBOX */
.wizlords-servant-rules {
/* --------------- */
margin: 16px 0 18px;
.ww-navbox {
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
clear: both;
background: #171717;
width: 100%;
color: var(--wiz-text, #d2d2d2);
margin: 24px auto 12px;
}
padding: 3px;
 
border: 1px solid var(--wiz-content-border, #ff942d);
.wizlords-servant-rules-title {
background: #1f1e1e;
padding: 12px 16px 4px;
color: var(--wiz-text, #d2d2d2);
color: var(--wiz-spellbook-colour);
font-size: 88%;
font-size: 18px;
line-height: 1.5;
font-weight: bold;
line-height: 1.25;
text-align: center;
text-align: center;
box-sizing: border-box;
}
}


.ww-navbox-title {
.wizlords-servant-rules-hint {
padding: 4px 10px 5px;
display: none;
background: #1a1a1a;
padding: 0 16px 12px;
color: var(--wiz-link, #ff942d);
color: var(--wiz-text, #d2d2d2);
font-size: 16px;
font-style: italic;
font-weight: bold;
line-height: 1.35;
text-align: center;
text-align: center;
}
}


.ww-navbox > .mw-collapsible-toggle {
.wizlords-servant-rules.mw-collapsed .wizlords-servant-rules-hint {
position: relative;
display: block;
z-index: 2;
}
float: right;
 
margin: 4px 8px 0 0;
.wizlords-servant-rules:not(.mw-collapsed) .wizlords-servant-rules-hint {
display: none;
}
 
.wizlords-servant-rules > .mw-collapsible-toggle {
margin: 12px 16px 0 0;
color: var(--wiz-text, #d2d2d2) !important;
color: var(--wiz-text, #d2d2d2) !important;
font-weight: bold;
}
}


.ww-navbox > .mw-collapsible-toggle .mw-collapsible-text,
.wizlords-servant-rules > .mw-collapsible-toggle .mw-collapsible-text,
.ww-navbox > .mw-collapsible-toggle a {
.wizlords-servant-rules > .mw-collapsible-toggle a {
color: var(--wiz-link, #ff942d) !important;
color: var(--wiz-link, #ff942d) !important;
text-decoration: none;
}
}


.ww-navbox > .mw-collapsible-content {
.wizlords-servant-rules-grid {
display: flex;
display: grid;
flex-direction: column;
grid-template-columns: repeat(4, minmax(0, 1fr));
clear: both;
gap: 18px;
margin: 0;
padding: 0 16px 16px;
padding: 0;
}
}


.ww-navbox-row {
.wizlords-servant-rules-section {
display: flex;
line-height: 1.45;
margin: 0;
border-top: 2px solid var(--wiz-content-background, #222);
border-left: 2px solid var(--wiz-content-background, #222);
border-right: 2px solid var(--wiz-content-background, #222);
line-height: 1.5;
}
}


.ww-navbox-row:first-of-type {
.wizlords-servant-rules-section ul {
border-top: 2px solid var(--wiz-content-background, #222);
margin: 6px 0 0;
padding-left: 22px;
list-style: disc outside;
}
}


.ww-navbox-row:last-of-type {
.wizlords-servant-rules-section li {
border-bottom: 2px solid var(--wiz-content-background, #222);
display: list-item;
margin: 0 0 3px;
}
}


.ww-navbox-row:nth-child(odd) {
.wizlords-spell-card {
background: #222;
grid-column: span 2;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
background: #171717;
color: var(--wiz-text, #d2d2d2);
}
}


.ww-navbox-row:nth-child(even) {
.wizlords-spell-card-grid.cards-1 .wizlords-spell-card:nth-child(1) {
background: #252525;
grid-column: 3 / span 2;
}
}


.ww-navbox-group {
.wizlords-spell-card-grid.cards-2 .wizlords-spell-card:nth-child(1),
flex: 0 0 143px;
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(1),
width: 143px;
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(3) {
padding: 4px 10px;
grid-column: 2 / span 2;
border-right: 2px solid var(--wiz-content-background, #222);
background: #1a1a1a;
color: var(--wiz-link, #ff942d);
font-weight: bold;
text-align: right;
box-sizing: border-box;
white-space: normal;
overflow-wrap: anywhere;
}
}


.ww-navbox-list {
.wizlords-spell-card-grid.cards-2 .wizlords-spell-card:nth-child(2),
flex: 1;
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(2),
padding: 4px 10px;
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(4) {
text-align: left;
grid-column: 4 / span 2;
box-sizing: border-box;
background: inherit;
}
}


.ww-navbox p {
.wizlords-spell-card-grid.cards-5 .wizlords-spell-card:nth-child(4) {
margin: 0;
grid-column: 2 / span 2;
}
}


.ww-navbox > .mw-collapsible-content > p:empty,
.wizlords-spell-card-grid.cards-5 .wizlords-spell-card:nth-child(5) {
.ww-navbox > .mw-collapsible-content > p:has(> br:only-child) {
grid-column: 4 / span 2;
display: none;
}
}


.ww-navbox a {
.wizlords-spell-card-title {
color: var(--wiz-link, #ff942d) !important;
padding: 12px;
color: var(--wiz-spellbook-colour, var(--wiz-link, #ff942d));
font-size: 18px;
font-weight: bold;
font-weight: bold;
text-decoration: none;
line-height: 1.25;
text-align: center;
}
}


.ww-navbox a:hover {
.wizlords-spell-card-meta {
color: #ffd37a !important;
padding: 0 12px;
text-decoration: none;
line-height: 1.45;
}
}


.wizlords-navbox-divider {
.wizlords-spell-card-meta ul {
width: 90%;
margin: 4px 0 0;
height: 1px;
padding-left: 22px;
margin: 16px auto 14px;
list-style: disc outside;
background: #9d7531;
}
}


.ww-navbox-stack > .ww-navbox-title {
.wizlords-spell-card-meta li {
border-bottom: 1px solid #9d7531;
display: list-item;
margin: 0 0 3px;
}
 
.wizlords-spell-card-divider {
width: 55%;
height: 1px;
margin: 14px auto 12px;
background: var(--wiz-spell-card-divider-colour, var(--wiz-race-table-divider-colour, #9d7531));
}
 
.wizlords-spell-card-section {
padding: 0 12px 12px;
line-height: 1.45;
}
}


.ww-navbox-stack > .mw-collapsible-content > .ww-navbox {
.wizlords-spell-card-section ul {
margin: 0;
margin: 6px 0 0;
padding-top: 0;
padding-left: 22px;
padding-bottom: 0;
list-style: disc outside;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 0;
font-size: 100%;
}
}


.ww-navbox-stack > .mw-collapsible-content > .ww-navbox:first-child {
.wizlords-spell-card-section li {
display: list-item;
margin: 0 0 3px;
}
 
.wizlords-spell-card-body {
padding: 0 12px 14px;
line-height: 1.45;
}
 
/* WIZLORDS NAVBOX */
/* --------------- */
.ww-navbox {
clear: both;
width: 100%;
margin: 24px auto 12px;
padding: 3px;
border: 1px solid var(--wiz-content-border, #ff942d);
background: #1f1e1e;
color: var(--wiz-text, #d2d2d2);
font-size: 88%;
line-height: 1.5;
text-align: center;
box-sizing: border-box;
}
 
.ww-navbox-title {
padding: 4px 10px 5px;
background: #1a1a1a;
color: var(--wiz-link, #ff942d);
font-size: 16px;
font-weight: bold;
line-height: 1.35;
text-align: center;
}
 
.ww-navbox > .mw-collapsible-toggle {
position: relative;
z-index: 2;
float: right;
margin: 4px 8px 0 0;
color: var(--wiz-text, #d2d2d2) !important;
font-weight: bold;
}
 
.ww-navbox > .mw-collapsible-toggle .mw-collapsible-text,
.ww-navbox > .mw-collapsible-toggle a {
color: var(--wiz-link, #ff942d) !important;
text-decoration: none;
}
 
.ww-navbox > .mw-collapsible-content {
display: flex;
flex-direction: column;
clear: both;
margin: 0;
padding: 0;
}
 
.ww-navbox-row {
display: flex;
margin: 0;
border-top: 2px solid var(--wiz-content-background, #222);
border-left: 2px solid var(--wiz-content-background, #222);
border-right: 2px solid var(--wiz-content-background, #222);
line-height: 1.5;
}
 
.ww-navbox-row:first-of-type {
border-top: 2px solid var(--wiz-content-background, #222);
}
 
.ww-navbox-row:last-of-type {
border-bottom: 2px solid var(--wiz-content-background, #222);
}
 
.ww-navbox-row:nth-child(odd) {
background: #222;
}
 
.ww-navbox-row:nth-child(even) {
background: #252525;
}
 
.ww-navbox-group {
flex: 0 0 143px;
width: 143px;
padding: 4px 10px;
border-right: 2px solid var(--wiz-content-background, #222);
background: #1a1a1a;
color: var(--wiz-link, #ff942d);
font-weight: bold;
text-align: right;
box-sizing: border-box;
white-space: normal;
overflow-wrap: anywhere;
}
 
.ww-navbox-list {
flex: 1;
padding: 4px 10px;
text-align: left;
box-sizing: border-box;
background: inherit;
}
 
.ww-navbox p {
margin: 0;
}
 
.ww-navbox > .mw-collapsible-content > p:empty,
.ww-navbox > .mw-collapsible-content > p:has(> br:only-child) {
display: none;
}
 
.ww-navbox a {
color: var(--wiz-link, #ff942d) !important;
font-weight: bold;
text-decoration: none;
}
 
.ww-navbox a:hover {
color: #ffd37a !important;
text-decoration: none;
}
 
.wizlords-navbox-divider {
width: 90%;
height: 1px;
margin: 16px auto 14px;
background: #9d7531;
}
 
.ww-navbox-stack > .ww-navbox-title {
border-bottom: 1px solid #9d7531;
}
 
.ww-navbox-stack > .mw-collapsible-content > .ww-navbox {
margin: 0;
padding-top: 0;
padding-bottom: 0;
border-top: 0;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 0;
font-size: 100%;
}
.ww-navbox-stack > .mw-collapsible-content > .ww-navbox:first-child {
border-top: 0;
}
.ww-navbox-stack > .mw-collapsible-content > .ww-navbox:last-child {
border-bottom: 0;
}
/* The Player Guide is a desktop/tablet site index. Keep it out of the phone
  layout along with the divider that belongs to it. */
@media screen and (max-width: 599px) {
.ww-navbox-stack,
.wizlords-navbox-divider {
display: none !important;
}
}
/* Phone and tablet card placement reset; the phone query below then reduces
  these grids from two columns to one. */
@media (max-width: 899px) {
.wizlords-spellbooks-desktop {
display: none;
}
.wizlords-spellbooks-mobile {
display: block;
}
.wizlords-class-card-grid,
.wizlords-spell-card-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wizlords-servant-rules-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wizlords-class-card,
.wizlords-class-card-grid.cards-5 .wizlords-class-card:nth-child(4),
.wizlords-class-card-grid.cards-5 .wizlords-class-card:nth-child(5),
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(1),
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(2),
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(3),
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(4),
.wizlords-spell-card,
.wizlords-spell-card-grid.cards-1 .wizlords-spell-card:nth-child(1),
.wizlords-spell-card-grid.cards-2 .wizlords-spell-card:nth-child(1),
.wizlords-spell-card-grid.cards-2 .wizlords-spell-card:nth-child(2),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(1),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(2),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(3),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(4),
.wizlords-spell-card-grid.cards-5 .wizlords-spell-card:nth-child(4),
.wizlords-spell-card-grid.cards-5 .wizlords-spell-card:nth-child(5) {
grid-column: auto;
}
.wizlords-mobile-spellbook {
margin: 18px 0 30px;
}
.wizlords-mobile-spellbook-header {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
margin: 22px 0 10px;
padding-bottom: 6px;
border-bottom: 1px solid rgba(255, 255, 255, 0.18);
cursor: pointer;
}
.wizlords-mobile-spellbook-header::before {
content: "";
flex: 0 0 auto;
width: 8px;
height: 8px;
border-right: 2px solid var(--wiz-heading, #e7e1d4);
border-bottom: 2px solid var(--wiz-heading, #e7e1d4);
transform: translateY(-2px) rotate(45deg);
transform-origin: 50% 50%;
}
.wizlords-mobile-spellbook.is-open .wizlords-mobile-spellbook-header::before {
transform: translateY(2px) rotate(225deg);
}
.wizlords-mobile-spellbook.is-open .wizlords-mobile-spellbook-header {
border-bottom-color: var(--wiz-mobile-spellbook-accent, var(--wiz-content-border, #ff942d));
}
.wizlords-mobile-spellbook-header:focus {
outline: 2px solid var(--wiz-content-border, #ff942d);
outline-offset: 3px;
}
.wizlords-mobile-spellbook-title {
flex: 0 1 auto;
color: var(--wiz-heading, #e7e1d4);
font-family: Roboto, Roboto-fallback, system-ui, -apple-system, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.25;
text-align: center;
}
.wizlords-mobile-spellbook-icon {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
}
.wizlords-mobile-spellbook-icon img {
display: block;
width: 30px !important;
height: 30px !important;
max-width: 30px !important;
max-height: 30px !important;
object-fit: contain;
}
.wizlords-mobile-spellbook-body {
display: none;
}
.wizlords-mobile-spellbook.is-open .wizlords-mobile-spellbook-body {
display: block;
}
.wizlords-mobile-spellbook-collapse {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 28px;
margin: 14px auto 0;
padding-bottom: 3px;
border-bottom: 1px solid var(--wiz-mobile-spellbook-accent, var(--wiz-content-border, #ff942d));
color: var(--wiz-heading, #e7e1d4);
font-size: 18px;
font-weight: 700;
line-height: 1.3;
cursor: pointer;
}
.wizlords-mobile-spellbook-collapse::before {
content: "";
width: 11px;
height: 11px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(4px) rotate(225deg);
transform-origin: 50% 50%;
}
.wizlords-mobile-spellbook-collapse:focus {
outline: 2px solid var(--wiz-content-border, #ff942d);
outline-offset: 3px;
}
.wizlords-mobile-spell-category {
margin: 18px 0 22px;
}
.wizlords-mobile-spell-category-heading {
box-sizing: border-box;
width: 100%;
max-width: 560px;
margin: 0 auto 4px;
color: var(--wiz-heading, #e7e1d4);
font-size: 18px;
font-weight: 700;
line-height: 1.3;
text-align: left;
}
.wizlords-mobile-spell-category-description {
box-sizing: border-box;
width: 100%;
max-width: 560px;
margin: 0 auto 12px;
color: var(--wiz-text, #d2d2d2);
font-size: 14px;
font-style: italic;
line-height: 1.45;
}
.wizlords-mobile-spell-card {
--wiz-mobile-spell-accent: #9a3dae;
position: relative;
display: grid;
grid-template-columns: 92px minmax(0, 1fr);
grid-template-rows: auto auto auto;
align-content: center;
gap: 0 10px;
box-sizing: border-box;
width: 100%;
max-width: 560px;
min-height: 150px;
margin: 0 auto 10px;
padding: 8px 9px;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
background: #1f1e1e;
cursor: pointer;
}
.wizlords-mobile-spellbook-arcane .wizlords-mobile-spell-card {
--wiz-mobile-spell-accent: #d66be3;
}
.wizlords-mobile-spellbook-divine .wizlords-mobile-spell-card {
--wiz-mobile-spell-accent: #19c4eb;
}
.wizlords-mobile-spellbook-arcane {
--wiz-mobile-spellbook-accent: #d66be3;
}
.wizlords-mobile-spellbook-divine {
--wiz-mobile-spellbook-accent: #19c4eb;
}
/* Citizen mobile/tablet race culture cards.
  Desktop keeps the original grid; below 900px, culture/clan/subtype
  cards become compact expandable rows using the existing page markup. */
.skin-citizen .wizlords-culture-grid {
display: block;
margin: 16px auto 22px;
}
.skin-citizen .wizlords-culture-grid .wizlords-culture-card {
display: grid;
grid-template-columns: 92px minmax(0, 1fr);
grid-auto-rows: auto;
column-gap: 12px;
box-sizing: border-box;
width: 100%;
max-width: 560px;
min-height: 0;
margin: 0 auto 10px;
padding: 10px;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
background: #1f1e1e;
cursor: pointer;
overflow: hidden;
}
.skin-citizen .wizlords-culture-card:focus {
outline: 2px solid var(--wiz-content-border, #ff942d);
outline-offset: 2px;
}
.skin-citizen .wizlords-culture-card-header,
.skin-citizen .wizlords-culture-card-body {
display: contents;
padding: 0;
border: 0;
background: transparent;
}
.skin-citizen .wizlords-culture-card-header > :not(.wizlords-culture-card-title) {
grid-row: 1 / span 2;
grid-column: 1;
align-self: center;
justify-self: center;
}
.skin-citizen .wizlords-culture-card-header img {
display: block;
width: 88px !important;
height: 88px !important;
max-width: 88px !important;
max-height: 88px !important;
margin: 0 !important;
object-fit: contain;
}
.skin-citizen .wizlords-culture-card-title {
position: relative;
grid-row: 1;
grid-column: 2;
align-self: end;
min-width: 0;
margin: 0 0 4px;
padding: 0 0 4px 18px;
border-bottom: 1px solid var(--wiz-content-border, #ff942d);
color: var(--wiz-heading, #e7e1d4);
font-family: Roboto, Roboto-fallback, system-ui, -apple-system, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.25;
text-align: left;
}
.skin-citizen .wizlords-culture-card-title::before {
content: "";
position: absolute;
top: 50%;
left: 1px;
width: 7px;
height: 7px;
border-right: 2px solid var(--wiz-heading, #e7e1d4);
border-bottom: 2px solid var(--wiz-heading, #e7e1d4);
transform: translateY(-65%) rotate(45deg);
transform-origin: 50% 50%;
}
.skin-citizen .wizlords-culture-card.is-open .wizlords-culture-card-title::before {
transform: translateY(-35%) rotate(225deg);
}
.skin-citizen .wizlords-culture-card-title a {
color: var(--wiz-heading, #e7e1d4);
text-decoration: none;
}
.skin-citizen .wizlords-culture-card-body > p:first-of-type {
grid-row: 2;
grid-column: 2;
min-width: 0;
margin: 0;
color: var(--color-base, #d8d3c8);
font-size: 13px;
font-style: italic;
line-height: 1.35;
}
.skin-citizen .wizlords-culture-card-body > :not(p:first-of-type),
.skin-citizen .wizlords-culture-card-body > p:not(:first-of-type) {
display: none;
}
.skin-citizen .wizlords-culture-card.is-open {
align-items: start;
padding-bottom: 12px;
}
.skin-citizen .wizlords-culture-card.is-open .wizlords-culture-separator {
display: block;
grid-column: 1 / -1;
width: 100%;
height: 1px;
margin: 12px 0 10px;
background: var(--wiz-content-border, #ff942d);
}
.skin-citizen .wizlords-culture-card.is-open .wizlords-culture-card-body > :not(p:first-of-type) {
display: block;
grid-column: 1 / -1;
}
.skin-citizen .wizlords-culture-card.is-open .wizlords-culture-card-body > p:not(:first-of-type) {
display: block;
grid-column: 1 / -1;
margin: 8px 0 0;
font-style: normal;
line-height: 1.45;
}
.skin-citizen .wizlords-culture-card.is-open .wizlords-culture-classes,
.skin-citizen .wizlords-culture-card.is-open .wizlords-culture-known-for,
.skin-citizen .wizlords-culture-card.is-open .wizlords-culture-suggested-class,
.skin-citizen .wizlords-culture-card.is-open .wizlords-culture-class-note {
margin-top: 8px;
line-height: 1.45;
}
.skin-citizen .wizlords-culture-card.is-open .wizlords-culture-card-body ul {
display: block;
grid-column: 1 / -1;
margin: 6px 0 0;
padding-left: 24px;
}
.skin-citizen .wizlords-culture-card.is-open > .wizlords-available-classes-list {
grid-column: 1 / -1;
}
.skin-citizen .wizlords-culture-card.is-open .wizlords-culture-card-body li {
display: list-item;
margin-bottom: 3px;
}
.skin-citizen .wizlords-shared-classes {
max-width: 560px;
margin-right: auto;
margin-left: auto;
}
/* Race Available Classes lists: compact responsive columns. */
.skin-citizen .wizlords-available-classes-list {
display: block !important;
width: 100%;
margin: 6px 0 0;
padding-left: 22px;
column-count: 1;
column-gap: 1.5em;
list-style: disc outside;
}
.skin-citizen .wizlords-culture-card .wizlords-available-classes-list {
display: none !important;
grid-column: 1 / -1;
width: auto;
min-width: 0;
max-width: 100%;
margin-top: 8px;
margin-right: 0;
margin-left: 0;
column-count: 1;
column-gap: 0;
}
.skin-citizen .wizlords-culture-card.is-open .wizlords-available-classes-list {
display: block !important;
}
.skin-citizen .wizlords-available-classes-list.is-multicolumn {
column-count: 2;
}
.skin-citizen .wizlords-culture-card.is-open .wizlords-available-classes-list.is-multicolumn {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2px 18px;
column-count: auto;
}
.skin-citizen .wizlords-available-classes-list.is-drakeling-list {
column-count: 2;
}
.skin-citizen .wizlords-available-classes-list li {
display: list-item;
margin: 0 0 4px;
break-inside: avoid;
page-break-inside: avoid;
}
.skin-citizen .wizlords-available-classes-list a {
color: var(--wiz-link, #ff942d);
text-decoration: none;
}
.skin-citizen .wizlords-available-classes-list a:hover {
color: #ffd37a;
text-decoration: none;
}
.skin-citizen .wizlords-shared-classes .wizlords-available-classes-list {
width: auto;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
/* Mobile/tablet class category accordions.
  These are custom controls inside the real "Classes" article section, so
  Citizen/MobileFrontend no longer adds a second heading chevron. */
.skin-citizen .wizlords-class-category-accordion {
--wiz-class-category-accent: var(--wiz-content-border, #ff942d);
margin: 18px 0 30px;
}
.skin-citizen .wizlords-class-category-accordion-martial {
--wiz-class-category-accent: #9d7531;
}
.skin-citizen .wizlords-class-category-accordion-arcane {
--wiz-class-category-accent: #d66be3;
}
.skin-citizen .wizlords-class-category-accordion-divine {
--wiz-class-category-accent: #19c4eb;
}
.skin-citizen .wizlords-class-category-accordion-heading {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
flex-wrap: nowrap;
box-sizing: border-box;
width: 100%;
margin: 22px 0 10px;
padding: 0 0 6px;
border-bottom: 1px solid rgba(255, 255, 255, 0.18);
color: var(--wiz-heading, #e7e1d4);
cursor: pointer;
}
.skin-citizen .wizlords-class-category-accordion-heading > p {
display: contents;
margin: 0;
padding: 0;
}
.skin-citizen .wizlords-class-category-accordion.is-open
.wizlords-class-category-accordion-heading {
border-bottom-color: var(--wiz-class-category-accent);
}
.skin-citizen .wizlords-class-category-accordion-heading::before {
content: "";
flex: 0 0 auto;
width: 8px;
height: 8px;
border-right: 2px solid var(--wiz-heading, #e7e1d4);
border-bottom: 2px solid var(--wiz-heading, #e7e1d4);
transform: translateY(-2px) rotate(45deg);
transform-origin: 50% 50%;
}
.skin-citizen .wizlords-class-category-accordion.is-open
.wizlords-class-category-accordion-heading::before {
transform: translateY(2px) rotate(225deg);
}
.skin-citizen .wizlords-class-category-accordion-title {
flex: 0 1 auto;
min-width: 0;
color: var(--wiz-heading, #e7e1d4);
font-family: Roboto, Roboto-fallback, system-ui, -apple-system, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.25;
text-align: center;
white-space: nowrap;
}
.skin-citizen .wizlords-class-category-accordion-icon {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
min-width: 32px;
line-height: 1;
vertical-align: middle;
}
.skin-citizen .wizlords-class-category-accordion-icon span,
.skin-citizen .wizlords-class-category-accordion-icon a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
line-height: 1;
}
.skin-citizen .wizlords-class-category-accordion-icon img {
display: block;
width: 30px !important;
height: 30px !important;
max-width: 30px !important;
max-height: 30px !important;
object-fit: contain;
}
.skin-citizen .wizlords-class-category-accordion-body {
display: none;
}
.skin-citizen .wizlords-class-category-accordion.is-open
.wizlords-class-category-accordion-body {
display: block;
}
.wizlords-mobile-spell-card.is-open {
align-content: start;
padding-top: 24px;
}
.wizlords-mobile-spell-card:focus {
outline: 2px solid var(--wiz-content-border, #ff942d);
outline-offset: 2px;
}
.wizlords-mobile-spell-card-icon {
grid-row: 1 / span 2;
grid-column: 1;
align-self: center;
box-sizing: border-box;
width: 88px;
height: 88px;
overflow: hidden;
padding: 0;
text-align: center;
}
.wizlords-mobile-spell-card-icon img {
display: block;
width: 88px !important;
height: 88px !important;
max-width: 88px !important;
max-height: 88px !important;
object-fit: contain;
}
.wizlords-mobile-spell-card-title {
position: relative;
grid-row: 1;
grid-column: 2;
align-self: start;
margin: 0 0 3px;
padding: 0 22px 3px 18px;
border-bottom: 1px solid var(--wiz-mobile-spell-accent, var(--wiz-content-border, #ff942d));
color: var(--wiz-heading, #e7e1d4);
font-family: Roboto, Roboto-fallback, system-ui, -apple-system, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.25;
text-align: left;
}
.wizlords-mobile-spell-card-title::before {
content: "";
position: absolute;
top: 50%;
left: 1px;
width: 7px;
height: 7px;
border-right: 2px solid var(--wiz-heading, #e7e1d4);
border-bottom: 2px solid var(--wiz-heading, #e7e1d4);
transform: translateY(-65%) rotate(45deg);
transform-origin: 50% 50%;
}
.wizlords-mobile-spell-card.is-open .wizlords-mobile-spell-card-title::before {
transform: translateY(-35%) rotate(225deg);
}
.wizlords-mobile-spell-card-summary {
grid-row: 2;
grid-column: 2;
margin: 0;
color: var(--wiz-text, #d2d2d2);
font-family: Roboto, Roboto-fallback, system-ui, -apple-system, sans-serif;
font-size: 13px;
font-style: italic;
font-weight: 400;
line-height: 1.35;
}
.wizlords-mobile-spell-card-rules {
display: none;
grid-column: 1 / -1;
margin-top: 10px;
padding: 10px 10px 2px;
border-top: 1px solid var(--wiz-mobile-spell-accent, var(--wiz-content-border, #ff942d));
color: var(--wiz-text, #d2d2d2);
background: #171717;
line-height: 1.45;
}
.wizlords-mobile-spell-card.is-open .wizlords-mobile-spell-card-rules {
display: block;
}
.wizlords-mobile-spell-card-rules .wizlords-spell-card-meta,
.wizlords-mobile-spell-card-rules .wizlords-spell-card-section {
padding: 0 0 10px;
}
.wizlords-mobile-spell-card-rules .wizlords-spell-card-divider {
width: 55%;
height: 1px;
margin: 10px auto;
background: var(--wiz-mobile-spell-accent, var(--wiz-content-border, #ff942d));
}
.wizlords-mobile-servant-rules-divider {
width: 100%;
max-width: 560px;
height: 1px;
margin: 18px auto 14px;
background: rgba(255, 255, 255, 0.18);
}
.wizlords-mobile-servant-rules-card {
box-sizing: border-box;
width: 100%;
max-width: 560px;
margin: 0 auto 10px;
padding: 12px 14px;
border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
background: #1f1e1e;
color: var(--wiz-text, #d2d2d2);
cursor: pointer;
}
.wizlords-mobile-servant-rules-card:focus {
outline: 2px solid var(--wiz-content-border, #ff942d);
outline-offset: 2px;
}
.wizlords-mobile-servant-rules-title {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0 0 10px;
padding: 0 18px 6px;
border-bottom: 1px solid var(--wiz-mobile-spellbook-accent, #d66be3);
color: var(--wiz-heading, #e7e1d4);
font-family: Roboto, Roboto-fallback, system-ui, -apple-system, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.25;
text-align: center;
}
.wizlords-mobile-servant-rules-title::before {
content: "";
flex: 0 0 auto;
width: 7px;
height: 7px;
border-right: 2px solid var(--wiz-heading, #e7e1d4);
border-bottom: 2px solid var(--wiz-heading, #e7e1d4);
transform: translateY(-2px) rotate(45deg);
transform-origin: 50% 50%;
}
.wizlords-mobile-servant-rules-card.is-open .wizlords-mobile-servant-rules-title::before {
transform: translateY(2px) rotate(225deg);
}
.wizlords-mobile-servant-rules-card.is-open .wizlords-mobile-servant-rules-title {
margin-bottom: 10px;
}
.wizlords-mobile-servant-rules-content {
display: none;
}
.wizlords-mobile-servant-rules-card.is-open .wizlords-mobile-servant-rules-content {
display: block;
}
.wizlords-mobile-servant-rules-content .wizlords-servant-rules-grid {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
padding: 0;
}
.wizlords-mobile-servant-rules-content .wizlords-servant-rules-section {
line-height: 1.45;
}
.wizlords-mobile-servant-rules-content .wizlords-servant-rules-section ul {
margin: 6px 0 0;
padding-left: 22px;
}
}
@media (min-width: 900px) {
.wizlords-spellbooks-mobile {
display: none;
}
.wizlords-spellbooks-desktop {
display: block;
}
}
}


.ww-navbox-stack > .mw-collapsible-content > .ww-navbox:last-child {
@media (min-width: 600px) and (max-width: 899px) {
border-bottom: 0;
.skin-citizen .wizlords-available-classes-list.is-multicolumn {
}
column-count: 3;
 
/* Phone and tablet card placement reset; the phone query below then reduces
  these grids from two columns to one. */
@media (max-width: 899px) {
.wizlords-class-card-grid,
.wizlords-spell-card-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}


.wizlords-servant-rules-grid {
.skin-citizen .wizlords-culture-card.is-open .wizlords-available-classes-list.is-multicolumn {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(3, minmax(0, 1fr));
column-count: auto;
}
}


.wizlords-class-card,
.skin-citizen .wizlords-available-classes-list.is-drakeling-list {
.wizlords-class-card-grid.cards-5 .wizlords-class-card:nth-child(4),
column-count: 2;
.wizlords-class-card-grid.cards-5 .wizlords-class-card:nth-child(5),
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(1),
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(2),
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(3),
.wizlords-class-card-grid.cards-4 .wizlords-class-card:nth-child(4),
.wizlords-spell-card,
.wizlords-spell-card-grid.cards-1 .wizlords-spell-card:nth-child(1),
.wizlords-spell-card-grid.cards-2 .wizlords-spell-card:nth-child(1),
.wizlords-spell-card-grid.cards-2 .wizlords-spell-card:nth-child(2),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(1),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(2),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(3),
.wizlords-spell-card-grid.cards-4 .wizlords-spell-card:nth-child(4),
.wizlords-spell-card-grid.cards-5 .wizlords-spell-card:nth-child(4),
.wizlords-spell-card-grid.cards-5 .wizlords-spell-card:nth-child(5) {
grid-column: auto;
}
}
}
}
Retrieved from "https://wizlords.wiki/MediaWiki:Common.css"