.hlx-game{--hlx-bg:#7b1212;--hlx-primary:#f59e0b;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.hlx-screen{max-width:420px;margin:0 auto;border-radius:26px;overflow:hidden;background:var(--hlx-bg);padding:22px 18px;color:#fff;min-height:760px;background-size:cover;background-position:center}
.hlx-title{text-align:center;font-size:34px;font-weight:900;letter-spacing:1px;text-shadow:0 4px 12px rgba(0,0,0,.35);margin:10px 0 18px}
.hlx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;justify-items:center;margin:10px 0 18px}
.hlx-grid.is-disabled{opacity:.6;filter:grayscale(.1)}
.hlx-envelope{width:92px;height:92px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease}
.hlx-envelope:hover{transform:translateY(-2px)}
.hlx-envelope img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}
.hlx-envelope.is-opened{opacity:.5;transform:scale(.98)}
.hlx-bottom{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:auto}
.hlx-pill{background:#fff;color:#111827;border-radius:999px;padding:8px 14px;font-weight:800}
.hlx-pill .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:8px}
.hlx-btn{width:100%;border:none;border-radius:999px;background:var(--hlx-primary);color:#111827;font-weight:900;padding:14px 18px;cursor:pointer;box-shadow:0 10px 18px rgba(0,0,0,.25)}
.hlx-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;font-size:13px;opacity:.9}
.hlx-link{color:#fff;text-decoration:none}
.hlx-link:hover{text-decoration:underline}
.hlx-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:16px;z-index:999999}
.hlx-modal.is-open{display:flex}
.hlx-modal-card{width:min(520px,100%);background:#fff;color:#111827;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.hlx-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #eee}
.hlx-x{border:none;background:transparent;font-size:20px;cursor:pointer}
.hlx-modal-body{padding:14px}
.hlx-result h3{margin:0 0 6px}
.hlx-burst{font-size:38px}
.hlx-small{font-size:13px;color:#6b7280}
.hlx-form label{display:block;font-weight:700;margin:10px 0 6px}
.hlx-form input{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:10px}
.hlx-note{margin-top:10px;font-size:12px;color:#6b7280}

.hlx-title-imgwrap{text-align:center;margin:10px 0 18px}
.hlx-title-img{max-width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}