.kogane-briefing{--brief-paper:#eee9d5;--brief-acid:#f1df45;max-width:1500px;margin:0 auto;padding:45px 0 100px;color:var(--brief-paper)}
.briefing-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:30px;border-bottom:1px solid #eee9d533;gap:24px}.briefing-heading span,.summon-caption,.briefing-topline,.chapter-label,.summon-name>span{font:10px 'IBM Plex Mono',monospace;letter-spacing:.16em;color:#a9a592}.briefing-heading h1{font:clamp(40px,6vw,88px)/.94 'Archivo Black',sans-serif;letter-spacing:-.05em;margin:18px 0 0}.briefing-heading p{font:italic 23px/1.3 'Cormorant Garamond',serif;color:#bdb7a3;margin:0 0 3px}
.briefing-layout{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.5fr);gap:5%;padding-top:36px}.briefing-summon{position:relative;text-align:center;padding:18px 0}.summon-scene{position:relative;isolation:isolate;height:320px;display:grid;place-items:center}.summon-seal{position:absolute;width:260px;aspect-ratio:1;border:1px solid #f1df4544;border-radius:50%;outline:1px dashed #eee9d52a;outline-offset:12px;transform:rotate(-18deg)}.summon-seal:after{content:'';position:absolute;inset:18%;border:1px solid #f1df4533;transform:rotate(45deg)}.summon-kanji{position:absolute;font:160px serif;color:#eee9d50b;letter-spacing:-.1em}.summon-kogane{position:relative;width:min(88%,320px);height:290px;object-fit:contain;filter:sepia(.23) drop-shadow(0 22px 15px #0009);animation:koganeHover 4s ease-in-out infinite}.summon-name{display:grid;gap:10px}.summon-name strong{font:44px/.95 'Archivo Black',sans-serif;letter-spacing:-.04em}.kogane-briefing button{cursor:pointer}.summon-button{width:100%;max-width:320px;display:flex;justify-content:space-between;align-items:center;margin:24px auto 0;padding:18px 22px;border:1px solid #f1df45;background:var(--brief-acid);color:#17160e;font:600 12px 'IBM Plex Mono',monospace;letter-spacing:.07em;transition:transform .2s,background .2s;box-shadow:5px 5px 0 #f1df4520}.summon-button:hover{background:var(--brief-paper);transform:translateY(-3px)}.summon-button span{font-size:23px}.summon-quote{font:italic 22px/1.25 'Cormorant Garamond',serif;color:#aba591;margin:25px 0}
.briefing-manual{min-width:0}.briefing-topline{display:flex;justify-content:space-between;padding:16px 0}.briefing-topline>span:last-child{color:var(--brief-acid)}.briefing-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eee9d52a;border-left:1px solid #eee9d52a}.briefing-tabs button{position:relative;display:grid;grid-template-columns:24px 1fr 14px;align-items:center;gap:6px;text-align:left;padding:18px 12px;background:#13130ff2;color:#bdb7a3;border:0;border-right:1px solid #eee9d52a;border-bottom:1px solid #eee9d52a;font:11px 'IBM Plex Mono',monospace;transition:background .18s,color .18s}.briefing-tabs small{font-size:9px;opacity:.6}.briefing-tabs button>span{opacity:0}.briefing-tabs button:hover{background:#29271b;color:#eee9d5}.briefing-tabs button[aria-pressed=true]{background:var(--brief-paper);color:#17160e}.briefing-tabs button[aria-pressed=true]>span{opacity:1}.briefing-progress{height:3px;background:#eee9d512;margin:20px 0 0}.briefing-progress i{display:block;background:var(--brief-acid);width:16.666%;height:100%;transition:width .4s}
.briefing-stage{position:relative;background:radial-gradient(#312e2522 1px,transparent 1px),#eee9d5;background-size:5px 5px;min-height:345px;color:#17160e;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.briefing-chapter{position:relative;padding:36px 36px 42px;overflow:hidden}.briefing-chapter[hidden]{display:none}.chapter-number{position:absolute;right:-6px;top:4px;font:140px/1 'Archivo Black';color:#17160e09}.chapter-copy{position:relative}.chapter-label{color:#77715f;font-size:9px}.chapter-copy h2{font:clamp(23px,2.6vw,38px)/1.05 'Archivo Black';letter-spacing:-.04em;max-width:20ch;margin:20px 0}.chapter-copy p{font:13px/1.9 'IBM Plex Mono',monospace;margin:0;max-width:65ch;color:#373429}.briefing-controls{display:flex;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #eee9d52a}.briefing-controls button{background:transparent;border:1px solid #eee9d538;color:#eee9d5;padding:13px 16px;font:10px 'IBM Plex Mono',monospace;transition:background .2s,color .2s}.briefing-controls button:hover:enabled{background:#eee9d5;color:#17160e}.briefing-controls button:disabled{opacity:.3;cursor:default}.briefing-controls [data-brief-next]{margin-left:auto;color:var(--brief-acid)}.briefing-controls>span{font:9px 'IBM Plex Mono',monospace;color:#aba591}.briefing-enter{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;color:#a9a592;font:9px 'IBM Plex Mono',monospace;text-decoration:none}.briefing-enter span{color:var(--brief-acid);font-size:11px}.kogane-briefing :focus-visible{outline:2px solid var(--brief-acid);outline-offset:5px}
.summon-smoke{position:absolute;inset:0;pointer-events:none;z-index:3}.summon-smoke i{position:absolute;left:calc(22% + mod(var(--p),3)*17%);top:calc(20% + round(down,var(--p)/3)*15%);width:120px;height:100px;border-radius:46% 54% 43% 57%;background:#eee9d5;border:1px solid #77715f;box-shadow:inset -12px -12px 0 #d4ceba;opacity:0}.summon-smoke i:after{content:'';position:absolute;width:70%;height:75%;border-radius:50%;background:inherit;left:-30%;top:5%;border-left:1px solid #77715f}.is-summoning .summon-smoke i{animation:smokeArrival 1.6s both;animation-delay:calc(var(--p)*.025s)}.is-summoning .summon-kogane{animation:koganeArrival 1.8s both}.is-summoning .summon-seal{animation:sealArrival 1.5s ease-out}
@keyframes smokeArrival{0%{opacity:0;transform:scale(.05)}18%,40%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:translate(calc((var(--p) - 4)*35px),calc((var(--p) - 5)*24px)) scale(1.15)}}@keyframes koganeArrival{0%,25%{opacity:0;transform:scale(.25) rotate(-25deg)}65%{opacity:1;transform:scale(1.08) rotate(7deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@keyframes sealArrival{50%{transform:rotate(40deg) scale(1.15)}}@keyframes koganeHover{50%{transform:translateY(-13px) rotate(3deg)}}
body:has(.kogane-briefing) .nav-shell{border-color:#eee9d533}body:has(.kogane-briefing) #kogane-system{display:none}
.chapter-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #17160e33;margin-top:28px;padding-top:22px}.chapter-facts>div{display:grid;gap:8px}.chapter-facts strong{font:clamp(15px,1.8vw,25px) 'Archivo Black';color:#17160e}.chapter-facts small{font:9px/1.5 'IBM Plex Mono';color:#77715f}
@media(max-width:850px){.briefing-layout{grid-template-columns:1fr;gap:20px}.briefing-summon{display:grid;grid-template-columns:1fr 1fr;align-items:center}.summon-scene{grid-column:1;grid-row:1/5;height:230px}.summon-kogane{height:215px}.summon-seal{width:170px}.summon-name strong{font-size:30px}.summon-caption{display:none}.summon-button{width:90%;font-size:9px;padding:12px}.summon-quote{font-size:18px}.briefing-heading h1{font-size:48px}.briefing-heading p{font-size:19px}.kogane-briefing{padding-top:25px}.briefing-stage{min-height:0}}
@media(max-width:500px){.briefing-heading p{display:none}.briefing-tabs{grid-template-columns:repeat(2,1fr)}.briefing-chapter{padding:28px 22px}.briefing-controls{gap:8px}.briefing-controls button{padding:12px 9px;font-size:9px}.briefing-enter{align-items:start;flex-direction:column;gap:12px}.summon-kogane{height:180px}.summon-scene{height:200px}.summon-seal{width:140px}.summon-smoke i{width:70px;height:65px}}
.summon-smoke{inset:-12px;overflow:clip;border-radius:35%;contain:paint}
.summon-smoke .smoke-puff{position:absolute;left:50%;top:48%;width:clamp(85px,35%,145px);height:auto;max-width:none;opacity:0;transform:translate(-50%,-50%) scale(.1);transform-origin:center;filter:drop-shadow(0 4px 2px #29241735);pointer-events:none}
.summon-smoke .smoke-puff:nth-child(3n){width:clamp(105px,42%,170px)}
.is-summoning .summon-kogane{animation:koganeSmokeReveal 2.7s both}
@keyframes koganeSmokeReveal{0%,17%{opacity:0;transform:translateY(18px) scale(.72) rotate(-9deg)}36%{opacity:1;transform:translateY(-5px) scale(1.04) rotate(3deg)}58%{transform:translateY(0) scale(1) rotate(-1deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
.chapter-kogane-link{display:inline-block;margin-top:18px;font:600 11px/1.6 'IBM Plex Mono',monospace;color:#514313;text-decoration:underline;text-underline-offset:5px}
.chapter-kogane-link:hover{color:#17160e;background:#d8c33240}
.briefing-tabs button:last-child:nth-child(3n + 1){grid-column:1/-1}
@media(max-width:500px){.briefing-tabs button:last-child:nth-child(3n + 1){grid-column:1/-1}}
.chapter-passages{margin:0;display:grid;gap:0}
.chapter-passages>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;padding:17px 0;border-bottom:1px solid #17160e16}
.chapter-passages>div:first-child{padding-top:0}
.chapter-passages dt{font:600 9px/1.7 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:#756b4c;padding-top:3px}
.chapter-passages dd{margin:0;font:13px/1.85 'IBM Plex Mono',monospace;color:#504b3e;text-wrap:pretty}
.chapter-passages strong{font-weight:600;color:#16150f;background:linear-gradient(transparent 60%,#d8c33255 60%,#d8c33255 94%,transparent 94%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.chapter-copy .chapter-takeaway{margin-top:22px;border-left:3px solid #b39b27;padding:11px 14px;background:#d8c33216;font:600 11px/1.7 'IBM Plex Mono',monospace;color:#494027}
.chapter-takeaway>span{color:#8c7311;margin-right:6px}
@media(max-width:650px){.chapter-passages>div{grid-template-columns:1fr;gap:6px;padding:15px 0}.chapter-passages dd{font-size:12px}.chapter-passages dt{padding:0}}
@media(prefers-reduced-motion:reduce){.kogane-briefing *{animation:none!important;transition:none!important}.summon-smoke{display:none}}