.star-river-panel{position:relative}
.star-reveal-present .star-river-header,.star-reveal-present .star-river-scroll,.star-reveal-present .star-river-footer{visibility:hidden;pointer-events:none}
.sr-loading,.sr-reveal{position:absolute;inset:0;z-index:8;color:#fcf4de;background:radial-gradient(ellipse at 50% 18%,#385576 0%,#17263e 52%,#101c30 100%);border-radius:inherit}
.sr-loading{display:grid;place-content:center;text-align:center;gap:16px;font-size:15px}
.sr-loading::before{content:'✦';color:#eed295;font-size:48px}
.sr-loading button{min-height:46px;padding:10px 24px;border:1px solid #9cadc1;border-radius:14px;background:#233c58;color:#f4e8cb;font-size:14px}
.sr-reveal{display:flex;flex-direction:column;padding:max(18px,env(safe-area-inset-top,0px)) 15px max(16px,env(safe-area-inset-bottom,0px));overflow:hidden;isolation:isolate}
.sr-reveal::before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle at 16% 14%,#dcc494 0 1px,transparent 2px),radial-gradient(circle at 87% 38%,#d0e4ed 0 1px,transparent 2px),radial-gradient(circle at 38% 78%,#97b7d0 0 1px,transparent 2px);background-size:113px 143px,139px 193px,187px 139px;opacity:.35;pointer-events:none}
.sr-heading{text-align:center;flex:none;padding:6px 0 10px}
.sr-heading>span{font-size:10px;letter-spacing:2px;color:#c9b998}
.sr-heading h2{font-size:24px;color:#fff0ca;margin:8px 0 4px;font-weight:700}
.sr-heading p{margin:0;font-size:12px;color:#c3d1e1}
.sr-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-content:center;flex:1;min-height:0;overflow-y:auto;padding:12px 2px;overscroll-behavior:contain}
.sr-card{appearance:none;border:0;padding:0;margin:0;background:none;color:inherit;min-width:0;height:clamp(96px,calc((calc(var(--app-height, 100vh) * 1.0) - 235px)/4),149px);perspective:800px;border-radius:13px;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sr-card:focus-visible{outline:3px solid #fff2b0;outline-offset:3px}
.sr-card:last-child:nth-child(3n+1){grid-column:2}
.sr-deal{display:block;position:relative;width:100%;height:100%;animation:sr-deal-in .42s cubic-bezier(.2,.8,.22,1.08) both;animation-delay:calc(var(--order)*35ms)}
.sr-flipper{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1);transition-delay:var(--flip-delay,0ms)}
.sr-open .sr-flipper{transform:rotateY(180deg)}
.sr-back,.sr-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:13px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 5px 13px #07101d66}
.sr-back{background:linear-gradient(145deg,#2d5370,#172f4c 80%);border:1px solid #c4b886;color:#eed8a3}
.sr-frame{position:absolute;inset:5px;border:1px solid #baa57488;border-radius:8px;pointer-events:none}
.sr-back svg{width:50%;height:53%;stroke:#d7c390;stroke-width:1.1;fill:none}
.sr-back svg path{fill:#d7c39022}
.sr-back b{font-size:11px;font-weight:500;letter-spacing:1px}
.sr-back small{font-size:9px;margin:5px 0 0;color:#bccbdb}
.sr-front{transform:rotateY(180deg);background:linear-gradient(160deg,#f7f3e6,#d7e5e1);border:1px solid #d3e3da;color:#344d4c;padding:7px 4px 5px}
.sr-clothing .sr-front{background:linear-gradient(160deg,#f2eafa,#c9cfeb);border-color:#cfc0f2;color:#4d4677}
.sr-legendary .sr-front{background:linear-gradient(155deg,#fff1c9,#e7ca82);border:2px solid #ffecab;color:#745120;box-shadow:0 0 20px #efd28955}
.sr-rarity{font-style:normal;font-size:9px;letter-spacing:1px;margin-bottom:3px}
.sr-reward-art{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}
.sr-reward-art>img,.sr-reward-art>svg{width:100%;height:100%;max-height:86px;object-fit:contain;border-radius:6px}
.sr-front strong{font-size:11px;line-height:1.2;text-align:center;font-weight:700;margin-top:3px;max-width:100%;overflow-wrap:anywhere}
.sr-front>small{font-size:10px;margin-top:3px;line-height:1.1}
.sr-spark{position:absolute;right:0;top:0;font-size:26px;color:#ffe6a0;opacity:0;pointer-events:none}
.sr-open.sr-legendary .sr-spark,.sr-open.sr-clothing .sr-spark{animation:sr-glint .7s ease-out both;animation-delay:calc(var(--flip-delay,0ms) + .18s)}
.sr-controls{flex:none;text-align:center;padding-top:9px}
.sr-controls p{color:#d1d7dd;font-size:12px;margin:0 0 12px}
.sr-controls>div{display:flex;gap:10px}
.sr-controls button{min-height:46px;flex:1;border-radius:14px;border:1px solid #bacba866;font-size:15px;cursor:pointer}
.sr-all{background:#e7d29d;color:#26384d;font-weight:700;box-shadow:0 4px 0 #7b714b55}
.sr-all:disabled{background:#405266;color:#bcc9d5;box-shadow:none;cursor:default}
.sr-done{background:#223851;color:#e5e8e6}
.sr-controls small{display:block;font-size:10px;color:#a9b7c9;margin-top:11px}
.sr-single .sr-board{display:flex;align-items:center;justify-content:center}
.sr-single .sr-card{width:min(68%,254px);height:min(calc(var(--app-height, 100vh) * 0.46),344px)}
.sr-single .sr-front strong{font-size:19px}.sr-single .sr-reward-art>img,.sr-single .sr-reward-art>svg{max-height:220px}.sr-single .sr-rarity,.sr-single .sr-front>small{font-size:13px}.sr-single .sr-back b{font-size:18px}.sr-single .sr-back small{font-size:12px}
@keyframes sr-deal-in{from{opacity:0;transform:translateY(34px) scale(.85) rotate(-4deg)}to{opacity:1;transform:none}}
@keyframes sr-glint{0%{opacity:0;transform:scale(.5)}35%{opacity:1}100%{opacity:0;transform:translate(12px,-15px) scale(1.8) rotate(35deg)}}
.sr-calm .sr-deal,.sr-calm .sr-spark{animation:none}.sr-calm .sr-flipper{transition:none}
.sr-resumed .sr-deal{animation:none}
@media(max-height:700px){.sr-reveal{padding:12px}.sr-heading{padding:0 0 6px}.sr-heading h2{font-size:20px;margin:5px 0}.sr-board{gap:6px;padding:8px 2px}.sr-controls{padding-top:6px}.sr-controls p{margin-bottom:7px}.sr-controls small{margin-top:7px}.sr-front{padding:5px 3px}.sr-front strong{font-size:10px}.sr-card{height:clamp(88px,calc((calc(var(--app-height, 100vh) * 1.0) - 208px)/4),124px)}}
@media(prefers-reduced-motion:reduce){.sr-deal,.sr-spark{animation:none}.sr-flipper{transition:none}}
/* Fit all ten cards to the available stage, not to the outer viewport. */
.sr-reveal:not(.sr-single) .sr-board{grid-template-rows:repeat(4,minmax(80px,1fr));align-content:stretch}
.sr-reveal:not(.sr-single) .sr-card{height:100%;min-height:80px}

/* Warm tea-house palette, original small-home deal and flip motion. */
.sr-reveal{background:radial-gradient(ellipse at 50% 18%,#856247 0%,#3a2b27 60%,#251e1c 100%)}
.sr-back{background:linear-gradient(145deg,#795741,#352925 80%)}.sr-done{background:#48372d}.sr-reveal .sr-heading{color:#f9eed8}

.sr-reveal:not(.sr-single) .sr-board{grid-template-rows:repeat(4,minmax(64px,1fr))}.sr-reveal:not(.sr-single) .sr-card{min-height:64px}@media(max-height:640px){.sr-reveal:not(.sr-single) .sr-back small{display:none}}