.rp{margin:0;min-height:100vh;background:#17120d linear-gradient(180deg,#221a12 0,#17120d 420px);color:#efe2c8;font:16px/1.5 "Gill Sans","Gill Sans MT","Trebuchet MS",sans-serif}
.rp *{box-sizing:border-box}
.rp a{color:#f0b54e}
.rp-top{display:flex;align-items:center;gap:14px;max-width:880px;margin:0 auto;padding:20px 18px 8px}
.rp-id p{margin:0}
.rp-name{font-size:24px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}
.rp-tag{color:#a8957a;font-size:13px;letter-spacing:.12em}
.rp-deck{max-width:880px;margin:0 auto;padding:12px 18px 8px}
.rp-h{margin:10px 0 18px;color:#d8c7a6;font-size:20px;font-weight:400;letter-spacing:.04em}
.rp-panel{padding:22px;border-radius:14px;background:linear-gradient(145deg,#3a2c1f,#2a1f16);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 40px rgba(0,0,0,.45);border:1px solid #4d3a28}
.rp-lcd{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:18px;min-height:110px;padding:16px 20px;border-radius:8px;background:#b9c48a;color:#1f2612;box-shadow:inset 0 3px 10px rgba(0,0,0,.45);font-family:"Courier New",Courier,monospace;overflow:hidden}
.rp-ch{grid-row:1/3;align-self:center;font-size:30px;font-weight:700;letter-spacing:.05em}
.rp-st{font-size:24px;line-height:1.2;text-transform:uppercase;overflow-wrap:anywhere}
.rp-msg{font-size:14px}
.rp-eq{position:absolute;right:16px;top:14px;display:flex;align-items:flex-end;gap:3px;height:22px}
.rp-eq i{width:4px;height:4px;background:#1f2612;opacity:.5}
.rp-on .rp-eq i{animation:rp-bounce .9s ease-in-out infinite alternate;opacity:.85}
.rp-on .rp-eq i:nth-child(2){animation-delay:.15s}
.rp-on .rp-eq i:nth-child(3){animation-delay:.3s}
.rp-on .rp-eq i:nth-child(4){animation-delay:.1s}
.rp-on .rp-eq i:nth-child(5){animation-delay:.25s}
.rp-on .rp-eq i:nth-child(6){animation-delay:.05s}
@keyframes rp-bounce{from{height:4px}to{height:22px}}
.rp-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.rp-key{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:1px solid #5c4630;border-radius:8px;background:linear-gradient(#4a3826,#35281b);color:#efe2c8;font:inherit;text-align:left;cursor:pointer;box-shadow:0 3px 0 #120d09}
.rp-key b{color:#f0b54e;font-family:"Courier New",monospace;font-size:13px}
.rp-key span{font-size:15px;line-height:1.25}
.rp-key[aria-pressed="true"]{transform:translateY(2px);box-shadow:0 1px 0 #120d09;border-color:#f0b54e;background:linear-gradient(#5b4430,#402f20)}
.rp-key:focus-visible,.rp-power:focus-visible{outline:2px solid #f0b54e;outline-offset:3px}
.rp-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.rp-power{min-width:150px;padding:12px 22px;border:0;border-radius:40px;background:#f0b54e;color:#241a12;font-family:inherit;font-size:16px;font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.rp-power:disabled{opacity:.45;cursor:default}
.rp-power[aria-pressed="true"]{background:#c9492f;color:#fff}
.rp-vol{display:flex;align-items:center;gap:10px;color:#a8957a;font-size:14px}
.rp-vol input{width:160px;accent-color:#f0b54e}
.rp-about{max-width:880px;margin:0 auto;padding:26px 18px 0}
.rp-h2{margin:0 0 10px;color:#a8957a;font-size:14px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.rp-dl{margin:0}
.rp-dl dt{margin-top:16px;font-size:19px;font-weight:700}
.rp-dl dt small{margin-left:8px;color:#a8957a;font-size:13px;font-weight:400}
.rp-dl dd{margin:2px 0 0;color:#d8c7a6}
.rp-foot{max-width:880px;margin:30px auto 0;padding:16px 18px 40px;border-top:1px solid #3a2c1f;color:#8d7c63;font-size:13px}
@media (max-width:640px){
.rp-keys{grid-template-columns:1fr}
.rp-key{flex-direction:row;align-items:center;gap:12px}
.rp-lcd{grid-template-columns:1fr;padding:14px}
.rp-ch{grid-row:auto;font-size:20px}
.rp-st{font-size:20px;padding-right:44px}
.rp-panel{padding:14px}
.rp-name{font-size:20px;letter-spacing:.2em}
}