.prep .cl-wrap{flex-direction:column;gap:clamp(16px,2.4vw,26px);display:flex}.prep .cl-banner{aspect-ratio:1600/600;object-fit:cover;border:1px solid var(--border);background:var(--surface-2);border-radius:18px;width:100%;max-width:780px;height:auto;margin-inline:auto;display:block}.prep .cl-banner--strip{aspect-ratio:1600/300;object-position:center 32%;border-radius:16px}.prep .cl-banner--lobby{aspect-ratio:1983/793}@media (max-width:560px){.prep .cl-banner--strip{aspect-ratio:1600/520}}.prep .cl-hero{border:1px solid var(--border);background:radial-gradient(120% 140% at 12% 0%, color-mix(in srgb, var(--primary) 16%, transparent) 0%, transparent 58%), var(--surface);border-radius:20px;padding:clamp(22px,5vw,44px) clamp(18px,4vw,40px);position:relative;overflow:hidden}.prep .cl-hero-mark{margin-bottom:10px;font-size:clamp(38px,9vw,60px);line-height:1;display:block}.prep .cl-hero h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(27px,6.4vw,46px);font-weight:800;line-height:1.06}.prep .cl-hero h1 .accent{color:var(--primary)}.prep .cl-hero .cl-lede{max-width:54ch;color:var(--text-muted);margin:8px 0 0;font-size:clamp(13.5px,3.2vw,15.5px)}.prep .cl-doors{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:720px){.prep .cl-doors{grid-template-columns:1fr 1fr}}.prep .cl-door{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:18px;flex-direction:column;gap:8px;min-height:132px;padding:clamp(18px,4vw,26px);text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.prep .cl-door:hover,.prep .cl-door:focus-visible{border-color:color-mix(in srgb, var(--primary) 46%, var(--border));box-shadow:0 10px 28px -18px color-mix(in srgb, var(--primary) 70%, transparent);transform:translateY(-2px)}.prep .cl-door:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.prep .cl-door .ic{font-size:26px;line-height:1}.prep .cl-door .t{letter-spacing:-.01em;font-size:17px;font-weight:750}.prep .cl-door .d{color:var(--text-muted);font-size:13.5px}.prep .cl-door .go{color:var(--primary);align-items:center;gap:6px;margin-top:auto;font-size:14px;font-weight:700;display:inline-flex}.prep .cl-door--host{background:linear-gradient(160deg, color-mix(in srgb, var(--primary) 9%, var(--surface)) 0%, var(--surface) 62%)}.prep .cl-codecard{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:20px;padding:clamp(20px,4.4vw,32px)}.prep .cl-code{letter-spacing:.14em;color:var(--text);font-variant-numeric:tabular-nums;word-break:break-all;margin:6px 0 2px;font-size:clamp(40px,13.5vw,74px);font-weight:800;line-height:1.05}.prep .cl-code-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:700}.prep .cl-code-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.prep .cl-qr{justify-content:center;margin-top:16px;display:flex}.prep .cl-qr canvas{background:#fff;border-radius:10px;padding:8px}.prep .cl-players{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:560px){.prep .cl-players{grid-template-columns:1fr 1fr}}@media (min-width:1100px){.prep .cl-players{grid-template-columns:repeat(3,1fr)}}.prep .cl-player{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;animation:.22s both cl-pop;display:flex}.prep .cl-player .av{background:color-mix(in srgb, var(--primary) 16%, var(--surface-2));width:32px;height:32px;color:var(--primary);border-radius:50%;flex:0 0 32px;place-items:center;font-size:13px;font-weight:750;display:grid}.prep .cl-player .nm{overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:620}.prep .cl-player .meta{align-items:center;gap:6px;margin-left:auto;display:flex}.prep .cl-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px}.prep .cl-dot--on{background:#16a34a}.prep .cl-dot--off{background:#d97706}.prep .cl-player .st{color:var(--text-muted);font-size:11px;font-weight:600}@keyframes cl-pop{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}.prep .cl-activity{color:var(--text-muted);flex-direction:column;gap:4px;font-size:12.5px;display:flex}.prep .cl-activity span{animation:.3s both cl-fade}@keyframes cl-fade{0%{opacity:0}to{opacity:1}}.prep .cl-countdown{z-index:60;text-align:center;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;display:grid;position:fixed;inset:0}.prep .cl-countdown .n{color:var(--primary);font-size:clamp(76px,28vw,180px);font-weight:800;line-height:1;animation:.9s both cl-tick}.prep .cl-countdown .lbl{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(14px,4vw,19px);font-weight:700}@keyframes cl-tick{0%{opacity:0;transform:scale(1.5)}30%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(.96)}}.prep .cl-livebar{z-index:12;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);flex-direction:column;gap:7px;padding:10px 0 8px;display:flex;position:sticky;top:0}.prep .cl-livebar-top{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.prep .cl-livebar .ttl{letter-spacing:-.01em;font-size:14px;font-weight:750}.prep .cl-livebar .pos{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px}.prep .cl-livetimer{font-variant-numeric:tabular-nums;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:16px;font-weight:750}.prep .cl-livetimer--low{color:#b91c1c;border-color:color-mix(in srgb, #b91c1c 40%, var(--border));background:color-mix(in srgb, #b91c1c 10%, var(--surface-2))}.prep .cl-progress{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;height:7px;overflow:hidden}.prep .cl-progress i{background:var(--primary);height:100%;transition:width .3s;display:block}.prep .cl-qnav{flex-wrap:wrap;gap:6px;margin:4px 0 2px;display:flex}.prep .cl-qnav button{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-muted);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:9px;font-size:12.5px;font-weight:700}.prep .cl-qnav button[data-done="1"]{background:color-mix(in srgb, var(--primary) 14%, var(--surface));border-color:color-mix(in srgb, var(--primary) 42%, var(--border));color:var(--primary)}.prep .cl-qnav button[aria-current=true]{outline:2px solid var(--primary);outline-offset:1px;color:var(--text)}.prep .cl-qfoot{padding-bottom:env(safe-area-inset-bottom);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.prep .cl-qfoot .sp{margin-left:auto}.prep .cl-podium{grid-template-columns:1fr;gap:10px;margin:4px 0 2px;display:grid}@media (min-width:620px){.prep .cl-podium{grid-template-columns:repeat(3,1fr);align-items:end}}.prep .cl-pod{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:16px;padding:16px 14px}.prep .cl-pod .medal{font-size:30px;line-height:1}.prep .cl-pod .nm{overflow-wrap:anywhere;margin-top:6px;font-weight:750}.prep .cl-pod .sc{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px}@media (min-width:620px){.prep .cl-pod--1{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));padding-block:26px}}.prep .cl-board{flex-direction:column;gap:6px;display:flex}.prep .cl-row{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.prep .cl-row--you{border-color:color-mix(in srgb, var(--primary) 46%, var(--border));background:color-mix(in srgb, var(--primary) 7%, var(--surface))}.prep .cl-row .rk{font-variant-numeric:tabular-nums;width:32px;color:var(--text-muted);flex:0 0 32px;font-weight:800}.prep .cl-row .nm{overflow-wrap:anywhere;min-width:0;font-weight:620}.prep .cl-row .sc{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.prep .cl-row .pc{color:var(--text-muted);text-align:right;width:48px;font-size:12.5px}.prep .cl-stats{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:620px){.prep .cl-stats{grid-template-columns:repeat(4,1fr)}}.prep .cl-stat{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:14px;padding:12px}.prep .cl-stat .v{font-variant-numeric:tabular-nums;font-size:21px;font-weight:800}.prep .cl-stat .k{color:var(--text-muted);font-size:11.5px;font-weight:600}.prep .cl-qbars{flex-direction:column;gap:6px;display:flex}.prep .cl-qbar{align-items:center;gap:10px;font-size:13px;display:flex}.prep .cl-qbar .n{width:36px;color:var(--text-muted);font-variant-numeric:tabular-nums;flex:0 0 36px}.prep .cl-qbar .track{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;flex:auto;min-width:60px;height:10px;overflow:hidden}.prep .cl-qbar .track i{background:var(--primary);height:100%;display:block}.prep .cl-qbar .track i[data-weak="1"]{background:#d97706}.prep .cl-qbar .pc{text-align:right;font-variant-numeric:tabular-nums;width:44px;font-weight:650}.prep .cl-codeinput{letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;border:1.5px solid var(--border);background:var(--surface);width:100%;max-width:340px;color:var(--text);border-radius:16px;margin-inline:auto;padding:14px 10px 14px 16px;font-size:clamp(28px,9vw,40px);font-weight:800;display:block}.prep .cl-codeinput:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.prep .cl-panel{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;gap:12px;padding:clamp(16px,3.4vw,24px);display:flex}.prep .cl-h{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:750}.prep .cl-sub{color:var(--text-muted);margin:0;font-size:13.5px}.prep .cl-pill{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:650;display:inline-flex}.prep .cl-pill--live{color:#b91c1c;border-color:color-mix(in srgb, #b91c1c 38%, var(--border));background:color-mix(in srgb, #b91c1c 9%, var(--surface-2))}.prep .cl-pill--waiting{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 38%, var(--border))}.prep .cl-opts{gap:8px;display:grid}.prep .cl-opt{cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:flex-start;gap:10px;padding:11px 13px;display:flex}.prep .cl-opt:has(input:checked){border-color:color-mix(in srgb, var(--primary) 50%, var(--border));background:color-mix(in srgb, var(--primary) 7%, var(--surface))}.prep .cl-opt:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.prep .cl-opt input{accent-color:var(--primary);margin-top:3px}.prep .cl-opt .t{font-size:14px;font-weight:650}.prep .cl-opt .d{color:var(--text-muted);font-size:12.5px}.prep .cl-pick{text-align:left;border:1px solid var(--border);background:var(--surface);width:100%;color:inherit;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:13px 14px;transition:border-color .14s,transform .14s;display:flex}.prep .cl-pick:hover{border-color:color-mix(in srgb, var(--primary) 44%, var(--border));transform:translate(2px)}.prep .cl-pick:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.prep .cl-pick[aria-pressed=true]{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.prep .cl-pick .t{font-size:14.5px;font-weight:680}.prep .cl-pick .d{color:var(--text-muted);font-size:12.5px}.prep .cl-picks{gap:8px;display:grid}.prep .cl-steps{flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.prep .cl-steps b{color:var(--primary);font-weight:700}.prep .cl-steps span{color:var(--text-muted)}.prep .cl-mine{flex-direction:column;gap:8px;display:flex}.prep .cl-mine a{color:inherit;border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:10px;padding:10px 13px;text-decoration:none;display:flex}.prep .cl-mine a:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}.prep .cl-mine .t{overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:650}.prep .cl-mine .c{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--primary);margin-left:auto;font-weight:750}.prep .cl-waiting{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:clamp(22px,6vw,40px) 16px;display:flex}.prep .cl-waiting img{width:clamp(120px,34vw,190px);height:auto}@media (prefers-reduced-motion:reduce){.prep .cl-player,.prep .cl-activity span,.prep .cl-countdown .n{animation:none}.prep .cl-door,.prep .cl-pick,.prep .cl-progress i{transition:none}.prep .cl-door:hover,.prep .cl-pick:hover{transform:none}}.prep .cl-endnow{border-top:1px dashed var(--border);flex-direction:column;align-items:flex-start;gap:8px;margin-top:14px;padding-top:14px;display:flex}.prep .pr-btn--danger{color:#fff;background:#c2415a;border-color:#c2415a}.prep .pr-btn--danger:hover:not(:disabled){background:#a8354b;border-color:#a8354b}.prep .cl-marking{text-align:center}.prep .cl-marking__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--primary);margin:0;font-size:12px;font-weight:800}.prep .cl-marking__title{letter-spacing:-.02em;text-wrap:balance;margin:8px 0 6px;font-size:clamp(20px,4.4vw,28px);font-weight:800}.prep .cl-marking__bar{background:var(--surface-2);border-radius:999px;max-width:420px;height:9px;margin:18px auto 0;overflow:hidden}.prep .cl-marking__bar i{background:var(--primary);border-radius:999px;min-width:3px;height:100%;transition:width .5s;display:block}.prep .cl-marking__count{color:var(--text);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:12.5px;font-weight:700}.prep .cl-marking__why{margin-top:16px;max-width:52ch;margin-inline:auto;font-size:12.5px}