*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0a0a0f;--gold:#f5c518;--gold-dim:#c49a12;--blue:#0052ff;--blue-bright:#48f;--white:#f0eaff;--stone:#b8a882;--stone-dark:#7a6e58;--stone-mid:#9c8f72;--shadow:#2a2418;--sky:#1a0a3a}body,html{width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:Press Start\ 2P,monospace;image-rendering:pixelated}.pixel-bg{position:fixed;inset:0;z-index:0;overflow:hidden}.pixel-grid{display:grid;grid-gap:0;gap:0}.pixel-grid,.px{width:100%;height:100%}.px{opacity:0;animation:blink var(--d,3s) var(--delay,0s) infinite}@keyframes blink{0%,95%,to{opacity:0}96%,99%{opacity:var(--bright,1)}}.scene{position:relative;z-index:10;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:8px 0}.title{font-size:clamp(14px,3vw,38px);color:var(--gold);text-shadow:0 0 14px var(--gold),0 0 40px var(--gold-dim),5px 5px 0 #000;letter-spacing:.06em;text-align:center;line-height:1.4;margin-bottom:14px;animation:titlePulse 4s ease-in-out infinite}@keyframes titlePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.colosseum-wrap{width:clamp(340px,72vw,900px);margin:12px auto 0;position:relative;filter:drop-shadow(0 0 50px rgba(245,197,24,.22))}.tagline{font-size:clamp(8px,1.1vw,15px);color:var(--blue-bright);letter-spacing:.3em;text-align:center;margin-top:12px;text-shadow:0 0 14px var(--blue-bright),0 0 28px var(--blue);animation:taglinePulse 5s ease-in-out infinite}@keyframes taglinePulse{0%,to{opacity:.7}50%{opacity:1}}.socials{position:fixed;top:24px;left:24px;z-index:30;display:flex;flex-direction:column;gap:12px}.social-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:rgba(10,10,15,.85);border:3px solid var(--gold);color:var(--gold);text-decoration:none;box-shadow:4px 4px 0 var(--gold-dim),0 0 16px rgba(245,197,24,.2);transition:transform .08s,box-shadow .08s,background .15s,color .15s}.social-btn:hover{background:var(--gold);color:var(--bg);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--gold-dim),0 0 28px rgba(245,197,24,.45)}.social-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--gold-dim)}.btn-art{margin-top:0;font-family:Press Start\ 2P,monospace;font-size:clamp(16px,2.6vw,32px);color:var(--bg);background:var(--gold);border:none;cursor:pointer;padding:18px 72px;position:relative;letter-spacing:.15em;box-shadow:5px 0 0 0 var(--gold-dim),0 5px 0 0 var(--gold-dim),5px 5px 0 0 var(--shadow),9px 5px 0 0 var(--shadow),5px 9px 0 0 var(--shadow),-2px -2px 0 0 #fff8;transition:transform .08s,box-shadow .08s,filter .08s;animation:btnIdle 3s ease-in-out infinite}.btn-art:hover{filter:brightness(1.15) saturate(1.2);transform:translate(-2px,-2px);box-shadow:7px 0 0 0 var(--gold-dim),0 7px 0 0 var(--gold-dim),7px 7px 0 0 var(--shadow),11px 7px 0 0 var(--shadow),7px 11px 0 0 var(--shadow),-2px -2px 0 0 #fff8}.btn-art:active{transform:translate(2px,2px);box-shadow:2px 0 0 0 var(--gold-dim),0 2px 0 0 var(--gold-dim),2px 2px 0 0 var(--shadow)}@keyframes btnIdle{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.scanlines{z-index:20;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 4px)}.scanlines,.vignette{position:fixed;inset:0;pointer-events:none}.vignette{z-index:15;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.78) 100%)}.stars{position:fixed;inset:0;z-index:1;pointer-events:none}