/* Lapdrop game intros + Our games banner. Ochre app design (not a neutral palette). MIT (c) 2026 Lapdrop */
:root{--ldi-ink:#1a1228;--ldi-gold:#f5c518;--ldi-cream:#fffaf0;--ldi-paper:#f7f4ee;--ldi-card:#2a1b3d;}
.ldi-overlay{position:fixed;inset:0;z-index:99990;background:rgba(26,18,40,.88);display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;overflow-x:hidden;}
.ldi-box{width:100%;max-width:420px;max-height:100%;overflow:auto;background:var(--ldi-ink);color:var(--ldi-cream);border:2px solid var(--ldi-gold);border-radius:18px;padding:14px 14px 16px;box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.ldi-kicker{display:inline-block;background:var(--ldi-gold);color:var(--ldi-ink);font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px;margin:0 0 .5rem;}
.ldi-box h2{margin:0 0 .4rem;font-size:1.2rem;line-height:1.25;color:var(--ldi-cream);font-weight:800;}
.ldi-step-title{margin:0 0 .35rem;font-size:1.05rem;line-height:1.3;color:var(--ldi-gold);font-weight:700;}
.ldi-step-text{margin:0 0 .75rem;font-size:.95rem;line-height:1.45;color:var(--ldi-cream);}
.ldi-img-wrap{width:100%;border-radius:12px;overflow:hidden;background:var(--ldi-card);margin:0 0 .75rem;aspect-ratio:16/10;}
.ldi-img-wrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;}
.ldi-img-wrap[hidden],.ldi-img-wrap.is-empty{display:none;}
.ldi-dots{display:flex;gap:6px;justify-content:center;margin:0 0 .85rem;}
.ldi-dots i{width:8px;height:8px;border-radius:50%;background:var(--ldi-gold);opacity:.3;}
.ldi-dots i.on{opacity:1;}
.ldi-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;}
.ldi-btn{flex:1 1 auto;min-height:44px;border-radius:999px;border:2px solid var(--ldi-gold);font-weight:700;font-size:.95rem;padding:.55rem 1rem;cursor:pointer;font-family:inherit;line-height:1.2;}
.ldi-btn.go{background:var(--ldi-gold);color:var(--ldi-ink);}
.ldi-btn.ghost{background:transparent;color:var(--ldi-gold);}
.ldi-btn:focus{outline:2px solid var(--ldi-gold);outline-offset:2px;}
.ldi-replay{position:fixed;z-index:99980;right:10px;bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--ldi-gold);color:var(--ldi-ink);border:2px solid var(--ldi-ink);border-radius:999px;font-weight:800;font-size:.8rem;padding:.4rem .75rem;cursor:pointer;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.2;box-shadow:0 2px 8px rgba(26,18,40,.35);max-width:calc(100vw - 20px);}
.ldi-replay:focus{outline:2px solid var(--ldi-gold);outline-offset:2px;}
.ldi-showcase{display:block;margin:12px 12px 4px;padding:14px 16px;border-radius:16px;background:var(--ldi-ink);color:var(--ldi-cream);text-decoration:none;border:2px solid var(--ldi-gold);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box;}
.ldi-showcase b{display:block;color:var(--ldi-gold);font-size:1.05rem;margin:0 0 .2rem;}
.ldi-showcase span{display:block;font-size:.9rem;line-height:1.4;color:var(--ldi-cream);}
@media (max-width:420px){
  .ldi-overlay{padding:8px;align-items:flex-end;}
  .ldi-box{max-height:calc(100% - 8px);border-radius:16px 16px 12px 12px;}
}