.skill-art{display:block;aspect-ratio:1;width:100%;background-image:var(--skill-image);background-size:400% 200%;background-position:var(--skill-position);background-repeat:no-repeat;background-color:#17211d;flex-shrink:0}
.skill-art-fallback{display:grid;place-items:center;font-size:32px;color:#d9c18a}
.phial-target{display:grid;gap:6px;margin:12px 0;font-size:.8rem}.phial-target select{width:100%}
.skill-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
.skill-gallery .illustrated-talent{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:5px;border:1px solid #85714c;border-radius:14px 14px 7px 7px;background:linear-gradient(145deg,#3c3e2c,#101b18 65%);box-shadow:0 5px 12px #0006,inset 0 0 0 2px #0b171c}
.skill-gallery .illustrated-talent.inspected{border-color:#ebca84;box-shadow:0 0 0 1px #ebca8455,0 6px 16px #0007}
.skill-face{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:0;width:100%;padding:0 0 9px;background:none;border:0;border-radius:10px;color:#ebdfc5}
.skill-face:hover{background:#d6bc7c0b}.skill-face:focus-visible{outline:2px solid #f9d994;outline-offset:3px}
.skill-frame{position:relative;display:block;overflow:hidden;width:100%;border:1px solid #9e895b80;border-radius:10px 10px 3px 3px}
.skill-type,.skill-lock{position:absolute;bottom:0;left:0;right:0;text-align:center;background:linear-gradient(transparent,#080e0ef2);padding:22px 3px 7px;color:#f5d695;font-size:.62rem;font-weight:700;letter-spacing:.08em}
.skill-lock{top:8px;bottom:auto;left:auto;right:6px;padding:4px 7px;border-radius:5px;background:#141b1de8;color:#d1d4cb;font-size:.65rem;letter-spacing:0}
.skill-face strong{font:600 clamp(12px,3.3vw,15px)/1.2 Georgia,serif;padding:0 5px;min-height:2.4em;display:grid;place-items:center;hyphens:auto;overflow-wrap:anywhere}
.skill-face .rank-pips{margin:0}.illustrated-talent .talent-controls{border-top:1px solid #a38e4f44;padding:5px 3px 0;align-items:center;justify-content:flex-end;gap:5px}.illustrated-talent .talent-controls small{font-size:.64rem;margin-right:auto;color:#bab79c}.illustrated-talent .talent-controls button{min-width:40px;min-height:44px;padding:5px}
.illustrated-talent.locked .skill-art{filter:saturate(.4) brightness(.7)}
.skill-detail{display:flex;align-items:flex-start;gap:13px;padding:14px;background:#121e1b;border:1px solid #a98e565c;border-radius:9px;scroll-margin:90px 0 110px;margin-bottom:20px}
.skill-detail>.skill-art{width:70px;border:1px solid #b69b61;border-radius:8px}.skill-detail>div{min-width:0}.skill-detail h3{font-size:1rem;margin-bottom:7px}.skill-detail p{font-size:.81rem;margin:0 0 9px}.skill-detail small{display:block;font-size:.69rem;margin-top:6px;color:#bbc7ba}
.ability-deck .ability-card{flex-basis:132px;justify-content:flex-start;padding:5px 5px 10px;gap:7px;overflow:hidden}.ability-deck .ability-card>.skill-art{border-radius:8px 8px 2px 2px;border:1px solid #a48b545e}.ability-deck .ability-card strong{min-height:2.4em;display:grid;place-items:center;padding:0 3px}.ability-deck .ability-card small{padding:0 3px}.ability-deck .ability-card:disabled{opacity:.48}.ability-deck .ability-card:disabled .skill-art{filter:saturate(.4)}.ability-deck .ability-card>.item-art{width:90px;height:90px;margin:10px 0}
.turn-finish{margin:0 0 17px;padding:0 3px;scroll-margin:90px 0 110px}.finish-button{min-height:58px;font-size:1.04rem;letter-spacing:.02em;border:1px solid #ffdf96;background:linear-gradient(135deg,#f2d594,#bd9450);color:#1e2119;animation:finish-pulse 1.55s ease-in-out infinite;box-shadow:0 0 18px #f1c5664d}.finish-button:disabled{animation:none}
@keyframes finish-pulse{0%,100%{box-shadow:0 0 0 0 #e4bb6030,0 0 13px #e4bb6040;filter:brightness(1)}50%{box-shadow:0 0 0 5px #e4bb6015,0 0 26px #e4bb6070;filter:brightness(1.12)}}
.ability-review .ability-card>.skill-art{width:116px;float:right;margin:0 0 12px 18px;border-radius:10px;border:1px solid #ad935c}.ability-review .ability-card{display:block;overflow:hidden}.ability-review .ability-card>.row{display:block}
@media(min-width:1100px){.skill-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:380px){.skill-gallery{gap:9px}.skill-face strong{font-size:.82rem}.illustrated-talent .talent-controls{gap:3px}.illustrated-talent .talent-controls button{min-width:36px}.skill-detail>.skill-art{width:50px}}
@media(prefers-reduced-motion:reduce){.finish-button{animation:none;box-shadow:0 0 0 3px #ebcb7466}}
.reduce-motion .finish-button{animation:none;box-shadow:0 0 0 3px #ebcb7466}
.ability-review .ability-card[hidden]{display:none}