*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden;overflow-y:auto}body.homepage{font-family:'press start 2p',monospace;background:radial-gradient(circle at 50% 50%,#1a2a1a 0%,#000000 100%);color:var(--text-color);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:60px 0;box-sizing:border-box}body.homepage::after{content:"";position:fixed;inset:0;background:repeating-linear-gradient( to bottom,transparent,transparent 2px,rgba(0,0,0,.1) 3px );pointer-events:none;z-index:10}.site-title{font-size:18px;color:var(--pale-text);margin-bottom:40px;letter-spacing:4px;text-transform:uppercase;z-index:5}.site-title span{color:var(--accent)}.homepage-main{width:90%;max-width:650px;display:flex;flex-direction:column;gap:20px;z-index:5}.character-area{display:flex;justify-content:center;margin-bottom:10px}.avatar-eyes{width:80px;height:80px;background:var(--black);border:4px solid var(--pale);display:flex;justify-content:space-around;align-items:center;box-shadow:0 0 20px rgba(68,137,26,.2);overflow:hidden}.eye{width:12px;height:24px;background:var(--accent);animation:blink 5s infinite}.eye:nth-child(2){animation-delay:1.5s}@keyframes blink{0%,10%,100%{height:24px}5%{height:4px}}.dialogue-box{background:rgba(0,0,0,.8);border:4px solid var(--pale);padding:30px;position:relative;box-shadow:10px 10px rgba(0,0,0,.5)}.speaker-name{position:absolute;top:-15px;left:20px;background:var(--black);padding:0 10px;color:var(--accent);font-size:14px;border:2px solid var(--pale)}.message{font-size:12px;line-height:2;margin-bottom:30px;color:var(--text-color)}.typing-line{display:inline-block;overflow:hidden;white-space:nowrap;border-right:4px solid transparent;width:0;animation:typing 1.5s steps(25,end)forwards,blink-caret .75s step-end 4}.typing-line.delayed{animation:typing 2s steps(25,end)1.5s forwards,blink-caret .75s step-end 1.5s 4}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:var(--accent)}}.homepage-nav{display:flex;flex-direction:column;gap:15px}.homepage-nav a{text-decoration:none;font-size:11px;color:var(--accent);border:2px solid var(--dark-pale);padding:15px 20px;background:var(--black);transition:all .2s;text-transform:uppercase;position:relative;display:block}.homepage-nav a::before{content:"▶";position:absolute;left:10px;opacity:0;transition:opacity .2s}.homepage-nav a:hover{background:var(--accent);color:var(--black);border-color:var(--accent);box-shadow:0 0 15px var(--accent);padding-left:40px}.homepage-nav a:hover::before{opacity:1}.homepage footer{margin-top:auto;padding-top:40px;font-size:9px;color:var(--dark-green);text-transform:uppercase;letter-spacing:2px;text-align:center}