html.skill-dialog-open{overflow:hidden;scrollbar-gutter:stable}
#skill-record-dialog{width:calc(100% - 64px);max-width:1480px;height:92dvh;max-height:1100px;margin:auto;padding:0;border:1px solid #d2cdbf;background:var(--paper,#f5f5f2);color:var(--ink,#191b1b);overflow:hidden;box-shadow:0 24px 90px #24201938}
#skill-record-dialog::backdrop{background:#23231f75;backdrop-filter:blur(5px)}
#skill-record-dialog .skill-dialog-layout{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}
#skill-record-dialog .skill-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 28px;border-bottom:1px solid var(--line,#d2d6d0);background:#f5f5f2}
#skill-record-dialog .skill-dialog-header h2{margin:0;font-size:22px;line-height:1.4;letter-spacing:-.035em}
#skill-record-dialog [data-skill-close]{flex:none;min-height:42px;padding:8px 18px;border:1px solid #b8b9b0;background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer}
#skill-record-dialog [data-skill-close]:hover{background:#e8e8df}
#skill-record-dialog [data-skill-close]:focus-visible{outline:3px solid var(--red,#d93c24);outline-offset:3px}
#skill-record-dialog .skill-dialog-stage{position:relative;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:32px 40px 56px}
#skill-record-dialog [data-skill-panel][hidden]{display:none!important}
#skill-record-dialog .record-content{width:100%;min-width:0;max-width:none;margin:0;padding:0}
#skill-record-dialog .record-content>.case-section:first-of-type{margin-top:0;padding-top:0;border-top:0}
#skill-record-dialog .record-content>.case-section{scroll-margin-top:24px}
#skill-record-dialog #outant-blueprint{margin-top:0;padding-top:0;border-top:0}
/* Records retain their own body markup while their framing identifies the topic. */
#skill-record-dialog{--skill-accent:#235f91;--skill-tint:#e6f0fa;--skill-line:#b8cfe2;border:2px solid var(--skill-accent)}
#skill-record-dialog[data-skill-theme="blueprint"]{--skill-accent:#70459a;--skill-tint:#eee5f6;--skill-line:#d5c1e5}
#skill-record-dialog[data-skill-theme="script"]{--skill-accent:#98601d;--skill-tint:#fbefda;--skill-line:#dfc69f}
#skill-record-dialog[data-skill-theme="docs"]{--skill-accent:#426e52;--skill-tint:#e9f1e8;--skill-line:#bfd1be}
#skill-record-dialog[data-skill-theme="soroma"]{--skill-accent:#8b592c;--skill-tint:#f7ecdd;--skill-line:#dbc2a1}
#skill-record-dialog[data-skill-theme="lost-path"]{--skill-accent:#24796f;--skill-tint:#e3f2ee;--skill-line:#add4ca}
#skill-record-dialog[data-skill-theme="clearing"]{--skill-accent:#9a482b;--skill-tint:#f8e8dd;--skill-line:#dfb49e}
#skill-record-dialog[data-skill-theme="two-invaders"]{--skill-accent:#414c9b;--skill-tint:#e9ecfa;--skill-line:#bec6e7}
#skill-record-dialog[data-skill-theme="dungeon-abyss"]{--skill-accent:#465d7b;--skill-tint:#e9eef6;--skill-line:#becbdc}
#skill-record-dialog .skill-dialog-header{position:relative;isolation:isolate;overflow:hidden;min-height:112px;padding:22px 30px;border-bottom:3px solid var(--skill-accent);background:linear-gradient(100deg,#fff 25%,var(--skill-tint) 76%)}
#skill-record-dialog .skill-dialog-header::after{content:"";position:absolute;z-index:-1;inset:0 0 0 57%;opacity:.66;background-position:0 0;background-size:180px 112px;animation:skill-header-drift 16s linear infinite;animation-play-state:paused;pointer-events:none}
#skill-record-dialog[data-skill-theme="engine"] .skill-dialog-header::after{background-image:linear-gradient(#397ba642 1px,transparent 1px),linear-gradient(90deg,#397ba642 1px,transparent 1px),linear-gradient(#397ba61a 1px,transparent 1px),linear-gradient(90deg,#397ba61a 1px,transparent 1px);background-size:48px 48px,48px 48px,12px 12px,12px 12px;animation-name:skill-grid-drift}
#skill-record-dialog[data-skill-theme="blueprint"] .skill-dialog-header::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='112' viewBox='0 0 180 112'%3E%3Cpath d='M0 28H38L74 80H132L168 28H180' fill='none' stroke='%2370459a' stroke-width='2' opacity='.5'/%3E%3Cg fill='%23fff' stroke='%2370459a' stroke-width='2'%3E%3Crect x='28' y='18' width='20' height='20' rx='4'/%3E%3Crect x='91' y='70' width='20' height='20' rx='4'/%3E%3Ccircle cx='168' cy='28' r='7'/%3E%3C/g%3E%3C/svg%3E")}
#skill-record-dialog[data-skill-theme="script"] .skill-dialog-header::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='112' viewBox='0 0 180 112'%3E%3Cpath d='M0 56H45M45 56L80 22H180M45 56L80 90H180M110 22V45H140' fill='none' stroke='%2398601d' stroke-width='2' opacity='.65'/%3E%3Cg fill='%23f7dba3' stroke='%2398601d' stroke-width='2'%3E%3Ccircle cx='45' cy='56' r='5'/%3E%3Ccircle cx='110' cy='22' r='4'/%3E%3Ccircle cx='140' cy='45' r='4'/%3E%3C/g%3E%3C/svg%3E")}
#skill-record-dialog[data-skill-theme="docs"] .skill-dialog-header::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='112' viewBox='0 0 180 112'%3E%3Cg fill='none' stroke='%23426e52'%3E%3Crect x='22' y='12' width='112' height='88' rx='3' opacity='.4'/%3E%3Cpath d='M39 31H116M39 45H104M39 59H116M39 73H91M39 87H108' opacity='.5'/%3E%3Cpath d='M29 12V100' opacity='.25'/%3E%3C/g%3E%3C/svg%3E")}
#skill-record-dialog[data-skill-theme="soroma"] .skill-dialog-header::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='112' viewBox='0 0 180 112'%3E%3Cg fill='none' stroke='%238b592c' stroke-width='2' opacity='.7'%3E%3Cpath d='M16 100V28H40V16H68V28H112V16H140V28H164V100M40 100V48H140V100M66 100V72A24 24 0 0 1 114 72V100M16 40H40M140 40H164M16 82H40M140 82H164'/%3E%3C/g%3E%3C/svg%3E")}
#skill-record-dialog[data-skill-theme="lost-path"] .skill-dialog-header::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='112' viewBox='0 0 180 112'%3E%3Cg fill='none' stroke='%2324796f' stroke-width='2'%3E%3Cpath d='M0 82H38V30H94V82H144V30H180' stroke-dasharray='4 6' opacity='.7'/%3E%3Cpath d='M16 14H63V56H77V14H160M16 98H112V56H127V98H164' opacity='.45'/%3E%3Ccircle cx='94' cy='82' r='6' fill='%23e3f2ee'/%3E%3C/g%3E%3C/svg%3E")}
#skill-record-dialog[data-skill-theme="clearing"] .skill-dialog-header::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='112' viewBox='0 0 180 112'%3E%3Cg fill='none' stroke='%239a482b' stroke-width='2' opacity='.6'%3E%3Cpath d='M0 22H54V50H112V80H180M0 35H43V63H101V94H180M0 9H65V37H123V67H180'/%3E%3Cpath d='M22 98L158 16' stroke-dasharray='3 6' opacity='.6'/%3E%3C/g%3E%3C/svg%3E")}
#skill-record-dialog[data-skill-theme="two-invaders"] .skill-dialog-header::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='112' viewBox='0 0 180 112'%3E%3Cg fill='none' stroke='%23414c9b' stroke-width='2' opacity='.7'%3E%3Cpath d='M12 56H44L80 20H116L148 56H180M44 56L80 92H116L148 56'/%3E%3Crect x='88' y='12' width='20' height='16' rx='2' fill='%23e9ecfa'/%3E%3Crect x='88' y='84' width='20' height='16' rx='2' fill='%23e9ecfa'/%3E%3Cpath d='M148 43L161 56L148 69L135 56Z' fill='%23e9ecfa'/%3E%3C/g%3E%3C/svg%3E")}
#skill-record-dialog:is([data-skill-theme="soroma"],[data-skill-theme="lost-path"],[data-skill-theme="clearing"],[data-skill-theme="two-invaders"]) .skill-dialog-header::after{animation:none}
#skill-record-dialog[data-skill-theme="dungeon-abyss"] .skill-dialog-header::after{animation:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='112' viewBox='0 0 180 112'%3E%3Cg fill='none' stroke='%23465d7b' stroke-width='2' opacity='.6'%3E%3Cpath d='M14 12H166L148 98H32ZM38 12L50 78H130L142 12M62 12L70 58H110L118 12M86 12V38H94V12'/%3E%3C/g%3E%3C/svg%3E")}
#skill-record-dialog[data-effects-running="true"] .skill-dialog-header::after{animation-play-state:running}
#skill-record-dialog .skill-dialog-heading{position:relative;min-width:0;max-width:calc(100% - 100px)}
#skill-record-dialog [data-skill-kicker]{margin:0 0 7px;color:var(--skill-accent);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.045em}
#skill-record-dialog .skill-dialog-header h2{color:var(--skill-accent);font-size:30px;font-weight:700}
#skill-record-dialog [data-skill-close]{position:relative;border-color:var(--skill-accent);background:#ffffffec;color:var(--skill-accent);font-weight:650}
#skill-record-dialog .skill-dialog-stage{background:var(--skill-tint)}
#skill-record-dialog .record-content>.case-section{margin:0 0 28px;padding:28px;border:1px solid var(--skill-line);border-radius:4px;background:#fff}
#skill-record-dialog .record-content>.case-section:first-of-type,#skill-record-dialog #outant-blueprint{padding:28px;border:1px solid var(--skill-line)}
#skill-record-dialog .record-content>.case-section:last-child{margin-bottom:0}
#skill-record-dialog .record-content .record-heading-h3{color:var(--skill-accent)}
#skill-record-dialog [data-skill-context="mission-title"]{margin:32px 0 0;padding:22px 24px 12px;border:1px solid var(--skill-line);border-bottom:0;border-radius:4px 4px 0 0;background:#faf7fd;color:var(--skill-accent);font-size:25px;line-height:1.45}
#skill-record-dialog [data-skill-context="mission-title"]+.visual-record[data-interaction="mission"]{margin-top:0;padding:8px 24px 24px;border:1px solid var(--skill-line);border-top:0;border-radius:0 0 4px 4px;background:#faf7fd}
#skill-record-dialog #ue-graymap .delivery-heading .record-heading-h4,#skill-record-dialog [id^="outant-bp-"][id$="-title"]{display:inline;padding:0 .12em;color:#982e27;background:linear-gradient(transparent 54%,#ffc5b7 54%,#ffc5b7 96%,transparent 96%);box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:1.6}
#skill-record-dialog #ue-graymap .delivery-record .practice-facts>div:last-child{padding:14px 16px;border-left:3px solid #c6503d;background:#fff0e9}
#skill-record-dialog #ue-graymap .delivery-record .practice-facts>div:last-child dd{color:#8b332a;font-weight:650}
#skill-record-dialog .skill-poi-facts>div{padding:14px 0}
#skill-record-dialog .skill-poi-facts dd,#skill-record-dialog [data-skill-bp-operation] dd{font-size:16px;line-height:1.75}
#skill-record-dialog .poi-practice-record .poi-proof{align-self:center}
#skill-record-dialog .poi-practice-record .poi-proof figure{margin:0}
#skill-record-dialog .poi-practice-record .poi-proof img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
#skill-record-dialog .skill-editor-grid{display:grid;gap:24px}
#skill-record-dialog .skill-editor-grid>div{padding:18px 20px;border:1px solid var(--skill-line);border-radius:3px;background:#f5f9fc}
#skill-record-dialog .skill-editor-grid .record-heading-h4{margin:0 0 12px;font-size:21px;line-height:1.5}
#skill-record-dialog .skill-editor-grid p{font-size:16px;line-height:1.8}
#skill-record-dialog .skill-record-index{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}
#skill-record-dialog .skill-record-index a{display:block;padding:9px 14px;border:1px solid var(--skill-line);border-radius:3px;background:#fff;color:var(--skill-accent);font-size:14px;font-weight:600;line-height:1.5}
#skill-record-dialog .space-study-summary{margin:0 0 20px;color:var(--skill-accent);font-size:18px;line-height:1.7}
#skill-record-dialog .space-study-summary p{margin:0}
#skill-record-dialog :is([data-skill-panel="soroma"],[data-skill-panel="lost-path"],[data-skill-panel="clearing"],[data-skill-panel="two-invaders"])>.case-facts{margin:0 0 28px;padding:20px 24px;border:1px solid var(--skill-line);border-radius:4px;background:#fff}
#skill-record-dialog :is([data-skill-panel="soroma"],[data-skill-panel="lost-path"],[data-skill-panel="clearing"],[data-skill-panel="two-invaders"])>.case-facts dt{color:var(--skill-accent)}
@media(min-width:1151px){
#skill-record-dialog .poi-practice-record{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto auto;align-items:stretch;column-gap:32px;row-gap:12px}
#skill-record-dialog .poi-practice-record .poi-proof,#skill-record-dialog .poi-practice-record .poi-proof figure{display:contents}
#skill-record-dialog .poi-practice-record .poi-proof .image-zoom,#skill-record-dialog .poi-practice-record .poi-proof figure>img{grid-column:1;grid-row:1;align-self:start}
#skill-record-dialog .poi-practice-record .poi-proof figcaption{grid-column:1;grid-row:2;margin:0}
#skill-record-dialog .poi-practice-record .skill-poi-facts{grid-column:2;grid-row:1;align-self:stretch;display:grid;grid-template-rows:repeat(5,auto);margin:0}
#skill-record-dialog .poi-practice-record .skill-poi-facts>div{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:10px 0;align-content:center}
#skill-record-dialog [id^="outant-bp-"][id$="-title"]{font-size:22px}
#skill-record-dialog .skill-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
}
@keyframes skill-header-drift{to{background-position:180px 0}}
@keyframes skill-grid-drift{to{background-position:48px 0}}
@media(prefers-reduced-motion:reduce){#skill-record-dialog .skill-dialog-header::after{animation:none}}
/* PC reading pass for the four skill panels only. Space records keep their layout. */
@media(min-width:1151px){
#skill-record-dialog :is([data-skill-panel="engine"],[data-skill-panel="blueprint"],[data-skill-panel="script"],[data-skill-panel="docs"]){font-size:16px;line-height:1.8}
#skill-record-dialog :is([data-skill-panel="engine"],[data-skill-panel="blueprint"],[data-skill-panel="script"],[data-skill-panel="docs"]) :is(.practice-facts,.visual-points,.decision-grid,.implementation-list){font-size:16px;line-height:1.75}
#skill-record-dialog :is([data-skill-panel="engine"],[data-skill-panel="blueprint"],[data-skill-panel="script"],[data-skill-panel="docs"]) :is(.practice-facts,.visual-points,.decision-grid,.implementation-list) dt{font-size:14px;line-height:1.6}
#skill-record-dialog :is([data-skill-panel="engine"],[data-skill-panel="blueprint"],[data-skill-panel="script"],[data-skill-panel="docs"]) :is(.practice-facts:not(.skill-poi-facts),.visual-points)>div{grid-template-columns:92px minmax(0,1fr);gap:14px;padding:14px 0;align-items:start}
#skill-record-dialog :is([data-skill-panel="engine"],[data-skill-panel="blueprint"],[data-skill-panel="script"],[data-skill-panel="docs"]) .case-gallery figcaption{font-size:14px;line-height:1.7;color:#515b58;font-weight:500;padding:12px 4px}
#skill-record-dialog :is([data-skill-panel="engine"],[data-skill-panel="blueprint"],[data-skill-panel="script"],[data-skill-panel="docs"]) .case-gallery figcaption .evidence-credit{font-size:13px;font-weight:400}
#skill-record-dialog :is([data-skill-panel="engine"],[data-skill-panel="blueprint"],[data-skill-panel="script"],[data-skill-panel="docs"]) .source-note{font-size:14px;line-height:1.75}
#skill-record-dialog :is([data-skill-panel="engine"],[data-skill-panel="blueprint"],[data-skill-panel="script"],[data-skill-panel="docs"]) .case-gallery img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:transparent}
#skill-record-dialog :is([data-skill-panel="engine"],[data-skill-panel="blueprint"],[data-skill-panel="script"],[data-skill-panel="docs"]) .visual-record:not(.poi-practice-record){align-items:center;column-gap:28px}
#skill-record-dialog :is([data-skill-panel="engine"],[data-skill-panel="blueprint"],[data-skill-panel="script"],[data-skill-panel="docs"]) .proof-record:not(.poi-practice-record){grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
#skill-record-dialog :is([data-skill-panel="engine"],[data-skill-panel="blueprint"],[data-skill-panel="script"],[data-skill-panel="docs"]) .proof-record>.implementation-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0}
#skill-record-dialog :is([data-skill-panel="engine"],[data-skill-panel="blueprint"],[data-skill-panel="script"],[data-skill-panel="docs"])>.case-section>.record-heading-h3{font-size:28px;font-weight:700;line-height:1.45;margin:0 0 24px}
#skill-record-dialog :is([data-skill-panel="engine"],[data-skill-panel="blueprint"],[data-skill-panel="script"],[data-skill-panel="docs"]) :is(.record-heading-h4,.record-heading-h5){font-size:22px;font-weight:650;line-height:1.55}
#skill-record-dialog :is([data-skill-panel="engine"],[data-skill-panel="blueprint"],[data-skill-panel="script"],[data-skill-panel="docs"]) :is(.delivery-heading>.record-heading-h4,.bp-copy>.record-heading-h5,.proof-record>div>.record-heading-h4){display:inline;padding:0 .12em;color:#982e27;background:linear-gradient(transparent 54%,#ffc5b7 54%,#ffc5b7 96%,transparent 96%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
#skill-record-dialog .record-content[data-skill-panel="docs"] .proof-record{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start}
#skill-record-dialog [data-skill-panel="docs"] .proof-record .proof-gallery{margin:0;align-self:start}
#skill-record-dialog [data-skill-panel="docs"] .proof-record .proof-gallery img{width:auto;max-width:100%;height:auto;max-height:350px;object-fit:contain;object-position:top center;margin-inline:auto}
#skill-record-dialog [data-skill-panel="blueprint"] .bp-index nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
#skill-record-dialog [data-skill-panel="blueprint"] .bp-index-group{min-width:0}
#skill-record-dialog [data-skill-panel="blueprint"] .bp-index-group>p{font-size:14px;line-height:1.6}
#skill-record-dialog [data-skill-panel="blueprint"] .bp-index-group ul{display:flex;flex-wrap:wrap;gap:8px;min-width:0;margin-bottom:0}
#skill-record-dialog [data-skill-panel="blueprint"] .bp-index-group li{min-width:0;max-width:100%}
#skill-record-dialog [data-skill-panel="blueprint"] .bp-index-group a{display:block;max-width:100%;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#skill-record-dialog [data-skill-panel="blueprint"] .bp-flow>li{min-width:0;max-width:100%;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
}
/* Production cases and BP families share a clear parent frame on PC. */
@media(min-width:1151px){
#skill-record-dialog [data-skill-panel="lost-path"] .exploration-flow p,#skill-record-dialog [data-skill-panel="lost-path"] .exploration-departure,#skill-record-dialog [data-skill-panel="lost-path"] .learning-flow>li>span:not(.progression-link),#skill-record-dialog [data-skill-panel="lost-path"] .progression-learning>p{font-size:16px;line-height:1.75}
#skill-record-dialog [data-skill-panel="lost-path"] .exploration-flow .record-heading-h5{font-size:20px;line-height:1.55}
#skill-record-dialog [data-skill-panel="lost-path"] .exploration-origin>strong,#skill-record-dialog [data-skill-panel="lost-path"] .learning-flow>li>strong{font-size:18px;line-height:1.55}
#skill-record-dialog [data-skill-panel="engine"] [data-skill-context="engine-cases"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 24px;gap:16px}
#skill-record-dialog [data-skill-panel="engine"] [data-skill-context="engine-cases"] a{padding:16px 20px;border-left:4px solid var(--skill-accent);font-size:18px;font-weight:700}
#skill-record-dialog [data-skill-panel="engine"]>[data-skill-case]{border-top:4px solid var(--skill-accent)}
#skill-record-dialog [data-skill-panel="engine"] .skill-case-label{margin:-4px 0 18px;padding:12px 16px;border-left:4px solid var(--skill-accent);background:var(--skill-tint);color:var(--skill-accent);font-size:22px;font-weight:750;line-height:1.5}
#skill-record-dialog [data-skill-panel="engine"] .skill-dungeon-production{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
#skill-record-dialog [data-skill-panel="engine"] .skill-dungeon-production>div{padding:20px;border:1px solid var(--skill-line);border-radius:3px;background:#f5f9fc}
#skill-record-dialog [data-skill-panel="engine"] .skill-dungeon-production .record-heading-h4{margin:0 0 12px;font-size:20px;color:var(--skill-accent)}
#skill-record-dialog [data-skill-panel="engine"] .skill-dungeon-production p{margin:0;font-size:16px;line-height:1.8}
#skill-record-dialog [data-skill-panel="blueprint"] .skill-bp-group{margin:28px 0;padding:24px;border:1px solid var(--skill-line);border-top:4px solid var(--skill-accent);border-radius:4px;background:#f5f0fa}
#skill-record-dialog [data-skill-panel="blueprint"] .skill-bp-group-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
#skill-record-dialog [data-skill-panel="blueprint"] .skill-bp-group-heading>.skill-context-title{margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--skill-accent);font-size:25px;line-height:1.45}
#skill-record-dialog [data-skill-panel="blueprint"] [data-skill-group-return]{flex:none;margin:0;font-size:14px;line-height:1.5}
#skill-record-dialog [data-skill-panel="blueprint"] .skill-mission-background .skill-inline-title{margin:0 0 16px;padding:12px 16px;border-left:4px solid var(--skill-accent);background:var(--skill-tint);color:var(--skill-accent);font-size:22px;line-height:1.5}
#skill-record-dialog [data-skill-panel="blueprint"] .skill-mission-background>.visual-points{margin:0}
#skill-record-dialog [data-skill-panel="blueprint"] .skill-bp-group>.visual-record{margin:20px 0 0;padding:24px;border:1px solid var(--skill-line);border-radius:3px;background:#fff}
#skill-record-dialog [data-skill-panel="blueprint"] .skill-bp-group>.skill-bp-group-heading+.visual-record{margin-top:0}
#skill-record-dialog [data-skill-panel="blueprint"] .skill-bp-group>.interaction-records{margin:0}
#skill-record-dialog [data-skill-panel="blueprint"] .skill-bp-group>.interaction-records>div>dt{margin:0 0 18px;color:var(--skill-accent);font-size:25px;line-height:1.5}
#skill-record-dialog [data-skill-panel="blueprint"] [data-skill-group="conditions"]>.skill-bp-group-heading+.interaction-records>div>dt{display:none}
#skill-record-dialog [data-skill-panel="blueprint"] .skill-bp-group>.interaction-records .bp-example{margin:18px 0 0;padding:24px;border:1px solid var(--skill-line);border-radius:3px;background:#fff}
#skill-record-dialog [data-skill-panel="blueprint"] .skill-bp-group>.interaction-heading{margin:28px 0 18px;padding-left:14px;border-left:3px solid var(--skill-accent);color:var(--skill-accent);font-size:19px;line-height:1.5}
#skill-record-dialog [data-skill-panel="blueprint"] [data-skill-children="conditions"]{gap:20px}
#skill-record-dialog [data-skill-panel="blueprint"] [data-skill-children="conditions"]>.bp-example{padding:20px;border:1px solid var(--skill-line);border-radius:3px;background:#fff}
}
@media(max-width:800px){
#skill-record-dialog{width:calc(100% - 20px);height:94dvh}
#skill-record-dialog .skill-dialog-header{padding:14px 16px;gap:12px}
#skill-record-dialog .skill-dialog-header h2{font-size:18px}
#skill-record-dialog .skill-dialog-header{min-height:94px}
#skill-record-dialog .record-content>.case-section,#skill-record-dialog .record-content>.case-section:first-of-type,#skill-record-dialog #outant-blueprint{padding:20px}
#skill-record-dialog .skill-dialog-stage{padding:24px 20px 40px}
}
@media (min-width:1151px){
#skill-record-dialog :is([data-skill-panel="lost-path"],[data-skill-panel="two-invaders"])>.space-study-summary>p.eyebrow{font-size:clamp(16px,1vw,18px);font-weight:700;line-height:1.5;margin-bottom:8px}
#skill-record-dialog :is([data-skill-panel="lost-path"],[data-skill-panel="two-invaders"])>.space-study-summary>p:not(.eyebrow){font-size:clamp(26px,1.6vw,30px);font-weight:600;line-height:1.5}
}