*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#070f21;color:#fff;font-family:Arial,sans-serif}body{min-height:100svh;overflow-x:hidden}.backdrop{position:fixed;inset:0;z-index:0;background:#070f21 url("assets/game-poster.jpg") center/cover}.backdrop video{width:100%;height:100%;object-fit:cover;object-position:center}.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050c1abf,transparent 24%);pointer-events:none}header{position:absolute;top:0;left:0;right:0;height:19.17svh;min-height:118px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:1.67svh 5.2vw 1.67svh 3.33vw;border-bottom:1px solid #86cdf782;background:#071124e6}.school{width:43.2vw;max-height:12svh;object-fit:contain;object-position:left center}.sponsor{width:20vw;max-height:15.9svh;object-fit:contain}main{position:relative;min-height:100svh}.start{position:absolute;left:50%;top:50svh;transform:translate(-50%,-50%);width:min(39.6vw,760px);height:min(16.67vw,180px);max-height:16.67svh;min-height:82px;border:3px solid transparent;border-radius:999px;background:linear-gradient(#d2f0ff05,#d2f0ff05) padding-box;isolation:isolate;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:1.4vw;font-size:clamp(32px,3.54vw,68px);font-weight:700;text-shadow:0 2px 5px #000,2px 0 2px #051325,-2px 0 2px #051325;box-shadow:-10px 0 27px #22d3ee38,10px 0 27px #ec489938;animation:pulse 3s ease-in-out infinite;transition:scale .2s}.start:before{content:"";position:absolute;inset:-3px;border-radius:inherit;padding:3px;background:linear-gradient(100deg,#22d3ee,#8b5cf6,#ec4899);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.start:after{content:"";position:absolute;width:30%;height:2px;top:10%;left:12%;background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 12px #cfffff;animation:gleam 4s ease-in-out infinite;pointer-events:none}.start span{position:relative;z-index:1;white-space:nowrap}.start svg{width:.55em;height:.65em;filter:drop-shadow(0 2px 3px #000)}.start:hover{scale:1.035;box-shadow:-10px 0 40px #22d3ee66,10px 0 40px #ec489966}.start:active{scale:.99}.start:focus-visible,button:focus-visible{outline:4px solid #fff;outline-offset:8px}.identity{position:absolute;left:3.44vw;bottom:2.1svh;text-shadow:0 2px 4px #000,2px 0 3px #071327;pointer-events:none}.identity h1{font-size:clamp(32px,3.125vw,60px);line-height:1.15;margin:0 0 12px;font-weight:800}.identity p{font-size:clamp(18px,1.77vw,34px);margin:0;color:#d4edff;line-height:1.3}#motion{position:fixed;right:20px;bottom:22px;z-index:3;font:12px Arial,sans-serif;color:#dbeafe;background:#0c1a32c9;border:1px solid #c4d6ff55;border-radius:30px;padding:10px 15px;cursor:pointer}@keyframes pulse{50%{box-shadow:-10px 0 35px #22d3ee50,10px 0 35px #ec489950}}@keyframes gleam{50%{left:58%;opacity:.65}0%,100%{opacity:.9}}@media(max-width:700px){header{height:auto;min-height:126px;padding:15px 20px;gap:15px}.school{width:62%;max-height:80px}.sponsor{width:30%;max-height:88px}.start{width:min(88vw,600px);height:108px;max-height:none;min-height:0;font-size:clamp(35px,8vw,54px);gap:20px;top:50svh}.identity{left:6vw;right:6vw;bottom:11svh}.identity h1{font-size:clamp(30px,7vw,48px);margin-bottom:13px}.identity p{font-size:clamp(17px,4.1vw,25px);max-width:95%;line-height:1.5}.backdrop video{object-position:57% center}#motion{right:6vw;bottom:24px;font-size:11px}.start:hover{scale:1}}@media(max-height:500px) and (min-width:701px){header{min-height:75px}.start{min-height:68px;font-size:36px}.identity h1{font-size:30px;margin-bottom:5px}.identity p{font-size:17px}#motion{font-size:10px;padding:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.start:hover{scale:1}}
