#ck3{max-width:1440px;margin:24px auto 40px;color:#ecfff8;font:14px system-ui,sans-serif}#ck3 *{box-sizing:border-box}#ck3 .ck3-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:linear-gradient(115deg,#0e292b,#20152f);border:1px solid #36494b;border-radius:20px 20px 0 0}#ck3 .ck3-kicker{font-size:10px;font-weight:800;letter-spacing:2.5px;color:var(--coin,#7fedcf)}#ck3 h1{color:inherit;font-size:38px;letter-spacing:-2px;margin:8px 0;font-weight:900}#ck3 h1 em{font-style:normal;color:var(--coin,#8bf9d4)}#ck3 sup{font-size:12px;margin-left:10px;vertical-align:top;letter-spacing:0;color:#bd9efc}#ck3 p{color:#a4b7c2;line-height:1.6;margin:6px 0}#ck3 .ck3-badge{border:1px solid #665681;padding:10px 15px;color:#d4b8ff;border-radius:30px;font-size:10px;letter-spacing:2px}#ck3-form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;background:#101b28;padding:15px 20px}#ck3 label{display:grid;gap:5px;font-size:10px;letter-spacing:1px;margin:0;color:#aec4cc}#ck3 input,#ck3 select{font:13px system-ui;color:#ecfff8;background:#1b293a;border:1px solid #3c4c60;border-radius:7px;height:39px;padding:8px;width:150px}#ck3 button{font:700 12px system-ui;background:var(--coin,#8bf9d4);color:#10221f;border:0;border-radius:7px;padding:11px 15px;min-height:39px;cursor:pointer}#ck3 button.alt{background:#2b2941;color:#e6ddff}#ck3 button:disabled{opacity:.4;cursor:wait}#ck3 button:focus-visible,#ck3 input:focus-visible,#ck3 select:focus-visible{outline:3px solid #c3a3ff;outline-offset:3px}#ck3 .ck3-tools{display:flex;gap:8px;margin-left:auto}#ck3-stage{position:relative;height:72vh;min-height:440px;max-height:780px;background:radial-gradient(ellipse at 70% 30%,#25334c,#080f1d 75%);overflow:hidden;border:1px solid #324856;border-radius:0 0 18px 18px;outline:none;touch-action:manipulation}#ck3-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:pointer}#ck3 .ck3-hud{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none}#ck3 .ck3-hud>div{display:grid;gap:4px;padding:12px 16px;background:#0c1726b8;border:1px solid #759eab33;border-radius:10px;backdrop-filter:blur(8px)}#ck3 .ck3-hud span{color:#a6c6d1;font-size:9px;letter-spacing:2px}#ck3 .ck3-hud b{font-size:19px;font-variant-numeric:tabular-nums}#ck3 .ck3-hud small{color:var(--coin,#8bf9d4);font-size:11px}#ck3 .ck3-score{text-align:right}#ck3 #ck3-score{font-size:30px;line-height:1}#ck3-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#07111b5c;backdrop-filter:blur(3px)}#ck3 .ck3-dialog{max-width:430px;width:100%;padding:30px;text-align:center;border:1px solid #859c9955;border-radius:20px;background:linear-gradient(135deg,#132c32ee,#261d3dee);box-shadow:0 30px 90px #0008}#ck3 h2{font:800 30px system-ui;color:#ecfff8;letter-spacing:-1px;margin:15px 0 12px}#ck3 .ck3-dialog p{font-size:13px}#ck3-start{margin:20px 0 15px;min-width:190px;box-shadow:0 0 30px #8bf9d423}#ck3 .ck3-dialog small{display:block;font-size:9px;letter-spacing:1px;color:#9eabbc}#ck3-best{font-size:12px;line-height:1.8;margin-bottom:15px;color:var(--coin-alt,#c8b2f6)}#ck3 .ck3-foot{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none;font-size:11px;color:#c0d5d8;letter-spacing:1px}#ck3 .ck3-foot i{color:var(--coin,#8bf9d4);font-style:normal}#ck3 .ck3-track{position:absolute;bottom:0;width:100%;height:4px;background:#203344}#ck3-bar{display:block;height:100%;background:var(--coin,#8bf9d4);width:0}#ck3 .ck3-notes{display:flex;justify-content:center;gap:30px;padding:17px;color:#b3c3cd;font-size:12px}#ck3 .ck3-notes b{color:var(--coin,#8bf9d4);margin-right:7px;font-size:10px}#ck3-status{text-align:center;font-size:11px}#ck3-toast{position:absolute;top:28%;left:0;right:0;text-align:center;pointer-events:none;font-weight:800;font-size:19px;color:#ffd792;text-shadow:0 2px 15px #000}#ck3-stage:fullscreen{height:100vh;max-height:none;border-radius:0}@media(max-width:650px){#ck3 h1{font-size:28px}#ck3 .ck3-head{padding:18px}#ck3 .ck3-badge{display:none}#ck3-form{padding:12px;gap:8px}#ck3 input,#ck3 select{width:135px}#ck3 .ck3-tools{margin-left:0}#ck3-stage{height:65vh;min-height:420px}#ck3 .ck3-hud{top:12px;left:10px;right:10px}#ck3 .ck3-hud>div{padding:9px}#ck3 .ck3-hud b{font-size:14px}#ck3 .ck3-notes{gap:10px;padding:14px 0;font-size:10px}#ck3 .ck3-dialog{padding:23px}}

