@font-face{font-family:Creepster;src:url(assets/creepster.ttf);font-display:swap}
*{box-sizing:border-box} [hidden]{display:none!important}html{background:#110a1c;color:#eee0f7;font-family:Georgia,serif}body{margin:0;min-height:100svh}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ffbd6c;outline-offset:5px}.scene{position:fixed;inset:0;background:linear-gradient(#14092122,#0e061b33),url(assets/graveyard.webp) center/cover;overflow:hidden;pointer-events:none}.scene:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,#08040c65)}
main{position:relative;z-index:2;width:min(1100px,95vw);margin:auto;padding:28px 0 155px;min-height:100svh;display:flex;flex-direction:column;align-items:center}header{text-align:center;margin-bottom:6px}h1{font-family:Creepster,Georgia,serif;font-weight:400;font-size:clamp(68px,9.8vw,142px);letter-spacing:.015em;line-height:1;margin:0;background:linear-gradient(#ffcc63 4%,#ff8b16 52%,#da390e);color:#ff922d;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #5e150c) drop-shadow(0 0 12px #ee4a1744)}header p{font-size:clamp(22px,2.5vw,32px);margin:10px 0 6px;text-shadow:0 2px 8px #000}.ornament{color:#c867cf;font-size:18px;letter-spacing:5px}.project-nav{position:fixed;top:18px;right:20px;z-index:40;display:flex;gap:10px;align-items:center}.project-nav a{text-decoration:none;font:700 14px Arial,sans-serif;letter-spacing:1px;padding:12px 18px;border-radius:7px;background:#110d1dbb;border:1px solid #ad83be77;backdrop-filter:blur(10px)}.project-nav .pump-link{color:#29ef6e;border:1px solid #23da65;box-shadow:0 0 15px #15e94422}.project-nav a:hover{filter:brightness(1.3)}
.graves{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:0 8px;margin-top:10px}.grave{position:relative;background:none;border:0;padding:0;min-width:0;aspect-ratio:384/420;display:flex;align-items:flex-end;justify-content:center;transition:transform .3s,filter .3s;filter:drop-shadow(0 0 4px var(--glow));transform-origin:center bottom}.grave img{width:100%;height:118%;object-fit:contain;position:absolute;bottom:-10%;user-select:none;pointer-events:none}.grave:hover{transform:translateY(-7px) scale(1.025);filter:drop-shadow(0 0 14px var(--glow))}.grave:active{transform:scale(.97)}.ca-bar{display:flex;align-items:center;gap:18px;width:min(510px,90vw);padding:12px 18px;margin-top:18px;background:#170e20de;border:1px solid #8b6794;outline:3px double #4c3259;outline-offset:4px;border-radius:10px;box-shadow:0 8px 25px #0008;font:16px Georgia,serif}.ca-label{font-weight:bold;color:#ffd1a5}.ca-bar [data-project-ca]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:14px monospace}.ca-bar button{min-width:126px;padding:10px 16px;border:1px solid #9679a6;border-radius:5px;background:#3b3044;color:#dfcde7;font-size:14px}.ca-bar button:hover{background:#50405d}
.mist{position:absolute;inset:55% -30% -20%;opacity:.32;background:radial-gradient(ellipse at 20% 55%,#a387d173 0,transparent 42%),radial-gradient(ellipse at 66% 75%,#c69ef174 0,transparent 38%),radial-gradient(ellipse at 85% 22%,#b7a4e768 0,transparent 36%);filter:blur(28px);animation:fog 22s ease-in-out infinite alternate;mix-blend-mode:screen}.mist-two{animation-delay:-12s;animation-duration:31s;inset:40% -35% -5%;opacity:.2}@keyframes fog{from{transform:translateX(-10%) scale(1)}to{transform:translateX(13%) scale(1.17)}}.ghosts{position:absolute;inset:0}.ghost{position:absolute;width:clamp(120px,17vw,250px);height:52vh;object-fit:contain;opacity:0;filter:drop-shadow(0 0 16px #ddc2ff);mix-blend-mode:screen;animation:haunt 34s ease-in-out infinite;z-index:1}.ghost-one{left:1%;top:21%;animation-delay:1s}.ghost-two{right:1%;top:30%;animation-delay:12s;animation-duration:39s}.ghost-three{left:42%;top:30%;animation-delay:23s;animation-duration:43s}@keyframes haunt{0%,4%,25%,100%{opacity:0;transform:translateY(24px)}10%,17%{opacity:.48;transform:translateY(-10px)}24%{opacity:0;transform:translateY(-45px)}}
.music-controls{position:fixed;bottom:20px;right:20px;z-index:45;width:290px;border:1px solid #735487;background:#170e20e8;padding:12px 14px;border-radius:8px;backdrop-filter:blur(8px);font:13px Arial,sans-serif;box-shadow:0 4px 16px #0006}.track-name{font-size:14px;text-decoration:none;color:#d9b6eb}.music-buttons{display:flex;gap:8px;align-items:center;margin-top:9px}.music-buttons button{padding:6px 9px;background:#35213f;color:#eed5fc;border:1px solid #806190;border-radius:4px;font:12px Arial,sans-serif}.music-buttons label{font-size:12px}.music-buttons input{width:78px;accent-color:#c575dc}.music-buttons output{font-size:12px;width:30px}[data-music="music-status"]{display:block;font-size:12px;margin-top:5px;color:#b49abf}.credits{font-size:12px;margin-top:5px;color:#bba1c5;line-height:1.5}.credits summary{cursor:pointer}.forest-signature{--signature-colour:#d68aff;--signature-size:205px;z-index:46}
.media-window{position:fixed;top:22vh;left:25vw;width:min(530px,90vw);height:470px;max-height:72svh;min-width:260px;min-height:250px;resize:both;overflow:hidden;border:1px solid var(--glow);border-radius:10px;background:#120b1df5;box-shadow:0 0 24px color-mix(in srgb,var(--glow) 25%,transparent),0 20px 80px #000b;display:flex;flex-direction:column;z-index:50}.window-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 15px;background:linear-gradient(90deg,color-mix(in srgb,var(--glow) 23%,#10081a),#17101e);border-bottom:1px solid #725485;cursor:move;touch-action:none;user-select:none}.window-head span{font-size:16px;color:var(--glow)}.window-head button{background:none;border:1px solid #876697;color:#eee0f7;font:24px Arial;line-height:1;width:32px;height:32px;border-radius:4px}.window-content{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px}.window-content img,.window-content video{width:100%;height:100%;object-fit:contain}.window-content p{color:#bea2cd;text-align:center;font-size:17px;padding:20px}.window-foot{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px;border-top:1px solid #725485;font:14px Arial}.window-foot button{background:#36223f;border:1px solid #846091;color:#efdef9;border-radius:4px;padding:7px 15px}
@media(min-width:1200px) and (min-height:900px){main{padding-top:45px}.graves{gap:12px 20px}}@media(max-width:800px){main{width:96vw;padding-top:85px;padding-bottom:170px}h1{font-size:13vw}.graves{gap:8px 0}.grave{aspect-ratio:384/490}.project-nav{top:12px;right:12px}.project-nav a{padding:10px 13px}.music-controls{right:12px;bottom:12px;width:255px}.forest-signature{--signature-size:160px}.ghost{width:28vw}.media-window{left:5vw!important;width:90vw;max-width:90vw;top:18vh;resize:none}}
@media(max-width:480px){main{padding-bottom:195px}.graves{grid-template-columns:repeat(2,1fr);width:88vw;gap:2px 10px}.grave{aspect-ratio:384/420}.grave img{height:113%}h1{font-size:15vw}.ca-bar{gap:10px;margin-top:24px;padding:10px}.ca-bar button{min-width:105px;padding:9px}.music-controls{width:210px;font-size:12px}.music-buttons{gap:5px}.music-buttons input{width:54px}.forest-signature{--signature-size:130px}}
@media(prefers-reduced-motion:reduce){.mist,.ghost{animation:none}.grave{transition:none}.ghost{display:none}}