@import"https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&display=swap";.analog-clock{position:fixed;top:1rem;left:1rem;color:var(--green);z-index:100;opacity:.8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #33ff33;--green-dim: #1a8a1a;--green-glow: rgba(51, 255, 51, .4);--bg: #0a0a0a}html,body{background:var(--bg);color:var(--green);font-family:VT323,monospace;font-size:20px;min-height:100vh;overflow-x:hidden}#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 4px);pointer-events:none;z-index:1000}#root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.65) 100%);pointer-events:none;z-index:999}h1,h2,h3{text-shadow:0 0 8px var(--green-glow),0 0 20px var(--green-glow)}p,li,span{text-shadow:0 0 4px var(--green-glow)}a{color:var(--green);text-decoration:none;text-shadow:0 0 4px var(--green-glow)}a:hover{color:var(--green);text-shadow:0 0 8px var(--green-glow),0 0 20px rgba(255,255,255,.3)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor{display:inline-block;width:10px;height:1em;background:var(--green);vertical-align:text-bottom;animation:blink 1s step-start infinite;margin-left:2px;box-shadow:0 0 6px var(--green-glow)}.terminal{max-width:900px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.85}94%{opacity:1}96%{opacity:.92}97%{opacity:1}}.terminal{animation:flicker 10s infinite}.terminal-header{border-bottom:1px solid var(--green-dim);margin-bottom:2rem;padding-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--green-dim)}.ascii-art{font-size:.7rem;line-height:1.15;white-space:pre;color:var(--green);text-shadow:0 0 10px var(--green-glow),0 0 30px var(--green-glow);margin-bottom:2rem;overflow-x:auto}.prompt{color:var(--green-dim);margin-bottom:.5rem;font-size:1rem}.menu{list-style:none;margin:1rem 0 2rem}.menu li{margin:.4rem 0}.menu a{display:inline-block;padding:.2rem .6rem;border:1px solid transparent;font-size:1.2rem;transition:border-color .1s,background .1s}.menu a:hover{border-color:var(--green);background:#33ff3312}.section-title{font-size:2.5rem;margin-bottom:.3rem}.content-block{border:1px solid var(--green-dim);padding:1rem 1.2rem;margin-bottom:1rem;background:#00140040}.content-block h3{font-size:1.4rem;margin-bottom:.4rem}.content-block p{font-size:1rem;color:#9e9;line-height:1.5}.tag{display:inline-block;font-size:.75rem;border:1px solid var(--green-dim);padding:.1rem .4rem;margin:.3rem .3rem 0 0;color:var(--green-dim)}.start-btn{display:inline-block;font-size:2rem;border:2px solid var(--green);padding:.5rem 2rem;color:var(--green);text-shadow:0 0 10px var(--green-glow),0 0 30px var(--green-glow);box-shadow:0 0 12px var(--green-glow),inset 0 0 12px #33ff330d;letter-spacing:.15em;transition:background .15s,box-shadow .15s}.start-btn:hover{background:#33ff331f;box-shadow:0 0 24px var(--green-glow),inset 0 0 20px #33ff331a;color:var(--green)}.back-link{display:inline-block;margin-bottom:1.5rem;font-size:1rem;color:var(--green-dim);border:1px solid var(--green-dim);padding:.2rem .7rem}.back-link:hover{color:var(--green);border-color:var(--green);background:#33ff3312}hr.divider{border:none;border-top:1px solid var(--green-dim);margin:1.5rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}.start-room{min-height:100vh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem}.sans-img{width:260px;image-rendering:pixelated}.sans-bubble{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#fff;color:#000;font-family:VT323,monospace;font-size:1.4rem;padding:.5rem .9rem;white-space:nowrap;border-radius:4px;pointer-events:none;animation:bubble-pop .15s ease-out}.sans-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#fff}@keyframes bubble-pop{0%{transform:translate(-50%) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.arrow-img{width:100px;image-rendering:pixelated;transition:transform .15s}.arrow-img:hover{transform:scale(1.12)}.start-typing{font-family:VT323,monospace;font-size:1.8rem;color:var(--green);text-shadow:0 0 6px var(--green-glow);min-height:2rem;letter-spacing:.05em}.arcade-room{min-height:100vh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem}.arcade-text{font-family:VT323,monospace;color:var(--green);font-size:3rem;text-align:center;letter-spacing:.05em}.arcade-text:first-child{font-size:4rem;margin-bottom:.5rem}.arcade-back{position:absolute;top:1.5rem;left:1.5rem;font-family:VT323,monospace;font-size:1.8rem;color:var(--green);background:none;border:none;cursor:pointer;opacity:.6;padding:.5rem 1rem;line-height:1}.arcade-back:hover{opacity:1}.next-page-btn{position:absolute;bottom:1.5rem;right:1.5rem;font-family:VT323,monospace;font-size:1.8rem;color:var(--green);background:none;border:none;cursor:pointer;opacity:.6;padding:.5rem 1rem;line-height:1}.next-page-btn:hover{opacity:1}@media(max-width:600px){.ascii-art{font-size:.45rem}html,body{font-size:18px}}