.pick-btn{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pick-btn:hover{box-shadow:var(--shadow-hard-sm)}.no-js .pick-btn{display:none}.slot{--row: 88px;width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:26px 22px 20px;overflow:visible;border:2px solid var(--ink);border-radius:var(--r);background:var(--card-solid, var(--card));color:var(--ink);box-shadow:var(--shadow-hard-lg);text-align:center;overscroll-behavior:contain}:is([data-theme=aurora],[data-theme=graphite],[data-theme=paper]) .slot{border:1px solid var(--line);box-shadow:var(--shadow-lg)}.slot::backdrop{background:#0c08188c;backdrop-filter:blur(3px)}.slot[open]{animation:slotIn .35s cubic-bezier(.2,1.4,.4,1)}.slot__close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:18px;color:var(--muted);cursor:pointer;padding:6px}.slot__kicker{font-size:12px;font-weight:var(--w-black);text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.slot__title{margin:4px 0 18px;font-size:clamp(26px,5vw,34px);line-height:1;letter-spacing:-.05em;font-weight:var(--w-black)}.slot__machine{position:relative;padding:10px;border-radius:calc(var(--r-md) + 6px);background:linear-gradient(145deg,var(--brand),var(--hot))}.slot__window{position:relative;height:calc(var(--row) * 3);overflow:hidden;border-radius:var(--r-md);background:var(--card-2)}.slot__window:before,.slot__window:after{content:"";position:absolute;left:0;right:0;height:var(--row);z-index:2;pointer-events:none}.slot__window:before{top:0;background:linear-gradient(var(--card-2),transparent)}.slot__window:after{bottom:0;background:linear-gradient(transparent,var(--card-2))}.slot__strip{will-change:transform}.slot__line{position:absolute;z-index:3;left:6px;right:6px;top:var(--row);height:var(--row);pointer-events:none;border:3px solid var(--accent);border-radius:var(--r-sm);box-shadow:0 0 0 2px var(--ink),0 0 26px var(--accent)}.slot.is-landed .slot__line{animation:slotFlash .5s ease-out 3}.slot__pointer{position:absolute;z-index:4;top:50%;width:0;height:0;margin-top:-12px;border:12px solid transparent;transform-origin:center}.slot__pointer--l{left:-8px;border-left:16px solid var(--accent);border-right-width:0}.slot__pointer--r{right:-8px;border-right:16px solid var(--accent);border-left-width:0}.slot-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;height:var(--row);padding:0 16px;text-align:left}.slot-row i{width:64px;height:64px;border-radius:12px;background:center / cover no-repeat var(--card-3)}.slot-row span{display:grid;min-width:0}.slot-row b{font-size:16px;line-height:1.15;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-row span small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-row em{display:grid;justify-items:end;font-style:normal;font-size:18px;font-weight:var(--w-black);font-variant-numeric:tabular-nums}.slot-row em small{font-size:11px;padding:2px 6px;border-radius:999px;background:var(--hot);color:#fff}.slot-bit{position:absolute;z-index:5;left:50%;top:50%;width:9px;height:5px;border-radius:2px;pointer-events:none;background:var(--c);animation:particle .9s cubic-bezier(.2,.7,.4,1) forwards}.slot__status{min-height:1.3em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:14px 0 10px;font-weight:var(--w-black);font-size:16px}.slot.is-landed .slot__status{animation:slotPop .45s cubic-bezier(.2,1.6,.4,1)}.slot__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.slot__actions[hidden]{display:flex;visibility:hidden}.slot__actions:not([hidden]){animation:slotPop .4s .1s cubic-bezier(.2,1.4,.4,1) both}.slot__open{box-shadow:var(--shadow-hard-sm)}.slot__note{margin:12px auto 0;font-size:12px}[data-cards] .hotel-card{scroll-margin-top:88px}.hotel-card.is-picked{position:relative;z-index:1;animation:slotPicked 1.1s cubic-bezier(.2,1.3,.4,1);outline:4px solid var(--accent);outline-offset:3px;box-shadow:var(--shadow-hard)}@keyframes slotIn{0%{opacity:0;transform:translateY(24px) scale(.94)}}@keyframes slotPop{0%{opacity:0;transform:scale(.7)}}@keyframes slotFlash{50%{box-shadow:0 0 0 2px var(--ink),0 0 60px 10px var(--accent)}}@keyframes slotPicked{0%{transform:scale(.96)}40%{transform:scale(1.03) rotate(-.6deg)}to{transform:none}}@media(max-width:640px){.slot{--row: 76px;padding:22px 14px 16px}.slot-row{grid-template-columns:52px 1fr auto;gap:10px;padding:0 10px}.slot-row i{width:52px;height:52px}.slot-row b{font-size:14px}.slot-row em{font-size:15px}.slot__actions .btn{flex:1 1 100%}}
