/* 삐삐 숫자 암호: 친구에게 삐삐 치기, 받은 삐삐 화면, 암호 사전 */
.pg-lcd{display:block;width:100%;max-width:280px;height:66px;margin:4px auto 8px;border-radius:10px;background:linear-gradient(#b3c993,#9fb87e);box-shadow:inset 0 0 0 2px rgba(0,0,0,.3)}
.pg-row{display:flex;gap:8px;margin-top:6px}
.pg-row input{flex:1;min-width:0;font-size:17px;font-weight:800;letter-spacing:2px;padding:10px 12px;border:1.5px solid #d9d2c4;border-radius:10px;background:#fff;font-variant-numeric:tabular-nums}
.pg-row button{flex:0 0 auto;padding:10px 14px;border-radius:10px;font-size:14px;margin:0;width:auto;background:var(--tg);border-color:var(--tg);color:#fff}
.pg-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.pg-chip{width:auto!important;max-width:none!important;margin:0!important;padding:4px 9px!important;font-size:12px!important;border-radius:14px!important;background:#f4f1ea;border:1px solid #e0d8c8;color:#4a453f;font-weight:600}
.pg-chip b{font-variant-numeric:tabular-nums;color:#2b2a28;margin-right:2px}
.pg-msg{font-size:12.5px;color:#2f8a4a;margin:6px 0 0;min-height:1em;line-height:1.5}
#pg-recv{z-index:6;background:rgba(36,39,43,.96);color:#fff}
#pg-recv h2{color:#fff}
#pg-recv .tg-sub{color:#c9c4bb}
#pg-recv .pg-lcd{height:84px;max-width:290px}
#pg-recv .pg-ans{display:none;background:#fff;color:#2b2a28;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.6;max-width:290px;margin-top:10px;text-align:left}
#pg-recv .tg-link{color:#fff;border-color:#6b6760}
.pg-ring{font-size:13px;font-weight:800;color:#ff8a6a;letter-spacing:1px;margin-bottom:4px}
.pg-book{margin:22px auto 0;max-width:980px}
.pg-book h2{font-size:20px;margin:0 0 4px;letter-spacing:-.4px}
.pg-book>p{margin:0 0 10px;color:#77706a;font-size:13.5px;line-height:1.6}
.pg-dict{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.pg-dict li{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #e6e0d4;border-radius:12px;padding:9px 11px}
.pg-num{flex:0 0 auto;min-width:64px;text-align:center;font-weight:800;font-size:14px;letter-spacing:1px;font-variant-numeric:tabular-nums;color:#1d2a17;background:linear-gradient(#b3c993,#9fb87e);border-radius:7px;padding:4px 6px}
.pg-m{display:flex;flex-direction:column;font-size:13.5px;line-height:1.45}
.pg-m small{color:#77706a;font-size:12px;margin-top:2px}
.pg-src{font-size:11.5px;color:#8a8378;margin:10px 0 0;line-height:1.6}
.pg-src a{color:inherit}
