.reveal-panic{width:min(100%,600px);margin:24px auto;font-family:Inter,system-ui,-apple-system,sans-serif;color:#f8f7ff}
.reveal-panic *{box-sizing:border-box}.reveal-panic [hidden]{display:none!important}

.rp-how{margin:0 0 18px;padding:22px;border:1px solid #ddd7ff;border-radius:22px;background:#fff;color:#191724;box-shadow:0 14px 38px rgba(31,24,77,.1)}
.rp-how header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.rp-how-icon{display:grid;flex:0 0 46px;width:46px;height:46px;place-items:center;border-radius:14px;background:linear-gradient(135deg,#8468ff,#6546ed);box-shadow:0 8px 20px rgba(91,61,222,.3);color:#fff;font-size:.95rem}
.rp-how h3{margin:0 0 3px!important;color:#191724!important;font-family:inherit!important;font-size:1.25rem!important;font-weight:850!important;line-height:1.2!important}.rp-how p{margin:0!important;color:#615d72!important;font-size:.92rem!important;line-height:1.45!important}
.rp-how ol{display:grid;gap:10px;margin:0!important;padding:0!important;list-style:none!important}.rp-how li{display:flex;align-items:center;gap:12px;margin:0!important;padding:12px 14px!important;border:1px solid #ebe8f8;border-radius:13px;background:#f8f7fc;color:#272431!important;list-style:none!important}.rp-how li>span{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:9px;background:#ede9ff;color:#684be8;font-size:.78rem;font-weight:900}.rp-how li div{display:grid;gap:1px;text-align:left}.rp-how li strong{color:#272431!important;font-size:.9rem;line-height:1.3}.rp-how li small{color:#747083!important;font-size:.78rem;line-height:1.4}

.rp-picker,.rp-stage{position:relative;overflow:hidden;padding:22px;border:1px solid rgba(150,126,255,.38);border-radius:26px;background:radial-gradient(circle at 50% -10%,#29214f 0,#171625 38%,#10101a 100%);box-shadow:0 24px 60px rgba(12,8,38,.28),inset 0 1px rgba(255,255,255,.08);text-align:center}
.rp-picker h3{margin:0 0 16px!important;color:#fff!important;font-family:inherit!important;font-size:1.35rem!important;font-weight:850!important}.rp-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.reveal-panic button,.rp-download{appearance:none;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:linear-gradient(135deg,#8468ff,#6546ed);box-shadow:0 8px 22px rgba(91,61,222,.34);color:#fff!important;padding:.82rem .7rem;font-family:inherit;font-weight:800;cursor:pointer;text-decoration:none!important;transition:transform .15s,filter .15s}.reveal-panic button:hover,.rp-download:hover{transform:translateY(-2px);filter:brightness(1.1)}
.rp-status{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 13px;font-size:.86rem;font-weight:850}.rp-status span{display:flex;align-items:center;min-height:38px;padding:.48rem .72rem;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(7,7,16,.52);box-shadow:inset 0 1px rgba(255,255,255,.06);color:#fff}.rp-lives{justify-content:center}
.reveal-panic canvas{display:block;width:100%;height:auto;max-height:none;margin:auto;border:3px solid #876bff;border-radius:18px;background:#07070c;box-shadow:0 0 0 5px rgba(135,107,255,.14),0 14px 38px rgba(0,0,0,.42);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;cursor:crosshair}.reveal-panic canvas:focus{box-shadow:0 0 0 5px rgba(135,107,255,.25),0 14px 38px rgba(0,0,0,.42)}
.rp-help{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:17px 0 0!important;color:#d4d1e4!important;font-size:.7rem!important}.rp-help span{display:grid;place-items:center;min-height:42px;padding:.4rem;border-radius:10px;background:rgba(255,255,255,.06);line-height:1.25}
.rp-win{display:grid;gap:11px;margin-top:17px;padding:16px;border:1px solid rgba(61,224,153,.28);border-radius:15px;background:rgba(24,166,106,.1)}.rp-win strong{color:#fff!important;font-size:1.08rem}.rp-download{background:linear-gradient(135deg,#21bd79,#138e5a);box-shadow:0 8px 22px rgba(19,142,90,.28)}
.rp-message{min-height:0;margin:0!important;color:#ffd36a!important}.rp-message:empty{display:none}.rp-notice{padding:1rem;border-radius:10px;background:#fff4cc;color:#513f00}

@media(max-width:480px){.reveal-panic{margin:14px auto}.rp-how{padding:16px;border-radius:17px}.rp-how header{align-items:flex-start;margin-bottom:14px}.rp-how-icon{flex-basis:40px;width:40px;height:40px}.rp-how h3{font-size:1.1rem!important}.rp-how li{padding:10px!important}.rp-picker,.rp-stage{padding:12px;border-radius:18px}.rp-buttons{grid-template-columns:1fr}.rp-status{font-size:.72rem}.rp-status span{padding:.4rem .5rem}.rp-help{font-size:.62rem!important}}