/* OnlineTools Kenya game passport UI 1.0.0 — save toggle and progress card in the site's tokens, matching Game Kit 1.10. */
.otk-play-save,.otk-play-card{--play-blue:#0053e2;--play-ink:#142642;--play-muted:#52657e;--play-soft:#edf4ff;--play-panel:#f5f8fc;--play-amber:#e39b12;color:var(--play-ink)}
.otk-play-save{display:grid;gap:4px;margin:14px 0;padding:12px 16px;border-radius:13px;background:var(--play-panel)}
/* Host tools style labels and inputs broadly (full-width fields, stacked labels); the toggle keeps its own row. */
.otk-play-save .otk-play-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;width:auto;margin:0;font-size:14px;font-weight:650;color:var(--play-ink);cursor:pointer;line-height:1.4}
.otk-play-save .otk-play-toggle input[type=checkbox]{display:inline-block!important;flex:0 0 18px!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:0!important;margin:0!important;padding:0!important;accent-color:var(--play-blue)}
.otk-play-save .otk-play-toggle span{flex:1 1 auto;min-width:0}
.otk-play-level{font-size:12px;font-weight:650;color:var(--play-blue)}
.otk-play-note{margin:0;font-size:12px;line-height:1.55;color:var(--play-muted)}
.otk-play-card{display:grid;gap:8px;justify-items:start;margin:14px 0;padding:14px 16px;border-radius:12px;background:var(--play-soft)}
.otk-play-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:0}
.otk-play-icon svg{width:16px;height:16px}
.otk-play-stars{display:flex;gap:6px}
.otk-play-stars .otk-play-icon{color:#cfd8e5;animation:otk-play-star .45s ease-out both}
.otk-play-stars .otk-play-icon svg{width:30px;height:30px}
.otk-play-stars .otk-play-icon:nth-child(2){animation-delay:.18s}.otk-play-stars .otk-play-icon:nth-child(3){animation-delay:.36s}
.otk-play-stars .is-on{color:var(--play-amber)}
.otk-play-stars .is-on svg{fill:currentColor}
@keyframes otk-play-star{from{transform:scale(0)}to{transform:scale(1)}}
.otk-play-xp{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.otk-play-xp strong{font-size:17px;color:var(--play-blue)}
.otk-play-xp span{font-size:13px;color:var(--play-muted)}
.otk-play-bar{display:block;width:min(100%,420px);height:6px;border-radius:99px;background:#dfe7f3;overflow:hidden}
.otk-play-bar span{display:block;height:100%;border-radius:inherit;background:var(--play-blue)}
.otk-play-ribbons{display:flex;flex-wrap:wrap;gap:6px}
.otk-play-ribbon{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 10px;border-radius:99px;background:#fff;font-size:12px;font-weight:600}
.otk-play-ribbon .otk-play-icon{color:var(--play-blue)}
@media (prefers-reduced-motion:reduce){.otk-play-stars .otk-play-icon{animation:none}}

/* dark-mode:start — generated by scripts/dark-mode.py from build/play-assets/passport.css; do not edit by hand */
@media screen{
 html[data-theme="dark"] .otk-play-save:not([data-otk-paper],[data-otk-paper] *),
html[data-theme="dark"] .otk-play-card:not([data-otk-paper],[data-otk-paper] *){--play-ink:#f6f6f6;--play-muted:#ababab;--play-soft:#292929;--play-panel:#191919;color:#f6f6f6}
 html[data-theme="dark"] .otk-play-save:not([data-otk-paper],[data-otk-paper] *){background:#191919}
 html[data-theme="dark"] .otk-play-save .otk-play-toggle:not([data-otk-paper],[data-otk-paper] *){color:#f6f6f6}
 html[data-theme="dark"] .otk-play-level:not([data-otk-paper],[data-otk-paper] *){color:#80abf7}
 html[data-theme="dark"] .otk-play-note:not([data-otk-paper],[data-otk-paper] *){color:#ababab}
 html[data-theme="dark"] .otk-play-card:not([data-otk-paper],[data-otk-paper] *){background:#292929}
 html[data-theme="dark"] .otk-play-stars .otk-play-icon:not([data-otk-paper],[data-otk-paper] *){color:#cfd8e5}
 html[data-theme="dark"] .otk-play-stars .is-on:not([data-otk-paper],[data-otk-paper] *){color:#e39b12}
 html[data-theme="dark"] .otk-play-stars .is-on svg:not([data-otk-paper],[data-otk-paper] *){fill:currentColor}
 html[data-theme="dark"] .otk-play-xp strong:not([data-otk-paper],[data-otk-paper] *){color:#80abf7}
 html[data-theme="dark"] .otk-play-xp span:not([data-otk-paper],[data-otk-paper] *){color:#ababab}
 html[data-theme="dark"] .otk-play-bar:not([data-otk-paper],[data-otk-paper] *){background:#333333}
 html[data-theme="dark"] .otk-play-bar span:not([data-otk-paper],[data-otk-paper] *){background:#0053e2}
 html[data-theme="dark"] .otk-play-ribbon:not([data-otk-paper],[data-otk-paper] *){background:#212121}
 html[data-theme="dark"] .otk-play-ribbon .otk-play-icon:not([data-otk-paper],[data-otk-paper] *){color:#80abf7}
}
/* dark-mode:end */