:root{--dg-bg:#1a0633;--dg-deep:#0f021f;--dg-purple:#7b2cff;--dg-neon:#b6ff00;--dg-text:#f4ecff}
*{box-sizing:border-box}body{margin:0;background:var(--dg-deep);color:var(--dg-text);font:16px/1.75 system-ui,"Hiragino Sans","Noto Sans JP",sans-serif}
a{color:var(--dg-neon)}:focus-visible{outline:3px solid var(--dg-neon);outline-offset:2px}
.dg-skip{position:absolute;left:-999px}.dg-skip:focus{left:8px;top:8px;background:var(--dg-neon);color:var(--dg-deep);padding:4px 8px}
.dg-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:linear-gradient(100deg,var(--dg-bg) 70%,var(--dg-purple))}
.dg-logo{text-decoration:none}.dg-logo-text{font-weight:900;font-size:1.6rem;color:var(--dg-neon);font-style:italic;letter-spacing:.04em;transform:skewX(-8deg);display:inline-block}
.dg-post-link{font-weight:700}
main{max-width:760px;margin:0 auto;padding:12px 16px 48px}
.dg-thumb{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(115deg,var(--dg-purple) 0 55%,var(--dg-bg) 55% 58%,var(--dg-purple) 58%);clip-path:polygon(0 0,100% 0,100% 88%,94% 100%,0 100%);border-bottom:6px solid var(--dg-neon)}
.dg-thumb span{font-weight:900;font-size:clamp(1.8rem,7vw,3.4rem);line-height:1.15;color:var(--dg-neon);text-align:center;text-shadow:0 0 12px rgba(182,255,0,.45)}
.dg-thumb-img{width:100%;height:auto;display:block}
.dg-meta{display:flex;gap:8px;margin-top:12px;font-size:.85rem}.dg-cat,.dg-label{background:var(--dg-bg);border:1px solid var(--dg-neon);padding:0 8px;border-radius:2px}
.dg-title{font-size:clamp(1.5rem,5vw,2.2rem);line-height:1.3;font-weight:900;margin:.4em 0}
.dg-body p{margin:0 0 1em}.dg-ref{font-size:.9rem}
.dg-pager{display:flex;justify-content:space-between;gap:8px;margin:24px 0}
.dg-btn{display:inline-block;min-height:44px;padding:10px 18px;background:var(--dg-purple);color:#fff;border:2px solid var(--dg-neon);font-weight:800;text-decoration:none;cursor:pointer;font-size:1rem}
.dg-next{background:var(--dg-neon);color:var(--dg-deep)}.dg-end{align-self:center}
.dg-list{list-style:none;padding:0;display:grid;gap:18px}.dg-card{display:block;text-decoration:none;color:var(--dg-text)}.dg-card-title{display:block;font-weight:900;font-size:1.25rem;margin-top:6px}
.dg-related ul{padding-left:1.2em}
.dg-form-wrap{margin-top:40px;border-top:3px solid var(--dg-purple);padding-top:16px}.dg-form label{display:block;margin-bottom:12px;font-weight:700}
.dg-form input,.dg-form textarea,.dg-form select{display:block;width:100%;margin-top:4px;padding:8px;font:inherit;background:var(--dg-bg);color:var(--dg-text);border:2px solid var(--dg-purple)}
.dg-status{min-height:1.5em}.dg-empty{padding:32px 0;text-align:center}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.dg-logo-img{display:block;width:192px;max-width:100%;height:auto}
.dg-thumb-visual{position:relative;overflow:hidden;border-bottom:6px solid var(--dg-neon);background:var(--dg-bg)}
.dg-thumb-visual .dg-thumb-img{aspect-ratio:1672/941;object-fit:cover}
.dg-thumb-copy{position:absolute;inset:auto 0 0;padding:28px 14px 14px;background:linear-gradient(transparent,rgba(15,2,31,.92));color:var(--dg-neon);font-weight:900;font-size:clamp(1.55rem,6vw,3rem);line-height:1.18;text-shadow:0 2px 6px #0f021f}
@media(max-width:420px){.dg-logo-img{width:160px}}