:root{--cream: #f5e6c8;--cream-dark: #e8d0a0;--red: #cc2200;--red-dark: #8b1500;--ink: #1a0800;--gold: #e8c97a;--gold-dark: #b89040}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--cream);width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.rays{position:absolute;inset:0;background:conic-gradient(from 0deg at 50% 115%,var(--cream) 0deg,var(--gold) 6deg,var(--cream) 12deg,var(--gold) 18deg,var(--cream) 24deg,var(--gold) 30deg,var(--cream) 36deg,var(--gold) 42deg,var(--cream) 48deg,var(--gold) 54deg,var(--cream) 60deg,var(--gold) 66deg,var(--cream) 72deg,var(--gold) 78deg,var(--cream) 84deg,var(--gold) 90deg,var(--cream) 96deg,var(--gold) 102deg,var(--cream) 108deg,var(--gold) 114deg,var(--cream) 120deg,var(--gold) 126deg,var(--cream) 132deg,var(--gold) 138deg,var(--cream) 144deg,var(--gold) 150deg,var(--cream) 156deg,var(--gold) 162deg,var(--cream) 168deg,var(--gold) 174deg,var(--cream) 180deg);opacity:.55;z-index:0}.texture{position:absolute;inset:0;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none}.frame-outer{position:absolute;inset:16px;border:3px solid var(--red);z-index:2;pointer-events:none}.frame-inner{position:absolute;inset:22px;border:1px solid var(--gold-dark);z-index:2;pointer-events:none}.frame-corner{position:absolute;width:22px;height:22px;border-color:var(--red);border-style:solid;z-index:3;pointer-events:none}.fc-tl{top:10px;left:10px;border-width:3px 0 0 3px}.fc-tr{top:10px;right:10px;border-width:3px 3px 0 0}.fc-bl{bottom:10px;left:10px;border-width:0 0 3px 3px}.fc-br{bottom:10px;right:10px;border-width:0 3px 3px 0}.star{position:absolute;color:var(--red);font-size:18px;z-index:3;animation:starSpin linear infinite;user-select:none}@keyframes starSpin{to{transform:rotate(360deg)}}.saucer-wrap{position:relative;z-index:4;animation:saucerFloat 3.5s ease-in-out infinite;margin-bottom:28px;filter:drop-shadow(0 12px 30px rgba(204,34,0,.25))}@keyframes saucerFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-18px) rotate(1deg)}}.saucer-wrap svg{width:min(280px,38vw);height:auto}.beam{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);width:0;height:0;border-left:55px solid transparent;border-right:55px solid transparent;border-top:90px solid rgba(232,201,122,.25);animation:beamPulse 3.5s ease-in-out infinite;filter:blur(4px)}@keyframes beamPulse{0%,to{opacity:.4;border-top-width:90px}50%{opacity:.9;border-top-width:100px}}.scene{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 40px}.banner-top{display:flex;align-items:center;gap:12px;margin-bottom:20px}.banner-line{flex:1;height:2px;background:var(--red);width:60px}.banner-tag{font-family:Space Mono,monospace;font-size:clamp(8px,1vw,11px);letter-spacing:4px;color:var(--red);text-transform:uppercase;border:1.5px solid var(--red);padding:4px 12px;background:#cc22000d}h1{font-family:Bebas Neue,sans-serif;font-size:clamp(70px,15vw,200px);color:var(--ink);line-height:.85;letter-spacing:.02em;position:relative}h1 .ya{color:var(--red);display:block;font-size:clamp(90px,18vw,240px);text-shadow:4px 4px 0 var(--red-dark);animation:yaWobble 4s ease-in-out infinite}@keyframes yaWobble{0%,to{transform:skew(0)}25%{transform:skew(-1deg)}75%{transform:skew(1deg)}}h1 .outline{-webkit-text-stroke:2px var(--ink);color:transparent}.subtitle{font-family:Space Mono,monospace;font-size:clamp(10px,1.4vw,15px);color:var(--ink);opacity:.6;letter-spacing:2px;margin-top:16px;line-height:1.8;max-width:460px}.subtitle strong{color:var(--red);font-weight:700}.banner-bot{display:flex;align-items:center;gap:12px;margin-top:22px}.banner-bot .bl{width:80px;height:1px;background:var(--gold-dark)}.banner-bot .bt{font-family:Space Mono,monospace;font-size:9px;letter-spacing:5px;color:var(--gold-dark);text-transform:uppercase}.planet-left,.planet-right{position:absolute;border-radius:50%;z-index:2;animation:planetDrift ease-in-out infinite}@keyframes planetDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.planet-left{width:clamp(60px,9vw,120px);height:clamp(60px,9vw,120px);background:radial-gradient(circle at 35% 35%,#e8c97a,#c4882a 50%,#5a2a00);left:5%;top:15%;box-shadow:inset -8px -8px 20px #0006;animation-duration:6s}.planet-left:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(20deg,transparent,transparent 8px,rgba(0,0,0,.08) 8px,rgba(0,0,0,.08) 9px)}.planet-right{width:clamp(40px,6vw,80px);height:clamp(40px,6vw,80px);background:radial-gradient(circle at 35% 35%,#cce8ff,#48c 50%,#001a44);right:6%;bottom:20%;box-shadow:inset -5px -5px 14px #00000080;animation-duration:8s;animation-delay:-2s}.splat{position:absolute;z-index:2;font-family:Space Mono,monospace;font-size:clamp(8px,.9vw,11px);color:var(--red);letter-spacing:2px;text-transform:uppercase;transform:rotate(-12deg);border:1px solid var(--red);padding:3px 8px;opacity:.7}.splat.s1{top:18%;right:10%;transform:rotate(8deg)}.splat.s2{bottom:22%;left:9%;transform:rotate(-8deg)}