body.detail-page{background:var(--bg-base)}body.detail-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(../images/background.png);background-size:cover;background-position:center;filter:brightness(var(--bg-dim));z-index:-2}body.detail-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#c7b1f840;opacity:1;z-index:-1}.detail-app{min-height:100vh;display:flex;flex-direction:column}.detail-page .topbar{gap:1.8rem}.detail-page .brand{font-size:clamp(1.2rem,2.5vw,1.45rem)}.detail-page .theme-toggle{padding:.46rem .9rem;gap:.6rem}.detail-page .theme-toggle.theme-floating{transform:translate(calc(100% - 24px))}.detail-page .theme-float-zone{top:clamp(4.8rem,10vh,6.2rem);width:58px;height:104px}.detail-content{max-width:var(--max-width);margin:0 auto;padding:8vh var(--pad-x) var(--pad-y)}.detail-hero{margin-bottom:2.2rem;text-align:center}.detail-title-wrap{position:relative;display:inline-flex;align-items:center;gap:1.5rem;padding:.8rem 1.6rem;border:2px solid var(--pixel-border);background:#8c77c466;box-shadow:6px 6px #3c266873}.detail-title{margin:0;font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:.14em;color:#f7d6ff;text-shadow:2px 2px 0 var(--arcade-stroke)}.detail-fly{width:52px;height:52px;image-rendering:pixelated}.detail-fly.left{position:absolute;left:-68px}.detail-fly.right{position:absolute;right:-68px;transform:scaleX(-1)}.detail-subtitle{margin:1rem 0 0;color:var(--text-muted);text-shadow:2px 2px 0 var(--arcade-stroke)}.detail-panel{border:2px solid var(--pixel-border);background:var(--panel);box-shadow:6px 6px #3c266873;min-height:220px;display:grid;gap:.85rem;align-content:center;padding:1.2rem}.detail-panel-title{margin:0;font-size:clamp(2.1rem,4vw,3rem);color:var(--text-primary);text-shadow:2px 2px 0 var(--arcade-stroke);letter-spacing:.08em}.detail-notice{margin:0;font-size:2.08rem;color:#fff4ff;text-shadow:2px 2px 0 var(--arcade-stroke);line-height:1.7}.detail-notice-warning{color:#ef9ab6}.detail-author{margin:0;font-size:2.02rem;color:var(--text-primary);text-shadow:2px 2px 0 var(--arcade-stroke)}.detail-author-link{color:#bfefff;text-decoration:underline}.detail-author-link:hover{color:#d8f6ff}@media (max-width: 640px){.detail-title-wrap{gap:.9rem;padding:.7rem 1rem}.detail-fly{width:40px;height:40px}.detail-fly.left{left:-48px}.detail-fly.right{right:-48px}}