/* R23 — vitrine oficial, módulo reversível. Preserva os sistemas antigos, ocultos somente nesta tela. */
#screen-shop > :not(.sectionhead):not(#r23Shop){display:none!important}
#screen-shop #r23Shop{display:block!important;font-family:inherit;color:#f0dfc6;--r23gold:#e6b874;--r23line:rgba(218,170,109,.32)}
#screen-shop .sectionhead{margin-bottom:14px}
.r23-banner{position:relative;overflow:hidden;min-height:230px;border-radius:18px;padding:23px 18px;isolation:isolate;background:radial-gradient(ellipse 85% 85% at 80% 12%,rgba(210,163,141,.4),transparent 75%),linear-gradient(132deg,#251b22 0%,#483746 48%,#1c2029 100%);border:1px solid rgba(228,190,135,.46);box-shadow:0 12px 28px rgba(0,0,0,.19)}
.r23-banner::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.85;background:radial-gradient(ellipse 14% 15% at 75% 16%,#fff0d88a,transparent 100%),radial-gradient(ellipse 24% 14% at 86% 70%,#e7c5c279,transparent 90%),radial-gradient(ellipse 29% 12% at 57% 83%,#d9d0c47d,transparent 93%),linear-gradient(155deg,transparent 44%,#ad927064 45% 47%,transparent 48%)}
.r23-island{position:absolute;z-index:-1;border:1px solid #e1c39577;background:linear-gradient(180deg,#ddc4a8 0%,#746875 38%,#474453 65%,#1c2430 100%);clip-path:polygon(4% 0,94% 0,100% 19%,69% 43%,61% 83%,50% 100%,38% 65%,11% 39%);filter:drop-shadow(0 12px 15px #0008)}
.r23-island.one{width:128px;height:135px;right:11%;top:33px;transform:rotate(-5deg)}.r23-island.two{width:75px;height:80px;right:-13px;bottom:18px;transform:rotate(10deg)}
.r23-spire{position:absolute;z-index:-1;right:20%;top:13px;width:65px;height:125px;background:linear-gradient(90deg,#d9b78b,#fff0be 30%,#b47e77 61%,#726072);clip-path:polygon(50% 0%,59% 17%,64% 17%,64% 42%,90% 52%,90% 100%,10% 100%,10% 52%,36% 42%,36% 17%,42% 17%)}
.r23-banner small,.r23-heading small{font-size:10px;letter-spacing:.14em;color:#eacaa0;text-transform:uppercase}.r23-banner h3{font:normal 46px/1 Georgia,serif;margin:12px 0 8px;text-shadow:0 3px 14px #08080f80}.r23-banner p{max-width:175px;font-size:12px;line-height:1.55;color:#f6ebde;margin:0 0 18px}.r23-primary{background:linear-gradient(115deg,#f6d08d,#dda45f);color:#24150d;border:0;border-radius:13px;padding:12px 17px;font-size:12px;font-weight:750;box-shadow:0 4px 14px #0005}.r23-primary:active{transform:translateY(1px)}
.r23-search{display:flex;align-items:center;gap:10px;margin:22px 0 12px;padding:0 14px;border:1px solid var(--r23line);border-radius:14px;background:#1a1716}.r23-search svg{width:17px;height:17px;stroke:#dfba81;fill:none;stroke-width:1.6}.r23-search input{width:100%;padding:15px 0;border:0;background:transparent;outline:0;color:#f4e9da;font-size:13px}.r23-search input::placeholder{color:#98897d}
.r23-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 -1px 23px;padding:2px 1px 7px}.r23-tabs::-webkit-scrollbar{display:none}.r23-tabs button{flex:none;padding:10px 12px;border:1px solid var(--r23line);color:#d8c0a5;background:#171514;border-radius:11px;font-size:11px}.r23-tabs button[aria-pressed="true"]{background:linear-gradient(120deg,#edc58d,#d89b5b);color:#28180f;border-color:transparent;font-weight:750}.r23-tabs button:disabled{opacity:.43;cursor:not-allowed}
.r23-heading{display:flex;justify-content:space-between;align-items:center;margin:0 3px 12px;gap:10px}.r23-heading h3{font:normal 23px Georgia,serif;margin:2px 0;color:#f4dfbc}.r23-heading span{font-size:11px;color:#be9d73}.r23-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:24px}.r23-card{min-width:0;overflow:hidden;border-radius:15px;border:1px solid #614833;background:linear-gradient(145deg,#221c19,#111214);text-align:left;color:#eee0cd;padding:0;display:flex;flex-direction:column;cursor:pointer}.r23-card:focus-visible{outline:2px solid #f3c784}.r23-art{position:relative;height:144px;background:radial-gradient(circle at 50% 38%,#95765b4d 0%,#44373444 37%,transparent 68%),linear-gradient(160deg,#292228,#141618);display:grid;place-items:center;border-bottom:1px solid #56412f}.r23-art:after{content:"✦";position:absolute;inset:auto 0 8px;text-align:center;font-size:12px;color:#d9b57b66;letter-spacing:.5em}.r23-art svg{width:69px;height:69px;fill:none;stroke:#c6a77b91;stroke-width:1.1}.r23-info{padding:11px;min-height:108px}.r23-info small{display:block;font-size:9px;letter-spacing:.13em;color:#d1a875;text-transform:uppercase}.r23-info strong{display:block;font:normal 17px Georgia,serif;margin:6px 0;color:#f5dcaf;overflow-wrap:anywhere}.r23-info p{font-size:10px;line-height:1.5;color:#a9a09a;margin:0}.r23-status{display:inline-block;margin-top:10px;border:1px solid #624e35;border-radius:30px;padding:5px 8px;font-size:10px;color:#cbb38d}
.r23-feature{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.r23-feature button{border:1px solid #654b32;border-radius:15px;background:linear-gradient(145deg,#272018,#141414);padding:16px 12px;min-height:132px;text-align:left;color:#f0d7ae}.r23-feature .r23-icon{display:block;font-size:30px;line-height:1;margin-bottom:13px}.r23-feature strong{display:block;font:normal 18px Georgia,serif;margin-bottom:6px}.r23-feature small{font-size:10px;color:#b6a28f;line-height:1.45;display:block}
.r23-note,.r23-noresults{border:1px solid #54412d;border-radius:13px;padding:14px;margin:12px 0 20px;color:#bfb0a0;font-size:11px;line-height:1.65;background:#191613}.r23-noresults{grid-column:1/-1;text-align:center}.r23-detail[hidden]{display:none!important}.r23-detail{position:fixed;inset:0;z-index:99998;background:#080708cc;display:flex;align-items:center;justify-content:center;padding:18px}.r23-detail-panel{position:relative;width:min(420px,100%);border:1px solid #87633e;border-radius:20px;background:linear-gradient(150deg,#282019,#111113);padding:26px 22px;color:#f2debc;box-shadow:0 18px 60px #0009}.r23-detail-panel small{letter-spacing:.15em;text-transform:uppercase;color:#cca36c}.r23-detail-panel h3{font:normal 28px Georgia,serif;margin:9px 0}.r23-detail-panel p{font-size:13px;line-height:1.65;color:#c0b1a4}.r23-detail-panel button{padding:10px 15px;border:1px solid #8b653c;border-radius:11px;background:#30251d;color:#f1d3a7}
@media(max-width:365px){.r23-grid{gap:8px}.r23-info{padding:9px}.r23-info strong{font-size:15px}.r23-banner h3{font-size:40px}.r23-art{height:124px}}
@media(prefers-reduced-motion:reduce){.r23-primary:active{transform:none}}
.r23-feature[hidden]{display:none!important}

/* R127 — vitrine de packs; escopo isolado, sem alterar compras ou saldo. */
#screen-shop .r127-packs{margin:18px 0 24px;color:#f8e7ca;scroll-margin-top:18px}
#screen-shop .r127-top{position:relative;overflow:hidden;padding:24px 20px 21px;border-radius:20px 20px 0 0;background:radial-gradient(ellipse at 85% 5%,rgba(223,162,76,.23),transparent 58%),linear-gradient(140deg,#24180f,#110e0b);border:1px solid rgba(226,172,94,.45);border-bottom:0}
#screen-shop .r127-eyebrow,#screen-shop .r127-kicker{font-size:10px;letter-spacing:.15em;color:#e6b56b;font-weight:700}
#screen-shop .r127-top h3{font:normal 32px/1.12 Georgia,serif;margin:13px 0 10px;letter-spacing:-.03em}
#screen-shop .r127-top h3 em{font-style:normal;color:#f1c881;text-shadow:0 0 18px rgba(237,180,83,.22)}
#screen-shop .r127-top p{font-size:12px;line-height:1.6;color:#d6bea0;margin:0 0 14px}
#screen-shop .r127-state{display:inline-block;font-size:9px;font-weight:750;letter-spacing:.055em;border:1px solid #7a5735;border-radius:30px;padding:7px 10px;color:#efca8b;background:#352315}
#screen-shop .r127-pack-list{display:grid;gap:10px;padding:13px;background:#17100c;border:1px solid #704b2b;border-top:0;border-radius:0 0 20px 20px}
#screen-shop .r127-pack{display:grid;grid-template-columns:43% 1fr;min-height:208px;border:1px solid rgba(226,177,107,.31);border-radius:17px;overflow:hidden;background:linear-gradient(135deg,#352216,#1b140e 62%,#100e0b)}
#screen-shop .r127-pack--aura{background:linear-gradient(135deg,#3c2b16,#1b140d 62%,#100e0b)}
#screen-shop .r127-visual{display:grid;place-items:center;position:relative;isolation:isolate;min-width:0;overflow:hidden;background:radial-gradient(circle at center,#a66d2b52,transparent 65%)}
#screen-shop .r127-halo{position:absolute;width:132px;height:132px;border:1px solid #e4a95665;border-radius:50%;box-shadow:0 0 30px #cf923044,inset 0 0 35px #b8812640}
#screen-shop .r127-envelope{position:relative;width:87px;height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transform:rotate(-9deg);border:2px solid #d5a35d;border-radius:9px;background:linear-gradient(140deg,#59402a,#181410 55%,#45301e);box-shadow:8px 12px 20px #0009,0 0 0 5px #d6a35b17,inset 0 0 0 5px #120e0b;animation:r127Float 4s ease-in-out infinite}
#screen-shop .r127-pack--aura .r127-envelope{transform:rotate(8deg);animation-delay:-1.8s;border-color:#f1d49b}
#screen-shop .r127-sigil{font:normal 46px Georgia,serif;color:#f3ce87;text-shadow:0 0 14px #e8b465}
#screen-shop .r127-envelope small{font-size:10px;letter-spacing:.18em;color:#e9c58a}
#screen-shop .r127-pack-info{padding:19px 13px 16px 5px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#screen-shop .r127-pack-info h4{font:normal 23px/1.1 Georgia,serif;margin:8px 0;color:#ffe5b5}
#screen-shop .r127-pack-info p{font-size:11px;line-height:1.55;color:#d7c0a1;margin:0 0 9px}
#screen-shop .r127-count{font-size:11px;color:#f2c77f;margin-top:auto;margin-bottom:10px}
#screen-shop .r127-pack-info button{border:1px solid #80613a;border-radius:10px;background:#44301a;color:#dfc397;font-weight:700;font-size:10px;padding:10px 11px;opacity:.83;cursor:not-allowed}
#screen-shop .r127-footnote{font-size:10px;line-height:1.6;color:#ae9271;margin:10px 4px 0}
@keyframes r127Float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(prefers-reduced-motion:reduce){#screen-shop .r127-envelope{animation:none}}
@media(max-width:360px){#screen-shop .r127-pack{grid-template-columns:38% 1fr}#screen-shop .r127-pack-info h4{font-size:20px}#screen-shop .r127-envelope{width:74px;height:112px}}


/* R128 — especificação visual dos packs; sem economia ativa. */
#screen-shop .r128-guide{margin-top:13px;border:1px solid #715237;border-radius:17px;padding:17px;background:linear-gradient(145deg,#2b1c14,#15100d);color:#f4ddbb}
#screen-shop .r128-guide-title{display:flex;flex-direction:column;gap:5px}
#screen-shop .r128-guide-title span{font-size:10px;letter-spacing:.14em;color:#d4a777}
#screen-shop .r128-guide-title strong{font:normal 21px Georgia,serif}
#screen-shop .r128-cards{display:flex;justify-content:center;gap:6px;margin:17px 0}
#screen-shop .r128-cards span{display:grid;place-items:center;width:min(16%,48px);aspect-ratio:3/4;border-radius:6px;border:1px solid #c99c65;color:#d6a86d;background:linear-gradient(140deg,#493321,#1a1511);box-shadow:0 5px 12px #0006;font-size:22px}
#screen-shop .r128-guide p,#screen-shop .r128-guide details small{font-size:11px;line-height:1.65;color:#cdb99e}
#screen-shop .r128-guide summary{cursor:pointer;color:#f0c68c;font-size:12px;font-weight:700;padding:11px 0}
#screen-shop .r128-guide summary:focus-visible{outline:2px solid #e2b77d;outline-offset:3px}
#screen-shop .r128-values{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0 11px}
#screen-shop .r128-values span{display:flex;justify-content:space-between;gap:6px;border:1px solid #5b4230;border-radius:8px;background:#211811;padding:9px 7px;font-size:10px}
#screen-shop .r128-values b{color:#f1c48a;white-space:nowrap}
