*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#07140f;color:#f4eddb;font-family:Tahoma,Arial,sans-serif}
body{min-height:100dvh;overflow-x:clip}
body #app{width:min(100%,960px);height:auto;min-height:100dvh;margin-inline:auto;padding:calc(var(--account-bar-height,48px) + 22px) 24px max(24px,env(safe-area-inset-bottom))}
.intro{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.intro-copy{max-width:620px}
.eyebrow{font-size:12px;color:#e5c776;margin:0 0 8px}
.intro h1{font-size:clamp(30px,4vw,44px);line-height:1.2;margin:0 0 12px;color:#f1d98d}
.intro p{line-height:1.9;margin:4px 0}
.sub{font-size:13px;color:#ddd4bc}
.demo-frame{position:relative;width:100%;aspect-ratio:1672/941;margin:0;overflow:hidden;border:1px solid #bfa46977;border-radius:18px;background:#14251d;box-shadow:0 12px 35px #0004}
#gameDemo{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;pointer-events:none}
.game-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(580px,100%)}
.game-choice{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:17px 20px;border:1px solid #e0bf69;border-radius:14px;background:linear-gradient(140deg,#eed48c,#c8a54f);color:#241c0b;text-decoration:none;text-align:right;box-shadow:0 5px 18px #0004;transition:transform .18s,box-shadow .18s}
.game-choice strong{font-size:27px;line-height:1.4}
.game-choice span{font-size:12px;padding-left:20px;line-height:1.7}
.game-choice b{position:absolute;left:18px;top:17px;font-size:32px;opacity:.8}
.game-choice:nth-child(2){background:linear-gradient(140deg,#315442,#153124);color:#f5e7bd}
.game-choice:focus-visible{outline:3px solid #fff3bf;outline-offset:4px}
@media(hover:hover){.game-choice:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0006}}
.intro .guest-note{font-size:12px;color:#ccc4af;max-width:520px;margin:0}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;border:1px solid #a98b49;border-radius:9px;padding:9px 13px;color:#f3e6c0;background:#183627;cursor:pointer;font:inherit}
.btn.primary{background:#e0be67;color:#1f2518}.btn:disabled{opacity:.55}
.account-dialog{text-align:right;direction:rtl}
@media(max-width:600px){body #app{padding:calc(var(--account-bar-height,48px) + 18px) 12px max(22px,env(safe-area-inset-bottom))}.intro{gap:18px}.intro-copy{padding-inline:6px}.intro h1{font-size:32px;margin-bottom:8px}.intro-copy>p:not(.eyebrow){font-size:14px}.intro-copy .sub{font-size:12px!important}.demo-frame{border-radius:12px}.game-choices{gap:12px}.game-choice{padding:13px 14px}.game-choice strong{font-size:25px}.game-choice span{font-size:11px}.game-choice b{left:12px;top:14px;font-size:27px}.intro .guest-note{font-size:11px;padding-inline:10px}}
@media(max-width:340px){.game-choices{gap:9px}.game-choice{padding:12px}.game-choice strong{font-size:23px}.game-choice span{font-size:10px}.game-choice b{font-size:23px}}
@media(prefers-reduced-motion:reduce){.game-choice{transition:none}}