@import url("https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@900&family=Special+Elite&display=swap");*{margin:0;padding:0;box-sizing:border-box}*,body{cursor:none}body{background-color:#000;color:#ccc;font-family:Special Elite,monospace}body,html{width:100%;height:100%}.bg-graveyard{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(/graveyard-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;z-index:0;pointer-events:none}.main-container{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0b0c1e 0,#000)}.background-layer{position:fixed;inset:0;z-index:0;pointer-events:none}.interface-layer{position:relative;z-index:10;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.overlay-layer{inset:0;z-index:100}.overlay-layer,.wisp-cursor{position:fixed;pointer-events:none}.wisp-cursor{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,rgba(135,206,250,.8) 0,rgba(135,206,250,.3) 50%,transparent 70%);z-index:1;transform:translate(-50%,-50%);box-shadow:0 0 20px rgba(135,206,250,.6);animation:wisp-float 3s ease-in-out infinite}@keyframes wisp-float{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.grain-texture{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="300" height="300"%3E%3Cfilter id="noise"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" /%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noise)" opacity="0.05"/%3E%3C/svg%3E');z-index:1}.grain-texture,.vignette-effect{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none}.vignette-effect{box-shadow:inset 0 0 200px rgba(0,0,0,.9);z-index:2}.fog-layer{width:300%;height:40%;background:linear-gradient(0deg,hsla(0,0%,78%,.1) 0,transparent);animation:fog-drift 60s linear infinite;z-index:3}.fog-layer,.particle-root{position:fixed;bottom:0;left:0;pointer-events:none}.particle-root{top:0;right:0;z-index:0}@keyframes fog-drift{0%{transform:translateX(0)}to{transform:translateX(-33.33%)}}.fog-layer-2{animation:fog-drift-2 45s linear infinite;opacity:.6}@keyframes fog-drift-2{0%{transform:translateX(-33.33%)}to{transform:translateX(0)}}.form-container{position:relative;z-index:10;width:100%}.form-container,.form-sub-container{height:100%;display:flex;align-items:center;justify-content:center}.form-sub-container{max-width:min(750px,60vh);width:90%;flex-direction:column;padding:2em 0}.tombstone-form{background-image:url(/New_Stone.png);background-size:contain;background-repeat:no-repeat;background-position:50%;aspect-ratio:1.38;width:100%;height:auto;max-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40% 10% 20%;position:relative;gap:1em;font-size:clamp(.25rem,min(2vw,1.5vh),1.5rem);flex-grow:1}.artifact-title{font-family:Cinzel Decorative,serif;font-size:min(2.3rem,5vh,5vw);text-align:center;color:#a8ffb8;text-shadow:0 0 10px rgba(100,255,150,.8),0 0 20px rgba(100,255,150,.6),0 0 40px rgba(100,255,150,.4),0 0 80px rgba(50,200,100,.3),2px 2px 4px #000;letter-spacing:4px;font-weight:900;line-height:1.3;position:relative;z-index:20;animation:haunted-flicker 4s ease-in-out infinite}@keyframes haunted-flicker{0%,to{opacity:1;text-shadow:0 0 10px rgba(100,255,150,.8),0 0 20px rgba(100,255,150,.6),0 0 40px rgba(100,255,150,.4),0 0 80px rgba(50,200,100,.3),2px 2px 4px #000}25%{opacity:.95;text-shadow:0 0 5px rgba(100,255,150,.5),0 0 15px rgba(100,255,150,.4),0 0 30px rgba(100,255,150,.2),2px 2px 4px #000}50%{opacity:1;text-shadow:0 0 15px #64ff96,0 0 30px rgba(100,255,150,.8),0 0 60px rgba(100,255,150,.5),0 0 100px rgba(50,200,100,.4),2px 2px 4px #000}52%{opacity:.7}54%{opacity:1}75%{opacity:.9;text-shadow:0 0 8px rgba(100,255,150,.6),0 0 18px rgba(100,255,150,.5),0 0 35px rgba(100,255,150,.3),2px 2px 4px #000}}.field-box{width:70%;display:flex;flex-direction:column;gap:.5em}.field-label{display:block;color:#f0f8f4;font-size:.85em;letter-spacing:2px;text-transform:uppercase;text-shadow:1px 1px 2px rgba(0,0,0,.9),-1px -1px 2px hsla(0,0%,100%,.1);font-weight:700;text-align:left}.field-label,.input-field{font-family:Special Elite,monospace;width:100%}.input-field{padding:.5em;font-size:1em;background-color:hsla(0,0%,4%,.5);background-image:linear-gradient(180deg,hsla(0,0%,100%,.03),rgba(0,0,0,.1));border:1px solid rgba(0,0,0,.7);box-shadow:inset 0 2px 5px rgba(0,0,0,.7);color:#f0f0f0;border-radius:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;transition:all .3s ease}.message-field{height:10em;resize:none}.message-field::-webkit-scrollbar{width:8px}.message-field::-webkit-scrollbar-track{background:transparent}.message-field::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.7);border-radius:4px;border:1px solid hsla(0,0%,100%,.1)}.message-field{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.7) transparent}.input-field:focus{color:#fff;background-color:hsla(0,0%,6%,.6);box-shadow:inset 0 2px 6px rgba(0,0,0,.8),inset 0 0 20px rgba(100,255,150,.08);border-color:rgba(100,255,150,.2)}.input-field::placeholder{color:#6a7a6f;opacity:.7;font-size:.95em}.artifact-field textarea{resize:none;min-height:180px}.form-bottom{width:100%;min-height:11em;flex-direction:column;justify-content:flex-start}.form-bottom,.summon-button{display:flex;align-items:center}.summon-button{width:70%;padding:.5em 0;background-color:hsla(0,0%,4%,.5);background-image:linear-gradient(180deg,hsla(0,0%,100%,.03),rgba(0,0,0,.1));border:1px solid rgba(0,0,0,.7);box-shadow:inset 0 2px 5px rgba(0,0,0,.7);border-radius:0;color:#64ff96;font-family:Cinzel Decorative,serif;font-size:1.4em;letter-spacing:4px;text-transform:uppercase;cursor:pointer;text-shadow:0 0 15px rgba(100,255,150,.9),0 0 30px rgba(100,255,150,.7);transition:all .3s ease;flex-direction:row;justify-content:center}.summon-button:disabled{opacity:.6;cursor:not-allowed}.summon-button:hover:not(:disabled){background-color:rgba(20,30,20,.6);color:#7fffb0;text-shadow:0 0 20px #64ff96,0 0 40px rgba(100,255,150,.9);filter:brightness(1.3)}.particle{position:fixed;width:3px;height:3px;background:rgba(135,206,235,.5);border-radius:50%;pointer-events:none;animation:float-up 15s linear infinite;z-index:1}@keyframes float-up{0%{transform:translateY(100vh) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translateX(100px);opacity:0}}.ghost-element{position:fixed;z-index:4;pointer-events:none}@keyframes ghost-rise{0%{transform:translateY(0) translateX(0);opacity:0}15%{opacity:1}40%{opacity:.8}60%{opacity:.3;transform:translateY(-50vh) translateX(30px)}to{transform:translateY(-70vh) translateX(50px);opacity:0}}.status-display{width:70%;display:flex;flex-direction:column;align-items:center;gap:.8em;padding:1em}.status-spinner{width:2em;height:2em;border:3px solid rgba(100,255,150,.2);border-top-color:#64ff96;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.status-message{color:#a8ffb8;font-family:Special Elite,monospace;font-size:.9em;text-align:center;text-shadow:0 0 10px rgba(100,255,150,.6),0 0 20px rgba(100,255,150,.4);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.8}50%{opacity:1}}.success-display{width:70%;display:flex;flex-direction:column;align-items:center;gap:.8em}.success-message{font-family:Special Elite,monospace;font-size:.85em;text-align:center;text-shadow:0 0 15px rgba(100,255,150,.9),0 0 30px rgba(100,255,150,.7)}.download-button,.success-message{color:#64ff96;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5em}.download-button{width:100%;padding:.6em 0;background-color:rgba(20,40,20,.6);background-image:linear-gradient(180deg,rgba(100,255,150,.1),rgba(0,0,0,.2));border:1px solid rgba(100,255,150,.3);box-shadow:inset 0 2px 5px rgba(0,0,0,.5),0 0 15px rgba(100,255,150,.2);border-radius:0;font-family:Cinzel Decorative,serif;font-size:1.1em;letter-spacing:2px;cursor:pointer;text-shadow:0 0 10px rgba(100,255,150,.8),0 0 20px rgba(100,255,150,.6);transition:all .3s ease}.download-button:hover{background-color:rgba(30,60,30,.7);color:#7fffb0;text-shadow:0 0 15px #64ff96,0 0 30px rgba(100,255,150,.9);filter:brightness(1.2);box-shadow:inset 0 2px 5px rgba(0,0,0,.5),0 0 25px rgba(100,255,150,.4)}.new-postcard-button{width:100%;padding:.5em 0;background-color:hsla(0,0%,4%,.4);background-image:linear-gradient(180deg,hsla(0,0%,100%,.02),rgba(0,0,0,.1));border:1px solid hsla(0,0%,39%,.3);box-shadow:inset 0 2px 5px rgba(0,0,0,.6);border-radius:0;color:#ccc;font-family:Special Elite,monospace;font-size:.9em;letter-spacing:1px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5em}.new-postcard-button:hover{background-color:hsla(0,0%,8%,.5);color:#f0f0f0;border-color:hsla(0,0%,59%,.4)}.error-display{width:70%;display:flex;flex-direction:column;align-items:center;gap:.8em}.error-message{color:#ff6b6b;font-family:Special Elite,monospace;font-size:.85em;text-align:center}.error-message,.retry-button{text-shadow:0 0 10px hsla(0,100%,70%,.6),0 0 20px hsla(0,100%,70%,.4);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5em}.retry-button{width:100%;padding:.6em 0;background-color:rgba(40,20,20,.5);background-image:linear-gradient(180deg,hsla(0,100%,70%,.05),rgba(0,0,0,.1));border:1px solid hsla(0,100%,70%,.3);box-shadow:inset 0 2px 5px rgba(0,0,0,.6);border-radius:0;color:#f99;font-family:Cinzel Decorative,serif;font-size:1em;letter-spacing:2px;cursor:pointer;transition:all .3s ease}.retry-button:hover{background-color:rgba(50,25,25,.6);color:#faa;text-shadow:0 0 15px hsla(0,100%,70%,.8),0 0 30px hsla(0,100%,70%,.6);filter:brightness(1.1)}