:root{--ccc-bg:#000;--ccc-surface:#1c1c1c;--ccc-surface-2:#2a2a2a;--ccc-border:#3a3a3a;--ccc-text:#fff;--ccc-muted:#c8c8c8;--ccc-dim:#ffffff73;--ccc-accent:#ffc72c;--ccc-accent-text:#222;--ccc-purple:#5e3c6c;--ccc-correct:#56c271;--ccc-wrong:#e03e52;--ccc-font:"Source Sans Pro", sans-serif;--ccc-radius:12px;--ccc-content:880px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--ccc-font);background:var(--ccc-bg);color:var(--ccc-text);-webkit-font-smoothing:antialiased}.ccc{width:100%;height:100%;background:var(--ccc-bg);height:100dvh;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.ccc-stage{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.ccc-stage:after{content:"";pointer-events:none;z-index:1;opacity:1;background:radial-gradient(55% 60% at 18% 48%,#0000008c 0%,#0000 68%),linear-gradient(95deg,#000000c7 0%,#0000006b 22%,#0000001f 38%,#0000 52%),linear-gradient(#00000059 0%,#0000 22%,#0000 78%,#00000080 100%);transition:opacity .45s;position:absolute;top:0;bottom:0;left:0;right:0}.ccc.is-playing .ccc-stage:after{opacity:.4;background:linear-gradient(#0000008c 0%,#0000 14%,#0000 86%,#0009 100%)}.ccc-bg{pointer-events:none;z-index:0;opacity:1;background-color:#000;background-image:url(https://calibrite.com/wp-content/uploads/2026/08/ccc-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity .45s;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:699px){.ccc-bg{background-image:url(https://calibrite.com/wp-content/uploads/2026/08/ccc-bg-mobile.png);background-position:bottom}}.ccc.is-playing .ccc-bg,.ccc.is-result .ccc-bg{opacity:0}.ccc-app{z-index:2;-webkit-overflow-scrolling:touch;width:100%;height:100%;padding:max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));flex-direction:column;display:flex;position:relative;overflow-x:hidden;overflow-y:auto}.ccc.is-playing .ccc-app{overflow:hidden}.ccc-logo{width:100%;max-width:min(220px,58vw);height:auto;margin-bottom:1.35rem;display:block}.ccc-btn{font-family:var(--ccc-font);letter-spacing:.02em;cursor:pointer;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,filter .2s,transform .15s;display:inline-flex}.ccc-btn--primary{background:var(--ccc-accent);color:var(--ccc-accent-text);font-family:var(--ccc-font);letter-spacing:.1em;align-self:flex-start;padding:14px 28px;font-size:18px;font-weight:700}.ccc-btn--primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.ccc-btn--ghost{border-color:var(--ccc-border);color:var(--ccc-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2a2a2ad9}.ccc-btn--ghost:hover{background:#323232;border-color:#ffffff47}.ccc-btn--play{text-transform:none;gap:12px}.ccc-btn--primary.ccc-btn--play{letter-spacing:.1em;padding:14px 28px;font-size:18px;font-weight:700}.ccc-btn-play-ico{border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent var(--ccc-accent-text);width:0;height:0}.ccc-rules{flex-wrap:wrap;gap:.55rem 1.1rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.ccc-rules li{color:var(--ccc-muted);letter-spacing:.02em;font-size:13px}.ccc-rules strong{color:var(--ccc-accent);font-weight:700}.ccc-intro{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:640px;min-height:100%;padding:1rem 0 2rem;display:flex;position:relative}@media (max-width:899px){.ccc-intro{text-align:center;justify-content:flex-start;align-items:center;max-width:none;padding-top:max(1.5rem,min(8vh,3.5rem))}.ccc-intro .ccc-desc{max-width:36ch}.ccc-intro .ccc-btn--primary{align-self:center}.ccc-rules{justify-content:center}}@media (min-width:900px){.ccc-intro{max-width:560px;margin-left:max(1rem,min(7vw,5.5rem))}}.ccc-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ccc-accent);text-shadow:0 1px 12px #0006;margin-bottom:.85rem;font-size:11px;font-weight:700}.ccc-title{text-shadow:0 4px 32px #0000008c;margin-bottom:.85rem;font-size:max(28px,min(5vw,40px));font-weight:200;line-height:1.15}.ccc-title strong{font-weight:600}.ccc-desc{color:var(--ccc-muted);text-shadow:0 2px 18px #00000080;max-width:38ch;margin-bottom:1.75rem;font-size:17px;line-height:1.65}.ccc-play{width:100%;max-width:var(--ccc-content);flex-direction:column;min-height:0;margin:0 auto;padding-top:.25rem;padding-bottom:2rem;display:flex}.ccc.is-playing .ccc-play{flex:1;height:100%;max-height:100%;padding-bottom:.5rem}.ccc-play-body{flex-direction:column;flex:1;gap:1.1rem;min-height:0;display:flex}.ccc-play.is-enter{animation:.32s ccc-round-in}.ccc-play.is-urgent .ccc-timer-readout,.ccc-timer-readout.is-urgent{color:var(--ccc-wrong)}@keyframes ccc-round-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ccc-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ccc-hud{grid-template-columns:auto 1fr auto;align-items:start;gap:1rem 1.25rem;margin-bottom:1.15rem;display:grid}.ccc-hud-score,.ccc-hud-time{flex-direction:column;gap:4px;min-width:4.75rem;padding-top:2px;display:flex}.ccc-hud-time{text-align:right;align-items:flex-end}.ccc-hud-l{text-transform:uppercase;letter-spacing:.12em;color:var(--ccc-dim);font-size:11px;font-weight:700}.ccc-hud-v,.ccc-hud-step{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.1}.ccc-hud-of{color:var(--ccc-dim);font-size:.75em;font-weight:400}.ccc-hud-mid{min-width:0}.ccc-hud-roundline{justify-content:center;align-items:baseline;gap:.75rem;margin-bottom:8px;display:flex}.ccc-pips{flex-wrap:nowrap;gap:2px;margin-bottom:10px;display:flex;overflow:hidden}.ccc-pip{background:#ffffff1f;border-radius:1px;flex:1;min-width:0;height:3px}.ccc-pip.is-now{background:var(--ccc-accent)}.ccc-pip.is-done{background:#ffffff73}.ccc-timer-row{align-items:center;gap:.65rem;display:flex}.ccc-tbar-wrap{background:#ffffff14;border-radius:3px;flex:1;min-width:0;height:6px;position:relative;overflow:hidden}.ccc-tbar-wrap.is-urgent{box-shadow:0 0 0 1px #e03e5273}.ccc-tbar{border-radius:3px;height:100%;transition:width 80ms linear,background .25s}.ccc-timer-readout{letter-spacing:.04em;min-width:2.1rem;color:var(--ccc-muted);font-variant-numeric:tabular-nums;text-align:right;flex:none;margin:0;font-size:13px;font-weight:700;line-height:1}.ccc-patch-grid{grid-template-columns:repeat(6,1fr);gap:max(4px,min(1vw,8px));margin-bottom:1.1rem;display:grid}.ccc-play-body .ccc-patch-grid{margin-bottom:0}.ccc-patch{aspect-ratio:1;cursor:default;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #0000;border-radius:4px;padding:0;transition:border-color .18s,transform .2s,opacity .2s,box-shadow .2s;position:relative}.ccc-patch.is-active{z-index:2;border-color:#fff;transform:scale(1.08);box-shadow:0 0 0 3px #ffc72c66,0 8px 24px #00000073}.ccc-patch-num{font-size:max(11px,min(2vw,14px));font-weight:700;line-height:1;position:absolute;bottom:4px;right:5px}.ccc-qcard{border:1px solid var(--ccc-border);border-radius:var(--ccc-radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1c1ce0;padding:1.15rem 1.2rem 1.25rem;position:relative;overflow:hidden}.ccc-feedback{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;pointer-events:none;background:#131313b8;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;animation:.25s ccc-feedback-in;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.ccc-feedback--correct{background:#56c2712e}.ccc-feedback--wrong{background:#e03e5233}.ccc-feedback--skip{background:#d67e2c33}.ccc-feedback-label{letter-spacing:.04em;text-transform:uppercase;font-size:max(28px,min(5vw,40px));font-weight:700}.ccc-feedback--correct .ccc-feedback-label{color:var(--ccc-correct)}.ccc-feedback--wrong .ccc-feedback-label{color:var(--ccc-wrong)}.ccc-feedback--skip .ccc-feedback-label{color:#d67e2c}.ccc-feedback-pts{color:var(--ccc-accent);font-size:18px;font-weight:700;animation:.45s ccc-pts-pop}@keyframes ccc-feedback-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes ccc-pts-pop{0%{opacity:0;transform:translateY(8px)scale(.8)}60%{opacity:1;transform:translateY(-2px)scale(1.12)}to{transform:translateY(0)scale(1)}}.ccc-countdown{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100%;display:flex;position:relative}.ccc-countdown-n{letter-spacing:-.04em;color:var(--ccc-text);text-shadow:none;z-index:1;font-size:max(88px,min(22vw,160px));font-weight:700;line-height:1;animation:.55s ccc-count-pop;position:relative}.ccc-countdown-n.is-go{color:var(--ccc-accent);letter-spacing:.08em;font-size:max(72px,min(18vw,120px))}.ccc-countdown-sub{letter-spacing:.16em;text-transform:uppercase;color:var(--ccc-muted);z-index:1;margin-top:.75rem;font-size:13px;font-weight:700;position:relative}@keyframes ccc-count-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.ccc.flash-correct:before,.ccc.flash-wrong:before,.ccc.flash-skip:before{content:"";z-index:50;pointer-events:none;animation:.4s ccc-flash;position:absolute;top:0;bottom:0;left:0;right:0}.ccc.flash-correct:before{background:radial-gradient(circle,#56c27147,#0000 55%)}.ccc.flash-wrong:before{background:radial-gradient(circle,#e03e524d,#0000 55%)}.ccc.flash-skip:before{background:radial-gradient(circle,#d67e2c40,#0000 55%)}.ccc.shake{animation:.4s ccc-shake}@keyframes ccc-flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes ccc-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.ccc-prompt{align-items:center;gap:14px;margin-bottom:.35rem;display:flex}.ccc-prompt-swatch{border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;width:52px;height:52px;box-shadow:0 6px 18px #00000059}.ccc-q-eye{text-transform:uppercase;letter-spacing:.14em;color:var(--ccc-dim);margin-bottom:6px;font-size:11px;font-weight:700}.ccc-q-text{font-size:max(18px,min(2.8vw,24px));font-weight:600;line-height:1.3}.ccc-q-text strong{font-weight:700}.ccc-q-hint{color:#0000;min-height:18px;margin:.55rem 0 .9rem;padding-left:66px;font-size:13px;font-style:italic;transition:color .4s}.ccc-q-hint.is-visible{color:var(--ccc-muted)}.ccc-q-opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ccc-opt{border:1px solid var(--ccc-border);font-size:14px;font-family:var(--ccc-font);color:var(--ccc-text);cursor:pointer;text-align:left;background:#2a2a2ae6;border-radius:0;align-items:center;gap:10px;padding:12px 14px;line-height:1.35;transition:background .15s,border-color .15s,transform .12s;display:flex}.ccc-opt:hover:not(:disabled){background:#323232;border-color:#ffffff47;transform:translateY(-1px)}.ccc-opt:disabled{cursor:default}.ccc-opt-key{color:#ffffffbf;background:0 0;border:1px solid #ffffff47;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.ccc-opt-label{flex:1}.ccc-opt.is-correct-ans{border-color:var(--ccc-correct);background:#56c27129}.ccc-opt.is-correct-ans .ccc-opt-key{background:var(--ccc-correct);color:#131313}.ccc-opt.is-wrong-ans{border-color:var(--ccc-wrong);background:#e03e5229}.ccc-opt.is-wrong-ans .ccc-opt-key{background:var(--ccc-wrong);color:#fff}.ccc-result{width:100%;max-width:var(--ccc-content);margin:0 auto;padding:.75rem 0 3rem;animation:.45s ccc-fade-up}.ccc-result-primary{min-width:0}.ccc-result-hero{text-align:left;text-shadow:0 4px 28px #00000073;max-width:520px;margin-bottom:1.75rem}.ccc-r-score{letter-spacing:-.03em;margin-bottom:.85rem;font-size:max(64px,min(12vw,96px));font-weight:600;line-height:.95}.ccc-r-denom{color:var(--ccc-muted);font-size:.42em;font-weight:300}.ccc-r-meta{color:var(--ccc-muted);letter-spacing:.01em;margin:-.35rem 0 1rem;font-size:14px}.ccc-r-tier{letter-spacing:-.02em;text-transform:none;color:#fff;margin-bottom:.85rem;padding:0;font-size:max(28px,min(5.5vw,44px));font-weight:600;line-height:1.15;display:block;background:0 0!important}.ccc-r-tier--boss{color:var(--ccc-accent)}.ccc-r-tier--committed{color:#9db8ff}.ccc-r-tier--aware{color:#f0b27a}.ccc-r-tier--curious{color:#c9a0d4}.ccc-r-tier-desc{color:var(--ccc-muted);max-width:36ch;margin-bottom:0;font-size:16px;line-height:1.55}.ccc-r-stats{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:1.25rem 1.75rem;padding-top:1rem;display:flex}.ccc-r-stats div{flex-direction:column;gap:2px;display:flex}.ccc-r-stats strong{font-size:18px;font-weight:600}.ccc-r-stats span{letter-spacing:.08em;text-transform:uppercase;color:var(--ccc-dim);font-size:11px;font-weight:600}.ccc-rchart-wrap{margin-bottom:1.75rem}.ccc-bd-label{text-transform:uppercase;letter-spacing:.12em;color:var(--ccc-dim);margin:0 0 .65rem;font-size:10px;font-weight:700}.ccc-rchart{grid-template-columns:repeat(6,1fr);gap:6px;max-width:420px;display:grid}.ccc-rchart-patch{aspect-ratio:1;border:2px solid #0000;border-radius:4px;position:relative}.ccc-rchart-patch span{font-size:max(9px,min(1.5vw,11px));font-weight:700;line-height:1;position:absolute;bottom:2px;right:3px}.ccc-rchart-patch.is-correct{border-color:var(--ccc-correct);box-shadow:0 0 0 1px #56c27159}.ccc-rchart-patch.is-wrong{border-color:var(--ccc-wrong);opacity:.75}.ccc-rchart-patch.is-skipped{opacity:.28;filter:grayscale(.5)}.ccc-rchart-legend{color:var(--ccc-muted);flex-wrap:wrap;gap:1rem;margin-top:.75rem;font-size:12px;display:flex}.ccc-rchart-legend span{align-items:center;gap:6px;display:inline-flex}.ccc-leg{border:2px solid #0000;border-radius:2px;width:10px;height:10px;display:inline-block}.ccc-leg--ok{border-color:var(--ccc-correct);background:#469449}.ccc-leg--no{border-color:var(--ccc-wrong);background:#af363c}.ccc-leg--sk{opacity:.5;background:#555}.ccc-result-actions{min-width:0;max-width:640px}@media (min-width:900px){.ccc-result{grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:start;gap:2rem 2.75rem;max-width:min(1100px,100%);display:grid}.ccc-result-hero{max-width:none;margin-bottom:2rem}.ccc-rchart-wrap{margin-bottom:0}.ccc-result-actions{max-width:none;position:-webkit-sticky;position:sticky;top:.5rem}.ccc.is-playing .ccc-play{max-width:min(920px,100%);margin:0 auto}.ccc-play-body{flex-direction:column;flex:1;align-items:stretch;gap:1rem;min-height:0;display:flex}.ccc-play-body .ccc-patch-grid{align-self:center;gap:max(4px,min(.7vw,8px));width:min(100%,560px);max-width:100%}.ccc-play-body .ccc-qcard{flex-direction:column;gap:.65rem;width:100%;height:auto;max-height:none;padding:1rem 1.1rem 1.05rem;display:flex;overflow:visible}.ccc-play-body .ccc-q-opts{grid-template-columns:1fr 1fr;gap:8px;margin-top:0}.ccc-play-body .ccc-opt{padding:10px 12px}.ccc-play-body .ccc-q-hint{min-height:0;margin:0;padding-left:66px}.ccc-play-body .ccc-prompt{margin-bottom:0}.ccc-play .ccc-hud{flex-shrink:0;margin-bottom:.85rem}.ccc-rchart{gap:8px;max-width:560px}.ccc-signup-logo{display:block}}.ccc-share-row{gap:8px;margin-bottom:1rem;display:flex}.ccc-share-row .ccc-btn{flex:1;padding:12px}.ccc-share-ico{line-height:0;display:none}.ccc-share-ico svg{display:block}.ccc-r-score-row{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.ccc-r-score-row .ccc-r-score{margin-bottom:0}.ccc-share-row--mobile{display:none}.ccc-result-under-chart{max-width:560px;margin:0 0 1.5rem}.ccc-signup-logo{width:100%;max-width:180px;height:auto;margin:0 0 .35rem;display:none}@media (max-width:699px){.ccc-share-row--mobile{flex:none;gap:6px;margin:0;display:flex}.ccc-share-row--mobile .ccc-btn{flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0}.ccc-share-row--mobile .ccc-share-ico{display:block}.ccc-share-row--desktop,.ccc-share-desktop-label{display:none}}@media (min-width:700px){.ccc-share-row--desktop .ccc-share-ico{display:none}}.ccc-signup{border:1px solid var(--ccc-border);border-radius:var(--ccc-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1c1ce0;flex-direction:column;gap:.85rem;margin-bottom:.75rem;padding:1.1rem 1.15rem 1rem;display:flex}.ccc-signup-title{margin-bottom:2px;font-size:15px;font-weight:700}.ccc-signup-desc{color:var(--ccc-muted);margin:0;font-size:13px;line-height:1.45}.ccc-signup-embed{background:0 0;width:100%}.ccc-signup-frame{background-color:#0000;border:0;width:100%;display:block}.newsletter-embed{height:280px;min-height:280px;overflow:hidden}.ccc-signup.is-expanded .ccc-signup-logo{display:none!important}.ccc-signup-fallback{text-align:center;margin:0;font-size:12px}.ccc-signup-fallback a{color:var(--ccc-muted);text-underline-offset:2px;text-decoration:underline}.ccc-signup-fallback a:hover{color:var(--ccc-text)}.ccc-toast{background:var(--ccc-correct);color:#131313;opacity:0;pointer-events:none;z-index:100;padding:10px 20px;font-size:13px;font-weight:600;transition:opacity .3s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.ccc-toast.is-show{opacity:1}@media (max-width:560px){.ccc-q-opts{grid-template-columns:1fr}.ccc-q-hint{padding-left:0}.ccc-hud{grid-template-columns:1fr 1fr;gap:.65rem 1rem}.ccc-hud-mid{order:-1;grid-column:1/-1}.ccc-hud-time{text-align:left;align-items:flex-start}.ccc-signup{text-align:left}.ccc-r-stats{gap:1rem 1.25rem}}@media (prefers-reduced-motion:reduce){.ccc-play,.ccc-result,.ccc-play.is-enter,.ccc-countdown-n,.ccc-feedback,.ccc-feedback-pts,.ccc.shake{animation:none}.ccc-btn--primary:hover,.ccc-opt:hover:not(:disabled){transform:none}}.ccc-debug{z-index:9999;color:#eee;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c0ceb;border:1px solid #ffffff2e;width:min(320px,100vw - 24px);padding:10px 12px;font:600 11px/1.3 Source Sans Pro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:fixed;bottom:12px;left:12px}.ccc-debug-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.ccc-debug-title{text-transform:uppercase;letter-spacing:.12em;color:#af363c}.ccc-debug-hint{opacity:.45;font-weight:400}.ccc-debug-row{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.ccc-debug-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff38;padding:5px 8px}.ccc-debug-btn:hover{background:#ffffff24}.ccc-debug-btn--accent{background:#af363c40;border-color:#af363c}.ccc-debug-lang,.ccc-debug-score{opacity:.9;align-items:center;gap:6px;margin-top:4px;display:flex}.ccc-debug-lang{margin:0 0 8px}.ccc-debug-lang select,.ccc-debug-score input{color:#fff;font:inherit;background:#111;border:1px solid #ffffff38;padding:4px 6px}.ccc-debug-lang select{cursor:pointer;flex:1;min-width:0}.ccc-debug-score input{width:4.5rem}