.mz-char-wb{gap:.65rem;min-height:min(62vh,32rem);display:grid}@media (min-width:720px){.mz-char-wb{grid-template-columns:13.75rem minmax(0,1fr);gap:.75rem .9rem}}.mz-char-wb__aside{flex-direction:column;gap:.4rem;min-width:0;display:flex}.mz-char-wb__add{border:1px dashed color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 55%, transparent);min-height:2.15rem;color:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 88%, #fff);letter-spacing:.02em;background:0 0;border-radius:.4rem;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.mz-char-wb__add:hover{border-color:var(--mz-brand,var(--mz-color-accent-gold));background:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 8%, transparent)}.mz-char-wb__add.is-active{background:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 12%, transparent);border-style:solid}.mz-char-wb__hint{color:var(--mz-text-muted);margin:0;font-size:.625rem;line-height:1.4}.mz-char-wb__list{flex-direction:column;gap:.28rem;max-height:18rem;display:flex;overflow:auto}.mz-char-wb__chip{border:1px solid color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 18%, var(--mz-border-hairline));background:color-mix(in srgb, var(--mz-bg-inset) 55%, transparent);text-align:left;cursor:pointer;border-radius:.4rem;align-items:center;gap:.35rem;width:100%;padding:.35rem .45rem;display:flex}.mz-char-wb__chip-body{flex-direction:column;flex:auto;min-width:0;display:flex}.mz-char-wb__chip:hover{border-color:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 42%, transparent)}.mz-char-wb__chip.is-active{border-color:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 70%, transparent);background:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 28%, transparent)}.mz-char-wb__chip-title{color:var(--mz-text-title);font-size:.72rem;font-weight:700;display:block}.mz-char-wb__chip-meta{color:var(--mz-text-muted);margin-top:.05rem;font-size:.6rem;display:block}.mz-char-wb__chip-home{border:1px solid color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 40%, transparent);background:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 8%, transparent);letter-spacing:.01em;white-space:nowrap;color:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 92%, #fff);cursor:pointer;border-radius:.3rem;flex:none;align-self:center;margin-left:auto;padding:.18rem .35rem;font-size:.58rem;font-weight:700;line-height:1.2}.mz-char-wb__chip-home:hover{border-color:var(--mz-brand,var(--mz-color-accent-gold));background:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 14%, transparent)}.mz-char-wb__main{flex-direction:column;gap:.85rem;min-width:0;display:flex}.mz-char-wb__section{border-top:1px solid color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 14%, var(--mz-border-hairline));flex-direction:column;gap:.35rem;padding-top:.7rem;display:flex}.mz-char-wb__main>.mz-char-wb__label+.mz-char-wb__section,.mz-char-wb__main>.mz-char-wb__section:first-child{border-top:0;padding-top:0}.mz-char-wb__section-head{flex-wrap:wrap;align-items:baseline;gap:.35rem .55rem;display:flex}.mz-char-wb__section-h{color:var(--mz-text-title);flex:none;margin:0;font-size:.78rem;font-weight:750}.mz-char-wb__section-lede{color:var(--mz-text-muted);flex:8rem;min-width:0;margin:0;font-size:.65rem;line-height:1.35}.mz-char-wb__label{color:var(--mz-text-muted);font-size:.625rem;font-weight:650;display:block}.mz-char-wb__input{border:1px solid color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 22%, var(--mz-border-hairline));background:color-mix(in srgb, var(--mz-bg-inset) 70%, transparent);width:100%;height:1.9rem;color:var(--mz-text-body);border-radius:.35rem;margin-top:.2rem;padding:0 .55rem;font-size:.78rem}.mz-char-wb__input:focus{border-color:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 55%, transparent);outline:none}.mz-char-wb__grid{grid-template-columns:repeat(auto-fill,minmax(3.55rem,1fr));gap:.22rem;display:grid}.mz-char-wb__grid--race{grid-template-columns:repeat(auto-fill,minmax(3.7rem,1fr))}.mz-char-wb__grid--class{grid-template-columns:repeat(9,minmax(0,1fr))}@media (max-width:720px){.mz-char-wb__grid--class{grid-template-columns:repeat(5,minmax(0,1fr))}}.mz-char-wb__grid--prof{grid-template-columns:repeat(auto-fill,minmax(3.35rem,1fr))}.mz-char-wb__tile{color:color-mix(in srgb, var(--mz-text-secondary) 90%, #aaa);background:linear-gradient(#2a26228c,#141210cc);border:1px solid #3a3530b3;border-radius:.3rem;flex-direction:column;align-items:center;gap:.12rem;min-height:0;padding:.22rem .1rem .28rem;display:flex;box-shadow:inset 0 1px #ffffff0a}.mz-char-wb__tile img,.mz-char-wb__tile .mz-char-wb__tile-ic{object-fit:cover;border-radius:.22rem;width:1.85rem;height:1.85rem;box-shadow:0 0 0 1px #00000059}.mz-char-wb__tile span{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 .1rem;font-size:.55rem;font-weight:650;line-height:1.15;overflow:hidden}.mz-char-wb__tile:hover:not(:disabled){border-color:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 40%, transparent);color:var(--mz-text-title)}.mz-char-wb__tile.is-active{border-color:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 75%, transparent);background:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 12%, #1a1612);color:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 75%, #fff);box-shadow:0 0 0 1px color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 35%, transparent)}.mz-char-wb__tile:disabled{opacity:.28;filter:grayscale(.85);cursor:not-allowed}.mz-char-wb__section>.mz-char-wb__section-h .mz-char-wb__level-val{margin-left:.3rem;font-size:1rem;font-weight:800}.mz-char-wb__level-row{flex-wrap:wrap;align-items:center;gap:.45rem .65rem;display:flex}.mz-char-wb__level{flex:10rem;align-items:center;gap:.35rem;min-width:8rem;display:flex}.mz-char-wb__level input[type=range]{height:.3rem;accent-color:var(--mz-brand,var(--mz-color-accent-gold));flex:1}.mz-char-wb__level-val{text-align:right;min-width:1.35rem;color:var(--mz-brand,var(--mz-color-accent-gold));font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:750}.mz-char-wb__step{border:1px solid color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 30%, var(--mz-border-hairline));width:1.45rem;height:1.45rem;color:var(--mz-text-secondary);background:0 0;border-radius:.28rem;place-items:center;font-size:.85rem;font-weight:700;line-height:1;display:grid}.mz-char-wb__step:hover{border-color:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 55%, transparent);color:var(--mz-brand,var(--mz-color-accent-gold))}.mz-char-wb__quick{flex-wrap:wrap;flex:none;gap:.22rem;display:flex}.mz-char-wb__quick button{border:1px solid color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 18%, var(--mz-border-hairline));min-width:1.65rem;color:var(--mz-text-muted);background:0 0;border-radius:.28rem;padding:.12rem .3rem;font-size:.62rem;font-weight:700}.mz-char-wb__quick button.is-active{border-color:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 60%, transparent);color:var(--mz-brand,var(--mz-color-accent-gold));background:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 12%, transparent)}.mz-char-wb__prof-rows{gap:.28rem;margin-top:.35rem;display:grid}.mz-char-wb__prof-row{border:1px solid color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 16%, var(--mz-border-hairline));background:color-mix(in srgb, var(--mz-bg-inset) 40%, transparent);border-radius:.35rem;flex-wrap:wrap;align-items:center;gap:.35rem .45rem;padding:.28rem .4rem;display:flex}.mz-char-wb__prof-row .name{min-width:2.6rem;color:var(--mz-text-title);font-size:.68rem;font-weight:700}.mz-char-wb__prof-row input[type=number]{border:1px solid color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 22%, var(--mz-border-hairline));font-variant-numeric:tabular-nums;width:2.6rem;height:1.45rem;color:var(--mz-text-body);background:#121014cc;border-radius:.25rem;padding:0 .25rem;font-size:.68rem}.mz-char-wb__prof-del{color:#e07070;cursor:pointer;white-space:nowrap;background:0 0;border:0;margin-left:auto;padding:.1rem .25rem;font-size:.62rem;font-weight:700}.mz-char-wb__prof-del:hover{text-decoration:underline}.mz-char-wb__footer{border-top:1px solid color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 16%, var(--mz-border-hairline));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem;margin-top:.15rem;padding-top:.7rem;display:flex}.mz-char-wb__footer-left{flex-wrap:wrap;align-items:center;gap:.45rem;min-height:1px;display:flex}.mz-char-wb__footer .mz-char-wb__save{margin-left:auto}.mz-char-wb__save{background:linear-gradient(180deg, color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 92%, #fff), color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 72%, #8a6a2a));color:#1a1408;letter-spacing:.04em;border:0;border-radius:.4rem;justify-content:center;align-items:center;min-width:4.5rem;min-height:2.05rem;padding:0 1.1rem;font-size:.8125rem;font-weight:750;display:inline-flex}.mz-char-wb__save:hover:not(:disabled){filter:brightness(1.05)}.mz-char-wb__save:disabled{opacity:.5}.mz-char-wb__clear{color:#e07070;background:0 0;border:0;padding:0;font-size:.72rem;font-weight:650}.mz-char-wb__clear:hover{text-decoration:underline}.mz-char-wb__retail-panel{flex-direction:column;gap:.75rem;padding:.35rem 0;display:flex}.mz-char-wb__bind{flex-direction:column;gap:.65rem;display:flex}.mz-char-wb__hint-banner{border:1px solid color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 28%, var(--mz-border-hairline));background:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 8%, var(--mz-bg-inset,#1a1816));color:var(--mz-text-muted);border-radius:.4rem;margin:0;padding:.55rem .7rem;font-size:.72rem;line-height:1.45}.mz-char-wb__detail-link{color:color-mix(in srgb, var(--mz-brand,var(--mz-color-accent-gold)) 85%, #fff);margin-left:auto;font-size:.72rem;font-weight:650;text-decoration:none}.mz-char-wb__detail-link:hover{text-decoration:underline}