.htp-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020c0ebd;place-items:center;padding:10px;animation:.18s ease-out htp-fade;display:grid;position:fixed;inset:0}@keyframes htp-fade{0%{opacity:0}to{opacity:1}}.htp{background:linear-gradient(165deg,#0b2b27,#061c1d 70%);border:1px solid #e4b97059;border-radius:18px;grid-template-rows:auto 1fr auto;gap:8px;width:min(760px,96vw);max-height:96vh;padding:12px 16px;transition:transform .26s cubic-bezier(.4,0,.6,1),opacity .26s ease-in;animation:.22s cubic-bezier(.2,.9,.3,1.1) htp-in;display:grid;box-shadow:0 24px 60px #0000008c}@keyframes htp-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.htp.away{opacity:0;transform:scale(.04)}.htp>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.htp-eyebrow{color:#8fb3a8;letter-spacing:.14em;text-transform:uppercase;font-size:11px;display:block}.htp h2{color:#f4e7cf;margin:1px 0 0;font:700 clamp(15px,2.6vw,21px)/1.15 Playfair Display,serif}.htp-body{grid-template-columns:auto 1fr;align-items:center;gap:clamp(10px,3vw,28px);min-height:0;display:grid}.htp-art{justify-items:center;gap:14px;display:grid}.htp-row{justify-items:center;gap:3px;display:grid;position:relative}.htp-cards{transform-origin:50%;gap:3px;display:flex}.htp .playing-card:hover{transform:none}.htp-caption{color:#b7c7c1;text-align:center;font-size:clamp(11px,1.5vw,13px)}.htp-mark{z-index:2;border-radius:50%;place-items:center;width:21px;height:21px;font-size:12px;font-weight:900;line-height:1;display:grid;position:absolute;top:-7px;left:-8px}.htp-row.yes .htp-mark{color:#06231a;background:#8fe0b2}.htp-row.no .htp-mark{color:#2a0a0a;background:#e88a8a}.htp-row.no .htp-cards{opacity:.62}.htp-lines{align-content:center;gap:7px;margin:0;padding:0;list-style:none;display:grid}.htp-lines li{color:#e7dcc6;padding-left:16px;font-size:clamp(11px,1.8vw,15px);line-height:1.4;position:relative}.htp-lines li:before{content:"·";color:#e4b970;font-weight:900;position:absolute;left:0}.htp-lines li.yes:before{content:"✓";color:#8fe0b2;font-size:.85em}.htp-lines li.no:before{content:"✕";color:#e88a8a;font-size:.85em}.htp-buttons{grid-template-columns:auto 1fr;align-items:center;gap:5px 9px;display:grid}.htp-buttons b{color:#f4e7cf;text-align:center;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff29;border-radius:9px;padding:4px 11px;font-size:clamp(11px,1.6vw,14px)}.htp-buttons b.drop{background:#a0323247;border-color:#e4787880}.htp-buttons b.declare{background:#e4b9702e;border-color:#e4b97080}.htp-buttons span{color:#b7c7c1;font-size:clamp(11px,1.5vw,13px)}.htp>footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.htp footer button{min-height:44px;font:inherit;cursor:pointer;border-radius:11px;padding:0 18px;font-size:13px}.htp footer .ghost{color:#9fb3ac;background:0 0;border:1px solid #ffffff29}.htp footer .primary{color:#f4e7cf;background:#e4b97033;border:1px solid #e4b97099;font-weight:700}.htp footer .ghost:hover,.htp footer .primary:hover{color:#f4e7cf;border-color:#e4b970}.htp-dots{gap:6px;display:flex}.htp-dots i{background:#fff3;border-radius:50%;width:7px;height:7px}.htp-dots i.done{background:#e4b97073}.htp-dots i.now{background:#e4b970;border-radius:4px;width:18px}.htp-waiting{color:#f4e7cf;text-align:center;margin:0;font-size:12px;font-weight:700}@media (height<=460px){.htp{gap:5px;padding:8px 12px}.htp h2{font-size:16px}.htp-eyebrow{letter-spacing:.1em;font-size:11px}.htp-body{gap:12px}.htp footer button{min-height:44px;padding:0 14px;font-size:12px}.htp-art{gap:10px}.htp-cards{margin:-9px -7px;transform:scale(.76)}}@media (orientation:portrait){.htp-body{grid-template-columns:1fr;justify-items:center}.htp-lines{text-align:center}.htp-lines li{padding-left:0}.htp-lines li:before{margin-right:5px;position:static}}@media (prefers-reduced-motion:reduce){.htp,.htp-backdrop{transition:none;animation:none}}