*{box-sizing:border-box}html,body{margin:0;background:#020609;color:#eef6ff;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.game-wrap{height:100vh;display:grid;grid-template-rows:62px 1fr 58px;background:radial-gradient(circle at 50% 20%,#0b2438,#020609 65%)}header,footer{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-color:#1a485c;border-style:solid;background:#050a0f}header{border-width:0 0 1px}footer{border-width:1px 0 0;color:#9ecde1;letter-spacing:1px}header a,header button{color:#b8ff28;text-decoration:none;background:#071116;border:1px solid #2b687d;padding:10px 14px;font-weight:800}header div{text-align:center}header b{display:block;font-size:25px;color:#b8ff28}header span{font-size:11px;letter-spacing:3px}.stage{position:relative;min-height:0}canvas{width:100%;height:100%;display:block}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.68),rgba(0,0,0,.25));text-shadow:0 3px 12px #000}.overlay.hide{display:none}.overlay h1{font-size:clamp(58px,10vw,145px);line-height:.8;margin:0;color:#b8ff28;font-style:italic}.overlay h1 span{color:#e7edf0}.overlay p{font-size:20px;max-width:700px;margin:28px 20px}.overlay button{font-size:22px;font-weight:900;padding:18px 34px;background:#9fe900;border:2px solid #d9ff69;color:#061000;box-shadow:0 0 24px #75d900}.overlay small{margin-top:18px;color:#9ed7ee;letter-spacing:2px}footer b{color:#b8ff28;font-size:20px}@media(max-width:700px){header div span{display:none}footer{font-size:11px;padding:0 8px}.overlay p{font-size:16px}}