.sb-page{padding-top:2rem;padding-bottom:3rem}.sb-classes{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:.75rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.sb-class{border:1px solid var(--border-strong);background:var(--panel-bg);box-shadow:var(--panel-inset);color:var(--text-emph);border-radius:3px;gap:.7rem;padding:1rem 1.1rem;text-decoration:none;transition:border-color .12s ease-out,box-shadow .12s ease-out;display:grid}.sb-class:is(:hover,:focus-visible){border-color:var(--gold);box-shadow:0 0 14px #dbac2a33, var(--panel-inset);outline:none}.sb-class-name{font:1.25rem var(--font-flavor)}.sb-class-icons{flex-wrap:wrap;gap:.3rem;display:flex}.sb-class-icons img{border:1px solid var(--border-strong);background:var(--bg-3);border-radius:2px}.sb{gap:1.25rem;display:grid}.sb :is(h2,h3){text-wrap:balance}.sb-bar{border:1px solid var(--border-strong);background:var(--panel-bg);box-shadow:var(--panel-inset);border-radius:3px;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding:.9rem 1.25rem;display:flex}.sb-level{color:var(--text-desc);align-items:center;gap:.75rem;font-size:.875rem;display:inline-flex}.sb-meter{grid-template-columns:auto auto;align-items:baseline;gap:.15rem 1rem;min-width:11rem;display:grid}.sb-meter-label{color:var(--text-desc);font-size:.8125rem}a.sb-meter-label:hover,a.sb-meter-label:focus-visible{color:var(--accent-bright)}.sb-meter-value{color:var(--text-main);font-variant-numeric:tabular-nums;justify-self:end;font-size:.875rem}.sb-meter-value strong{color:var(--gold-bright);font-size:1.125rem;font-weight:600}.sb-meter-bar{background:var(--bg-3);border-radius:2px;grid-column:1/-1;height:4px;overflow:hidden}.sb-meter-bar span{background:linear-gradient(90deg, var(--gold-deep), var(--gold-bright));height:100%;transition:width .15s ease-out;display:block}.sb-meter[data-over] :is(.sb-meter-value strong,.sb-meter-label){color:var(--danger)}.sb-meter[data-over] .sb-meter-bar span{background:var(--danger)}.sb-meter-notes{color:var(--text-desc);font-variant-numeric:tabular-nums;flex-wrap:wrap;grid-column:1/-1;gap:0 .9rem;font-size:.75rem;display:flex}.sb-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.sb-actions .share-link{display:contents}.sb-actions .game-button{min-height:2.5rem}.sb-stepper{border:1px solid var(--border-strong);background:var(--bg-3);border-radius:2px;grid-template-columns:2rem 2.4rem 2rem;align-items:stretch;height:2.1rem;display:inline-grid}.sb-stepper button{color:var(--text-main);font:1rem/1 var(--font-ui);cursor:pointer;background:0 0;border:0;transition:color .1s ease-out,background-color .1s ease-out}.sb-stepper button:is(:hover,:focus-visible):not(:disabled){color:var(--gold-bright);background:#dbac2a1a;outline:none}.sb-stepper button:active:not(:disabled){transform:scale(.94)}.sb-stepper button:disabled{color:var(--text-dim);cursor:default}.sb-stepper :is(output,input){border-inline:1px solid var(--border);min-width:0;color:var(--text-emph);font:500 .875rem/1 var(--font-ui);text-align:center;font-variant-numeric:tabular-nums;place-items:center;display:grid}.sb-stepper input{background:0 0;border-block:0;width:100%;padding:0}.sb-stepper input:focus-visible{color:var(--gold-bright);background:#dbac2a14;outline:none}.sb-icon{flex:none;line-height:0;display:inline-block;position:relative}.sb-icon img{border:1px solid var(--border-strong);background:var(--bg-3);border-radius:2px}.sb-icon:not([data-learned]) img{filter:grayscale(.85)brightness(.6)}.sb-icon-level{color:var(--text-emph);font:600 12px/1.2 var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap;background:#080a10d1;border-radius:2px 0;padding:1px 3px 0;position:absolute;bottom:1px;right:1px}.sb-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.sb-category{margin-bottom:1.5rem}.sb-category-head,.sb-skill{grid-template-columns:minmax(0,1fr) 6.5rem 6.5rem;align-items:center;gap:.6rem;display:grid}.sb-category-head{margin:0 0 .5rem;padding:0 .5rem}.sb-category-head h2{margin:0;font-size:1.2rem}.sb-category-head span{color:var(--text-desc);text-align:center;font-size:.75rem}.sb-category ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sb-skill{background:var(--slate-row);border:1px solid #0000;border-radius:2px;padding:.3rem .5rem;transition:border-color .12s ease-out,background-color .12s ease-out}.sb-skill:nth-child(2n){background:var(--slate-row-alt)}.sb-skill:hover{border-color:var(--border-strong)}.sb-skill[data-selected]{border-color:var(--gold-deep);background:linear-gradient(90deg, #dbac2a29, var(--slate-row) 75%)}.sb-skill-pick{min-width:0;color:var(--text-emph);font:.9375rem/1.3 var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.7rem;padding:0;display:flex}.sb-skill-pick:focus-visible{color:var(--gold-bright);outline:none}.sb-skill-name{overflow-wrap:anywhere;min-width:0;display:grid}.sb-skill-name small{color:var(--danger);font-size:.75rem}.sb-side{top:calc(var(--header-height,4rem) + 1rem);max-height:calc(100dvh - var(--header-height,4rem) - 2rem);overscroll-behavior:contain;border:1px solid var(--border-strong);background:var(--panel-bg);box-shadow:var(--panel-inset);scrollbar-width:thin;border-radius:3px;position:sticky;overflow-y:auto}.sb-detail{gap:1rem;padding:1.1rem 1.25rem 1.25rem;display:grid}.sb-detail-head{align-items:center;gap:.9rem;display:flex}.sb-detail-head h2{flex-wrap:wrap;align-items:baseline;gap:.1rem .6rem;margin:0;font-size:1.35rem;display:flex}.sb-detail-head h2 a{color:var(--text-emph)}.sb-detail-head h2 a:is(:hover,:focus-visible){color:var(--gold-bright)}.sb-detail-level{color:var(--gold-bright);font-variant-numeric:tabular-nums}.sb-detail-head p{color:var(--text-desc);margin:.2rem 0 0;font-size:.8125rem}.sb-detail-text{border-bottom:1px solid var(--border);padding-bottom:.9rem;font-size:.9375rem;line-height:1.6}.sb-detail-text[data-unlearned]{opacity:.7}.sb-detail-text .global-description p{margin:0 0 .35rem}.sb-facts{margin:0;display:grid}.sb-facts>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}.sb-facts dt{color:var(--text-main);font-size:.875rem}.sb-facts dd{color:var(--text-emph);font-variant-numeric:tabular-nums;margin:0;font-size:.875rem}.sb-specs h3{justify-content:space-between;align-items:baseline;gap:.6rem;margin:0 0 .5rem;font-size:1rem;display:flex}.sb-specs h3 span{color:var(--text-desc);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:400}.sb-specs ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sb-spec{background:var(--slate-row);width:100%;color:var(--text-main);font:.8125rem/1.45 var(--font-ui);text-align:left;border:1px solid #0000;border-radius:2px;grid-template-columns:1.6rem 30px minmax(0,1fr);align-items:center;gap:.6rem;padding:.4rem .55rem;display:grid}button.sb-spec{cursor:pointer;transition:border-color .12s ease-out,background-color .12s ease-out}button.sb-spec:is(:hover,:focus-visible):not(:disabled){border-color:var(--gold-deep);outline:none}.sb-spec[data-on]{border-color:var(--gold-deep);color:var(--gold-bright);background:#dbac2a1f}.sb-spec[data-locked]{color:var(--text-dim)}.sb-spec[data-locked] img{filter:grayscale()brightness(.5)}button.sb-spec:disabled{cursor:default}button.sb-spec:disabled:not([data-locked]){color:var(--text-desc)}.sb-spec img{border-radius:2px}.sb-spec-unlock{width:1.6rem;height:1.6rem;font:600 .75rem/1 var(--font-ui);font-variant-numeric:tabular-nums;border:1px solid;border-radius:50%;place-items:center;display:grid}.sb-spec .global-description p{margin:0}.sb-spec[data-on] .global-description strong{color:inherit}.sb-add{justify-self:start;min-height:2.5rem}.sb-by-level h3{margin:.25rem 0 .5rem;font-size:1rem}.sb-by-level .global-step-table{font-size:.8125rem}.sb-by-level .global-step-table :is(th,td){padding:.35rem .5rem}.sb-by-level tr[data-current]>*{color:var(--gold-bright);background:#dbac2a29}.sb-rotation{border:1px solid var(--border-strong);background:linear-gradient(180deg, var(--panel-bg), var(--bg-3));box-shadow:var(--panel-inset);border-radius:3px;padding:.8rem 1.1rem 1rem}.sb-rotation h2{margin:0 0 .6rem;font-size:1rem}.sb-rotation ol{flex-wrap:wrap;gap:.6rem .35rem;margin:0;padding:0;list-style:none;display:flex}.sb-rotation li{justify-items:center;gap:.2rem;display:grid}.sb-slot{cursor:pointer;background:0 0;border:0;padding:0;line-height:0;position:relative}.sb-slot:is(:hover,:focus-visible){outline:none}.sb-slot:is(:hover,:focus-visible) img{border-color:var(--gold);box-shadow:0 0 10px #dbac2a59}.sb-slot-key{z-index:1;color:var(--text-emph);font:600 12px/1 var(--font-ui);text-shadow:0 1px 2px #000;position:absolute;top:2px;left:3px}.sb-slot-cooldown{min-height:1rem;color:var(--text-desc);font-variant-numeric:tabular-nums;font-size:.75rem}.sb-slot-moves{display:inline-flex}.sb-slot-moves button{width:1.5rem;height:1.5rem;color:var(--text-desc);font:1rem/1 var(--font-ui);cursor:pointer;background:0 0;border:0}.sb-slot-moves button:is(:hover,:focus-visible):not(:disabled){color:var(--gold-bright);outline:none}.sb-slot-moves button:disabled{color:var(--text-dim);cursor:default}.sb-saved h2{margin:0 0 .75rem;font-size:1.2rem}.sb-saved ul{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.sb-saved-card{position:relative}.sb-saved-link{border:1px solid var(--border-strong);background:var(--panel-bg);height:100%;box-shadow:var(--panel-inset);color:var(--text-main);border-radius:3px;gap:.6rem;padding:.85rem 2.75rem .85rem 1rem;transition:border-color .12s ease-out;display:grid}.sb-saved-link:is(:hover,:focus-visible){border-color:var(--gold);outline:none}.sb-saved-head{color:var(--text-desc);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;font-size:.8125rem;display:flex}.sb-saved-head strong{color:var(--gold-bright);font-size:1rem}.sb-saved-icons{flex-wrap:wrap;gap:.3rem;display:flex}.sb-saved-link time{color:var(--text-desc);font-size:.75rem}.sb-saved-delete{width:2rem;height:2rem;color:var(--text-desc);font:1.1rem/1 var(--font-ui);cursor:pointer;background:0 0;border:0;position:absolute;top:.45rem;right:.45rem}.sb-saved-delete:is(:hover,:focus-visible){color:var(--danger);outline:none}@media (max-width:1000px){.sb-layout{grid-template-columns:minmax(0,1fr)}.sb-side{max-height:none;position:static;overflow:visible}}@media (max-width:560px){.sb-bar{gap:.9rem 1.25rem;padding:.85rem}.sb-meter{flex:9rem;min-width:0}.sb-actions{margin-left:0}.sb-category-head,.sb-skill{grid-template-columns:6.5rem 6.5rem;justify-content:space-between}.sb-category-head h2,.sb-skill .sb-skill-pick{grid-column:1/-1}.sb-detail{padding:.9rem}}.sb-publish{border:1px solid var(--border-strong);background:var(--panel-bg);box-shadow:var(--panel-inset);border-radius:3px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:.9rem 1.25rem;display:flex}.sb-publish .builder-publish{border:0;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:0;display:flex}.sb-publish .builder-publish .data-note{margin:0}.sbv-level{color:var(--gold-bright);font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:600}.sbv-category h2{margin:.5rem 0 .75rem;font-size:1.2rem}.sbv-skills{grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.sbv-skill{border:1px solid var(--border-strong);background:var(--panel-bg);box-shadow:var(--panel-inset);border-radius:3px;align-content:start;gap:.7rem;padding:.9rem 1rem 1rem;display:grid}.sbv-skill-head{align-items:center;gap:.8rem;display:flex}.sbv-skill-head h3{margin:0;font-size:1.05rem}.sbv-skill-head h3 a{color:var(--text-emph)}.sbv-skill-head h3 a:is(:hover,:focus-visible){color:var(--gold-bright)}.sbv-skill-levels{color:var(--text-desc);font-variant-numeric:tabular-nums;font-size:.8125rem}.sbv-skill-text{font-size:.875rem;line-height:1.55}.sbv-skill-text .global-description p{margin:0 0 .3rem}.sbv-specs{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sbv .sb-rotation a.sb-slot{display:inline-block}.sb-spec-name{color:var(--text-desc);margin:.1rem 0 0 2.4rem;font-size:.75rem;display:block}.sb-skill-pick,.sb-slot{text-decoration:none}