#ck3-icon{object-fit:contain;border-radius:50%;background:#ffffff12;position:absolute;left:12px;top:13px}#ck3 .ck3-hud>div:first-child:has(#ck3-icon:not([hidden])){padding-left:58px;position:relative}#ck3 .ck3-head{border-top:2px solid var(--coin,#8bf9d4)}#ck3 .ck3-badge{color:var(--coin-alt,#d4b8ff)}

#ck3 button:not(.alt){color:var(--coin-ink,#10221f)}#ck3 h1 em,#ck3 .ck3-kicker,#ck3 .ck3-hud small{color:color-mix(in srgb,var(--coin,#8bf9d4) 55%,white)}

#ck3 #ck3-volume{width:76px;min-width:0;accent-color:var(--coin,#8bf9d4);padding:0;border:0;background:transparent}

#ck3 .ck-market-wrap{position:relative;display:grid;gap:5px}#ck3 .ck-market-label{font-size:10px;color:#aec4cc;letter-spacing:1px}#ck3 #ck3-market-button{display:flex;align-items:center;gap:8px;max-width:260px;text-align:left}#ck3-picker-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ck3-picker{position:absolute;z-index:50;top:100%;left:0;margin-top:8px;width:min(330px,85vw);padding:10px;background:#152030;border:1px solid #435569;border-radius:12px;box-shadow:0 15px 40px #0008}#ck3 #ck3-search{width:100%}#ck3-options{max-height:320px;overflow:auto;margin-top:6px}#ck3 .ck-coin-option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;color:#e6edf4!important;font-weight:500}#ck3 .ck-coin-option:hover{background:#334058}#ck3 .ck-coin-option img{object-fit:contain;border-radius:50%}#ck3 [hidden]{display:none!important}

