.intro{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#112e43 0%,#091b2c 40%,#040b15 80%);z-index:10;will-change:opacity,transform}.intro canvas{position:absolute;inset:0;width:100%;height:100%}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 30%,#0208129c 95%);pointer-events:none}.identity{position:absolute;top:45%;left:50%;width:min(430px,58vw);transform:translate(-50%,-50%);text-align:center;opacity:0;will-change:opacity,transform,filter}.identity>img{position:relative;display:block;width:100%;height:auto;filter:brightness(1.35) saturate(.88) drop-shadow(0 0 22px #c27d4250)}.logo-halo{position:absolute;inset:-35%;background:radial-gradient(ellipse,#071522df 5%,#071522c9 40%,#07152200 70%);filter:blur(10px)}.rule{position:relative;display:flex;justify-content:center;align-items:center;gap:12px;margin:14px 0 20px}.rule span{height:1px;width:45px;background:linear-gradient(90deg,#bc80522a,#dba16e)}.rule span:last-child{transform:rotate(180deg)}.rule i{width:4px;height:4px;background:#e1aa7a;transform:rotate(45deg);box-shadow:0 0 10px #e8bd88}.identity p{position:relative;font-size:9px;letter-spacing:3.5px;color:#dce8ef;line-height:1.9;margin:0}.mobile-break{display:none}.intro-caption{position:absolute;bottom:10%;left:0;width:100%;margin:0;text-align:center;font:italic 17px Georgia,serif;letter-spacing:.5px;color:#b8d1de;opacity:0}.corner{position:absolute;width:35px;height:35px;opacity:.35;border-color:#a97850}.top-left{top:37px;left:42px;border-top:1px solid;border-left:1px solid}.bottom-right{right:42px;bottom:37px;border-bottom:1px solid;border-right:1px solid}
@media(max-width:650px){.identity{width:78vw;top:43%}.identity p{font-size:8px;letter-spacing:2.7px}.mobile-break{display:block}.intro-caption{bottom:16%;font-size:16px}.corner{width:25px;height:25px}.top-left{top:28px;left:25px}.bottom-right{bottom:28px;right:25px}.rule{margin:8px 0 16px}}
@media(prefers-reduced-motion:reduce){.intro,.identity{will-change:auto}}