.specialization-workspace .segment-control button>img{image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 3px 3px #0008);flex:none}.specialization-workspace .segment-control button small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.specialization-intro{background:radial-gradient(ellipse at 0 100%,#51402433,transparent 65%),var(--panel);align-items:center;gap:24px;padding:25px;display:flex}.specialization-intro-art{width:120px;min-width:120px;height:120px;color:var(--lime);background:radial-gradient(#42301b66,#131317);border:1px solid #5e482c;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 8px #0b0b0d88}.specialization-intro-art img{image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 10px 10px #000a)}.specialization-intro h2{letter-spacing:-.035em;font-size:clamp(20px,2.1vw,29px);line-height:1.3}.specialization-intro h2>span{color:#715c3d;margin:0 6px;font-weight:400}.specialization-intro p{color:#b9ad99;max-width:690px;margin:12px 0 15px;font-size:12px;line-height:1.8}.specialization-filter{justify-content:space-between;align-items:center;gap:22px;display:flex}.specialization-filter>.field{min-width:230px}.specialization-filter>p{text-align:right;max-width:390px;line-height:1.7}.specialization-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;display:grid}.specialization-card{background:linear-gradient(150deg,#17161a,#101114);flex-direction:column;display:flex;position:relative;overflow:hidden}.specialization-card.is-selected{border-color:#be9450;box-shadow:0 0 0 1px #bb904222,0 12px 35px #0003}.specialization-card-head{z-index:1;justify-content:space-between;align-items:center;gap:10px;padding:21px 23px 0;display:flex;position:relative}.specialization-card-head .eyebrow{margin:0;font-size:8px}.specialization-card-head .badge{font-size:8px}.specialization-portrait{background:radial-gradient(at 50% 55%,#76532236,#0000 60%);border-bottom:1px solid #3b3023;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:190px;margin-top:8px;display:flex;position:relative}.specialization-portrait img{image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 9px 6px #000c);z-index:1;position:relative}.specialization-portrait h3{z-index:1;letter-spacing:-.02em;color:#f2d7a4;font-size:28px;font-weight:600;position:relative}.specialization-halo{border:1px solid #c6a05930;border-radius:50%;width:135px;height:135px;position:absolute;top:12px;box-shadow:0 0 0 9px #a47b3210,0 0 0 10px #a47b3218}.specialization-card-body{flex-direction:column;flex:1;gap:19px;padding:23px;display:flex}.specialization-description{color:#c5b89e;min-height:72px;font-size:13px;line-height:1.85}.specialization-bonuses{flex-direction:column;gap:7px;display:flex}.specialization-bonuses>div{color:#b7a98f;background:#181612;border:1px solid #352d24;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:11px;display:flex}.specialization-bonuses strong{color:#ebcb8b;font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.specialization-bonuses .negative,.specialization-bonuses .penalty strong{color:#efa195}.specialization-bonuses .damage-taken{background:#2b1b16;border-color:#644336}.specialization-bonuses .damage-taken>span{align-items:center;gap:7px;display:flex}.specialization-bonuses .protection{background:#171f1d;border-color:#3c4d47}.specialization-bonuses .protection strong{color:#b5ddbd}.specialization-spells{margin-top:auto}.specialization-spells h4{color:#d8c6a2;align-items:center;gap:8px;margin:0 0 11px;font-size:12px;display:flex}.specialization-spell{border-top:1px solid #302a24;align-items:center;gap:12px;padding:12px 0;display:flex}.specialization-spell img,.specialization-spell-fallback{object-fit:contain;width:38px;height:38px;image-rendering:pixelated;background:#100e0b;border:1px solid #54432b;border-radius:5px;flex:none;padding:2px}.specialization-spell-fallback{color:#dec18b;place-items:center;display:grid}.specialization-spell>div{min-width:0}.specialization-spell strong{color:#e1d5bd;font-size:12px;font-weight:500;display:block}.specialization-spell code{color:#a8997c;overflow-wrap:anywhere;margin:3px 0;font-size:10px;display:block}.specialization-spell small{color:#b4a386;flex-wrap:wrap;gap:11px;font-size:9px;display:flex}.specialization-spell small>span{align-items:center;gap:3px;display:inline-flex}.specialization-card-body>.btn{white-space:normal;width:100%;min-height:42px}.specialization-workspace .notice>svg{flex:none}.specialization-shortcut{margin-top:-6px}.character-header .voc-emblem img,.party-preview-card .voc-emblem img{object-fit:contain;width:40px;height:40px;image-rendering:pixelated}@media (max-width:1000px){.specialization-intro{gap:18px;padding:20px}.specialization-card-head,.specialization-card-body{padding:18px}.specialization-card-head .eyebrow,.specialization-card-head .badge{font-size:7px}.specialization-grid{gap:15px}}@media (max-width:700px){.specialization-grid{grid-template-columns:1fr}.specialization-intro{align-items:flex-start;gap:14px;padding:18px}.specialization-intro-art{border-radius:12px;width:62px;min-width:62px;height:72px}.specialization-intro-art img{width:60px;height:60px}.specialization-intro h2{font-size:21px}.specialization-intro .eyebrow{font-size:7px;line-height:1.8}.specialization-intro p{font-size:11px}.specialization-filter{display:block}.specialization-filter>.field{min-width:0}.specialization-filter>p{text-align:left;max-width:none;margin-top:11px}.specialization-card-head{padding-bottom:0}.specialization-card-head .eyebrow,.specialization-card-head .badge{font-size:8px}.specialization-description{min-height:0}.specialization-workspace .build-toolbar>.badge{align-self:flex-start}.specialization-workspace .segment-control button{flex:1;gap:4px;min-width:0}.specialization-workspace .segment-control button>img{width:28px;height:32px}.specialization-workspace .segment-control button>span{overflow-wrap:anywhere;white-space:normal;text-align:left;max-width:none!important}.specialization-workspace .action-strip{flex-direction:column;align-items:flex-start}}@media print{.specialization-filter,.specialization-workspace .build-toolbar,.specialization-card-body>.btn{display:none}.specialization-grid{grid-template-columns:1fr 1fr}.specialization-card{break-inside:avoid}.specialization-portrait{background:#fff}.specialization-portrait h3,.specialization-bonuses strong,.specialization-spell strong{color:#111}.specialization-bonuses>div{color:#111;background:#fff;border-color:#bbb}}