/* One active presentation, complete original compass, separate header/content/footer. */
body #skills-dialog.skills-dialog.skill-reference{--sf-gold:#d9b56b;--sf-ink:#fff0d6;--sf-muted:#d4bddc;position:fixed!important;inset:0!important;box-sizing:border-box!important;margin:auto!important;width:min(1700px,calc(100vw - 24px),calc(100dvh + 380px))!important;height:min(1320px,calc(100dvh - 24px))!important;max-width:none!important;max-height:none!important;padding:40px!important;border:0!important;border-image:none!important;border-radius:0!important;background:linear-gradient(145deg,#25152e,#110b19 65%)!important;overflow:hidden!important;zoom:1!important;isolation:isolate;color:var(--sf-ink);box-shadow:0 18px 60px #000b}
body #skills-dialog.skills-dialog.skill-reference::after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;border:48px solid transparent;border-image:url('/assets/ui/skill-frame-layout-v1/frame.0ada9180e4f1.webp') 220 /48px /0 stretch}
body #skills-dialog .sword-tree-shell[hidden]{display:none!important}
body #skills-dialog.sword-tree-reference>.sword-tree-shell{display:grid!important;grid-template-rows:82px minmax(0,1fr) 86px;width:100%;height:100%;min-width:0;min-height:0;padding:0;border:0;background:none}
body #skills-dialog.sword-tree-reference>:not(.sword-tree-shell){display:none!important}
body #skills-dialog.sword-tree-reference .st-header{position:static;inset:auto;display:flex;align-items:center;gap:14px;height:auto;min-height:0;padding:0 8px 12px;background:none;border-bottom:1px solid #826238}
body #skills-dialog.sword-tree-reference .st-title{position:static;min-width:0;flex:1}
body #skills-dialog.sword-tree-reference .st-title h2{position:static!important;inset:auto!important;transform:none!important;display:block;line-height:1.25!important;font-size:clamp(22px,2vw,30px)!important;margin:0!important;padding:0!important;overflow-wrap:anywhere;border:0;background:none}
body #skills-dialog.sword-tree-reference .st-character{position:static;margin:5px 0 0;line-height:1.4;font-size:14px;color:var(--sf-muted)}
body #skills-dialog.sword-tree-reference .st-title-crest{width:44px;height:44px;flex:none}
body #skills-dialog.sword-tree-reference .st-draft-note{position:static;max-width:32%;font-size:12px;padding:5px 12px;background:#38203e;color:var(--sf-ink)}
body #skills-dialog.sword-tree-reference .st-close{position:static;width:40px;height:40px;min-width:40px;border-radius:4px}
body #skills-dialog.sword-tree-reference .st-main{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,25vw,370px);gap:14px;padding:14px 0;min-width:0;min-height:0;overflow:hidden}
body #skills-dialog.sword-tree-reference .st-wheel{background:#09070f;border-color:#715234;border-radius:4px}
body #skills-dialog.sword-tree-reference .st-graph{width:min(calc(100cqw - 112px),calc(100cqh - 78px));aspect-ratio:1;background-size:100% 100%;background-position:center}
body #skills-dialog.sword-tree-reference .st-sidebar{background:linear-gradient(#291a34,#140e1d);border:1px solid #8e693e;border-radius:4px;overflow:auto}
body #skills-dialog.sword-tree-reference .st-native{padding:14px}
body #skills-dialog.sword-tree-reference .st-native h3{display:flex;position:static;align-items:center;margin:0 0 10px;font-size:16px}
body #skills-dialog.sword-tree-reference .st-native-skill{min-height:62px;border-radius:3px}
body #skills-dialog.sword-tree-reference .st-detail{padding:16px 14px;gap:12px;min-height:0}
body #skills-dialog.sword-tree-reference .st-detail-titles h3{font-size:22px;line-height:1.4}
body #skills-dialog.sword-tree-reference .st-footer{position:static;inset:auto;display:grid;grid-template-columns:minmax(80px,1fr) auto auto 32px;grid-template-rows:1fr 1fr;gap:0 12px;align-items:center;min-height:0;padding:9px 4px 0;border-top:1px solid #826238;background:none;font-size:12px}
body #skills-dialog.sword-tree-reference .st-footer>p{grid-column:1;grid-row:1;margin:0;font-size:12px;line-height:1.4}
body #skills-dialog.sword-tree-reference .st-footer>span{display:block;grid-column:1;grid-row:2;line-height:1.4;font-size:11px;color:var(--sf-muted)}
body #skills-dialog.sword-tree-reference .st-slot-tray{grid-column:2;grid-row:1/3;min-width:0}
body #skills-dialog.sword-tree-reference .st-footer>.st-stats{grid-column:3;grid-row:1/3;min-height:40px;border-radius:3px}
body #skills-dialog.sword-tree-reference .st-footer>kbd{grid-column:4;grid-row:1/3;text-align:center;margin:0}
body #skills-dialog.skill-reference .skill-reference-slots{position:static!important;inset:auto!important;left:auto!important;top:auto!important;transform:none!important;display:flex!important;flex-wrap:nowrap!important;gap:6px!important;min-width:0;max-width:100%;margin:0;align-items:center}
body #skills-dialog.skill-reference .skill-reference-slot{position:relative;flex:none;width:44px!important;height:44px!important;margin:0;padding:4px;border:1px solid #947047;border-radius:3px;background:#170f24}
body #skills-dialog.skill-reference .skill-reference-slot.selected{border-color:#edcc83;background:#45254c}
body #skills-dialog.skill-reference .skill-reference-slot kbd{position:absolute;left:2px;top:1px;font-size:10px;height:14px;min-width:13px;border:0;background:#160e22e6;color:#f7dfb3}
body #skills-dialog.skill-reference .skill-reference-slot img{display:block;width:100%;height:100%;object-fit:contain}
body #skills-dialog.skill-reference:not(.sword-tree-reference)[open]{display:grid!important;grid-template-columns:minmax(0,1fr) 310px;grid-template-rows:82px 46px minmax(0,1fr) 86px;grid-template-areas:"head head" "tabs tabs" "tree detail" "foot foot";gap:12px}
body #skills-dialog.skill-reference:not(.sword-tree-reference)>.skill-reference-heading{grid-area:head;position:static!important;inset:auto!important;height:auto!important;padding:0 4px 10px!important;display:flex;gap:14px;align-items:center;border-bottom:1px solid #826238;background:none!important}
body #skills-dialog.skill-reference:not(.sword-tree-reference) .skill-reference-brand .adventure-icon{width:44px;height:44px;padding:0}
body #skills-dialog.skill-reference:not(.sword-tree-reference) .skill-reference-title h2{position:static;inset:auto;margin:0;font-size:clamp(22px,2vw,30px);line-height:1.25;overflow-wrap:anywhere}
body #skills-dialog.skill-reference:not(.sword-tree-reference) .skill-reference-character{position:static;font-size:14px;line-height:1.4;margin:5px 0 0;color:var(--sf-muted)}
body #skills-dialog.skill-reference:not(.sword-tree-reference) .skill-reference-unlocked{position:static;flex:none;padding:5px 12px;max-width:30%;font-size:13px;background:#3b1947;white-space:normal}
body #skills-dialog.skill-reference:not(.sword-tree-reference) .skills-close{position:static;flex:none;width:40px;height:40px}
body #skills-dialog.skill-reference:not(.sword-tree-reference) .skills-close .adventure-icon{width:24px;height:24px}
body #skills-dialog.skill-reference:not(.sword-tree-reference)>.skill-reference-tabs{grid-area:tabs;position:static!important;inset:auto!important;display:flex;gap:8px;padding:0;align-self:stretch}
body #skills-dialog.skill-reference:not(.sword-tree-reference) .skill-reference-tab{width:auto;min-width:135px;height:100%;font-size:15px;padding:4px 18px}
body #skills-dialog.skill-reference:not(.sword-tree-reference)>.skill-reference-tree{grid-area:tree;position:relative!important;inset:auto!important;height:auto!important;min-width:0;min-height:0;background:#110b1a;border:1px solid #6f4e35}
body #skills-dialog.skill-reference.st-empty-catalog>.skill-reference-tree{display:grid;place-items:center;padding:28px}
body #skills-dialog.skill-reference.st-empty-catalog>.skill-reference-tree>:not(.skill-reference-tree-note){display:none}
body #skills-dialog.skill-reference.st-empty-catalog .skill-reference-tree-note{display:block!important;position:static;inset:auto;margin:0;width:auto;max-width:40ch;font-size:20px;line-height:1.6;color:var(--sf-muted);text-align:center;background:none}
body #skills-dialog.skill-reference:not(.sword-tree-reference)>.skill-reference-detail{grid-area:detail;position:static!important;inset:auto!important;overflow:auto;min-width:0;min-height:0;max-height:none;margin:0;padding:20px;border:1px solid #8e693e;background:#23142f}
body #skills-dialog.skill-reference:not(.sword-tree-reference)>.skill-reference-footer{grid-area:foot;position:static!important;inset:auto!important;display:grid;grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr);gap:12px;height:auto!important;padding:12px 4px 0!important;border-top:1px solid #826238;background:none}
body #skills-dialog.skill-reference:not(.sword-tree-reference) .skill-reference-back{position:static;inset:auto;margin:0;transform:none;justify-self:start;font-size:15px;gap:8px;padding:6px;background:none}
body #skills-dialog.skill-reference:not(.sword-tree-reference) .skill-reference-back .adventure-icon{width:22px;height:22px}
body #skills-dialog.skill-reference:not(.sword-tree-reference) .skill-reference-escape{position:static;inset:auto;justify-self:end;font-size:12px;margin:0;color:var(--sf-muted)}
body #skills-dialog.skill-reference button:focus-visible{outline:2px solid #ffdfa7;outline-offset:3px}
@media(max-height:820px){body #skills-dialog.skills-dialog.skill-reference{padding:30px!important}body #skills-dialog.sword-tree-reference>.sword-tree-shell{grid-template-rows:74px minmax(0,1fr) 72px}body #skills-dialog.sword-tree-reference .st-main{gap:10px;padding:10px 0;grid-template-columns:minmax(0,1fr) 280px}body #skills-dialog.sword-tree-reference .st-footer{gap:0 8px}body #skills-dialog.skill-reference .skill-reference-slot{width:40px!important;height:40px!important}body #skills-dialog.skill-reference .skill-reference-slots{gap:5px!important}body #skills-dialog.skill-reference:not(.sword-tree-reference)[open]{grid-template-rows:74px 42px minmax(0,1fr) 72px}}