*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000 url('/assets/bg_general2.jpg') no-repeat center top;color:#ccc;font:12px Tahoma,Geneva,sans-serif}a{color:#fba34c;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:4px}img{border:0;max-width:100%}.site{width:931px;max-width:100%;margin:auto}.header{height:84px;display:flex}.logo{width:211px;flex-shrink:0;display:block}.logo img{display:block}.header-menu{flex:1;background:url('/assets/menu.png') no-repeat right -38px;display:flex;flex-direction:column;justify-content:flex-start;padding:10px 18px 0 24px}.account-link{margin:12px 0 0;text-align:right;font-size:11px}.account-link span{color:#999;font-size:10px;margin-left:22px}nav{display:flex;justify-content:flex-end;height:33px;align-items:stretch}nav a{color:#ddd;border-left:1px solid #454545;padding:9px 22px;font-size:12px;font-weight:bold}nav a:hover,nav .active{color:#ffad59;background:linear-gradient(#333,#151515);text-decoration:none}.beta-notice{margin:10px 15px 8px;border:1px solid #633e21;background:#20150c;color:#e4c9af;padding:9px 14px;font-size:12px}.beta-notice strong{color:#ffa34e;margin-right:7px}.hero{position:relative;width:900px;max-width:calc(100% - 30px);aspect-ratio:9/5;margin:0 auto;background:#000 url('/assets/template.jpg') no-repeat center;background-size:100% 100%;overflow:hidden}.hero h1{font-size:30px;line-height:40px;text-align:center;color:#fff;margin:0;font-weight:bold;text-shadow:0 2px 3px #000}.hero-bottom{position:absolute;bottom:0;height:104px;width:100%;display:grid;grid-template-columns:1fr 120px 1fr;align-items:center}.hero-bottom p{color:#333;text-align:center;font-size:18px;line-height:21px;margin:0 18px 6px}.play-button{width:104px;height:104px;border:7px solid #ececec;border-radius:50%;background:linear-gradient(#ffca78 0,#f3a036 45%,#dc710c 100%);box-shadow:0 0 0 3px #aaa,inset 0 0 0 2px #fff8,0 3px 8px #3338;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6a3003;font:bold 17px Tahoma;text-shadow:0 1px #ffddac;transition:filter .15s}.play-button:hover{filter:brightness(1.15);text-decoration:none}.play-triangle{width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:19px solid #863c05;margin:0 0 5px 4px}.download-panel{margin:14px 15px 0;display:grid;grid-template-columns:1fr 300px;gap:24px;background:linear-gradient(#272727,#131313);border:1px solid #444;border-top:3px solid #a95a22;padding:18px 20px 14px}.download-panel h2,.signup-panel h1{font-size:18px;font-weight:normal;color:#f9a450;margin:0 0 12px}.download-copy p{line-height:18px;margin:0 0 9px}ol{padding-left:20px;line-height:22px;margin:9px 0}.muted{color:#999;font-size:11px;line-height:17px}.download-action{text-align:center;padding-top:6px}.download-button,.button{border:1px solid #f8bf6a;color:#391b05;background:linear-gradient(#ffbf6b,#ee962d 50%,#da750b 51%,#e99528);box-shadow:0 1px 3px #000;cursor:pointer}.download-button{display:flex;align-items:center;justify-content:center;min-height:65px;font-size:15px;font-weight:bold;text-shadow:0 1px #ffd28e}.download-button:hover,.button:hover{filter:brightness(1.1);text-decoration:none}.download-button small{display:block;font-size:11px;font-weight:normal;margin-top:5px}.download-arrow{font-size:35px;line-height:1;margin-right:12px}.download-action p{font-size:11px;line-height:17px;margin:7px 0}.download-action .download-meta{color:#c6b197;font-size:10px}footer{height:76px;padding:12px 30px;background:url('/assets/footer.png') no-repeat center top;font-size:10px;color:#888;display:flex;gap:20px;align-items:flex-start}footer span{margin-right:auto}footer a{color:#aaa}.signup-panel{margin:15px;display:grid;grid-template-columns:1fr 360px;border:1px solid #444;border-top:3px solid #a95a22;background:linear-gradient(#262626,#141414);min-height:460px}.signup-form{padding:25px 35px}.signup-panel h1{font-size:22px}.signup-form>p{line-height:18px}.signup-art{background:#000 url('/assets/template.jpg') center top/auto 280px no-repeat;border-left:1px solid #444;padding:305px 25px 25px;text-align:center}.signup-art h2{color:#f9a450;font-size:18px;font-weight:normal}.signup-art p{line-height:20px}label{display:block;color:#ddd;margin:15px 0 0;font-size:12px}input{display:block;width:100%;max-width:360px;margin-top:6px;padding:9px 10px;border:1px solid #5e5e5e;background:#0b0b0b;color:#fff;font:13px Tahoma;border-radius:0}input:focus{outline:1px solid #ffad59;border-color:#ffad59}.small{color:#999;font-size:10px;line-height:16px;margin:5px 0}.button{font:bold 13px Tahoma;padding:11px 22px;margin-top:19px}.button:disabled{opacity:.6;cursor:wait}#message{line-height:18px;color:#ffb263;max-width:360px}#download-game{scroll-margin-top:15px}
@media(max-width:720px){body{background-size:auto 800px}.header-menu{padding:10px 7px 0}.account-link span{display:none}nav a{padding:10px 12px;font-size:11px}.hero h1{font-size:clamp(14px,3.3vw,24px);line-height:1.35;padding-top:4px}.hero-bottom{height:21%;grid-template-columns:1fr 13.33% 1fr}.hero-bottom p{font-size:clamp(9px,2vw,15px);line-height:1.2;margin:0 5px}.play-button{width:clamp(40px,10vw,80px);height:clamp(40px,10vw,80px);border-width:4px;font-size:clamp(8px,2vw,13px);box-shadow:0 0 0 2px #aaa}.play-triangle{border-top-width:7px;border-bottom-width:7px;border-left-width:11px;margin-bottom:2px}.download-panel{grid-template-columns:1fr;gap:8px}.download-action{max-width:340px;width:100%;margin:auto}.signup-panel{grid-template-columns:1fr}.signup-art{display:none}.signup-form{padding:25px}.beta-notice{font-size:11px}footer{padding:12px 18px;gap:12px}.logo{width:180px}.logo img{width:180px;height:auto}.header{height:78px}}
@media(max-width:440px){.logo{width:150px}.logo img{width:150px}.header{height:68px}.header-menu{padding:0}.account-link{margin:8px 10px 0;font-size:10px}nav{height:29px}nav a{padding:8px 7px;font-size:10px}.beta-notice{margin-top:8px;padding:8px}.beta-notice strong{display:block;margin-bottom:3px}.download-panel{padding:16px}.download-panel h2{font-size:17px}footer{font-size:9px}}
