.card.skill{--accent:#d2b5f0;--tint:#4c365b;background:#382e48;border-color:#604779}
.skill-aim{position:fixed;z-index:90;left:50%;bottom:18px;transform:translateX(-50%);width:min(480px,calc(100vw - 24px));display:grid;grid-template-columns:1fr 40px;gap:5px 10px;padding:10px 12px;border:1px solid #9471b4;border-radius:12px;background:#fffafa;box-shadow:0 8px 28px #38224933}
.skill-aim[hidden]{display:none}.skill-aim>span{font-size:12px;font-weight:650}.skill-aim>#cancelSkill{grid-column:2;grid-row:1/3;padding:0;min-height:44px}.skill-aim .skill-lane-choices{grid-column:1;grid-row:2}
.skill-lane-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.skill-lane-choices button{min-height:44px;background:#f2edf8;border-color:#aa8ac5;font-weight:650;padding:6px}
.skill-lane-choices button:disabled{background:#f0f0eb;border-color:var(--line)}
.skill-note{font-size:11px!important}
.flight[role=button]:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.flight.drop-ok{outline:2px dashed #9471b4;outline-offset:1px;cursor:crosshair}
.flight.drop-over{outline-offset:1px!important}
.flight.skill-locked{outline:3px solid #9860c5!important;outline-offset:3px;box-shadow:0 0 0 7px #9860c526;z-index:8}
.column.bend-destination{background:#eee4f7;outline:2px solid #9860c5;border-radius:9px}
.flight.bending{border-style:dashed;border-color:#9860c5!important}.flight.bending .flightmeta{color:#75469a;font-weight:650}
.flight.travel.bending .flightmeta{display:grid;position:absolute;bottom:calc(100% + 4px);left:0;width:200%;padding:3px 5px;border:1px solid #b69acd;border-radius:5px;background:#faf3ff;gap:1px;font-size:8px;line-height:1.35;pointer-events:none}.flight.travel.bending.guardflight .flightmeta{left:auto;right:0}.flight.travel.bending .flightmeta>span{display:block}
@media(max-width:820px),(pointer:coarse) and (max-height:600px),(max-width:950px) and (max-height:500px){
 .hand .skill .cardtop{font-size:8px;letter-spacing:-.02em;padding-left:4px;padding-right:4px}
 .skill-aim{top:calc(5px + env(safe-area-inset-top));bottom:auto;padding:6px 8px;gap:3px 6px}.skill-aim>span{font-size:10px}.skill-lane-choices{gap:5px}.skill-lane-choices button{font-size:11px;padding:5px;min-height:44px}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:600px),(max-width:950px) and (max-height:500px){.skill-aim{left:10px;right:calc(var(--mobile-hand-width) + 20px);width:auto;transform:none}}

.skill-mark{font-size:8px;margin-left:2px;color:#78509d}