*{box-sizing:border-box}html{--bg:#f3f2e5;--ink:#294331;--accent:#c8ed96;--line:#dfe5ce;--panel:#fffef8;--muted:#6e7c68;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0;min-height:100dvh;padding:30px;display:flex;flex-direction:column}a{color:inherit}.top{width:min(1160px,100%);margin:0 auto 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:850;letter-spacing:-.6px;font-size:19px}.platform{font-size:12px;letter-spacing:1.6px;color:var(--muted);text-decoration:none;padding:10px}.card{width:min(1160px,100%);margin:auto;display:grid;grid-template-columns:1.15fr 1fr;min-height:650px;border:1px solid var(--line);border-radius:32px;overflow:hidden;background:var(--panel);box-shadow:0 24px 70px #17351c0c}.visual{position:relative;isolation:isolate;background:#8da66c;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:42px;color:white}.visual:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#102b1710 35%,#102b17e8)}.visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2.5px;color:#e1f0ce}.visual h1{white-space:pre-line;font-size:clamp(30px,3.3vw,45px);line-height:1.25;letter-spacing:-1.7px;margin:16px 0}.visual p{font-size:14px;line-height:1.7;margin:0;max-width:360px;color:#ffffffd9}.features{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.features span{padding:8px 12px;border:1px solid #ffffff40;border-radius:30px;background:#ffffff10;font-size:11px;backdrop-filter:blur(8px)}.entry{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(30px,4.5vw,62px);min-width:0}.entry-mark{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--line);border-radius:17px;background:var(--bg);margin-bottom:30px}.entry-mark svg{width:27px;height:27px;stroke:var(--ink);fill:none;stroke-width:1.6}.welcome{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--muted);margin:0 0 12px}.entry h2{font-size:clamp(26px,2.8vw,34px);line-height:1.3;letter-spacing:-1.3px;margin:0 0 16px;word-break:keep-all}.intro{white-space:pre-line;color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 27px}.login{display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;width:100%;padding:15px 12px;border:1px solid transparent;background:var(--accent);color:#233b2c;border-radius:14px;text-decoration:none;font-size:14px;font-weight:750;transition:transform .15s,box-shadow .15s}.login:hover{transform:translateY(-2px);box-shadow:0 7px 18px #11231915}.login:focus-visible,.platform:focus-visible{outline:3px solid #638fe5;outline-offset:4px}.google{height:24px;width:24px;flex:none}.status{font-size:11px;line-height:1.7;min-height:20px;color:var(--muted);margin:13px 0 0;word-break:keep-all}.note{border-top:1px solid var(--line);padding-top:22px;margin-top:32px;font-size:11px;line-height:1.8;color:var(--muted);word-break:keep-all}.footer{padding:22px 0 0;text-align:center;font-size:10px;letter-spacing:1px;color:var(--muted)}[hidden]{display:none!important}
html[data-app=game]{--bg:#0c1222;--panel:#141e32;--ink:#f2f6ff;--accent:#a9b7ff;--line:#29354e;--muted:#9eacc7}html[data-app=game] .visual{background:radial-gradient(ellipse at 50% 35%,#164c75,#07182c 75%)}html[data-app=game] .visual>img{object-fit:contain;height:72%;width:85%;left:7.5%;top:-3%}html[data-app=game] .visual:after{background:linear-gradient(180deg,transparent 35%,#07182c 70%)}html[data-app=game] .eyebrow{color:#8bd8fc}
html[data-app=wallet]{--bg:#f7f0de;--panel:#fffcf4;--accent:#ecd28a;--line:#e9ddbb;--ink:#3b4931;--muted:#7d7c64}html[data-app=wallet] .visual>img{object-position:70% center}html[data-app=wallet] .visual:after{background:linear-gradient(180deg,#263d0c00 35%,#263d0cee)}
html[data-app=player]{--bg:#090c12;--panel:#10151f;--ink:#f4f6fa;--accent:#fff;--line:#252d3c;--muted:#909bad}html[data-app=player] .card{border-radius:20px;grid-template-columns:1.25fr 1fr}html[data-app=player] .visual{background:radial-gradient(ellipse at 55% 20%,#253b53,#0d1522 72%);padding:38px}html[data-app=player] .visual>img{display:none}html[data-app=player] .visual:after{display:none}html[data-app=player] .eyebrow{color:#8daac9;font-size:9px}html[data-app=player] .visual h1{font-size:36px;font-weight:650}html[data-app=player] .features span{border:0;background:none;padding:0;margin-right:14px;color:#97a6ba}html[data-app=player] .entry-mark{border-radius:12px}html[data-app=player] .login{color:#141b26;border-radius:8px}html[data-app=player] .entry h2{font-weight:650}.player-screen{position:relative;aspect-ratio:16/10;width:100%;margin-bottom:34px;border:1px solid #6b84a74d;border-radius:12px;background:linear-gradient(0deg,#07142166,#07142110),url('/games/assets/cover.webp') center/cover;box-shadow:0 25px 55px #0006;display:grid;place-items:center}.play-symbol{display:grid;place-items:center;width:56px;height:56px;border:1px solid #ffffff65;border-radius:50%;background:#06111f66;backdrop-filter:blur(8px)}.play-symbol svg{width:19px;fill:white;margin-left:4px}.screen-top{position:absolute;left:15px;top:13px;font-size:8px;letter-spacing:1.5px;color:#ffffffb0}.caption{position:absolute;bottom:45px;padding:6px 12px;background:#0008;border-radius:4px;font-size:10px;color:white}.timeline{position:absolute;bottom:20px;left:18px;right:18px;height:2px;background:#ffffff50}.timeline:before{content:"";display:block;width:34%;height:2px;background:white}.time{position:absolute;bottom:6px;left:18px;font-size:7px;color:#ffffff9c}
@media(min-width:1500px){.card{min-height:710px}}@media(max-width:760px){body{padding:18px 16px 24px}.top{margin-bottom:16px}.brand{font-size:16px}.platform{font-size:10px}.card,html[data-app=player] .card{grid-template-columns:1fr;min-height:0;border-radius:24px}.visual{height:290px;padding:25px;justify-content:flex-end}.visual h1{font-size:28px;letter-spacing:-1px;margin:10px 0}.visual p{font-size:11px;line-height:1.65}.eyebrow{font-size:8px}.features{margin-top:16px;gap:6px}.features span{font-size:9px;padding:6px 9px}.entry{padding:29px 26px}.entry-mark{display:none}.welcome{font-size:8px;margin-bottom:9px}.entry h2{font-size:25px;margin-bottom:11px}.intro{font-size:12px;margin-bottom:21px}.login{font-size:13px;min-height:54px}.note{margin-top:22px;padding-top:17px;font-size:10px}.footer{font-size:8px;padding-top:20px}html[data-app=game] .visual>img{height:100%;width:55%;left:45%;top:-5%;opacity:.8}html[data-app=game] .visual:after{background:linear-gradient(90deg,#07182ce8,#07182c30)}html[data-app=game] .visual h1{font-size:27px}html[data-app=player] .visual{height:auto;padding:24px}html[data-app=player] .visual h1{font-size:27px}.player-screen{max-width:400px;aspect-ratio:16/8;margin-bottom:22px}.caption{bottom:31px;font-size:8px}.timeline{bottom:15px}.time{bottom:3px}.play-symbol{width:42px;height:42px}html[data-app=player] .features{margin-top:15px}html[data-app=player] .features span{font-size:9px;margin-right:8px}}
@media(max-width:340px){body{padding:12px 10px}.entry{padding:25px 20px}.visual{padding:22px;height:270px}.visual h1{font-size:25px}.brand{font-size:14px}.intro{font-size:11px}.features span{padding:6px}.platform{letter-spacing:.8px}.login{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
html[data-app=game] .visual>img{mix-blend-mode:screen}