.hm-demo{background:#090b0b;color:#ece6d8;min-height:100vh;padding:45px 0 90px}.hmd-wrap{width:min(100% - 36px,1480px);margin:0 auto}
.hmd-intro{max-width:950px;margin:35px 0 42px}.hmd-intro h1{font-size:clamp(3.5rem,8vw,7.6rem);line-height:.91;letter-spacing:-.05em;margin:0 0 22px}.hmd-intro h1 em{color:#c6a36e;font-style:normal}.hmd-intro>p:not(.hm-eyebrow){font-size:clamp(1.05rem,1.5vw,1.24rem);line-height:1.6;color:#d8d3c8;max-width:820px}
.hmd-intro-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:24px 0}.hmd-intro-actions button,.hmd-new{background:#c6a36e;color:#101414;border:0;padding:14px 18px;font:700 .75rem/1.4 Arial,sans-serif;letter-spacing:.1em;cursor:pointer}.hmd-intro-actions a{font:700 .75rem/1.4 Arial,sans-serif;letter-spacing:.1em;color:#e2d1ac;border-bottom:1px solid #c6a36e;text-decoration:none;padding-bottom:5px}.hmd-intro-actions button:hover,.hmd-new:hover{background:#e0ba7e}
.hmd-status{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;border:1px solid rgba(198,163,110,.45);background:#141b19;padding:20px 24px;margin-bottom:20px}.hmd-status>div{display:flex;flex-direction:column;gap:4px}.hmd-status b,.hmd-status span{font:700 .7rem/1.35 Arial,sans-serif;letter-spacing:.12em;color:#baa98b}.hmd-status strong{font-size:1.3rem}.hmd-status small{color:#bcbdb5;line-height:1.4}
.hmd-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(330px,.9fr);gap:20px;align-items:start}.hmd-board,.hmd-sidebar>section,.hmd-lower>section{border:1px solid rgba(255,255,255,.13);background:#0f1413}.hmd-board{padding:20px}.hmd-section-top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:5px 20px;margin-bottom:20px}.hmd-section-top h2,.hmd-lower h2,.hmd-actions h2{font-size:1.03rem;letter-spacing:.12em;margin:0}.hmd-section-top small{color:#9eaaa3}
.hmd-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hmd-lane{background:#18201e;border:1px solid rgba(198,163,110,.22);min-width:0}.hmd-lane>header{background:#242a23;padding:14px 14px 12px;border-bottom:1px solid rgba(198,163,110,.3)}.hmd-lane>header span{display:block;font:.65rem Arial,sans-serif;color:#c6a36e}.hmd-lane h3{font-size:clamp(1.25rem,2vw,1.9rem);margin:2px 0}.hmd-lane>header small{font:700 .57rem/1.4 Arial,sans-serif;letter-spacing:.06em;color:#b6b8a8}
.hmd-side{padding:11px}.hmd-side.self{background:#101c1b}.hmd-side>span{display:block;font:700 .58rem/1.4 Arial,sans-serif;letter-spacing:.13em;color:#b3c9c5;margin:7px 0}.hmd-slot,.hmd-empty{border:1px solid rgba(255,255,255,.15);background:#121816;min-height:85px;position:relative;overflow:hidden}.hmd-slot.breached{border-color:#d4a377;box-shadow:inset 0 0 0 1px #d4a377}.hmd-slot>small{display:block;font-size:.61rem;padding:3px 7px;color:#d9bf8f}.hmd-vault{border-color:rgba(198,163,110,.4)}.hmd-empty{display:grid;place-items:center;color:#82918b;font:700 .58rem/1.4 Arial,sans-serif;letter-spacing:.08em;text-align:center;padding:8px}
.hmd-face{display:flex;align-items:stretch;min-height:78px}.hmd-face img{width:40%;max-width:105px;object-fit:cover;object-position:center}.hmd-face>div{display:flex;flex-direction:column;justify-content:center;padding:8px;min-width:0}.hmd-face small{font:.6rem/1.4 Arial,sans-serif;color:#c6a36e}.hmd-face strong{font-size:clamp(.65rem,.9vw,.88rem);line-height:1.25;overflow-wrap:anywhere}.hmd-back{display:grid;place-items:center;min-height:78px;color:#d4bd8c;text-align:center;background:repeating-linear-gradient(45deg,#142321,#142321 8px,#19302b 8px,#19302b 16px)}.hmd-back-symbol{font-size:1.6rem;line-height:1}.hmd-back small{display:block;font:700 .6rem Arial,sans-serif;letter-spacing:.08em}.hmd-breach{position:absolute;right:0;top:0;background:#b56a52;color:#fff;padding:4px 6px;font:700 .54rem/1 Arial,sans-serif;letter-spacing:.07em}
.hmd-shared{background:#0c1412;padding:12px;border-top:1px solid rgba(198,163,110,.25);border-bottom:1px solid rgba(198,163,110,.25);min-height:95px}.hmd-shared>b{font:700 .6rem Arial,sans-serif;letter-spacing:.12em;color:#c6a36e}.hmd-shared>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.hmd-shared small{color:#82918b}.hmd-proof{display:inline-block;border:1px solid rgba(198,163,110,.4);padding:5px;background:#17201a;font:.65rem/1.25 Arial,sans-serif;color:#e7ded0}.hmd-proof.spent{opacity:.45;transform:rotate(-3deg)}.hmd-proof b{color:#d4bb86}
.hmd-sidebar{display:flex;flex-direction:column;gap:20px}.hmd-narration,.hmd-actions{padding:22px}.hmd-narration{border-top:3px solid #c6a36e!important}.hmd-narration h2{font-size:clamp(1.35rem,2vw,2rem);line-height:1.15;margin:0 0 19px;overflow-wrap:anywhere}.hmd-narration>div{border-top:1px solid rgba(255,255,255,.1);padding:11px 0}.hmd-narration b{font:700 .63rem Arial,sans-serif;letter-spacing:.12em;color:#c6a36e}.hmd-narration p:not(.hm-eyebrow),.hmd-actions p{font-size:.92rem;line-height:1.6;color:#d7d5c9;margin:.5rem 0}.hmd-actions h2{margin-bottom:12px}.hmd-actions>details{border-top:1px solid rgba(255,255,255,.14)}.hmd-actions summary{cursor:pointer;padding:15px 2px;font:700 .7rem/1.4 Arial,sans-serif;letter-spacing:.12em;list-style:none;display:flex;justify-content:space-between}.hmd-actions summary::-webkit-details-marker{display:none}.hmd-actions summary span{color:#c6a36e}.hmd-option-list{max-height:260px;overflow:auto;display:grid;gap:5px;padding:0 3px 13px}.hmd-option{background:#182220;border:1px solid rgba(255,255,255,.11);color:#f1eadf;cursor:pointer;text-align:left;padding:11px;width:100%}.hmd-option:hover,.hmd-option:focus-visible{border-color:#c6a36e;background:#22302b}.hmd-option strong{display:block;font-size:.76rem;line-height:1.4}.hmd-option small{display:block;font-size:.67rem;line-height:1.45;color:#b3c3bd;margin-top:5px}
.hmd-lower{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.hmd-lower>section{padding:22px}.hmd-hand>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.hmd-hand-card{background:#18201d;border:1px solid rgba(255,255,255,.13);min-width:0}.hmd-card-detail{padding:9px}.hmd-card-detail span{font:700 .61rem Arial,sans-serif;letter-spacing:.08em;color:#c6a36e}.hmd-card-detail p{font-size:.72rem;line-height:1.5;color:#d4d8d1}.hmd-journal>p{font-size:.84rem;color:#9aa99e}.hmd-journal>div{max-height:700px;overflow:auto}.hmd-journal details{border-top:1px solid rgba(255,255,255,.13);padding:12px 0}.hmd-journal summary{font:700 .73rem/1.45 Arial,sans-serif;cursor:pointer;color:#e9e1d0}.hmd-journal p{font-size:.78rem;line-height:1.55;color:#dad7ce}.hmd-journal small{display:block;font-size:.69rem;line-height:1.55;color:#a8b1aa;margin-top:7px}.hmd-footer-note{font-size:.8rem;line-height:1.6;color:#9eaaa1;max-width:1000px;margin-top:30px}
@media(max-width:1120px){.hmd-grid{grid-template-columns:1fr}.hmd-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}}
@media(max-width:760px){.hmd-lanes{grid-template-columns:1fr}.hmd-lane{display:grid;grid-template-columns:1fr 1fr;gap:0}.hmd-lane>header,.hmd-shared{grid-column:1/-1}.hmd-side{min-width:0}.hmd-sidebar,.hmd-lower{grid-template-columns:1fr}.hmd-hand>div{grid-template-columns:1fr 1fr}.hmd-section-top small{font-size:.75rem}}
@media(max-width:480px){.hmd-hand>div{grid-template-columns:1fr}.hmd-intro h1{font-size:3rem}.hmd-board{padding:10px}.hmd-side{padding:7px}.hmd-face img{width:35%}.hmd-face strong{font-size:.7rem}}

.hmd-choices{display:flex;gap:20px;flex-wrap:wrap;margin-top:27px}.hmd-choices>div{min-width:280px}.hmd-choices b{display:block;font:700 .67rem Arial,sans-serif;letter-spacing:.12em;color:#b9aa91;margin-bottom:9px}.hmd-choice-row{display:flex;flex-wrap:wrap;gap:7px}.hmd-choice-row button{padding:10px 13px;border:1px solid #736752;background:#141b19;color:#e6decf;font:700 .68rem Arial,sans-serif;letter-spacing:.06em;cursor:pointer}.hmd-choice-row button.selected,.hmd-choice-row button:hover,.hmd-choice-row button:focus-visible{background:#c6a36e;color:#101414;border-color:#c6a36e}.hmd-handoff{border:1px solid #c6a36e;background:#14201c;padding:clamp(25px,5vw,65px);max-width:700px;margin:28px auto}.hmd-handoff h2{font-size:clamp(2rem,4vw,4rem);line-height:1.05}.hmd-handoff p{line-height:1.6}.hmd-handoff button{background:#c6a36e;color:#101414;border:0;padding:15px 20px;font-weight:700;cursor:pointer}.hmd-covered #hmd-play-area{display:none}.hmd-handoff[hidden]{display:none}