.book-cover { position:relative;min-height:100svh;padding:38px clamp(24px,5vw,80px) 44px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;background:var(--paper);color:var(--ink);isolation:isolate; }
.book-cover::before { content:'';position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(#1115 1px,transparent 1px),linear-gradient(90deg,#1115 1px,transparent 1px);background-size:80px 80px; }
.cover-top { display:flex;justify-content:space-between;gap:20px;font:400 .875rem/1.5 var(--mono);letter-spacing:.06em;padding-bottom:20px;border-bottom:1px solid #1115; }
.cover-title > p { font:700 .875rem/1.5 var(--mono);letter-spacing:.12em; }
.cover-title h1 { margin:20px 0;font:900 clamp(5rem,14vw,15rem)/1.02 var(--display);letter-spacing:.02em; }
.cover-title h1 span { color:transparent;-webkit-text-stroke:2px var(--ink); }
.cover-title h1 i { color:var(--accent);font-style:normal;-webkit-text-stroke:1px var(--ink); }
.cover-bottom { display:flex;align-items:end;justify-content:space-between;gap:24px; }
.cover-bottom p { max-width:46ch;font:400 1rem/1.65 var(--mono);margin:0; }
.cover-enter { display:flex;align-items:center;gap:24px;border-bottom:2px solid;padding:14px 0;text-decoration:none;font:700 .875rem/1.4 var(--mono); }
.cover-enter span { font-size:2rem; }
.cover-filters { display:flex;gap:8px;flex-wrap:wrap; }
.chapter[hidden],.timeline-item[hidden] { display:none!important; }
.continuous-projects .chapter.flow-first { margin-top:0; }
.skill-chip { display:inline-flex;justify-content:center;align-items:center;min-height:36px;padding:7px 11px;border:1px solid currentColor;background:transparent;color:inherit;font:700 .875rem/1.3 var(--mono);cursor:pointer;letter-spacing:.02em; }
.skill-chip:hover,.skill-chip[aria-pressed=true] { color:var(--ink);background:var(--accent);border-color:var(--accent); }
.skill-chip:focus-visible,.project-jump:focus-visible { outline:3px solid var(--accent);outline-offset:4px; }
.tags li:has(.skill-chip) { padding:0;border:0;background:none!important;color:inherit; }
.stage-skills { position:absolute;z-index:26;left:var(--pad);right:80px;top:12px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:auto; }
.stage-skills .skill-chip { color:#f4f4ee;background:#111;border-color:#777; }
.stage-skills .skill-chip:hover,.stage-skills .skill-chip[aria-pressed=true] { background:var(--accent);color:#111; }
.project-dna { display:none!important; }
.project-jump { position:fixed;z-index:55;right:16px;display:grid;place-items:center;width:48px;height:48px;padding:0;background:transparent;color:#fff;border:1px solid currentColor;border-radius:50%;font:300 28px/1 Arial,sans-serif;cursor:pointer;opacity:.72;mix-blend-mode:difference;transition:opacity .2s,transform .2s; }
.project-jump:hover,.project-jump:focus-visible { opacity:1; }
.project-jump--top:hover { transform:translateY(-3px); }.project-jump--bottom:hover { transform:translateY(3px); }
.project-jump--top { top:12px; }.project-jump--bottom { bottom:20px; }
.project-jump[hidden] { display:none; }
.motion-navigation { right:80px;flex-wrap:wrap; }
.motion-navigation > span { flex:1 1 200px; }
.tactimon-fan .tactimon-card { transition:transform .55s cubic-bezier(.2,.86,.2,1),width .45s,left .45s,right .45s,bottom .45s,filter .32s; }
.tactimon-fan.has-selection .tactimon-card:not(.is-selected),.is-pinned .tactimon-fan.has-selection .tactimon-card:not(.is-selected) { left:22%;bottom:12%;width:20%;transform:translateX(calc(-50% + var(--rest-slot)*40%)) rotate(calc(var(--rest-slot)*6deg)); }
.tactimon-fan.has-selection .tactimon-card.is-selected { left:auto;right:0;bottom:12%;width:52%;max-width:min(360px,38vh);transform:none;z-index:30; }
.handoff-source .stage-skills,.handoff-target .stage-skills { pointer-events:none; }
.scene--express-metrics .metric-trace { stroke-dashoffset:calc(1 - var(--metric-progress,0)); }
.scene--express-metrics .metric-bars i { transform:scaleY(var(--metric-progress,0)); }
.scene--express-metrics .metric-target { transform:scale(var(--metric-progress,0)); }
.scene--express-metrics .rank-seal { transform:rotate(calc((1 - var(--metric-progress,0))*-65deg)) scale(calc(.8 + var(--metric-progress,0)*.2)); }
.tactimon-fan.has-selection::after { opacity:.3; }
.has-selection + .fan-status { max-width:100%; }
@media(max-width:959px),(max-height:619px) {
  .stage-skills { position:relative;inset:auto;padding:14px var(--pad);background:#111; }
  .project-jump--top { top:86px; }
  .tactimon-fan.has-selection .tactimon-card.is-selected { max-width:300px; }
}
@media(prefers-reduced-motion:reduce) { .tactimon-fan .tactimon-card { transition:none; } }
@media(max-width:959px) { .book-cover { padding-top:110px; }.cover-top { flex-wrap:wrap; }.cover-title h1 { font-size:clamp(4rem,18vw,9rem); }.cover-bottom { align-items:start;flex-direction:column; } }