@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
.gr-wrap{position:relative;width:100%;max-width:800px;margin:0 auto;font-family:'Segoe UI',sans-serif;background:#1a4a1a;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5);}
.gr-hud{display:flex;justify-content:space-around;align-items:center;background:rgba(0,0,0,.55);padding:8px 16px;border-bottom:2px solid #2d7a2d;}
.gr-hud-item{text-align:center;}
.gr-label{display:block;font-size:.65em;color:#86efac;text-transform:uppercase;letter-spacing:.08em;}
.gr-val{display:block;font-size:1.3em;font-weight:700;color:#fff;}
#gr-canvas{display:block;width:100%;cursor:none;}
.gr-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;}
.gr-hidden{display:none!important;}
.gr-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%;}
.gr-title{font-size:1.8em;font-weight:800;color:#4ade80;margin-bottom:8px;}
.gr-sub{color:#bbf7d0;font-size:.95em;margin:0 0 16px;}
.gr-diff-row{display:flex;gap:8px;justify-content:center;margin:0 0 18px;}
.gr-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;}
.gr-diff-btn:hover,.gr-diff-active{background:#16a34a;color:#fff;}
.gr-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;}
.gr-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);}
.gr-btn-sec{background:rgba(22,163,74,.2);border:2px solid #16a34a;}
.gr-hint{color:#6ee7b7;font-size:.78em;margin:10px 0 0;}