@font-face{font-family:DungGeunMo;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/DungGeunMo.woff)format("woff");font-weight:400;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--border:#c8d4e0;--dark:#1e2a38;--mid:#6b7a90;--faint:#a8b8cc;--accent:#dde5ef}body{background:var(--bg);color:var(--dark);min-height:100vh;font-family:JetBrains Mono,monospace}.site-header{background:var(--accent);border-top:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;gap:1.2rem;margin-top:3rem;padding:1.6rem 3rem;display:flex}.ghost-svg{width:48px;height:48px;image-rendering:pixelated;opacity:.8;flex-shrink:0;animation:3s ease-in-out infinite ghost-float}@keyframes ghost-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.site-header h1{letter-spacing:.08em;color:var(--dark);opacity:.8;font-family:DungGeunMo,monospace;font-size:clamp(1.8rem,4vw,3rem)}.header-sub{text-align:center;letter-spacing:.22em;color:var(--mid);border-bottom:1px solid var(--faint);text-transform:uppercase;padding:.9rem 1rem;font-size:.75rem}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;max-width:1100px;margin:2.5rem auto 0;padding:0 2.5rem;display:grid}.card{background:var(--bg);border:1px solid var(--border);cursor:pointer;flex-direction:column;padding:1.4rem 1.4rem 0;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex;position:relative}.card:hover{border-color:var(--mid);box-shadow:3px 3px 0 var(--faint);transform:translate(-1px,-1px)}.rip-badge{background:var(--dark);color:var(--bg);letter-spacing:.1em;padding:4px 10px 5px;font-family:DungGeunMo,monospace;font-size:.65rem;line-height:1;position:absolute;top:-1px;right:-1px}.card-top{align-items:center;gap:1.1rem;margin-bottom:1rem;display:flex}.logo-slot{background:var(--accent);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:60px;min-width:60px;height:60px;display:flex;overflow:hidden}.logo-slot img{object-fit:contain;filter:grayscale()opacity(.75);width:100%;height:100%}.logo-placeholder{letter-spacing:.05em;color:var(--faint);font-size:.52rem}.card-meta{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.card-name{color:var(--dark);font-size:1.1rem;font-weight:600;line-height:1.3}.card-period{color:var(--faint);font-size:.72rem}.card-epitaph{color:var(--mid);padding:0 0 1rem;font-size:.82rem;line-height:1.6}#page-detail{max-width:720px;margin:0 auto;padding:3rem 2.5rem 8rem}.back-btn{color:var(--mid);letter-spacing:.08em;cursor:pointer;border:1px solid var(--border);background:0 0;align-items:center;gap:.5rem;margin-bottom:2.5rem;padding:.45rem .9rem;font-family:JetBrains Mono,monospace;font-size:.75rem;text-decoration:none;transition:all .1s;display:inline-flex}.back-btn:hover{border-color:var(--dark);color:var(--dark)}.detail-header{border-bottom:1px solid var(--border);align-items:center;gap:1.4rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.detail-logo{background:var(--accent);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:80px;min-width:80px;height:80px;display:flex;overflow:hidden}.detail-logo img{object-fit:contain;filter:grayscale()opacity(.75);width:100%;height:100%}.detail-logo-placeholder{letter-spacing:.05em;color:var(--faint);font-size:.52rem}.detail-title-block{flex:1}.detail-name{color:var(--dark);margin-bottom:.4rem;font-size:2rem;font-weight:600;line-height:1.2}.detail-period{color:var(--faint);font-size:.78rem}.detail-rip{letter-spacing:.1em;background:var(--dark);color:var(--bg);align-self:flex-start;padding:5px 12px 6px;font-family:DungGeunMo,monospace;font-size:.72rem}.detail-epitaph{color:var(--mid);margin-bottom:2rem;font-size:1.1rem;font-style:italic;line-height:1.7}.detail-body{color:var(--dark);margin-bottom:2.5rem;font-size:.9rem;line-height:2.1}.detail-stats{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2.5rem;display:grid}.stat{background:var(--accent);flex-direction:column;gap:.35rem;padding:1rem 1.1rem;display:flex}.stat-label{color:var(--faint);letter-spacing:.15em;text-transform:uppercase;font-size:.58rem}.stat-value{color:var(--dark);font-size:.88rem;font-weight:600;line-height:1.4}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:6rem 2rem;display:flex}.empty-ghost{opacity:.3;width:80px;height:80px;image-rendering:pixelated;margin-bottom:2rem;animation:3s ease-in-out infinite ghost-float}.empty-title{color:var(--mid);letter-spacing:.08em;margin-bottom:.6rem;font-family:DungGeunMo,monospace;font-size:1.4rem}.empty-sub{color:var(--faint);letter-spacing:.12em;font-size:.78rem}.loading{text-align:center;color:var(--faint);letter-spacing:.12em;padding:6rem 2rem;font-size:.85rem}.footer{text-align:center;border-top:1.5px solid var(--border);letter-spacing:.15em;color:var(--mid);text-transform:uppercase;margin-top:4rem;padding:2rem;font-size:.72rem;line-height:3}