:root{color-scheme:dark;font-family:ui-rounded,'Segoe UI',system-ui,sans-serif;color:#fff9e9;background:#102d3d}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 20% 20%,#28786a,transparent 68%),#102d3d}button,input,a{font:inherit}button,.buy{cursor:pointer;border:0;border-radius:15px;padding:13px 18px;font-weight:750}button{background:#ffdb78;color:#193b39}.ghost{background:#ffffff12;color:#f9f4e7;border:1px solid #ffffff30}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.welcome{width:min(860px,calc(100% - 36px));margin:auto;min-height:100dvh;display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center;padding:32px 0}.mascot{width:min(230px,80%);height:230px;object-fit:contain;display:block;margin:0 auto 18px}.brand{text-align:center}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#aad2be}.brand h1{font-size:clamp(27px,4vw,42px);line-height:1.12;letter-spacing:-1px;margin:12px 0}.brand h1 span{color:#ffdb78}.panel{padding:28px;border-radius:24px;border:1px solid #d6eddf35;background:#082535ba;box-shadow:0 20px 70px #041b3340}.panel h2{margin:0 0 12px;font-size:25px}.panel p{color:#c1d9d3;line-height:1.55;font-size:14px}.panel label{display:block;margin:20px 0 8px;font-weight:650}.panel input{width:100%;padding:15px;border-radius:12px;background:#fff9ed;color:#173e3b;border:2px solid transparent;font-size:16px}.panel input:focus{outline:3px solid #ffdb78}.panel button.primary{width:100%;margin-top:15px}.buy{color:#ffdb78;display:block;text-align:center;font-size:14px;text-underline-offset:4px}.privacy{font-size:11px!important;color:#9ebeb8!important}.error{color:#ffcbab!important}.track{height:11px;border-radius:20px;background:#ffffff20;overflow:hidden;margin:20px 0 10px}.track>div{height:100%;width:0;background:#ffdb78;transition:width .2s}.download-line{display:flex;justify-content:space-between;align-items:center}.download-line strong{color:#ffdb78;font-size:27px}.install-tip{font-size:12px!important}.toolbar{position:fixed;z-index:10;top:0;left:0;right:0;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#092432;font-size:11px;gap:8px}.toolbar button{padding:5px 9px;border-radius:8px;font-size:11px}.toolbar progress{width:65px;height:5px;accent-color:#ffdb78}.toolbar .actions{display:flex;gap:6px}#gameFrame{position:absolute;border:0;display:block;transform-origin:center;border-radius:20px;box-shadow:0 16px 70px #0005}#gameShell{position:fixed;top:36px;bottom:0;left:0;right:0;display:grid;place-items:center}body.playing{overflow:hidden}body.mobile #gameFrame{border-radius:0}.download-detail{position:fixed;z-index:20;top:44px;right:10px;width:min(330px,calc(100% - 20px));padding:20px;border:1px solid #ffffff35;border-radius:18px;background:#123b45;box-shadow:0 10px 40px #0008;font-size:13px}.download-detail p{line-height:1.5}.download-detail button{margin:4px 3px;padding:9px 12px}.download-detail h3{margin-top:0}@media(max-width:600px) and (orientation:portrait){.welcome{grid-template-columns:1fr;gap:15px;padding:24px 0}.mascot{height:110px;margin-bottom:4px}.brand h1{font-size:28px}.panel{padding:22px}.brand .eyebrow{font-size:10px}}@media(max-height:460px) and (orientation:landscape){.welcome{padding:14px 0;gap:22px}.mascot{height:160px}.brand h1{font-size:28px}.panel{padding:20px}.panel p{margin:8px 0}.panel label{margin-top:12px}.panel h2{font-size:21px}}
