/* Optional store and public roadmap. All offers stay outside poker results. */
.commerce-root{max-width:1440px;margin:48px auto 0;padding:28px clamp(16px,4vw,50px) 55px;color:#f6f0ff}
.commerce-intro{position:relative;border:1px solid #674b8f;border-radius:24px;padding:clamp(24px,4vw,48px);background:radial-gradient(circle at 82% 30%,#472469a6,#130d23 58%),url('/assets/river-riot-river-hero.webp') center/cover}
.commerce-intro h2{font-size:clamp(30px,5vw,56px);line-height:1;margin:12px 0}
.commerce-intro p{max-width:600px;color:#ded2f1}
.commerce-intro strong{display:inline-block;margin-top:12px;padding:9px 12px;border:1px solid #8267aa;border-radius:9px;background:#211534;color:#aaf5ff;font-size:12px;letter-spacing:.04em}
.commerce-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:22px 0}
.commerce-product,.commerce-account,.commerce-lower>section{background:#151023;border:1px solid #45335f;border-radius:18px;padding:20px}
.commerce-product{display:flex;flex-direction:column;gap:10px;min-height:245px}
.commerce-kind{font-size:10px;font-weight:800;letter-spacing:.14em;color:#91eafb}
.commerce-product h3,.commerce-account h3,.commerce-lower h3{margin:0;font-size:20px}
.commerce-product p{color:#c8bcda;font-size:13px;line-height:1.5;margin:0}
.commerce-price{font-size:23px;margin-top:auto}
.commerce-product button,.commerce-order button,.commerce-brand-form button{border-radius:10px;padding:9px 12px;background:linear-gradient(110deg,#b77bff,#75e8f5);border:0;color:#160b27;font-weight:800;cursor:pointer}
.commerce-product button:disabled{opacity:.4;cursor:not-allowed}
.commerce-club-select,.commerce-brand-form select,.commerce-brand-form input{width:100%;background:#0b0a16;color:#fff;border:1px solid #665187;border-radius:8px;padding:10px}
.commerce-account{margin:18px 0}
.commerce-account>p{font-size:13px;color:#afebeb}
.commerce-account>p[data-error=true]{color:#ffb9c4}
.commerce-order{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;border-top:1px solid #423253;padding:12px 0}
.commerce-order b{min-width:160px}
.commerce-order span,.commerce-order small{color:#c6bad7;font-size:12px}
.commerce-order small{width:100%}
.commerce-order button{font-size:12px;padding:7px 9px}
.commerce-brand-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px;border-top:1px solid #423253;padding-top:18px;margin-top:18px}
.commerce-brand-form h4{grid-column:1/-1;margin:0}
.commerce-empty{color:#bfb1d2}
.commerce-lower{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.commerce-lower>section>p{color:#b6acc8}
.commerce-info{border-top:1px solid #413252;padding:12px 0}
.commerce-info b{display:block}
.commerce-info span{font-size:10px;letter-spacing:.1em;color:#8ae5ef}
.commerce-info p{font-size:12px;color:#c5b7d8;margin:6px 0}
.commerce-footer{font-size:12px;color:#b8aacf;line-height:1.6;margin:20px 0}
.riot-plus .brand em{text-shadow:0 0 12px #bb83ff}
.cosmetic-neon-felt .felt{background:radial-gradient(ellipse,#67339a,#241046)!important}
.cosmetic-violet-cards .card.back{background:repeating-linear-gradient(45deg,#452273,#452273 6px,#854fc2 6px,#854fc2 12px)!important}
.cosmetic-rat-frame .seat.mine{border-color:#cf9dff!important;box-shadow:0 0 0 3px #742db766,0 0 20px #d093ff66!important}
@media(max-width:700px){.commerce-root{margin-top:25px;padding:12px 13px 34px}.commerce-intro{padding:22px}.commerce-grid{grid-template-columns:1fr 1fr;gap:9px}.commerce-product{padding:14px;min-height:220px}.commerce-price{font-size:18px}.commerce-product h3{font-size:16px}.commerce-brand-form{grid-template-columns:1fr 1fr}.commerce-lower{grid-template-columns:1fr}}
@media(max-width:420px){.commerce-grid{grid-template-columns:1fr}.commerce-product{min-height:unset}.commerce-brand-form{grid-template-columns:1fr}}

.club-pro-brand{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 12px;padding:10px 12px;border-left:3px solid #b45cff;background:#b45cff16;font-weight:700}
.club-pro-brand small{font:10px var(--mono);letter-spacing:.08em;opacity:.7}
.club-pro-cyan{border-color:#36e5ff;background:#36e5ff12}
.club-pro-silver{border-color:#dce5f0;background:#dce5f012}
#account-recovery-panel label{display:block;margin:14px 0 8px;color:#d7cee7;font-size:13px}
#account-recovery-panel input{display:block;box-sizing:border-box;width:100%;max-width:580px;margin-top:7px;padding:11px;border:1px solid #665187;border-radius:8px;background:#0b0a16;color:#fff;font:13px var(--mono)}
#account-recovery-panel input:focus-visible{outline:2px solid #ad72ff;outline-offset:3px}
#account-recovery-panel button{min-height:44px;margin:6px 10px 6px 0}
.commerce-product{overflow:hidden}
body[data-cosmetic-avatar="river_rat_avatar"] .seat.mine .avatar{background:#1a1425 url('/brand/river-riot-emblem-256.webp') center/cover;color:transparent}
body[data-cosmetic-outfit="rat_neon_outfit"] .seat.mine .avatar{outline:3px solid #b958f5;box-shadow:0 0 12px #ca6eff}
body[data-cosmetic-outfit="rat_gold_outfit"] .seat.mine .avatar{outline:3px solid #dfbc6b;box-shadow:0 0 12px #e6b444}
body[data-cosmetic-frame="cyan_profile"] .seat.mine{border-color:#79e4df;box-shadow:0 0 0 2px #79e4df55}
body[data-cosmetic-frame="gold_profile"] .seat.mine{border-color:#efca78;box-shadow:0 0 0 2px #efca7855}
body[data-cosmetic-deck="silver_deck"] .card:not(.back){background:#f3f5fa;color:#202737;border-color:#a5afc3}
body[data-cosmetic-deck="warm_deck"] .card:not(.back){background:#fff6dd;color:#282523;border-color:#c5b58a}
body[data-cosmetic-deck] .card.red:not(.back){color:#ae263f}
body[data-cosmetic-card-back="cyan_card_back"] .card.back{background:repeating-linear-gradient(45deg,#123645,#123645 5px,#255a67 5px,#255a67 10px);color:#beffff;border-color:#70d6de}
body[data-cosmetic-felt="gold_felt"] .felt{background:radial-gradient(ellipse,#3c3927,#17251f);border-color:#d7b975}
body[data-cosmetic-felt="cyan_felt"] .felt{background:radial-gradient(ellipse,#204e56,#122530);border-color:#74d7df}
body[data-cosmetic-animation="soft_deal"] .board .card,body[data-cosmetic-animation="soft_deal"] .mini-cards .card{animation-name:riot-soft-deal}
body[data-cosmetic-animation="slide_deal"] .board .card,body[data-cosmetic-animation="slide_deal"] .mini-cards .card{animation-name:riot-slide-deal}
@keyframes riot-soft-deal{from{opacity:.2}to{opacity:1}}
@keyframes riot-slide-deal{from{opacity:.3;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
body[data-cosmetic-scene="scene_vegas"] .felt-wrap{background:radial-gradient(ellipse at top,#542263,#171129 75%)}
body[data-cosmetic-scene="scene_monaco"] .felt-wrap{background:linear-gradient(135deg,#162b47,#111b29 65%,#564126)}
body[data-cosmetic-scene="scene_tokyo"] .felt-wrap{background:linear-gradient(145deg,#302358,#163742 65%,#162336)}
body[data-cosmetic-scene="scene_underground"] .felt-wrap{background:linear-gradient(155deg,#321b2c,#16171b 65%,#44282d)}
body[data-cosmetic-scene="scene_yacht"] .felt-wrap{background:linear-gradient(130deg,#14374b,#172c3e 65%,#645339)}
body[data-cosmetic-scene="scene_rat_lounge"] .felt-wrap{background:linear-gradient(145deg,#304632,#2f2536 65%,#4a354d)}
@media(prefers-reduced-motion:reduce){body[data-cosmetic-animation] .card{animation:none!important;transition:none!important}}

#commercial-admin[hidden]{display:none}#commercial-admin form{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}#commercial-admin label{display:flex;flex-direction:column;gap:4px;min-width:180px;max-width:100%}#commercial-admin input,#commercial-admin select,#commercial-admin textarea{max-width:100%;background:#171923;color:#eee;padding:10px;border:1px solid #675080}#commercial-admin p{overflow-wrap:anywhere}

body:not([data-cosmetic-scene]) .felt-wrap[data-club-scene="vegas"]{background:radial-gradient(ellipse at top,#542263,#171129 75%)}
body:not([data-cosmetic-scene]) .felt-wrap[data-club-scene="monaco"]{background:linear-gradient(135deg,#162b47,#111b29 65%,#564126)}
body:not([data-cosmetic-scene]) .felt-wrap[data-club-scene="tokyo"]{background:linear-gradient(145deg,#302358,#163742 65%,#162336)}
body:not([data-cosmetic-scene]) .felt-wrap[data-club-scene="underground"]{background:linear-gradient(155deg,#321b2c,#16171b 65%,#44282d)}
body:not([data-cosmetic-scene]) .felt-wrap[data-club-scene="yacht"]{background:linear-gradient(130deg,#14374b,#172c3e 65%,#645339)}
body:not([data-cosmetic-scene]) .felt-wrap[data-club-scene="rat_lounge"]{background:linear-gradient(145deg,#304632,#2f2536 65%,#4a354d)}
body:not([data-cosmetic-felt]) .felt-wrap[data-club-finish="neon"] .felt{background:radial-gradient(ellipse,#67339a,#241046)}
body:not([data-cosmetic-felt]) .felt-wrap[data-club-finish="gold"] .felt{background:radial-gradient(ellipse,#3c3927,#17251f)}
body:not([data-cosmetic-felt]) .felt-wrap[data-club-finish="cyan"] .felt{background:radial-gradient(ellipse,#204e56,#122530)}
.commerce-cosmetic-preview{display:flex;position:relative;align-items:center;justify-content:center;gap:12px;min-height:136px;border-radius:12px;background:radial-gradient(ellipse,#26434b,#141523);border:1px solid #5d5270;margin:8px 0;overflow:hidden}
.commerce-cosmetic-preview small{position:absolute;bottom:6px;font-size:10px;color:#e5ddf1}
.commerce-cosmetic-preview img{border-radius:50%}
.commerce-sample-card,.commerce-sample-back{display:grid;place-items:center;width:48px;height:68px;border-radius:6px;background:#f2f2ee;color:#222839;font:700 22px/1 monospace;border:1px solid #c3c9d2}
.commerce-sample-card.red{color:#ae263f}.commerce-sample-back{color:#b7efff;background:repeating-linear-gradient(45deg,#2d1c45,#2d1c45 6px,#713c98 6px,#713c98 12px)}
.commerce-cosmetic-preview[data-product="rat_neon_outfit"] img{outline:4px solid #cb6fff;box-shadow:0 0 14px #cb6fff}
.commerce-cosmetic-preview[data-product="rat_gold_outfit"] img{outline:4px solid #dfbc6b;box-shadow:0 0 14px #dfbc6b}
.commerce-cosmetic-preview[data-product="cyan_profile"] img{outline:4px solid #79e4df}.commerce-cosmetic-preview[data-product="gold_profile"] img{outline:4px solid #efca78}
.commerce-cosmetic-preview[data-product="warm_deck"] .commerce-sample-card{background:#fff6dd}
.commerce-cosmetic-preview[data-product="cyan_card_back"] .commerce-sample-back{background:repeating-linear-gradient(45deg,#123645,#123645 6px,#255a67 6px,#255a67 12px)}
.commerce-cosmetic-preview[data-product="neon_felt"],.commerce-cosmetic-preview[data-product="scene_vegas"]{background:radial-gradient(ellipse,#67339a,#241046)}
.commerce-cosmetic-preview[data-product="gold_felt"],.commerce-cosmetic-preview[data-product="scene_monaco"]{background:linear-gradient(135deg,#162b47,#111b29 65%,#564126)}
.commerce-cosmetic-preview[data-product="cyan_felt"],.commerce-cosmetic-preview[data-product="scene_tokyo"]{background:linear-gradient(145deg,#302358,#163742 65%,#162336)}
.commerce-cosmetic-preview[data-product="scene_underground"]{background:linear-gradient(155deg,#321b2c,#16171b 65%,#44282d)}
.commerce-cosmetic-preview[data-product="scene_yacht"]{background:linear-gradient(130deg,#14374b,#172c3e 65%,#645339)}
.commerce-cosmetic-preview[data-product="scene_rat_lounge"]{background:linear-gradient(145deg,#304632,#2f2536 65%,#4a354d)}

#calendar-form[hidden]{display:none}#calendar-form{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}#club-calendar label{display:flex;flex-direction:column;gap:6px;max-width:100%}#club-calendar input,#club-calendar textarea,#club-calendar select{max-width:100%;background:#171923;color:#eee;padding:10px;border:1px solid #675080}#calendar-events{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin-top:20px}
#tokenomics-preview{display:flex;flex-wrap:wrap;gap:12px;align-items:end}#tokenomics-preview label{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:100%}#tokenomics-preview input{box-sizing:border-box;width:100%;max-width:240px;background:#171923;color:#eee;padding:10px;border:1px solid #675080}#tokenomics-preview button{min-height:44px}#tokenomics-preview-result{overflow-wrap:anywhere}