#screen-pk .keeper-shell{max-width:820px;margin:0 auto;color:#214b59}
.keeper-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.keeper-header h2{margin:2px 0;font-size:clamp(19px,4.6vw,27px);letter-spacing:-.04em}.keeper-header p{margin:0;font-size:12px;color:#63808b}.keeper-header small{font-size:10px;letter-spacing:.18em;color:#c58754;font-weight:900}.keeper-header .ghost-btn{flex:none;padding:10px 14px}
.keeper-hud{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.keeper-hud>div{background:#fffdf7;border:1px solid #dae7e5;border-radius:14px;padding:9px 5px;text-align:center;box-shadow:0 3px 0 #e0e9e6}.keeper-hud span{display:block;font-size:9px;font-weight:800;letter-spacing:.1em;color:#7c9297}.keeper-hud b{font-size:20px}
.keeper-court{position:relative;overflow:hidden;border-radius:25px;border:2px solid #357d88;background:#c6efed;box-shadow:0 7px 0 #c9dcda}.keeper-court canvas{display:block;width:100%;height:auto;touch-action:none;user-select:none;cursor:grab;outline-offset:-5px}.keeper-court canvas:active{cursor:grabbing}
.keeper-help{position:absolute;bottom:13px;left:0;right:0;text-align:center;pointer-events:none;font-size:11px;color:#fff;text-shadow:0 1px 4px #174356;font-weight:800}
.keeper-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#163e554f;backdrop-filter:blur(4px);padding:20px}.keeper-overlay[hidden]{display:none}.keeper-dialog{width:min(100%,360px);text-align:center;background:#fffdf5;border:3px solid #fff;border-radius:27px;padding:27px 23px;box-shadow:0 12px 45px #16384d38}.keeper-dialog>small{color:#ba8757;font-size:10px;font-weight:900;letter-spacing:.2em}.keeper-dialog h3{font-size:27px;line-height:1.3;margin:10px 0;color:#255d65}.keeper-dialog p{font-size:13px;line-height:1.9;color:#648087}.keeper-dialog button{width:100%;border:0;border-radius:15px;background:#e78668;color:#fff;font-weight:900;font-size:16px;padding:14px;box-shadow:0 5px 0 #ba624d;margin-top:8px;cursor:pointer}.keeper-dialog button:active{transform:translateY(3px);box-shadow:0 2px 0 #ba624d}
.keeper-panel{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:17px;background:#fffdf7;border-radius:17px;padding:13px 15px}.keeper-panel p{margin:3px 0 0;font-size:11px;color:#718b90;line-height:1.5}.keeper-panel strong{font-size:14px}.keeper-rounds{display:flex;gap:5px;flex-wrap:wrap;margin:14px 4px}.keeper-rounds span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900;color:#789599;background:#e6efec}.keeper-rounds .current{outline:2px solid #d9936e;outline-offset:2px}.keeper-rounds .catch{color:#fff;background:#438e89}.keeper-rounds .parry{color:#fff;background:#79a9ad}.keeper-rounds .goal{color:#b06565;background:#f6dfdb}.keeper-instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.keeper-instructions>div{padding:13px 10px;background:#edf5f3;border-radius:14px}.keeper-instructions b{font-size:12px}.keeper-instructions p{font-size:11px;line-height:1.7;color:#738b91;margin:5px 0 0}
@media(max-width:540px){.keeper-header{gap:8px}.keeper-header p{font-size:10px}.keeper-header .ghost-btn{padding:9px}.keeper-hud b{font-size:17px}.keeper-court{border-radius:20px}.keeper-instructions{gap:6px}.keeper-instructions>div{padding:10px 8px}.keeper-instructions b{font-size:11px}.keeper-instructions p{font-size:10px}.keeper-dialog{padding:20px}.keeper-dialog h3{font-size:24px}.keeper-help{font-size:9px;bottom:9px}}