.p-keep-time{--ktGreen:#7fd6a0;--ktAmber:#ffb36b}
.p-keep-time .kt-intro{font-size:clamp(1.05rem,2.6vw,1.2rem);line-height:1.55;max-width:60ch;margin:0 0 22px}
.p-keep-time .kt-board{background:#0d1226;border-radius:8px;padding:clamp(10px,2.5vw,18px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.p-keep-time .kt-top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 14px;color:#e9e3d3;margin-bottom:8px}
.p-keep-time .kt-clock{font-size:clamp(1.3rem,4.5vw,1.8rem);letter-spacing:.04em}
.p-keep-time .kt-stats{font-size:.8rem;opacity:.8}
.p-keep-time canvas{display:block;width:100%;height:auto;aspect-ratio:5/3;border-radius:4px;background:#0b1029;cursor:pointer;touch-action:manipulation}
@media (max-width:640px){.p-keep-time canvas{aspect-ratio:4/5}}
.p-keep-time .kt-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px}
.p-keep-time .kt-main{min-height:48px;min-width:min(240px,100%);font-size:1.05rem}
.p-keep-time .kt-main.down{background:#c8553d;color:#fff}
.p-keep-time .kt-main:focus-visible{outline:3px solid var(--ktAmber);outline-offset:3px}
.p-keep-time .kt-status{color:#cfc8b8;font-size:.95rem;line-height:1.4;flex:1 1 220px}
.p-keep-time .kt-h{margin:30px 0 10px}
.p-keep-time .kt-rules{max-width:62ch;line-height:1.6;padding-left:1.2em}
.p-keep-time .kt-rules li{margin:6px 0}
.p-keep-time .kt-notes p{max-width:60ch;line-height:1.6}
.p-keep-time .kt-sign{font-style:italic;color:var(--muted)}