/* The front-door look: light, calm and friendly. Used by the home page and the Player page. */
:root{--hb:#dde6e7;--hc:#f4f8f7;--hl:#b9cccd;--hi:#1e3f45;--hm:#5d7b80;--ha:#e8a23b;--hr:#a8321f}
*{box-sizing:border-box}
body{margin:0;background:var(--hb);color:var(--hi);font:16px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh}
a{color:var(--hi)}
.hm{max-width:1100px;margin:0 auto;padding:1.2rem 1rem 3rem}
.hm-head{text-align:center;padding:1rem 0 1.4rem}
.hm-lanterns{display:flex;gap:.7rem;justify-content:center;margin-bottom:.5rem}
.hm-lanterns span{width:2.6rem;height:2.6rem;border-radius:50%;background:#e9d6b2;display:flex;align-items:center;justify-content:center}
.hm-lanterns svg{width:1.4rem;height:1.9rem;color:var(--hi)}
.hm h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.9rem,5vw,2.8rem);margin:.2rem 0 .3rem;color:var(--hi)}
.hm h2{font-family:Georgia,"Times New Roman",serif;margin:0 0 .4rem;color:var(--hi)}
.hm-sub{color:var(--hm);font-size:1.1rem;margin:0}
.hm-seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
@media(max-width:860px){.hm-seats{grid-template-columns:1fr}}
.hm-card{background:var(--hc);border:2px solid var(--hl);border-radius:18px;padding:1.2rem;display:flex;flex-direction:column}
.hm-ico{width:2.8rem;height:2.8rem;color:var(--hi);margin-bottom:.4rem}
.hm-ico svg{width:100%;height:100%}
.hm-card>p{color:var(--hm);margin:.1rem 0 .8rem}
.hm-steps{list-style:none;padding:0;margin:0 0 1rem;flex:1}
.hm-steps li{display:flex;gap:.6rem;align-items:flex-start;margin:.55rem 0}
.hm-steps b{display:block;line-height:1.2}.hm-steps small{color:var(--hm)}
.hm-n{flex:none;width:1.7rem;height:1.7rem;border-radius:50%;border:2px solid var(--ha);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:var(--hi)}
.hm-btn{display:block;width:100%;text-align:center;text-decoration:none;font:inherit;font-weight:700;padding:.85rem 1rem;border-radius:12px;border:2px solid var(--hi);background:var(--hi);color:#fff;cursor:pointer;margin-top:.5rem}
.hm-btn:hover{filter:brightness(1.15)}
.hm-btn.ghost{background:transparent;color:var(--hi)}
.hm-btn.sm{padding:.5rem .8rem;font-size:.92rem;display:inline-block;width:auto}
.hm-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}
.hm-sec{background:var(--hc);border:2px solid var(--hl);border-radius:18px;padding:1.2rem;margin-top:1rem}
.hm-sec ol{margin:.3rem 0 0;padding-left:1.3rem}.hm-sec li{margin:.35rem 0}
.hm-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.7rem;margin-top:.6rem}
.hm-tool{display:block;text-decoration:none;color:var(--hi);background:#fff;border:2px solid var(--hl);border-radius:12px;padding:.7rem .8rem}
.hm-tool:hover{border-color:var(--ha)}.hm-tool b{display:block;font-family:Georgia,serif}.hm-tool span{color:var(--hm);font-size:.88rem}
.hm-tool.soon{opacity:.6;pointer-events:none}
.hm input[type=text],.hm input[type=search]{font:inherit;padding:.65rem .8rem;border:2px solid var(--hl);border-radius:10px;background:#fff;color:var(--hi);width:100%}
.hm input:focus{outline:none;border-color:var(--ha)}
.hm .code-in{text-transform:uppercase;letter-spacing:.08em;text-align:center;font-size:1.2rem}
.hm-hero{display:flex;gap:.6rem;align-items:center;justify-content:space-between;background:#fff;border:2px solid var(--hl);border-radius:12px;padding:.6rem .8rem;margin:.5rem 0;flex-wrap:wrap}
.hm-hero b{font-family:Georgia,serif;font-size:1.1rem}.hm-hero small{color:var(--hm)}
.hm-pill{display:inline-block;background:#e9d6b2;border-radius:99px;padding:.05rem .6rem;font-size:.8rem;margin-left:.3rem}
.hm-msg{min-height:1.3em;font-weight:600;color:var(--hr);margin:.4rem 0 0}.hm-msg.ok{color:#2a7a45}
.hm-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}
.hm small.mute,.hm .mute{color:var(--hm)}
.hm-foot{text-align:center;color:var(--hm);font-size:.85rem;margin-top:1.5rem}
#toast{position:fixed;left:50%;bottom:1.2rem;transform:translate(-50%,20px);background:var(--hi);color:#fff;padding:.6rem 1rem;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;z-index:9999}#toast.show{opacity:1;transform:translate(-50%,0)}