[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b78d4a;outline-offset:4px}button{border-radius:7px}.rebalance-hero{grid-template-columns:1.1fr 1fr;min-height:410px}.hero-art{position:relative;isolation:isolate;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-art:before{content:"";position:absolute;inset:12%;z-index:-2;border-radius:50%;background:radial-gradient(ellipse,#dcba6b30,transparent 67%)}.orbit{position:absolute;width:265px;height:265px;border:1px solid #dfbf8233;border-radius:50%;z-index:-1}.orbit-two{width:218px;height:218px;border-style:dashed;transform:rotate(18deg)}.hero-art-label{font-size:9px;letter-spacing:2.4px;color:#c5ad82}.hero-characters{display:flex;align-items:flex-end;justify-content:center;gap:22px;height:190px;margin:20px 0}.hero-characters .job-sprite{width:auto;height:146px;max-width:90px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 10px 14px #0007)}.hero-characters .job-sprite:nth-child(2){height:176px;max-width:110px;transform:translateY(-10px)}.hero-art-caption{font-size:11px;color:#bcc8d6}.hero-spark{position:absolute;color:#e5c68d;font-size:24px}.spark-one{top:55px;left:30px}.spark-two{right:15px;bottom:55px;font-size:36px}.reading-guide h2{margin:10px 0 24px}.reading-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.reading-steps>div>span{color:#b28c50;font-size:22px}.reading-steps h3{margin:10px 0;font-size:16px}.reading-steps p{font-size:13px;color:var(--muted)}.callout p strong{display:inline;margin:0}.class-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.class-link{min-height:100px;display:flex;align-items:center;gap:15px;padding:17px;background:#f7f9fb;border:1px solid #e2e8ef;border-radius:9px;text-decoration:none;transition:border-color .15s,background .15s}.class-link:hover{background:#fffaf0;border-color:#ccad75}.class-link .job-sprite{width:45px;height:65px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.class-link>span:not(:last-child){min-width:0}.class-link strong{font-size:12px;line-height:1.5;display:block}.class-link small{display:block;font-size:10px;color:#758398;margin-top:5px}.class-link>span:last-child{margin-left:auto;color:#ac8547;font-size:15px}.novice-emblem{display:flex;align-items:center;justify-content:center;font-size:40px;color:#bd964f;width:45px;flex-shrink:0}.filter-bar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1.3fr 1fr auto;gap:12px 16px;padding:20px 24px;margin:26px 0;background:#111c30f7;border:1px solid #293950;border-radius:12px;color:#dee6f0;box-shadow:0 8px 20px #111c3012}.filter-bar label{display:block;font-size:11px;margin-bottom:7px;color:#c0cddd}.filter-bar input,.filter-bar select{border:1px solid #3f5067;background:#1c2c42;color:#f4f6fa;border-radius:7px;min-height:43px;width:100%;padding:9px 12px;font-size:12px;min-width:0}.filter-bar input::placeholder{color:#acb9ca}.filter-bar button{align-self:end;min-height:43px;padding:9px 15px;font-size:11px;color:#e5c38c;border:1px solid #8c754f;background:transparent}.filter-bar #results{grid-column:1/-1;font-size:11px;color:#b2c0d2;margin:0}.search-field,.class-field{min-width:0}.class-section{scroll-margin-top:175px}.class-header{display:flex;gap:25px;align-items:center;margin-bottom:26px;border-bottom:1px solid #e4e9ef;padding-bottom:24px}.class-header .job-sprite{width:67px;height:100px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.class-header h2{margin:8px 0 10px;font-size:29px}.class-header p:not(.eyebrow){font-size:13px;color:var(--muted)}.class-header .novice-emblem{width:67px;font-size:55px}.class-intro{display:grid;grid-template-columns:1fr 350px;gap:36px;align-items:center;margin-bottom:28px}.class-intro h3{margin:16px 0 12px;font-size:21px}.class-intro p{font-size:13px;color:var(--muted)}.pill{display:inline-block;font-size:10px;letter-spacing:.6px;color:#86632e;border:1px solid #e9dcc6;border-radius:20px;padding:3px 11px;background:#fffbf3}.class-intro p.visual-warning{font-size:11px;color:#7d6a49;padding-left:12px;border-left:2px solid #cfb27d;margin:20px 0 14px}.discord-link{font-size:11px}.class-section .animation{margin:0;padding:0;overflow:hidden;background:#101a29;border:1px solid #263951;border-radius:10px}.animation-image{position:relative;display:flex;align-items:center;justify-content:center;min-height:205px;padding:15px;background:radial-gradient(ellipse at 50% 40%,#29415a,#0b1423 75%)}.class-section .animation img{width:auto;height:auto;max-width:100%;max-height:215px;image-rendering:auto;border:0;border-radius:4px;object-fit:contain}.animation-label{position:absolute;left:12px;top:10px;letter-spacing:1.2px;color:#e2c28c;font-size:8px;background:#0e182bde;padding:3px 7px;border-radius:4px}.class-section .animation figcaption{padding:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.4}.animation figcaption strong{display:block;color:#e3e9f1;font-size:12px;max-width:190px}.animation figcaption span{display:block;color:#a5b5ca;font-size:10px;margin-top:4px}.play-gif{font-size:10px;white-space:nowrap;padding:9px 10px;background:#d8b578;border:1px solid #d8b578;color:#1b2739;font-weight:600}.animation .media-credit{font-size:9px;color:#a6b5c9;margin:0;padding:0 15px 12px}.animation .media-credit a{color:#ddbf88}.animation-status{font-size:11px;padding:0 15px 12px;color:#f0c890}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.skill-card{border:1px solid #dfe6ee;border-radius:9px;background:#fbfcfe;padding:20px;min-width:0;align-self:start}.skill-top{display:flex;gap:13px;align-items:center}.skill-top .skill-icon{width:37px;height:37px;object-fit:contain;image-rendering:pixelated;background:white;border:1px solid #e0d8c9;border-radius:6px;padding:3px;flex-shrink:0}.skill-top .eyebrow{font-size:8px;letter-spacing:1px;color:#8d7c5c;margin-bottom:4px}.skill-top h3{font-size:15px}.impact{color:#627287;font-size:12px;line-height:1.8;margin:14px 0 0}.comparison{border-top:1px solid #e0e6ed;margin-top:16px;padding-top:11px}.comparison summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:11px;color:#82622f;list-style:none}.comparison summary::-webkit-details-marker{display:none}.comparison summary span{font-size:16px}.comparison[open] summary span{transform:rotate(45deg)}.comparison-body{margin-top:15px;display:grid;gap:12px}.comparison-body>div{padding:12px;background:#f0f3f7;border-radius:5px}.comparison-body>div.sunro-change{background:#fcf6e9;border:1px solid #ecdfc5}.comparison-body p{font-size:12px;color:#657287;line-height:1.8;overflow-wrap:anywhere}.comparison-body p.compare-label{font-size:8px;color:#748296;font-weight:750;letter-spacing:1.1px;margin-bottom:5px}.sunro-change p.compare-label{color:#94723a}.review-note{font-size:11px;line-height:1.8;background:#fff5e1;border-left:2px solid #ce9c45;padding:10px 12px;margin:14px 0 0;color:#806330}.class-extra{margin-top:20px;padding:20px;border:1px solid #e8d9ba;border-radius:8px;background:#fdf9f0}.class-extra p{font-size:13px;color:var(--muted);margin:8px 0 14px}.back-top{display:block;font-size:11px;margin-top:25px;text-align:right}.rules-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px}.rules-highlights>div{padding:20px;border:1px solid #e7dcc8;border-radius:8px;background:#fffbf4}.rules-highlights strong{font-size:27px;display:block;color:#8f6d33;line-height:1.4}.rules-highlights span{display:block;color:#7a6f5e;font-size:11px;margin-top:8px}.general-card{border-top:1px solid #e3e9f0;padding:18px 0}.general-card summary,.credits summary{font-size:14px;font-weight:600;cursor:pointer;color:#42556e}.general-card summary::marker,.credits summary::marker{color:#b18c50}.general-card p,.general-card li{font-size:13px;color:var(--muted);margin-top:12px}.general-card ul{padding-left:22px}.general-card li+li{margin-top:9px}.empty{text-align:center}.empty p{margin-top:15px}.credits{margin-top:22px}.credits ul{padding-left:20px}.credits li{font-size:11px;color:var(--muted);padding:6px 0;overflow-wrap:anywhere}.credits p{font-size:12px;color:var(--muted)}.no-js{padding:20px;background:#fff5e1;color:#806330}.end-card{margin-top:26px}
@media(min-width:1500px){.class-intro{grid-template-columns:1fr 390px}}
@media(max-width:1000px){.class-links{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-characters{gap:10px}.hero-characters .job-sprite{height:110px;max-width:65px}.hero-characters .job-sprite:nth-child(2){height:140px;max-width:80px}.class-intro{grid-template-columns:1fr 290px;gap:22px}.class-header h2{font-size:26px}.skill-card{padding:17px}.filter-bar{padding:16px}.class-section .animation figcaption{flex-wrap:wrap}.animation-image{min-height:190px}}
@media(max-width:760px){.rebalance-hero{grid-template-columns:minmax(0,1fr);gap:20px}.hero-art{min-height:240px}.orbit{width:225px;height:225px}.orbit-two{width:185px;height:185px}.hero-characters{height:150px;gap:24px;margin:14px 0}.hero-characters .job-sprite{height:120px;max-width:85px}.hero-characters .job-sprite:nth-child(2){height:146px;max-width:90px}.hero-art-label{font-size:8px}.reading-steps{grid-template-columns:minmax(0,1fr);gap:20px}.reading-steps>div{position:relative;padding-left:44px}.reading-steps>div>span{position:absolute;left:0;top:4px;font-size:21px}.reading-steps h3{margin:4px 0 8px}.class-links{gap:8px}.class-link{padding:12px;gap:9px;min-height:94px}.class-link .job-sprite{width:30px;height:49px}.class-link strong{font-size:11px}.class-link small{font-size:9px}.class-link>span:last-child{display:none}.class-link .novice-emblem{width:30px;font-size:30px}.filter-bar{position:static;grid-template-columns:minmax(0,1fr);gap:12px;margin:20px 0;padding:18px}.filter-bar button{justify-self:start;padding:8px 14px;min-height:36px}.filter-bar #results{font-size:10px}.class-section{scroll-margin-top:18px}.class-header{gap:16px;padding-bottom:20px;margin-bottom:20px}.class-header .job-sprite{width:45px;height:75px}.class-header h2{font-size:23px}.class-header p:not(.eyebrow){font-size:12px}.class-header .eyebrow{font-size:8px;letter-spacing:1px}.class-intro{grid-template-columns:minmax(0,1fr);gap:22px}.class-intro h3{font-size:19px}.class-section .animation{max-width:380px;width:100%;margin:auto}.class-section .animation figcaption{flex-wrap:nowrap}.animation-image{min-height:190px}.skill-grid{grid-template-columns:minmax(0,1fr);gap:13px}.skill-card{padding:17px}.skill-top h3{font-size:14px}.rules-highlights{gap:8px}.rules-highlights>div{padding:14px 10px}.rules-highlights strong{font-size:22px}.rules-highlights span{font-size:10px}.general-card summary,.credits summary{font-size:13px}.general-card li,.general-card p{font-size:12px}}
@media(max-width:370px){.class-links{grid-template-columns:minmax(0,1fr)}.class-link{gap:8px;padding:10px}.class-link strong{font-size:10px}.class-link small{font-size:8px}.class-link .job-sprite{width:26px}.hero-characters{gap:15px}.hero-characters .job-sprite{height:100px;max-width:60px}.hero-characters .job-sprite:nth-child(2){height:130px;max-width:75px}.rules-highlights{grid-template-columns:minmax(0,1fr)}.rules-highlights>div{display:flex;gap:15px;align-items:center}.rules-highlights span{margin:0}.class-header{gap:12px}.class-header h2{font-size:21px}.play-gif{padding:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.quick-start{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.quick-start{grid-template-columns:minmax(0,1fr)}}
.related-group .related-item{padding:14px 15px;border:1px solid #e1e7ef;border-radius:7px;background:#fff;margin-bottom:10px}.related-group .related-item>a{font-size:13px}.related-group .item-bonuses{list-style:disc;padding-left:17px;margin:8px 0 0}.related-group .item-bonuses>li{border:0;padding:2px 0;font-size:11px;color:#52647c;line-height:1.7}.related-group .item-bonuses>.bonus-condition{list-style:none;margin:9px 0 1px -17px;font-weight:650;color:#88652d}.related-group .item-bonuses>.bonus-condition:first-child{margin-top:0}.set-bonuses{border-top:1px dashed #dbc9a8;margin-top:12px;padding-top:10px}.set-bonuses>p{font-size:10px;color:#88652d;line-height:1.7;font-weight:650}.bonus-unverified{font-size:11px;color:#8b6d38;line-height:1.7;margin-top:8px}.skill-levels td[data-field="effect"]{white-space:normal;min-width:150px;max-width:360px;text-align:left;line-height:1.6}.skill-card .practical-label{margin-top:16px;font-size:8px;letter-spacing:1px}.skill-card .impact{margin-top:7px}
.skill-grid{grid-template-columns:minmax(0,1fr)}.skill-card-body{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.skill-description{min-width:0}.comparison-body{margin-top:16px}.comparison-body p.compare-label{font-size:12px;letter-spacing:0;text-transform:none;color:#4f6075}.sunro-change p.compare-label{color:#84622a}.skill-card .animation{margin-top:16px}.skill-card-body:not(:has(.animation)){grid-template-columns:minmax(0,1fr)}@media(max-width:760px){.skill-card-body{grid-template-columns:minmax(0,1fr);gap:0}.skill-card .animation{max-width:430px;margin-top:18px}}
.class-intro{grid-template-columns:minmax(0,1fr);gap:0}.skill-card .animation{margin:18px 0 0;max-width:none;width:100%}.skill-card .animation-image{height:230px;min-height:0;padding:12px}.skill-card .animation img{max-height:206px;max-width:100%;width:auto;height:auto}.animation-status{padding:10px 14px;margin:0}.visual-note{font-size:12px;color:var(--muted);margin-top:18px}@media(max-width:760px){.skill-card .animation-image{height:205px}.skill-card .animation img{max-height:181px}}
.skill-facts{margin-top:22px;min-width:0}.table-scroll{overflow-x:auto;border:1px solid #dce4ee;border-radius:7px;background:#fff}.table-scroll:focus-visible{outline:2px solid #b78d4a;outline-offset:3px}.skill-levels{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums;text-align:center}.skill-levels caption{text-align:left;font-size:11px;font-weight:700;letter-spacing:.3px;padding:12px 15px;color:#796037;background:#f9f2e5}.skill-levels th{font-size:10px;color:#475b74;background:#edf2f8;padding:10px 12px;white-space:nowrap;font-weight:650;border-top:1px solid #dce4ee}.skill-levels td{padding:8px 12px;color:#506179;border-top:1px solid #e7ecf2;white-space:nowrap}.skill-levels tbody tr:nth-child(even){background:#f7f9fc}.skill-levels td:first-child{font-weight:750;color:#86652e}.skill-facts p{font-size:12px;line-height:1.8;color:#657287;margin-top:12px}.skill-facts .table-note{font-size:10px;color:#7b8798}.formula-note{padding:10px 13px;background:#f1f5fa;border-left:2px solid #c2cfdf;border-radius:0 5px 5px 0;overflow-wrap:anywhere}.catalysts a{color:#89652d}.catalysts strong{font-weight:650;color:#4f6075}.passive-note{border:1px solid #e2e8f0;padding:12px 15px;border-radius:6px;background:#f4f7fa}.related-items{border-top:1px solid #e0e6ee;margin-top:22px;padding-top:18px;min-width:0}.related-items h4{font-size:13px;color:#42556e}.related-items>p{font-size:11px;color:#7b8798;margin:7px 0 16px}.related-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.related-group{min-width:0}.related-group h5{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#94723a;margin:0 0 9px}.related-group ul{list-style:none;padding:0;margin:0}.related-group li{padding:8px 0;border-top:1px solid #e9edf3;overflow-wrap:anywhere}.related-group a{font-size:12px;font-weight:600;text-decoration:none;color:#526b8c}.related-group a:hover{text-decoration:underline;color:#8d672e}.related-group li>span{display:block;font-size:10px;color:#7b8798;line-height:1.7;margin-top:3px}.related-group li>span.combo-note{color:#94723a;font-size:10px}@media(max-width:760px){.related-groups{grid-template-columns:minmax(0,1fr)}.skill-facts{margin-top:18px}.skill-levels th,.skill-levels td{padding:8px 10px}.skill-facts p{font-size:11px}}
