@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
.rl-wrap{position:relative;width:100%;max-width:800px;margin:0 auto;font-family:'Segoe UI',sans-serif;background:#14532d;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5);}
.rl-hud{display:flex;justify-content:space-around;align-items:center;background:rgba(0,0,0,.55);padding:8px 16px;border-bottom:2px solid #15803d;}
.rl-hud-item{text-align:center;}
.rl-label{display:block;font-size:.65em;color:#86efac;text-transform:uppercase;letter-spacing:.08em;}
.rl-val{display:block;font-size:1.3em;font-weight:700;color:#fff;}
#rl-canvas{display:block;width:100%;cursor:pointer;}
.rl-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,20,0,.72);backdrop-filter:blur(4px);z-index:10;}
.rl-hidden{display:none!important;}
.rl-panel{background:rgba(10,40,10,.92);border:2px solid #16a34a;border-radius:16px;padding:28px 36px;text-align:center;max-width:340px;width:90%;}
.rl-title{font-size:1.8em;font-weight:800;color:#4ade80;margin-bottom:8px;}
.rl-sub{color:#bbf7d0;font-size:.93em;margin:0 0 16px;}
.rl-diff-row{display:flex;gap:8px;justify-content:center;margin:0 0 18px;}
.rl-diff-btn{padding:7px 16px;border:2px solid #16a34a;background:transparent;color:#4ade80;border-radius:8px;cursor:pointer;font-size:.88em;font-weight:600;transition:.2s;}
.rl-diff-btn:hover,.rl-diff-active{background:#16a34a;color:#fff;}
.rl-btn{display:block;width:100%;padding:12px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;border-radius:10px;font-size:1.1em;font-weight:700;cursor:pointer;margin:6px 0;transition:.2s;}
.rl-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);}
.rl-btn-sec{background:rgba(22,163,74,.2);border:2px solid #16a34a;}