.opening-overlay{position:fixed;inset:0;z-index:200;background:#071b16bb;display:grid;place-items:center;padding:20px}.opening-card{text-align:center;padding:24px;border:1px solid #b29a62;border-radius:22px;background:#f1edd7;color:#28523e;max-width:360px;width:100%;box-shadow:0 25px 70px #0008}.opening-card h2{font-family:serif;font-size:24px;margin:10px 0}.opening-card p,.opening-card small{font-size:12px;color:#5c7353}.opening-card button{border:0;border-radius:10px;background:#28533b;color:#f9f1d7;padding:12px 30px;margin-top:17px}.opening-dice{display:flex;gap:20px;justify-content:center}.dice-face{font-size:66px;line-height:1.2;color:#b13d2d;animation:dice-roll .7s ease-out}.opening-flip,.opening-wild{display:flex;justify-content:center;align-items:center;gap:15px;margin:14px 0}.opening-flip .tile,.opening-wild .tile{width:34px;height:48px}.opening-wild>div{display:flex;gap:6px}.opening-flip{animation:reveal-card 1s both}.opening-wild{animation:reveal-card 1.9s both}@keyframes dice-roll{0%{transform:rotate(-100deg) scale(.6)}50%{transform:rotate(80deg)}100%{transform:rotate(0)}}@keyframes reveal-card{0%,55%{opacity:0;transform:rotateY(90deg)}100%{opacity:1;transform:none}}@media(orientation:landscape) and (max-height:550px){.opening-card{padding:12px;max-width:450px}.opening-card h2{font-size:19px}.dice-face{font-size:40px}.opening-flip,.opening-wild{display:inline-flex;margin:4px 10px}.opening-card button{display:block;margin:10px auto 0;padding:8px 25px}}