/* Build 23 results */
#ck3-overlay .ck3-dialog{width:min(460px,92%);max-height:90%;overflow:auto;background:linear-gradient(145deg,#201f25,#17191f);border:1px solid #ffffff30;border-radius:16px;padding:26px 24px;color:#eee;box-shadow:0 22px 70px #0008}
.ck3-mascot{font-size:60px;line-height:1.2;margin-bottom:12px}
#ck3-result:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;text-align:left}
#ck3-result>div{background:#ffffff05;border:1px solid #ffffff12;border-radius:8px;padding:12px}
#ck3-result small,#ck3-best>small{display:block;color:#aaa;font-size:10px;letter-spacing:1px;margin-bottom:6px}
#ck3-result strong{display:block;font-size:15px}
#ck3-best{text-align:left;margin:18px 0;font-size:12px}
.ck3-run-row{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;background:#ffffff06;margin:4px 0;border-radius:4px;font-size:11px}
.ck3-run-row.top{border:1px solid var(--ck-primary,#f7931a);background:#ffffff12}
.ck3-run-row span:last-child{color:#bbb;text-align:right}
#ck3-sharing:not([hidden]){display:flex;justify-content:center;gap:8px;margin:16px 0}
#ck3-sharing a{display:inline-flex;align-items:center;color:#eee;background:#ffffff0d;border:1px solid #ffffff20;border-radius:8px;padding:8px 12px;text-decoration:none}

#ck3-best{text-align:center}.ck3-popup-market{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0}.ck3-popup-market label{width:100%;font-size:11px;color:#b9bec8;text-align:center}.ck3-popup-market select{max-width:100%;min-width:0;flex:1;background:#202734;color:#fff;border:1px solid #ffffff25;border-radius:8px;padding:10px}.ck3-popup-market button{padding:10px 14px}.ck3-run-row{text-align:left}

#ck3-popup-button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0}#ck3-popup-button img{border-radius:50%;object-fit:contain}#ck3-popup-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ck3-popup-picker{order:5;width:100%;text-align:left;padding:10px;background:#152030;border:1px solid #435569;border-radius:12px;box-shadow:0 12px 30px #0005}#ck3-popup-search{width:100%;padding:10px;background:#0d1520;color:#fff;border:1px solid #435569;border-radius:8px}#ck3-popup-options{max-height:180px;overflow:auto;margin-top:6px}#ck3-popup-options button{width:100%;text-align:left}
/* Build 32: compact popup market picker */
#ck3 .ck3-popup-market{gap:8px;margin:14px 0 18px;align-items:center}
#ck3 .ck3-popup-market>label{margin:0 0 2px;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#9ea8b9}
#ck3 #ck3-popup-button,#ck3 #ck3-popup-load{height:42px;border:1px solid #ffffff14;border-radius:10px;box-shadow:none;font-size:12px}
#ck3 #ck3-popup-button{justify-content:flex-start;padding:0 12px;background:#292638}
#ck3 #ck3-popup-load{padding:0 12px;background:#ffffff08;color:#dce2ee}
#ck3 #ck3-popup-picker{box-sizing:border-box;padding:8px;background:#171c28;border:1px solid #ffffff20;border-radius:12px;box-shadow:0 8px 20px #0003}
#ck3 #ck3-popup-search{display:block;box-sizing:border-box;width:100%;max-width:none;min-width:0;height:38px;margin:0;padding:0 12px;border:1px solid #ffffff1c;border-radius:8px;background:#101521;color:#eef2ff;font:12px system-ui;outline:none;box-shadow:none}
#ck3 #ck3-popup-search:focus{border-color:#b7a3ee;box-shadow:0 0 0 2px #b7a3ee20;outline:none}
#ck3 #ck3-popup-options{max-height:126px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#59536c transparent;margin-top:6px;padding:0}
#ck3 #ck3-popup-options .ck-coin-option{display:flex;align-items:center;justify-content:flex-start;gap:10px;box-sizing:border-box;width:100%;min-height:42px;padding:7px 9px;margin:0;border:0;border-radius:7px;background:transparent;color:#e6eaf2;font:12px system-ui;text-align:left;box-shadow:none}
#ck3 #ck3-popup-options .ck-coin-option:hover,#ck3 #ck3-popup-options .ck-coin-option:focus-visible{background:#ffffff0b;outline:none}
#ck3 #ck3-popup-options img{width:25px;height:25px;flex-shrink:0;object-fit:contain;border-radius:50%}
#ck3 #ck3-popup-options .ck-coin-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ck3 .ck3-dialog{scrollbar-width:thin;scrollbar-color:#575264 transparent}

/* Build 33: keep selection high and result actions compact */
#ck3 #ck3-overlay .ck3-dialog{width:min(480px,94%);max-height:96%;padding:16px 22px}
#ck3 #ck3-mascot{width:90px!important;height:60px!important;margin:0 auto 4px!important}
#ck3 .ck3-popup-market{position:relative;margin:4px 0 14px}
#ck3 #ck3-popup-picker{position:absolute;top:100%;left:0;z-index:60;margin-top:6px;width:100%;background:#171c28}
#ck3 #ck3-title{margin:10px 0;font-size:25px}
#ck3 #ck3-message{margin:8px 0 12px;line-height:1.5}
#ck3 #ck3-result:not([hidden]){margin:12px 0;gap:8px}
#ck3 #ck3-result>div{padding:9px 11px}
#ck3 #ck3-best{margin:12px 0}
#ck3 .ck3-run-row{padding:4px 7px;margin:3px 0}
#ck3 #ck3-start{margin:8px auto 0}
#ck3 #ck3-sharing:not([hidden]){margin:10px 0;gap:7px}
#ck3 #ck3-sharing button,#ck3 #ck3-sharing a{padding:7px 11px}
#ck3 .ck3-dialog>small{font-size:9px;letter-spacing:.7px}

#ck3 #ck3-message:empty{display:none}

/* Build 35: spacious launch panel; compact results remain */
#ck3 #ck3-overlay.ck3-opening .ck3-dialog{padding:28px 26px}
#ck3 #ck3-overlay.ck3-opening #ck3-mascot{width:120px!important;height:80px!important;margin:0 auto 14px!important}
#ck3 .ck3-opening .ck3-popup-market{margin:8px 0 24px}
#ck3 .ck3-opening #ck3-title{margin:20px 0 14px}
#ck3 .ck3-opening #ck3-message{margin:12px 0 22px;line-height:1.7}
#ck3 .ck3-opening #ck3-best{margin:20px 0}
#ck3 .ck3-opening #ck3-start{margin:10px auto 18px}
#ck3 .ck3-opening .ck3-dialog>small{display:block;margin-top:4px}
@media(max-height:650px){#ck3 #ck3-overlay.ck3-opening .ck3-dialog{padding:18px 22px}#ck3 .ck3-opening .ck3-popup-market{margin-bottom:16px}}

/* Build 37: consistent dialog rhythm and readable run records */
#ck3 #ck3-overlay .ck3-dialog{padding:24px}
#ck3 #ck3-overlay #ck3-mascot{margin-bottom:12px!important}
#ck3 #ck3-overlay .ck3-popup-market{margin:8px 0 20px}
#ck3 #ck3-overlay #ck3-title{margin:16px 0}
#ck3 #ck3-overlay #ck3-result:not([hidden]){margin:16px 0 20px}
#ck3 #ck3-overlay #ck3-best{margin:16px 0 20px}
#ck3 #ck3-overlay #ck3-start{margin:4px auto 14px}
#ck3 #ck3-overlay #ck3-sharing:not([hidden]){margin:0 0 16px}
#ck3 #ck3-overlay .ck3-dialog>small{display:block;margin-top:4px;line-height:1.6}
#ck3 #ck3-best .ck3-run-row,#ck3 #ck3-best .ck3-run-row span{color:#fff!important}
#ck3 #ck3-best .ck3-run-row{display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:18px;row-gap:5px;padding:8px 10px;line-height:1.5}
#ck3 #ck3-best .ck3-run-row span:first-child{white-space:pre-wrap}
#ck3 #ck3-overlay.ck3-loading #ck3-mascot,#ck3 #ck3-overlay.ck3-loading #ck3-best:empty{display:none!important}
#ck3 #ck3-overlay.ck3-loading .ck3-dialog{padding:28px 24px}
#ck3 #ck3-overlay.ck3-loading #ck3-message{margin:14px 0 22px;line-height:1.7}
@media(max-height:650px){#ck3 #ck3-overlay .ck3-dialog{padding:18px 22px}#ck3 #ck3-overlay #ck3-result:not([hidden]),#ck3 #ck3-overlay #ck3-best{margin:12px 0}#ck3 #ck3-best .ck3-run-row{padding:5px 8px}}
/* Build 38: text contrast independent of token palette */
#ck3 #ck3-best,#ck3 #ck3-message,#ck3 #ck3-status,#ck3 .ck3-notes,#ck3 .ck3-notes b,#ck3 #ck3-price,#ck3 #ck3-combo,#ck3 #ck3-progress,#ck3 .ck3-foot{color:#e7ebf3!important}
#ck3 #ck3-title,#ck3 #ck3-best .ck3-run-row,#ck3 #ck3-best .ck3-run-row span,#ck3 #ck3-result strong{color:#fff!important}
#ck3 #ck3-result small,#ck3 #ck3-best>small,#ck3 .ck3-dialog>small,#ck3 .ck3-popup-market>label,#ck3 .ck3-hud span,#ck3 .ck-market-label{color:#d4dbe7!important;font-size:11px;letter-spacing:.6px}
#ck3 #ck3-message,#ck3 #ck3-best{font-size:13px;line-height:1.6}
#ck3 #ck3-best .ck3-run-row{font-size:12px}
#ck3 #ck3-popup-search::placeholder{color:#bfc8d7;opacity:1}
#ck3 button.alt,#ck3 #ck3-sharing a{color:#f5f7ff!important}
#ck3 button:disabled{opacity:1!important;color:#d4dbe7!important;background:#363949!important;cursor:wait}
#ck3 #ck3-start:not(:disabled){color:var(--coin-ink,#10221f)!important}

#ck3 #ck3-status{display:none!important}

/* Site-integrated page shell */
.ck-flappy-page{padding-top:22px!important;padding-bottom:24px}
#ck3{margin:0 auto 24px;color:#f2f2f3}
#ck3 .ck3-head{padding:8px 0 20px;background:transparent;border:0!important;border-radius:0;box-shadow:none}
#ck3 h1{font-size:30px;font-weight:700;letter-spacing:-.7px;margin:0 0 6px;color:#fff}
#ck3 .ck3-head p{color:#b9bcc5;font-size:13px;margin:0}
#ck3 #ck3-form{background:#1b1b1e;border:1px solid #ffffff14;border-bottom:0;border-radius:10px 10px 0 0;padding:12px 16px}
#ck3 #ck3-form button.alt{background:#29292f;color:#f3f3f5;border:1px solid #ffffff0b}
#ck3 #ck3-stage{border-color:#ffffff18;border-radius:0 0 10px 10px}
#ck3 .ck3-notes{padding:14px 0;font-size:12px}
@media(max-width:650px){.ck-flappy-page{padding-top:14px!important}#ck3 .ck3-head{padding:4px 0 14px}#ck3 h1{font-size:25px}#ck3 #ck3-form{padding:10px}#ck3 .ck3-notes{gap:12px;flex-wrap:wrap}}

/* Header clearance and viewport fit */
.ck-flappy-page{padding-top:96px!important;padding-bottom:32px!important}
#ck3 #ck3-stage{height:calc(100dvh - 270px);min-height:560px;max-height:780px}
#ck3 #ck3-stage:fullscreen{height:100dvh;min-height:0;max-height:none}
#ck3 .ck3-notes{margin-bottom:12px}
@media(max-width:650px){.ck-flappy-page{padding-top:88px!important}#ck3 #ck3-stage{height:72dvh;min-height:520px}}

/* Extra breathing room before site footer */
section.ck-flappy-page{padding-bottom:72px!important}
#ck3 .ck3-notes{padding-top:18px;padding-bottom:22px;margin-bottom:16px}
/* Follow the site's existing html[data-bs-theme] toggle immediately. */
html[data-bs-theme="light"] #ck3 h1{color:#182234}
html[data-bs-theme="light"] #ck3 .ck3-head p,html[data-bs-theme="light"] #ck3 .ck3-notes,html[data-bs-theme="light"] #ck3 .ck3-notes b{color:#475569!important}
html[data-bs-theme="light"] #ck3 #ck3-form{background:#f5f6f9;border-color:#d9dee7}
html[data-bs-theme="light"] #ck3 .ck-market-label{color:#475569!important}
html[data-bs-theme="light"] #ck3 #ck3-form button.alt,html[data-bs-theme="light"] #ck3 #ck3-popup-button,html[data-bs-theme="light"] #ck3 #ck3-sharing button,html[data-bs-theme="light"] #ck3 #ck3-sharing a{background:#e9edf4;color:#202c40!important;border-color:#d1d8e3}
html[data-bs-theme="light"] #ck3 #ck3-overlay .ck3-dialog{background:#fcfcfe;border-color:#d4dae5;color:#202c40;box-shadow:0 20px 60px #0003}
html[data-bs-theme="light"] #ck3 #ck3-title,html[data-bs-theme="light"] #ck3 #ck3-best,html[data-bs-theme="light"] #ck3 #ck3-message,html[data-bs-theme="light"] #ck3 #ck3-result strong,html[data-bs-theme="light"] #ck3 #ck3-best .ck3-run-row,html[data-bs-theme="light"] #ck3 #ck3-best .ck3-run-row span{color:#202c40!important}
html[data-bs-theme="light"] #ck3 .ck3-dialog>small,html[data-bs-theme="light"] #ck3 #ck3-result small,html[data-bs-theme="light"] #ck3 #ck3-best>small,html[data-bs-theme="light"] #ck3 .ck3-popup-market>label{color:#526075!important}
html[data-bs-theme="light"] #ck3 #ck3-result>div,html[data-bs-theme="light"] #ck3 .ck3-run-row{background:#f0f3f8;border-color:#d5dce6}
html[data-bs-theme="light"] #ck3 .ck3-run-row.top{background:#e8edf6;border-color:#8493ac}
html[data-bs-theme="light"] #ck3 #ck3-picker,html[data-bs-theme="light"] #ck3 #ck3-popup-picker{background:#fff;border-color:#cbd4e2;color:#202c40}
html[data-bs-theme="light"] #ck3 #ck3-popup-search,html[data-bs-theme="light"] #ck3 #ck3-search{background:#f4f6fa;border-color:#cbd4e2;color:#202c40}
html[data-bs-theme="light"] #ck3 #ck3-popup-search::placeholder{color:#59687d}
html[data-bs-theme="light"] #ck3 .ck-coin-option,html[data-bs-theme="light"] #ck3 #ck3-popup-options .ck-coin-option{background:transparent;color:#202c40}
html[data-bs-theme="light"] #ck3 .ck-coin-option:hover,html[data-bs-theme="light"] #ck3 #ck3-popup-options .ck-coin-option:hover{background:#edf1f7}
html[data-bs-theme="light"] #ck3 button:disabled{background:#e3e7ee!important;color:#59667a!important}

/* Light-mode option labels must override inherited button text. */
html[data-bs-theme="light"] #ck3 #ck3-popup-options button.ck-coin-option,html[data-bs-theme="light"] #ck3 #ck3-popup-options button.ck-coin-option span,html[data-bs-theme="light"] #ck3 #ck3-options button.ck-coin-option,html[data-bs-theme="light"] #ck3 #ck3-options button.ck-coin-option span{color:#202c40!important;opacity:1!important}
html[data-bs-theme="light"] #ck3 #ck3-popup-options button.ck-coin-option:focus-visible,html[data-bs-theme="light"] #ck3 #ck3-options button.ck-coin-option:focus-visible{background:#e9eef7;outline:2px solid #687b9c;outline-offset:-2px}

/* Aligned toolbar without market heading */
#ck3 #ck3-form{align-items:center;gap:10px}
#ck3 #ck3-form .ck-market-wrap{display:flex;align-items:center;margin:0}
#ck3 #ck3-form button{height:42px;min-height:42px;margin:0;display:inline-flex;align-items:center;justify-content:center}
#ck3 #ck3-market-button{gap:8px}
#ck3 #ck3-form .ck3-tools{align-items:center}

/* Matching in-game information panels */
#ck3 .ck3-hud{top:18px;left:18px;right:18px;align-items:stretch;gap:14px}
#ck3 .ck3-hud>div{min-height:88px;padding:12px 14px;border:1px solid #ffffff18;border-radius:12px;background:#101521e8;box-shadow:0 5px 18px #0002;gap:4px}
#ck3 .ck3-hud>div:first-child{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:11px;max-width:calc(100% - 170px);align-content:center}
#ck3 #ck3-icon{grid-column:1;grid-row:1 / 4;width:34px;height:34px;align-self:center;object-fit:contain;border-radius:50%;margin:0}
#ck3 #ck3-market,#ck3 #ck3-date,#ck3 #ck3-price{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ck3 #ck3-market{font-size:11px;letter-spacing:.2px;color:#ccd4e2!important}
#ck3 #ck3-date{font-size:18px;line-height:1.3;color:#fff}
#ck3 #ck3-price{font-size:11px;line-height:1.4;color:#dce3ed!important}
#ck3 .ck3-hud .ck3-score{min-width:150px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}
#ck3 .ck3-score>span{font-size:10px;letter-spacing:1px;color:#ccd4e2!important}
#ck3 #ck3-score{font-size:27px;line-height:1.1;color:#fff}
#ck3 #ck3-combo{font-size:10px;line-height:1.4;color:#dce3ed!important}
@media(max-width:600px){#ck3 .ck3-hud{top:10px;left:10px;right:10px;gap:8px}#ck3 .ck3-hud>div{padding:9px 10px;min-height:78px}#ck3 .ck3-hud>div:first-child{grid-template-columns:26px minmax(0,1fr);column-gap:7px;max-width:calc(100% - 120px)}#ck3 #ck3-icon{width:26px;height:26px}#ck3 #ck3-date{font-size:14px}#ck3 .ck3-hud .ck3-score{min-width:112px}#ck3 #ck3-market{font-size:10px}#ck3 #ck3-score{font-size:22px}}

#ck3-loading-screen{display:none}
#ck3.ck3-preparing{min-height:65vh;display:grid;place-items:center}
#ck3.ck3-preparing>*{display:none!important}
#ck3.ck3-preparing>#ck3-loading-screen{display:flex!important;align-items:center;justify-content:center;gap:12px;color:#e7ebf3;font:500 15px system-ui;padding:60px 20px}
.ck3-spinner{width:24px;height:24px;border:3px solid #8b94a33d;border-top-color:#8d7aff;border-radius:50%;animation:ck3-spin .8s linear infinite}
@keyframes ck3-spin{to{transform:rotate(360deg)}}
html[data-bs-theme="light"] #ck3.ck3-preparing>#ck3-loading-screen{color:#263449}

/* Phone layout */
@media(max-width:650px){
.ck-flappy-page>.container-fluid{padding-left:10px;padding-right:10px}
#ck3{width:100%;min-width:0}
#ck3 #ck3-form{gap:8px;padding:10px}
#ck3 #ck3-form .ck-market-wrap{flex:1;min-width:0}
#ck3 #ck3-market-button{width:100%;min-width:0;padding:10px}
#ck3 #ck3-form>button[type=submit]{display:none}
#ck3 #ck3-form .ck3-tools{width:100%;margin-left:0;justify-content:flex-end;gap:8px}
#ck3 #ck3-form button{min-height:44px;height:44px}
#ck3 #ck3-volume{flex:1;max-width:110px;min-width:45px;width:70px;align-self:center}
#ck3 #ck3-stage{height:calc(100dvh - 220px);min-height:440px;max-height:720px}
#ck3 #ck3-overlay{padding:10px}
#ck3 #ck3-overlay .ck3-dialog,#ck3 #ck3-overlay.ck3-opening .ck3-dialog{padding:16px;max-height:100%;width:100%;border-radius:14px}
#ck3 #ck3-overlay #ck3-mascot,#ck3 #ck3-overlay.ck3-opening #ck3-mascot{width:84px!important;height:56px!important;margin:0 auto 8px!important}
#ck3 #ck3-overlay .ck3-popup-market{margin:6px 0 12px}
#ck3 #ck3-overlay #ck3-title{font-size:23px;margin:12px 0}
#ck3 #ck3-overlay #ck3-message,#ck3 #ck3-overlay #ck3-best{margin:12px 0;font-size:12px}
#ck3 #ck3-overlay #ck3-start{margin:8px auto 12px;min-height:44px}
#ck3 #ck3-popup-search,#ck3 #ck3-search{font-size:16px!important;height:44px}
#ck3 #ck3-popup-button{min-height:44px}
#ck3 #ck3-picker{width:min(330px,calc(100vw - 44px))}
#ck3 .ck3-foot{left:12px;right:12px;bottom:12px;font-size:9px;letter-spacing:0}
#ck3 .ck3-notes{gap:10px;font-size:11px}
#ck3 #ck3-preview-controls{padding:10px!important}#ck3 #ck3-scrub{width:100%!important;margin:8px 0}
}
@media(max-height:500px) and (orientation:landscape){#ck3 #ck3-stage{height:85dvh;min-height:320px}#ck3 #ck3-overlay .ck3-dialog{max-height:100%;overflow-y:auto}}
#ck3 #ck3-stage:fullscreen{height:100dvh;min-height:0;max-height:none}

/* Reset legacy absolute icon placement inside HUD grid. */
#ck3 .ck3-hud{align-items:stretch;top:14px;left:14px;right:14px}
#ck3 .ck3-hud>div:first-child,#ck3 .ck3-hud>div:first-child:has(#ck3-icon:not([hidden])){padding:12px 14px;grid-template-columns:34px minmax(0,1fr);column-gap:12px;text-align:left;min-height:82px}
#ck3 #ck3-icon{position:static;inset:auto;grid-column:1;grid-row:1 / 4;justify-self:start;align-self:center;transform:none;width:34px;height:34px}
#ck3 #ck3-market{font-size:10px;line-height:1.4;letter-spacing:.2px}
#ck3 #ck3-date{font-size:17px;font-weight:700;line-height:1.3}
#ck3 #ck3-price{font-size:11px;line-height:1.4}
#ck3 .ck3-hud .ck3-score{min-height:82px;min-width:140px;padding:12px 14px;gap:4px}
#ck3 #ck3-score{font-size:26px;font-weight:750}
@media(max-width:600px){#ck3 .ck3-hud{top:10px;left:10px;right:10px}#ck3 .ck3-hud>div:first-child,#ck3 .ck3-hud>div:first-child:has(#ck3-icon:not([hidden])){padding:9px 10px;grid-template-columns:26px minmax(0,1fr);column-gap:8px;min-height:76px;max-width:calc(100% - 116px)}#ck3 #ck3-icon{width:26px;height:26px}#ck3 #ck3-date{font-size:14px}#ck3 .ck3-hud .ck3-score{min-width:108px;min-height:76px;padding:9px 10px}#ck3 #ck3-score{font-size:23px}}

#ck3-account{margin:12px 0;font-size:12px;line-height:1.5}#ck3-account label{display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:0;font-size:12px;color:inherit}#ck3 #ck3-publish{width:16px;height:16px;padding:0}#ck3-account a{display:block;color:#bdb2ff;margin:8px 0}#ck3-save-status{display:block;white-space:normal;margin:6px 0}#ck3-account details{margin-top:8px}#ck3-leaders{max-height:100px;overflow:auto}html[data-bs-theme="light"] #ck3-account a{color:#493098}

/* Dropdown rows stay left aligned regardless of toolbar button styling. */
#ck3 #ck3-form #ck3-options button.ck-coin-option{display:flex;justify-content:flex-start;align-items:center;text-align:left;width:100%;gap:10px;padding:8px 10px}
#ck3 #ck3-form #ck3-options button.ck-coin-option img{flex:0 0 28px;margin:0}
#ck3 #ck3-form #ck3-options button.ck-coin-option span{text-align:left;margin:0}

/* Compact results: actions before optional records, no redundant mascot/help. */
#ck3 #ck3-overlay.ck3-finished .ck3-dialog{display:flex;flex-direction:column;padding:18px 22px;gap:0}
#ck3 #ck3-overlay.ck3-finished #ck3-mascot,#ck3 #ck3-overlay.ck3-finished .ck3-dialog>small,#ck3 #ck3-overlay.ck3-finished .ck3-popup-market>label,#ck3 #ck3-overlay.ck3-finished #ck3-message:empty{display:none!important}
#ck3 #ck3-overlay.ck3-finished .ck3-popup-market{order:0;margin:0 0 8px}
#ck3 #ck3-overlay.ck3-finished #ck3-title{order:1;font-size:25px;margin:8px 0 12px}
#ck3 #ck3-overlay.ck3-finished #ck3-message{order:2}
#ck3 #ck3-overlay.ck3-finished #ck3-result:not([hidden]){order:3;margin:0 0 12px}
#ck3 #ck3-overlay.ck3-finished #ck3-start{order:4;margin:0 auto 8px;min-height:42px}
#ck3 #ck3-overlay.ck3-finished #ck3-sharing:not([hidden]){order:5;margin:0 0 10px;flex-wrap:wrap}
#ck3 #ck3-overlay.ck3-finished #ck3-best{order:6;margin:4px 0;font-size:12px}
#ck3 #ck3-best summary{cursor:pointer;padding:7px;color:inherit;font-weight:600}
#ck3 #ck3-best details[open] summary{margin-bottom:6px}
#ck3 #ck3-overlay.ck3-finished #ck3-account{order:7;margin:2px 0 0}
#ck3 #ck3-overlay.ck3-finished #ck3-account details{margin-top:4px}

/* Share popup and compact character header. */
#ck3 #ck3-overlay.ck3-finished #ck3-mascot{display:block!important;order:-2;width:72px!important;height:48px!important;margin:0 auto 4px!important}
#ck3 #ck3-overlay.ck3-finished .ck3-popup-market>label{display:block!important;margin:0 0 5px;font-size:10px}
#ck3 #ck3-share-dialog{width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:26px;border:1px solid #ffffff30;border-radius:18px;background:#1c1d24;color:#f5f7ff;box-shadow:0 24px 80px #0009;text-align:center}
#ck3 #ck3-share-dialog::backdrop{background:#030711b8;backdrop-filter:blur(5px)}
#ck3 #ck3-share-title{font-size:24px;margin:16px 0 8px}
#ck3 #ck3-share-close{position:absolute;right:10px;top:10px;min-height:30px;padding:3px 10px;font-size:22px}
#ck3 .ck3-share-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
#ck3 .ck3-share-grid a,#ck3 .ck3-share-grid button{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #ffffff20;border-radius:8px;background:#2b2941;color:#fff!important;text-decoration:none;font-size:13px;padding:10px}
#ck3 .ck3-share-grid [hidden]{display:none!important}
html[data-bs-theme="light"] #ck3 #ck3-share-dialog{background:#fcfcfe;color:#202c40;border-color:#d4dae5}
html[data-bs-theme="light"] #ck3 #ck3-share-title{color:#202c40}
html[data-bs-theme="light"] #ck3 .ck3-share-grid a,html[data-bs-theme="light"] #ck3 .ck3-share-grid button{background:#e9edf4;color:#202c40!important;border-color:#d1d8e3}

#ck3 #ck3-share-open{background:var(--coin,#c5f55b);color:var(--coin-ink,#10221f)!important;min-width:190px;font-weight:800;box-shadow:0 5px 20px #0003}
#ck3 #ck3-login:not([hidden]){display:block;padding:12px 14px;border:1px solid #a99afc;border-radius:10px;background:#34265a;color:#fff!important;font-weight:750;font-size:13px;text-decoration:none;margin:8px 0}
#ck3 #ck3-login[hidden]{display:none!important}
#ck3 .ck3-share-grid a{gap:9px;font-weight:700}
#ck3 .ck3-share-grid svg{width:22px;height:22px;flex:none}
#ck3 #ck3-share-whatsapp{background:#13683c;color:#fff!important}
#ck3 #ck3-share-facebook{background:#155ac4;color:#fff!important}
#ck3 #ck3-share-telegram{background:#08628e;color:#fff!important}
#ck3 #ck3-share-x{background:#111;color:#fff!important}

/* Distinct sharing action and copyable embeds. */
#ck3 #ck3-share-open{background:linear-gradient(115deg,#ccff64,#9aef45);color:#14200d!important;border:1px solid #dfff96;box-shadow:0 4px 18px #b9f65425;min-height:44px;font-size:14px}
#ck3 #ck3-share-open:hover{filter:brightness(1.08);transform:translateY(-1px)}
#ck3 #ck3-embed-options{margin-top:20px;border-top:1px solid #ffffff25;padding-top:15px;text-align:left;font-size:12px}
#ck3 #ck3-embed-options summary{cursor:pointer;font-weight:700;padding:8px 0}
#ck3 #ck3-embed-options p{font-size:12px}
#ck3 #ck3-embed-code{display:block;width:100%;margin:8px 0 12px;padding:12px;background:#0c1220;color:#e2edff;border:1px solid #69738c;border-radius:8px;font:12px/1.5 monospace;resize:vertical}
#ck3 #ck3-embed-preview{display:inline-block;padding:12px;color:#bceb75}
#ck3 #ck3-embed-options small{margin-top:10px;line-height:1.5}
body.ck3-embedded{margin:0;background:#101019;color:#fff}
.ck3-embedded .section,.ck3-embedded .container-fluid{padding:0!important;margin:0!important}
.ck3-embedded #ck3{margin:0;max-width:none}
.ck3-embedded #ck3 .ck3-head,.ck3-embedded #ck3 .ck3-notes,.ck3-embedded #ck3-status{display:none}
.ck3-embedded #ck3-stage{height:calc(100dvh - 106px);min-height:440px;max-height:none}
#ck3 #ck3-open-site:not([hidden]){display:block;padding:8px 14px;text-align:right;color:#ceff78;font:600 12px system-ui;text-decoration:none}

.ck-celebration-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2147483646}
.ck-celebration-banner{position:fixed;z-index:2147483645;left:50%;top:18px;transform:translateX(-50%);width:max-content;max-width:94vw;pointer-events:none;text-align:center;padding:16px 24px;background:linear-gradient(130deg,#18112bef,#163220ef);border:1px solid #d0ff6b;border-radius:18px;box-shadow:0 0 45px #caff6040;color:#fff;font-family:system-ui}
.ck-celebration-banner small,.ck-celebration-banner strong,.ck-celebration-banner span{display:block}
.ck-celebration-banner small{font-size:10px;letter-spacing:2px;color:#e5f7bc}
.ck-celebration-banner strong{font-size:clamp(21px,4vw,42px);font-weight:950;color:#ccff64;line-height:1.2;margin:5px 0}
.ck-celebration-banner span{font-size:12px}
#ck3 .ck-celebration-preview{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;background:#252039;font-size:11px}

#ck3 .ck3-embed-leaderboard{display:block;text-align:right;padding:0 14px 8px;color:#ceff78;font:600 12px system-ui;text-decoration:none}

#ck3 #ck3-buy-token:not([hidden]){display:block;order:6;color:#caff70;text-decoration:none;font-size:12px;font-weight:700;margin:4px 0 8px;padding:8px;border:1px solid #b7ef6840;border-radius:8px}
#ck3 #ck3-buy-token[hidden]{display:none!important}

#ck3 #ck3-replay-bar:not([hidden]){display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:#22203a;border-bottom:2px solid #caff64}#ck3 #ck3-replay-bar[hidden]{display:none!important}#ck3-replay-bar img{border-radius:50%;object-fit:cover}#ck3-replay-bar strong{flex:1;font-size:13px;color:#e9ffc1}#ck3-replay-bar button{font-size:12px}

#ck3 #ck3-replay-preview:not([hidden]){display:flex;gap:24px;align-items:center;background:linear-gradient(120deg,#1c2635,#261c38);padding:20px;border-bottom:1px solid #a9fa6140}#ck3-replay-preview img{width:240px;max-width:40%;border-radius:12px}#ck3-replay-preview small{color:#caff64;letter-spacing:2px;font-weight:800}#ck3 #ck3-replay-preview h2{margin:6px 0;font-size:26px}#ck3 #ck3-replay-bar .ck-replay-share{background:#caff64;color:#152015;font-weight:850}#ck3-replay-preview[hidden]{display:none!important}@media(max-width:600px){#ck3 #ck3-replay-preview:not([hidden]){gap:12px;padding:14px}#ck3 #ck3-replay-preview h2{font-size:19px}#ck3-replay-preview p{font-size:12px}}

#ck3 #ck3-toolbar-leaderboard{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:11px 16px;border:1px solid #ffe5a0;border-radius:8px;background:linear-gradient(135deg,#ffe99b,#f3bf3e);color:#352500!important;text-decoration:none;font:800 12px system-ui;box-shadow:0 3px 12px #e8ae2426;white-space:nowrap}#ck3 #ck3-toolbar-leaderboard span{font-size:17px;line-height:1}#ck3 #ck3-toolbar-leaderboard:hover{filter:brightness(1.08)}#ck3 #ck3-toolbar-leaderboard:focus-visible{outline:3px solid #fff0b6;outline-offset:3px}