.pclg-banner{display:block;overflow:hidden;border-radius:15px;margin:14px auto;max-width:1200px}.pclg-banner img{width:100%;height:auto;display:block}.pclg-root{font-family:system-ui,-apple-system,'Yu Gothic',Meiryo,sans-serif;color:#132b44;max-width:1200px;margin:auto}.pclg-root *{box-sizing:border-box}.pclg-main{border:1px solid #c9dbe5;border-radius:18px;background:#f5fafe;padding:clamp(12px,3vw,28px)}.pclg-main h2{font-size:clamp(25px,4vw,38px);margin:4px 0}.pclg-main h3{font-size:22px}.pclg-main p{line-height:1.65}.pclg-eyebrow{font-size:12px;font-weight:800;letter-spacing:.11em;color:#1572a3}.pclg-config{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:20px 0}.pclg-config label{font-weight:700;flex:1 1 170px}.pclg-config select{display:block;font:inherit;width:100%;background:white;color:#132b44;padding:11px;border:1px solid #8eabbf;border-radius:9px}.pclg-root button{cursor:pointer;border:0;background:#0864ac;color:#fff;font:700 17px system-ui;padding:12px 18px;border-radius:9px;min-height:48px}.pclg-root button:focus-visible,.pclg-entry:focus-visible,.pclg-root select:focus-visible{outline:3px solid #ffba39;outline-offset:2px}.pclg-root button.pclg-secondary{background:#e0eaf2;color:#163f61}.pclg-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pclg-stats>div{background:#0e314d;color:#fff;border-radius:12px;text-align:center;padding:14px 7px}.pclg-stats span{display:block;font-size:13px;color:#cde9fc}.pclg-stats strong{font-size:clamp(20px,3vw,31px);font-variant-numeric:tabular-nums}.pclg-stage{margin-top:14px;background:white;border-radius:14px;padding:24px 16px;text-align:center;border:1px solid #bdd7e9}.pclg-stage-label{font-size:14px;color:#526a7d}.pclg-prompt{font-size:clamp(25px,4vw,42px);font-weight:800;overflow-wrap:anywhere;letter-spacing:.06em;color:#123958;margin:16px 0}.pclg-progress{min-height:28px;font-size:20px;font-weight:700;color:#087a69;overflow-wrap:anywhere}.pclg-progress .wrong{color:#cf2938;background:#ffe5e7}.pclg-entry-label{display:block;text-align:left;font-weight:700;margin:10px auto 4px;max-width:730px}.pclg-entry{width:100%;max-width:730px;border:2px solid #5d92b8;border-radius:9px;padding:13px;font-size:25px;background:#fff;color:#172f48}.pclg-entry:disabled{background:#eff4f8}.pclg-finger{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0;font-size:19px}.pclg-finger span{color:#2f5c75}.pclg-keyboard{background:#17344d;border-radius:14px;padding:10px;overflow-x:auto}.pclg-keyrow{display:flex;justify-content:center;gap:4px;margin:5px 0;min-width:500px}.pclg-key{width:46px;height:45px;flex:0 0 46px;background:#637387;border-bottom:4px solid #263748;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:800}.pclg-key[data-finger="0"]{background:#8067ba}.pclg-key[data-finger="1"]{background:#4f7fcd}.pclg-key[data-finger="2"]{background:#3b9cc0}.pclg-key[data-finger="3"]{background:#30947b}.pclg-key[data-finger="4"]{background:#77a83e}.pclg-key[data-finger="5"]{background:#c39d25}.pclg-key[data-finger="6"]{background:#c4753e}.pclg-key[data-finger="7"]{background:#b6649b}.pclg-key.pclg-next{box-shadow:0 0 0 4px #fff,0 0 0 7px #ff4c00;transform:translateY(-2px)}.pclg-help,.pclg-note{font-size:13px;color:#475f73}.pclg-record{margin-top:24px;background:#fff;border-radius:14px;padding:15px}.pclg-history{max-height:270px;overflow:auto}.pclg-history table{width:100%;border-collapse:collapse;font-size:14px}.pclg-history th,.pclg-history td{padding:9px;border-bottom:1px solid #dae5ec;text-align:left}.pclg-root .pclg-record button{margin-top:14px}@media(max-width:600px){.pclg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pclg-keyboard{padding:7px}.pclg-finger{font-size:15px}.pclg-config button{flex:1}.pclg-history{overflow-x:auto}}

.pclg-root button:disabled{opacity:.6;cursor:default}
@media(max-width:600px){
 .pclg-config label,.pclg-config button{flex:1 1 100%}
 .pclg-keyrow{min-width:0;gap:2px}
 .pclg-key{flex:0 1 7.5%;width:auto;min-width:0;height:32px;font-size:11px}
 .pclg-key.pclg-next{box-shadow:0 0 0 1px #fff,0 0 0 2px #ff4c00}
}