*{box-sizing:border-box}html{background:#101e25;color:#f3e4b8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}body{margin:0}main{min-height:100svh;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;padding:32px 20px;background:linear-gradient(#101e25 0%,#123c4c 58%,#185062 58%,#103441 100%)}.horizon{position:absolute;inset:58% 0 0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 28px,#91c9b80c 28px 30px,transparent 30px 61px);border-top:2px solid #a8ddc329}.welcome{text-align:center;max-width:650px}.logo{display:block;width:537px;height:165px;image-rendering:pixelated;margin:auto}.welcome>p{font-size:14px;line-height:1.7;max-width:38ch;margin:25px auto}.invitation{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:200px}.pico{image-rendering:pixelated;width:86px;height:145px}button{color:#101e25;background:#ddb86b;border:3px solid #101e25;outline:2px solid #caa564;box-shadow:inset 0 3px #fce2a4,inset 0 -3px #a97a39,5px 6px #09222c;padding:18px 25px;font:700 18px/1.3 inherit;font-family:inherit;font-size:18px;font-weight:bold;text-transform:uppercase;letter-spacing:.06em;cursor:default;opacity:1}.welcome>.footnote{font-size:12px;color:#b0c4c1;margin-top:15px}@media(min-width:800px) and (min-height:650px){.pico{width:172px;height:290px}.invitation{min-height:300px}}@media(max-width:600px){.logo{width:358px;height:110px}.welcome>p{font-size:13px}.invitation{gap:0}button{font-size:16px;padding:16px 20px}}@media(max-width:390px){.logo{width:179px;height:55px}.welcome>p{max-width:27ch}.invitation{min-height:180px}button{font-size:14px;padding:15px}}@media(max-height:550px) and (min-width:601px){main{padding:20px}.logo{width:358px;height:110px}.welcome>p{margin:10px auto}.invitation{min-height:160px}.welcome>.footnote{margin-top:0}}