@import"https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#0a0a0a;overflow:hidden}.title-screen{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;background:#000 url(/title-screen.png) center center / contain no-repeat;overflow:hidden}.title-glow{display:none}.title-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:1rem 2rem 1.5rem;width:100%;background:linear-gradient(to top,rgba(0,0,0,.82) 70%,transparent 100%)}.title-eyebrow{font-family:VT323,monospace;font-size:1.4rem;color:#c20;letter-spacing:.25em;text-shadow:0 0 10px rgba(204,34,0,.8);animation:flicker 4s infinite}.title-heading{display:flex;flex-direction:column;align-items:center;line-height:1;gap:.1em;-webkit-user-select:none;user-select:none}.title-barney{font-family:"Press Start 2P",monospace;font-size:clamp(3rem,10vw,6.5rem);color:#9c27b0;text-shadow:0 0 20px rgba(156,39,176,.9),0 0 40px rgba(156,39,176,.5),4px 4px 0 #4a0058,-2px -2px 0 #6a0080;animation:pulseBarney 3s ease-in-out infinite}.title-doom{font-family:"Press Start 2P",monospace;font-size:clamp(4rem,14vw,9rem);color:#c00;text-shadow:0 0 20px rgba(204,0,0,.9),0 0 60px rgba(204,0,0,.4),6px 6px 0 #660000,-3px -3px 0 #880000;animation:pulseDoom 3s ease-in-out infinite reverse}.title-tagline{font-family:VT323,monospace;font-size:1.35rem;color:#aaa;letter-spacing:.05em;min-height:1.8rem}.title-tagline .dino{color:#9c27b0}.title-buttons{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.btn-start{font-family:"Press Start 2P",monospace;font-size:1rem;padding:.9rem 2.2rem;background:linear-gradient(180deg,#c00,#800);color:#fff;border:3px solid #ff4444;cursor:pointer;text-shadow:2px 2px 0 #440000;box-shadow:0 0 20px #c009,4px 4px #400;transition:transform .1s,box-shadow .1s;image-rendering:pixelated}.btn-start:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:0 0 30px #f44c,6px 6px #400;background:linear-gradient(180deg,#f22,#a00)}.btn-start:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 10px #c006,2px 2px #400}.btn-start:disabled{opacity:.5;cursor:not-allowed}.btn-controls{font-family:VT323,monospace;font-size:1.3rem;padding:.7rem 1.5rem;background:transparent;color:#9c27b0;border:2px solid #9c27b0;cursor:pointer;letter-spacing:.05em;transition:background .15s,color .15s}.btn-controls:hover{background:#9c27b033;color:#ce93d8}.warp-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:-.25rem}.btn-warp{font-family:VT323,monospace;font-size:1.25rem;padding:.55rem 1.25rem;background:transparent;color:#c90;border:2px solid #cc9900;cursor:pointer;letter-spacing:.04em;transition:background .15s,color .15s,box-shadow .15s;position:relative}.btn-warp:hover:not(:disabled){background:#cc990026;color:#fd4;box-shadow:0 0 12px #cc990080}.btn-warp:active:not(:disabled){background:#cc99004d}.btn-warp:disabled{opacity:.4;cursor:not-allowed}.warp-label{font-family:VT323,monospace;font-size:1rem;color:#666;letter-spacing:.05em;margin-top:-.5rem}.title-credits{font-family:VT323,monospace;font-size:.95rem;color:#555;margin-top:.5rem;letter-spacing:.04em}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;gap:1.5rem}.loading-text{font-family:"Press Start 2P",monospace;font-size:1rem;color:#c00;text-shadow:0 0 10px rgba(204,0,0,.6);letter-spacing:.15em}.loading-bar-container{position:relative;width:min(480px,80vw);height:28px;background:#1a0000;border:2px solid #550000;box-shadow:0 0 16px #cc00004d,inset 0 0 8px #0009;overflow:hidden}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#800,#c00 60%,#f44);box-shadow:0 0 12px #f449;transition:width .25s ease-out;min-width:0%}.loading-bar-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:VT323,monospace;font-size:1.1rem;color:#fff;text-shadow:0 0 6px #000,0 0 3px #000;letter-spacing:.05em;pointer-events:none}.loading-sub{font-family:VT323,monospace;font-size:1.2rem;color:#666;min-height:1.5rem}.controls-overlay{position:absolute;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100}.controls-box{background:#101;border:2px solid #9c27b0;padding:2rem 2.5rem;max-width:480px;width:90%;box-shadow:0 0 40px #9c27b066;display:flex;flex-direction:column;align-items:center;gap:1rem}.controls-box h2{font-family:"Press Start 2P",monospace;font-size:1.2rem;color:#9c27b0;text-shadow:0 0 10px rgba(156,39,176,.6)}.controls-table{width:100%;border-collapse:collapse}.controls-table td{font-family:VT323,monospace;font-size:1.2rem;padding:.4rem .75rem;border-bottom:1px solid #2a002a;color:#ccc}.controls-table td:first-child{color:#ce93d8;min-width:140px}.ingame-hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);font-family:VT323,monospace;font-size:1.1rem;color:#ffffff59;pointer-events:none;z-index:10;white-space:nowrap}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.5}}@keyframes pulseBarney{0%,to{text-shadow:0 0 20px rgba(156,39,176,.9),0 0 40px rgba(156,39,176,.5),4px 4px 0 #4a0058,-2px -2px 0 #6a0080}50%{text-shadow:0 0 30px rgba(200,80,220,1),0 0 70px rgba(156,39,176,.7),4px 4px 0 #4a0058,-2px -2px 0 #6a0080}}@keyframes pulseDoom{0%,to{text-shadow:0 0 20px rgba(204,0,0,.9),0 0 60px rgba(204,0,0,.4),6px 6px 0 #660000,-3px -3px 0 #880000}50%{text-shadow:0 0 35px rgba(255,60,60,1),0 0 80px rgba(204,0,0,.6),6px 6px 0 #660000,-3px -3px 0 #880000}}@keyframes spin{to{transform:rotate(360deg)}}