/* P2E Public Pool page (2026-11-09) - builds on rmt.css (.rm palette) */
.pe-hero{ grid-template-columns:1fr auto; }
.pe-live{ display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--rm-green); margin-right:.35rem; vertical-align:.05em; box-shadow:0 0 0 0 rgba(95,214,155,.6); animation:pePulse 1.8s infinite; }
@keyframes pePulse{ 0%{ box-shadow:0 0 0 0 rgba(95,214,155,.55); } 70%{ box-shadow:0 0 0 9px rgba(95,214,155,0); } 100%{ box-shadow:0 0 0 0 rgba(95,214,155,0); } }
.pe-big{ text-align:right; padding:1rem 1.3rem; border:1px solid rgba(95,214,155,.35); border-radius:14px; background:rgba(5,9,17,.5); min-width:240px; }
.pe-big small{ display:block; color:var(--rm-mute); font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; }
.pe-big b{ display:block; font-size:2.4rem; line-height:1.15; color:var(--rm-green); }
.pe-big span{ color:var(--rm-dim); font-size:.85rem; }
.pe-check{ margin:1rem 0; padding:.7rem 1rem; border-radius:10px; font-size:.92rem; }
.pe-check.is-ok{ background:#10261b; border:1px solid #2e6b46; color:#a8ecc2; }
.pe-check.is-bad{ background:#3a1d22; border:1px solid #6b2d35; color:#ffc4c4; }
.pe-grid{ display:grid; grid-template-columns:1.4fr 1fr; gap:1rem; margin-bottom:1rem; }
.pe-h{ margin:0 0 .8rem; font-size:1.1rem; }
.pe-src{ display:flex; flex-direction:column; gap:.55rem; }
.pe-srow{ display:grid; grid-template-columns:auto 1fr auto; gap:.8rem; align-items:center; padding:.65rem .8rem; border:1px solid #1d2f48; border-radius:11px; background:#0b1628; }
.pe-srow.is-soon{ opacity:.55; }
.pe-srow small{ display:block; color:var(--rm-mute); font-size:.8rem; }
.pe-pct{ width:3.1rem; height:3.1rem; border-radius:12px; display:grid; place-items:center; font-weight:800; color:#1A1206; background:linear-gradient(180deg,var(--rm-gold-hi),var(--rm-gold)); }
.pe-sv{ text-align:right; }
.pe-sv b{ color:var(--rm-green); font-size:1.1rem; }
.pe-out b{ display:block; font-size:1.9rem; color:var(--rm-gold-hi); }
.pe-out p{ color:var(--rm-dim); font-size:.88rem; margin:.4rem 0 0; }
.pe-mini{ display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin-top:1rem; }
.pe-mini div{ padding:.55rem .75rem; border:1px solid #1d2f48; border-radius:10px; background:#0b1628; }
.pe-mini small{ display:block; color:var(--rm-mute); font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; }
.pe-mini a{ color:inherit; }
.pe-chart{ margin-bottom:1rem; }
.pe-chart svg{ width:100%; height:200px; display:block; }
.pe-chead{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.6rem; margin-bottom:.6rem; }
.pe-chead > span{ color:var(--rm-mute); font-size:.82rem; }
.pe-chead .pe-h{ margin:0; }
.pe-k{ display:inline-block; width:14px; height:4px; border-radius:2px; vertical-align:middle; margin-right:.25rem; }
.pe-k--line{ background:var(--rm-green); } .pe-k--bar{ background:rgba(217,169,58,.75); height:9px; }
.pe-bar{ fill:rgba(217,169,58,.55); } .pe-bar:hover{ fill:rgba(243,210,122,.9); }
.pe-line{ fill:none; stroke:var(--rm-green); stroke-width:2.5; vector-effect:non-scaling-stroke; stroke-linejoin:round; }
.pe-ax{ fill:#62778D; font-size:12px; text-anchor:middle; }
.pe-tabs{ margin:0; }
.pe-kind{ display:inline-block; font-size:.78rem; font-weight:700; border-radius:999px; padding:.15rem .6rem; white-space:nowrap; }
.pe-kind--in{ background:#12301f; color:#a8ecc2; border:1px solid #2e6b46; }
.pe-kind--out{ background:#2b2410; color:#ffe28a; border:1px solid #6b5520; }
.pe-pages{ display:flex; align-items:center; justify-content:center; gap:.8rem; margin-top:.9rem; }
.pe-rules{ display:grid; grid-template-columns:repeat(4,1fr); gap:.7rem; margin-top:1rem; }
.pe-rules div{ padding:.8rem .9rem; border:1px solid var(--rm-line); border-radius:12px; background:var(--rm-card2); font-size:.85rem; color:var(--rm-dim); }
.pe-rules i{ float:left; width:1.6rem; height:1.6rem; margin-right:.5rem; border-radius:50%; display:grid; place-items:center; font-style:normal; font-weight:800; color:#1A1206; background:linear-gradient(180deg,var(--rm-gold-hi),var(--rm-gold)); }
.pe-rules b{ display:block; color:#E8F1F8; margin-bottom:.25rem; }
@media (max-width:860px){ .pe-hero{ grid-template-columns:1fr; } .pe-big{ text-align:left; } .pe-grid{ grid-template-columns:1fr; } .pe-rules{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .pe-rules{ grid-template-columns:1fr; } .pe-srow{ grid-template-columns:auto 1fr; } .pe-sv{ grid-column:1 / -1; text-align:left; } }