:root{--bg:#edeff2;--panel:#f7f8fa;--text:#101214;--subtext:#5f6570;--line:#d8dde4;--accent:#0080ff}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);scroll-behavior:smooth}body{font-family:var(--font-inter),var(--font-noto-sans-jp),sans-serif;font-weight:400;line-height:1.7;position:relative;overflow-x:hidden}body:after,body:before{content:"";position:fixed;z-index:-1;pointer-events:none;filter:blur(56px);opacity:.55}body:before{width:420px;height:420px;top:-120px;left:-120px;background:radial-gradient(circle,rgba(0,128,255,.24) 0,rgba(0,128,255,.04) 60%,transparent 75%);animation:floatOrbA 16s ease-in-out infinite}body:after{width:380px;height:380px;right:-120px;bottom:-80px;background:radial-gradient(circle,rgba(0,128,255,.2) 0,rgba(0,128,255,.03) 62%,transparent 76%);animation:floatOrbB 18s ease-in-out infinite}@keyframes floatOrbA{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(30px,24px,0) scale(1.08)}to{transform:translateZ(0) scale(1)}}@keyframes floatOrbB{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-34px,-28px,0) scale(1.06)}to{transform:translateZ(0) scale(1)}}h1,h2,h3,strong{font-weight:600}p{margin:0;color:var(--subtext)}a{color:inherit;text-decoration:none}.progress{position:fixed;top:0;left:0;z-index:100;height:3px;width:100%;background:var(--accent);transform-origin:0 50%}.site-shell{position:relative;z-index:1;width:100%;margin:0 auto;padding:22px 24px 96px;display:grid;grid-template-columns:280px minmax(0,800px) 180px;grid-gap:16px;gap:16px;justify-content:space-between}.left-rail,.right-rail{position:-webkit-sticky;position:sticky;top:50vh;transform:translateY(-50%);height:-moz-fit-content;height:fit-content}.page{width:800px;max-width:100%;min-width:0}.container{width:100%}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:34px;margin-bottom:18px}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);font-size:.68rem;letter-spacing:.08em;color:#58606c;margin-bottom:16px}.section-badge:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--accent)}.panel h2{margin:0 0 16px;font-size:clamp(1.8rem,3vw,2.2rem);line-height:1.25;letter-spacing:-.01em}.panel h3{margin:0 0 8px;font-size:1.08rem}.accent{color:var(--accent)}.metrics{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.metrics div{padding:12px 4px;text-align:center}.metrics dt{color:#6c7480;font-size:.82rem}.metrics dd{margin:2px 0 0;font-size:1.5rem;color:var(--accent);font-weight:600}.philosophy{text-align:center}.philosophy p{color:var(--text);font-size:clamp(1.1rem,2.2vw,1.45rem)}.career-list{position:relative;display:grid;grid-gap:18px;gap:18px}.career-list:before{content:"";position:absolute;top:14px;bottom:14px;left:50%;width:1px;background:var(--line);transform:translateX(-50%)}.career-item{display:grid;grid-template-columns:1fr 48px 1fr;grid-gap:14px;gap:14px;align-items:start;position:relative}.career-left h3,.career-right h3{margin:0;font-size:1.05rem}.career-right p{margin-top:6px}.career-period{margin-top:4px;color:var(--accent);font-size:.92rem}.career-line{position:relative;min-height:72px;display:flex;justify-content:center}.career-line span{margin-top:8px;width:12px;height:12px;border-radius:999px;background:var(--accent);z-index:1}.subhead{margin-bottom:14px}.fighter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.fighter{margin:0}.fighter-media{position:relative;width:100%;aspect-ratio:1/1}.fighter-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:#f3f5f8}.fighter figcaption{margin-top:8px;font-size:.9rem;color:#626a75}.personal-notes{margin-top:20px;display:grid;grid-gap:8px;gap:8px}.personal-notes strong{color:var(--text);margin-right:10px}.article-list{margin-top:14px}.article-cards{margin:0;padding:0;list-style:none;display:grid;grid-gap:10px;gap:10px}.article-card{display:grid;grid-template-columns:128px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:stretch;border:1px solid var(--line);border-radius:8px;padding:8px;color:#4f5866;transition:background-color .2s ease,color .2s ease,transform .2s ease}.article-thumb-fallback,.article-thumb-wrap{width:100%;aspect-ratio:1/1;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#edf1f5}.article-thumb{width:100%;height:100%;object-fit:cover;display:block}.article-thumb-fallback{display:grid;place-items:center;font-size:.74rem;letter-spacing:.08em;color:#7a8594}.article-body{min-width:0}.article-site{margin:0;font-size:.72rem;color:#7a8594;text-transform:uppercase;letter-spacing:.06em}.article-title{margin:4px 0 0;font-size:.92rem;line-height:1.45;color:#202734;font-weight:600}.article-desc{margin:6px 0 0;font-size:.82rem;line-height:1.55;color:#5d6776;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-loading{margin-top:8px;font-size:.8rem;color:#7a8594}.article-card:hover{background:rgba(0,128,255,.12);color:var(--accent);transform:translateY(-1px)}.manga-head{margin-top:20px}.manga-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.manga-item{margin:0}.manga-media{position:relative;width:100%;aspect-ratio:220/347}.manga-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:#f3f5f8;transition:transform .2s ease}.manga-item:hover .manga-image{transform:scale(1.05)}.manga-item figcaption{margin-top:8px;font-size:.82rem;color:#626a75}.side-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:20px}.side-avatar{border-radius:999px;border:1px solid #9ec5d8;display:block;margin:0 auto;width:104px;height:104px}.side-name{margin-top:10px;color:var(--text);font-size:.9rem;text-align:center}.side-role{color:var(--accent);font-size:.75rem;text-align:center}.side-birth{margin-top:8px;text-align:center;color:#4f5866;font-size:.8rem}.side-meta{margin:12px 0 0;display:grid;grid-gap:8px;gap:8px}.side-meta div{border-top:1px solid var(--line);padding-top:8px}.side-meta dt{color:#69717c;font-size:.72rem}.side-meta dd{margin:0;color:#151820;font-size:.78rem}.side-links{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px}.side-links a{border:1px solid var(--line);border-radius:8px;min-height:38px;display:grid;place-items:center;color:#4f5866;transition:background-color .2s ease,color .2s ease,transform .15s ease}.side-links a svg{width:17px;height:17px}.side-links a:hover{background:rgba(0,128,255,.12);color:var(--accent);transform:translateY(-1px)}.toc-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:14px}.toc-title{color:#69717c;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.toc-card ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-gap:6px;gap:6px}.toc-card a{display:block;border-radius:8px;padding:6px 8px;color:#5f6773;font-size:.88rem;transition:background-color .2s ease,color .2s ease}.toc-card a.active{background:rgba(0,128,255,.12);color:var(--accent);font-weight:600}@media (max-width:1120px){.site-shell{width:min(860px,100%);grid-template-columns:minmax(0,1fr);padding:16px 14px 70px}.right-rail{display:none}.left-rail{position:static;transform:none;top:auto;display:block;margin-bottom:10px}.left-rail .side-card{max-width:420px;margin:0 auto}}@media (max-width:768px){.panel{border-radius:12px;padding:20px;margin-bottom:14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.career-item{grid-template-columns:1fr;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--line)}.career-line,.career-list:before{display:none}.article-card{grid-template-columns:98px minmax(0,1fr)}}