.skill-focus{position:absolute;left:28px;bottom:116px;width:290px;min-height:55px;padding:8px 12px 8px 48px;text-align:left;border:1px solid #756747!important;background:linear-gradient(110deg,#0b100ded,#171912eb)!important;box-shadow:0 8px 28px #0009,inset 0 0 0 1px #050705;color:#e6dac0!important;z-index:5}.skill-focus:before{content:'✦';position:absolute;left:14px;top:13px;width:24px;height:24px;display:grid;place-items:center;border:1px solid #9a8050;color:#d1ad68;font-size:11px}.skill-focus small{display:block;font:700 8px/1.2 Inter,sans-serif;letter-spacing:.18em;color:#c4a76f}.skill-focus strong{display:inline-block;margin-top:4px;font:500 13px/1.2 Cinzel,serif;color:#f2e4c8}.skill-focus span{float:right;margin-top:5px;font:600 10px Inter,sans-serif;color:#cfbd93}.skill-focus>div{position:absolute;left:48px;right:12px;bottom:7px;height:3px;background:#050705}.skill-focus i{display:block;height:100%;background:linear-gradient(90deg,#886c3e,#d0ad68);transition:width .2s}.skill-scroll{position:absolute;left:50%;bottom:95px;transform:translateX(-50%);display:flex;flex-direction:column-reverse;gap:5px;z-index:7;pointer-events:none}.skill-gain{min-width:250px;padding:8px 14px;border:1px solid #9d7c46;border-inline-width:2px;background:linear-gradient(90deg,#0d120ff2,#2a2116f7,#0d120ff2);box-shadow:0 6px 20px #0009;text-align:center;animation:skill-rise .2s ease-out}.skill-gain small{display:block;font:700 8px Inter,sans-serif;letter-spacing:.17em;color:#d5b675}.skill-gain strong{font:500 13px Cinzel,serif;color:#f3e1bd;margin-right:12px}.skill-gain span{font:700 11px Inter,sans-serif;color:#e5c47e}@keyframes skill-rise{from{opacity:0;transform:translateY(8px)}}
.character-profile{position:absolute;left:28px;top:108px;width:min(430px,calc(100vw - 56px));max-height:calc(100vh - 250px);overflow:auto;padding:25px 26px 28px;border:1px solid #8b734c;background:linear-gradient(155deg,#241c13f7,#101510f7 54%,#0b100df8);box-shadow:0 24px 70px #000d,inset 0 0 0 1px #050604,inset 0 0 40px #0005;z-index:15;scrollbar-color:#8e774c #11130f}.character-profile:before{content:'';position:absolute;inset:6px;border:1px solid #c7aa6a1f;pointer-events:none}.profile-close{position:absolute;right:13px;top:10px;width:30px;height:30px;border:1px solid #766140!important;background:#17140f!important;color:#c8b48b!important;font-size:20px;line-height:20px}.character-profile .eyebrow{font:700 9px Inter,sans-serif;letter-spacing:.22em;color:#cba968}.character-profile h2{margin:6px 38px 2px 0;font:500 27px Cinzel,serif;color:#f1e4ca}.profile-title{padding:7px 0 11px;border-bottom:1px solid #6f5e42;font:italic 16px Georgia,serif;color:#e7c887}.profile-meta{padding:10px 0 14px;color:#aaa99c;font:11px Inter,sans-serif}.skill-sheet{display:grid;gap:6px}.skill-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;grid-template-rows:auto 4px;column-gap:10px;align-items:end;padding:7px 9px;border:1px solid #514937;background:linear-gradient(90deg,#261f17a8,#12150fa8)}.skill-row>div:first-child{display:flex;flex-direction:column;gap:2px}.skill-row strong{font:500 12px Cinzel,serif;color:#e9ddc2}.skill-row small{font:9px Inter,sans-serif;color:#a9a697}.skill-row b{text-align:right;font:700 12px Inter,sans-serif;color:#d9bd80}.skill-meter{grid-column:1/3;height:4px;background:#080b08}.skill-meter i{display:block;height:100%;background:linear-gradient(90deg,#705934,#c49d59,#e1c27d)}.profile-note{margin:14px 0 0;padding-top:10px;border-top:1px solid #5b4e38;color:#aaa899;font:11px/1.55 Inter,sans-serif}.pack-profile-actions{display:flex;justify-content:flex-end;margin:-52px 0 18px}.pack-profile-actions button{padding:8px 12px;border:1px solid #786644;background:#251f16;color:#dac59c;font:600 10px Inter,sans-serif;letter-spacing:.05em}
@media(max-width:850px){.skill-focus{left:14px;bottom:101px;width:230px}.character-profile{left:14px;top:82px;max-height:calc(100vh - 195px)}.skill-scroll{bottom:80px}}