:root{--ckm-bg:#070b12;--ckm-card:#111722;--ckm-line:#273142;--ckm-text:#f5f7fa;--ckm-muted:#8f9bad;--ckm-orange:#ff6b22;--ckm-green:#41d39a;--ckm-red:#ff5b68}.ckm-shell{min-height:100dvh;background:var(--ckm-bg);color:var(--ckm-text);font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.ckm-wash{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(255,107,34,.13),transparent 38%),radial-gradient(circle at 10% 70%,rgba(59,130,246,.08),transparent 35%)}.ckm-app{position:relative;z-index:1;width:min(100% - 32px,460px);margin:auto;padding:20px 0 80px}.ckm-screen{animation:ckmIn .45s cubic-bezier(.22,1,.36,1)}@keyframes ckmIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.ckm-brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}.ckm-mark{width:30px;height:30px;border:1px solid #4b5567;display:grid;place-items:center;border-radius:8px;font-weight:900;color:var(--ckm-orange)}.ckm-brand small,.ckm-brand b{display:block}.ckm-brand small{font-size:10px;letter-spacing:.18em}.ckm-brand b{font-size:11px;color:var(--ckm-muted);font-weight:500;margin-top:2px}.ckm-eyebrow{margin:46px 0 5px;color:var(--ckm-muted);font-size:14px}.ckm-welcome h1{font-family:Georgia,serif;font-size:clamp(58px,17vw,86px);line-height:.9;letter-spacing:-.065em;margin:0}.ckm-tagline{width:280px;color:var(--ckm-muted);line-height:1.45;margin:18px 0 26px}.ckm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ckm-stats>div,.ckm-mode,.ckm-end-card{background:var(--ckm-card);border:1px solid var(--ckm-line);border-radius:12px;padding:14px}.ckm-stats small{font-size:10px;color:var(--ckm-muted);display:block}.ckm-stats strong{font-size:18px;display:block;margin-top:6px}.ckm-mode{margin:14px 0 20px}.ckm-mode strong,.ckm-mode span{display:block}.ckm-mode span{font-size:12px;color:var(--ckm-muted);margin-top:5px;line-height:1.5}.ckm-primary{border:0;border-radius:12px;background:var(--ckm-orange);color:#fff;font-weight:800;min-height:54px;width:100%;font-size:15px;box-shadow:0 8px 30px rgba(255,107,34,.22);cursor:pointer;transition:transform .15s,filter .15s}.ckm-primary:active{transform:scale(.98)}.ckm-primary:disabled{filter:grayscale(1);opacity:.55}.ckm-fine,.ckm-link{font-size:12px;color:var(--ckm-muted);text-align:center}.ckm-fine{margin:12px 0 2px}.ckm-link{display:block;background:transparent;border:0;margin:0 auto;padding:10px;cursor:pointer}.ckm-error{color:var(--ckm-red);font-size:13px}.ckm-hud{position:sticky;top:0;z-index:4;background:rgba(7,11,18,.9);backdrop-filter:blur(12px);padding:8px 0 14px}.ckm-hud>div{display:flex;justify-content:space-between;gap:8px}.ckm-hud>div span{background:var(--ckm-card);border:1px solid var(--ckm-line);border-radius:9px;padding:10px 12px;font-size:13px}.ckm-hud p{margin:11px 0 3px;font-size:14px}.ckm-hud small{color:var(--ckm-muted)}.ckm-question-wrap{padding-top:22px}.ckm-meta{display:flex;justify-content:space-between;color:var(--ckm-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.ckm-question{font-family:Georgia,serif;font-size:23px;line-height:1.35;white-space:pre-wrap;margin:20px 0}.ckm-options{display:grid;gap:11px}.ckm-option{width:100%;min-height:60px;text-align:left;border:1px solid var(--ckm-line);background:var(--ckm-card);color:var(--ckm-text);border-radius:12px;padding:11px;display:flex;align-items:center;gap:12px;font-size:14px;cursor:pointer;animation:ckmOption .38s both}.ckm-option:nth-child(2){animation-delay:.05s}.ckm-option:nth-child(3){animation-delay:.1s}.ckm-option:nth-child(4){animation-delay:.15s}@keyframes ckmOption{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.ckm-letter{width:34px;height:34px;flex:0 0 34px;border-radius:8px;background:#1c2533;display:grid;place-items:center;font-size:12px}.ckm-option.is-right{border-color:var(--ckm-green);background:rgba(65,211,154,.12);animation:ckmCorrect .45s}.ckm-option.is-wrong{border-color:var(--ckm-red);background:rgba(255,91,104,.12);animation:ckmShake .32s}@keyframes ckmCorrect{50%{box-shadow:0 0 35px rgba(65,211,154,.28);transform:scale(1.015)}}@keyframes ckmShake{25%{transform:translateX(-6px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}.ckm-float{color:var(--ckm-green);font-weight:900;text-align:right;animation:ckmFloat .65s both}@keyframes ckmFloat{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(-8px)}}.ckm-explanation{margin-top:18px;background:var(--ckm-card);border:1px solid var(--ckm-line);border-radius:12px;padding:16px;animation:ckmIn .3s}.ckm-explanation small{color:var(--ckm-muted);text-transform:uppercase;letter-spacing:.08em}.ckm-explanation p{color:#cbd3df;line-height:1.55}.ckm-end{padding-top:50px}.ckm-end>small{color:var(--ckm-muted);letter-spacing:.18em}.ckm-end h2{font-family:Georgia,serif;font-size:52px;margin:8px 0}.ckm-end h2 b{color:var(--ckm-orange)}.ckm-end-card{margin:25px 0}.ckm-end-card dl{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ckm-end-card dt{font-size:11px;color:var(--ckm-muted)}.ckm-end-card dd{font-size:20px;font-weight:800;margin:4px 0 0}.ckm-button-link{display:grid;place-items:center;text-decoration:none}.ckm-dialog{width:min(90vw,420px);border:1px solid var(--ckm-line);background:var(--ckm-card);color:var(--ckm-text);border-radius:16px;padding:24px}.ckm-dialog::backdrop{background:rgba(0,0,0,.72)}.ckm-dialog>button{float:right;background:none;border:0;color:#fff;font-size:24px}.ckm-dialog li{margin:10px 0;color:#cbd3df}.ckm-launcher{position:fixed;right:18px;bottom:20px;z-index:9999;background:#111722;color:#fff!important;border:1px solid #334056;border-radius:14px;padding:11px 15px;text-decoration:none!important;box-shadow:0 12px 40px rgba(0,0,0,.42);display:grid;grid-template-columns:auto 1fr;column-gap:8px}.ckm-launcher span{grid-row:1/3;font-size:23px;align-self:center}.ckm-launcher strong{font-size:13px}.ckm-launcher small{font-size:10px;color:#9aa5b5}@media(max-width:520px){.ckm-app{width:min(100% - 28px,460px)}.ckm-launcher{right:12px;bottom:74px}.ckm-question{font-size:21px}}

/* Arena-integrated Marathon layout: common header + full content + unchanged footer. */
.ck-lms-shell.ck-viewing-marathon .ck-lobby-hero{height:100dvh!important;min-height:640px!important;max-height:none!important;aspect-ratio:auto!important;background:#070b12!important;overflow:hidden!important}
.ck-lms-shell.ck-viewing-marathon .ck-lobby-hero>img{visibility:hidden!important}
.ck-lms-shell.ck-viewing-marathon .ck-lobby-hero:after{display:none!important}
.ck-lms-shell.ck-viewing-marathon .ck-lobby-hud{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;left:0!important;right:0!important;bottom:0!important;z-index:20!important}
.ck-lms-shell.ck-viewing-marathon .ck-lobby-hud>.ck-console-header{flex:0 0 auto!important;border-radius:0!important}
.ck-lms-shell.ck-viewing-marathon .ck-lobby-hud>.ck-home-hud,
.ck-lms-shell.ck-viewing-marathon .ck-lobby-hud>.ck-home-popover,
.ck-lms-shell.ck-viewing-marathon .ck-lobby-hud>.ck-war-announcement{display:none!important}
.ck-lms-shell.ck-viewing-marathon .ck-lobby-hud>.ck-marathon-view.active{position:relative!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;width:100%!important;margin:0!important;padding:0!important;overflow:auto!important;border:0!important;border-radius:0!important;background:#070b12!important;box-shadow:none!important;backdrop-filter:none!important}
.ck-lms-shell.ck-viewing-marathon .ck-lobby-hud>.ck-app-tabs{flex:0 0 auto!important;border-radius:0!important;position:relative!important;z-index:30!important}
.ck-lms-shell.ck-viewing-marathon .ck-marathon-view .ckm-shell{height:100%!important;min-height:100%!important;overflow:visible!important}
.ck-lms-shell.ck-viewing-marathon .ck-marathon-view .ckm-wash{position:absolute!important}
.ck-lms-shell.ck-viewing-marathon .ck-marathon-view .ckm-app{padding-top:24px!important;padding-bottom:32px!important}