:root {
  --void:#09070b; --ink:#171019; --plum:#301528; --purple:#54234f;
  --wine:#6e1823; --blood:#a5222c; --rust:#c14b35; --bone:#c7b893;
  --paper:#d9cfb0; --cream:#e9ddbd; --acid:#b8cf59; --moss:#8b9f45;
  --blue:#314461; --pink:#c45d75; --line:#5f2839;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; min-height:100vh; color:var(--ink); font-family:"Courier New",Courier,monospace;
  background-color:#151527; background-image:url('night-tile.png'); image-rendering:pixelated;
  cursor:crosshair;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.11) 3px 4px);mix-blend-mode:multiply}
a{color:#5a164c;font-weight:700;text-decoration-thickness:2px}a:hover{color:var(--blood);background:var(--acid);outline:2px solid var(--void)}
img{max-width:100%;image-rendering:pixelated}
button,input,textarea{font:inherit}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:200;background:var(--cream);padding:8px}
.site{position:relative;width:min(1180px,94vw);margin:54px auto 72px;background:url('paper-tile.png');border:4px solid var(--void);outline:3px solid var(--wine);box-shadow:14px 14px 0 #08070b,22px 22px 0 rgba(110,24,35,.6)}
.pixel-corner{position:absolute;width:14px;height:14px;background:var(--acid);border:3px solid var(--void);z-index:5}.c1{left:-9px;top:-9px}.c2{right:-9px;top:-9px}.c3{left:-9px;bottom:-9px}.c4{right:-9px;bottom:-9px}
.topbar{display:grid;grid-template-columns:190px 1fr 245px;min-height:200px;border-bottom:4px solid var(--void);background:linear-gradient(90deg,rgba(110,24,35,.94),rgba(48,21,40,.93) 43%,rgba(49,68,97,.9));overflow:visible}
.avatar-zone{position:relative;padding:16px 8px 0 16px}.avatar{display:block;width:170px;aspect-ratio:1;border:4px solid var(--void);outline:3px solid var(--acid);box-shadow:8px 8px 0 var(--blood);transform:rotate(-2deg)}
.avatar-zone::after{content:"★";position:absolute;right:-6px;bottom:8px;color:var(--acid);font-size:46px;text-shadow:3px 3px 0 var(--void);transform:rotate(12deg)}
.brand{padding:20px 24px;color:var(--cream);align-self:center}.logo{margin:0;font:900 clamp(54px,8vw,102px)/.82 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:-4px;text-transform:lowercase;color:var(--acid);text-shadow:4px 0 var(--blood),0 4px var(--purple),7px 7px 0 var(--void);transform:skew(-4deg)}
.brand p{max-width:630px;margin:20px 0 0;padding:8px 10px;background:var(--cream);color:var(--ink);border:3px dashed var(--blood);font-weight:bold}
.status{margin:14px;border:3px solid var(--void);background:var(--paper);box-shadow:5px 5px 0 var(--acid);align-self:center}.status h2{margin:0;padding:6px;background:var(--void);color:var(--acid);font-size:15px;text-align:center;text-transform:uppercase}.status p{margin:0;padding:7px 8px;border-top:2px dotted var(--wine);font-size:13px}.status b{display:inline-block;width:74px;color:var(--blood)}
.songbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 18px;background:var(--void);color:var(--cream);border-bottom:4px solid var(--blood)}
.songbar .label{color:var(--acid);font-weight:900;text-transform:uppercase}.fake-player{height:20px;background:var(--paper);border:3px solid var(--acid);position:relative;overflow:hidden}.fake-player::before{content:"";position:absolute;inset:3px 48% 3px 3px;background:repeating-linear-gradient(90deg,var(--blood) 0 7px,var(--rust) 7px 12px)}.songlink{color:var(--cream);white-space:nowrap}.songlink:hover{color:var(--void)}
.ticker{overflow:hidden;background:var(--acid);border-bottom:3px solid var(--void);height:30px}.ticker-track{white-space:nowrap;display:inline-block;padding:6px 0;font-weight:900;animation:scroll 18s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}
.grid{display:grid;grid-template-columns:205px minmax(0,1fr) 226px;gap:14px;padding:14px}.panel{border:3px solid var(--void);background:rgba(233,221,189,.91);box-shadow:5px 5px 0 var(--wine)}.panel-title{margin:0;padding:7px 10px;background:var(--purple);color:var(--acid);font:900 25px/1 Impact,sans-serif;text-transform:lowercase;text-shadow:2px 2px var(--void)}
.nav-panel{align-self:start}.nav{padding:10px;background:repeating-linear-gradient(135deg,rgba(84,35,79,.22) 0 7px,rgba(165,34,44,.15) 7px 14px)}.nav a{display:block;margin:7px 0;padding:7px 8px;text-align:center;background:var(--cream);border:2px solid var(--blood);box-shadow:3px 3px 0 var(--void);text-transform:lowercase}.nav a[aria-current="page"]{background:var(--acid);color:var(--void)}
.shrine{margin:10px;border:3px double var(--wine);background:var(--void);padding:7px;text-align:center;color:var(--cream)}.shrine img{width:100%;display:block;border:2px solid var(--acid)}.visitor{margin:10px;padding:8px;background:var(--wine);color:var(--cream);border:2px dashed var(--acid);font-size:12px;text-align:center}
.content{min-width:0}.hero{position:relative;min-height:310px;background:var(--void);overflow:hidden;border-bottom:4px solid var(--void)}.hero img{width:100%;height:100%;min-height:310px;object-fit:cover}.hero h2{position:absolute;left:18px;bottom:12px;margin:0;color:var(--cream);font:italic 900 clamp(34px,6vw,72px)/.9 Arial Black,sans-serif;text-shadow:5px 5px 0 var(--blood),8px 8px 0 var(--void);transform:rotate(-2deg)}.hero .tag{position:absolute;right:12px;top:12px;background:var(--acid);border:3px solid var(--void);padding:8px;font-weight:900;transform:rotate(2deg)}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--wine);color:var(--cream);padding:7px 10px;border-bottom:3px solid var(--void)}.section-head h2{font-size:18px;margin:0}.entry-list{padding:10px;background:repeating-linear-gradient(0deg,transparent 0 25px,rgba(110,24,35,.15) 25px 26px)}
.entry{display:grid;grid-template-columns:150px 1fr;margin-bottom:12px;border:3px solid var(--blood);background:var(--cream);box-shadow:4px 4px 0 var(--void)}.entry:last-child{margin-bottom:0}.entry-meta{padding:9px;border-right:3px dotted var(--wine);font-size:12px;color:#34202b}.entry-meta img{display:block;width:100%;aspect-ratio:1.4;object-fit:cover;border:3px solid var(--void);margin-bottom:8px}.entry-body{padding:10px}.entry-body h3{margin:0 -10px 8px;padding:5px 10px;background:var(--acid);color:var(--blood);text-decoration:underline}.entry-body p{margin:.45em 0;line-height:1.45}.entry-body ul{padding-left:20px}
.right-panel{align-self:start}.pic{margin:10px;border:3px solid var(--void);background:var(--cream);padding:5px}.pic img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.pic figcaption{padding:7px 3px 2px;font-size:12px;text-align:center}.likes{margin:10px;padding:10px;background:var(--void);color:var(--cream);border:3px dashed var(--pink)}.likes h3{margin:0 0 7px;color:var(--acid)}.likes ul{margin:0;padding-left:18px}.micro{margin:10px;padding:8px;border:2px dotted var(--wine);font-size:11px;background:#ece0c3}
.footer{display:flex;justify-content:space-between;gap:10px;padding:9px 14px;background:var(--void);color:var(--paper);border-top:4px solid var(--blood);font-size:12px}
.sticker{position:absolute;z-index:20;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.75));user-select:none;touch-action:none}.sticker.moth{width:112px;right:-54px;top:310px;transform:rotate(12deg)}.sticker.rose{width:100px;left:-50px;bottom:180px;transform:rotate(-12deg)}
.spark{position:fixed;width:8px;height:8px;background:var(--acid);border:2px solid var(--void);pointer-events:none;z-index:150;animation:pop .55s ease-out forwards}@keyframes pop{to{transform:translate(var(--dx),var(--dy)) rotate(90deg);opacity:0}}
.page-banner{position:relative;min-height:170px;display:flex;align-items:flex-end;padding:18px;background:var(--void) url('graveyard.png') center/cover;border-bottom:4px solid var(--void);overflow:hidden}.page-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(9,7,11,.85))}.page-banner h2{position:relative;z-index:1;margin:0;color:var(--acid);font:900 clamp(38px,7vw,76px)/.85 Impact,sans-serif;text-shadow:4px 4px var(--blood),7px 7px var(--void)}
.page-body{padding:14px}.note-card{margin:0 0 14px;padding:14px;background:var(--cream);border:3px solid var(--wine);box-shadow:5px 5px 0 var(--void)}.note-card h3{margin:-14px -14px 12px;padding:7px 10px;background:var(--purple);color:var(--acid)}.date{font-size:12px;color:var(--wine);font-weight:bold}.pixel-divider{height:10px;margin:16px 0;background:repeating-linear-gradient(90deg,var(--blood) 0 10px,var(--acid) 10px 20px,var(--void) 20px 30px)}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-card{border:3px solid var(--void);background:var(--cream);box-shadow:5px 5px 0 var(--blood);overflow:hidden}.media-card img{width:100%;height:170px;object-fit:cover;border-bottom:3px solid var(--void)}.media-card div{padding:10px}.media-card h3{margin:0 0 6px;color:var(--blood)}
.scrap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scrap{background:var(--cream);padding:7px;border:3px solid var(--void);box-shadow:5px 5px 0 var(--purple);transform:rotate(var(--r,0deg))}.scrap img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.scrap p{margin:7px 2px 2px;font-size:12px}.scrap:nth-child(2){--r:2deg}.scrap:nth-child(3){--r:-2deg}.scrap:nth-child(5){--r:1deg}
.link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.link-card{padding:12px;border:3px dashed var(--wine);background:var(--cream)}.link-card strong{display:block;color:var(--blood);font-size:18px;margin-bottom:4px}
.guestbook-form{display:grid;gap:9px;padding:13px;background:var(--plum);color:var(--cream);border:3px solid var(--void)}.guestbook-form input,.guestbook-form textarea{width:100%;padding:9px;background:var(--cream);border:3px solid var(--blood);color:var(--ink)}.guestbook-form button{padding:9px;background:var(--acid);border:3px solid var(--void);box-shadow:4px 4px 0 var(--blood);font-weight:900;cursor:pointer}.guestbook-messages{display:grid;gap:9px;margin-top:14px}.guest-message{padding:10px;background:var(--cream);border:3px solid var(--wine);box-shadow:4px 4px 0 var(--void)}.guest-message b{color:var(--blood)}
.about-grid{display:grid;grid-template-columns:220px 1fr;gap:14px}.about-grid .bigpic{width:100%;border:4px solid var(--void);box-shadow:6px 6px 0 var(--acid)}
.blink{animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{visibility:hidden}}
@media(max-width:900px){.topbar{grid-template-columns:150px 1fr}.avatar{width:140px}.status{grid-column:1/-1;margin:0;border-width:3px 0 0;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:none}.status h2{grid-column:1/-1}.grid{grid-template-columns:180px 1fr}.right-panel{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr}.pic{margin:10px}.sticker{display:none}}
@media(max-width:650px){.site{width:96vw;margin:20px auto 40px;box-shadow:7px 7px 0 #08070b}.topbar{display:block}.avatar-zone{display:none}.brand{padding:20px 14px}.logo{font-size:64px;letter-spacing:-3px}.status{display:block}.songbar{grid-template-columns:1fr}.fake-player{display:none}.grid{display:block;padding:8px}.panel{margin-bottom:12px;box-shadow:3px 3px 0 var(--wine)}.nav{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.nav a{margin:0}.right-panel{display:block}.hero{min-height:220px}.hero img{min-height:220px}.entry{grid-template-columns:1fr}.entry-meta{border-right:0;border-bottom:3px dotted var(--wine)}.entry-meta img{height:120px}.media-grid,.scrap-grid,.link-list,.about-grid{grid-template-columns:1fr}.footer{display:block;text-align:center}.footer span{display:block;margin:3px}.ticker-track{animation-duration:13s}}