.cm-dialog-backdrop .cm-dialog-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);background:#04071ac7;padding:16px;display:block;position:fixed;inset:0}.cm-dialog-backdrop .cm-dialog{border:4px solid var(--ink);background:linear-gradient(160deg, var(--surface-hi), var(--surface));width:min(560px,100%);max-width:560px;color:var(--fg);box-shadow:0 8px 0 var(--ink), 0 0 0 3px color-mix(in srgb, var(--gold) 55%, transparent), 0 0 46px color-mix(in srgb, var(--violet) 45%, transparent);border-radius:22px;flex-direction:column;gap:14px;margin:auto;padding:16px 16px 18px;display:flex;position:relative;overflow:hidden}.cm-dialog-backdrop .cm-dialog-single{--accent:var(--gold)}.cm-dialog-backdrop .cm-dialog-double{--accent:var(--violet)}.cm-dialog-backdrop .cm-dialog .cm-dialog-close{z-index:6;border:2px solid var(--ink);color:#fff;cursor:pointer;width:34px;height:34px;box-shadow:0 3px 0 var(--ink);transition:transform .15s var(--spring), box-shadow .15s;background:#08061eb8;border-radius:11px;place-items:center;font-size:15px;line-height:1;display:grid;position:absolute;top:12px;right:12px}.cm-dialog-backdrop .cm-dialog .cm-dialog-close:hover{box-shadow:0 5px 0 var(--ink);transform:translateY(-2px)}.cm-dialog-backdrop .cm-dialog .cm-dialog-close:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.cm-dialog-backdrop .cm-dialog .cm-dialog-hero{border:4px solid var(--ink);isolation:isolate;min-height:132px;box-shadow:0 6px 0 var(--ink), 0 0 0 3px color-mix(in srgb, var(--accent,var(--violet)) 55%, transparent), 0 0 30px color-mix(in srgb, var(--accent,var(--violet)) 45%, transparent);background:linear-gradient(150deg,#3a2290 0%,#241659 45%,#150f38 100%);border-radius:16px;align-items:center;gap:10px;padding:16px 18px 18px;display:flex;position:relative;overflow:visible}.cm-dialog-backdrop .cm-dialog-single .cm-dialog-hero{background:linear-gradient(150deg,#5a3a12 0%,#3a2410 45%,#241608 100%)}.cm-dialog-backdrop .cm-dialog .cm-dialog-hero-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle at 80% 20%,#ffc83d61,#0000 38%),radial-gradient(circle at 12% 90%,#a855f766,#0000 45%);animation:7s ease-in-out infinite alternate cmHeroGlow;position:absolute;inset:-30%}.cm-dialog-backdrop .cm-dialog-single .cm-dialog-hero-glow{background:radial-gradient(circle at 80% 20%,#ffc83d80,#0000 40%),radial-gradient(circle at 12% 90%,#ff7a1a59,#0000 45%)}.cm-dialog-backdrop .cm-dialog .cm-dialog-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff12 48%,#0000 60%) 0 0/250% 100%;border-radius:12px;animation:6s linear infinite cmHeroShine;position:absolute;inset:0}.cm-dialog-backdrop .cm-dialog .cm-dialog-hero-text{z-index:1;flex-direction:column;flex:auto;align-items:flex-start;gap:8px;min-width:0;padding-right:4px;display:flex;position:relative}.cm-dialog-backdrop .cm-dialog .cm-dialog-hero-text .px{font-family:var(--f-display);color:#fff;text-shadow:4px 4px 0 var(--ink), 0 0 24px #ffc83d66;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:clamp(22px,4.6vw,34px);line-height:1.05;overflow:hidden}.cm-dialog-backdrop .cm-dialog .cm-creator{border-color:var(--gold);background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 26%, transparent), color-mix(in srgb, var(--gold) 10%, transparent));color:var(--gold);margin:0}.cm-dialog-backdrop .cm-dialog .cm-creator-ava{border-color:var(--ink);background:linear-gradient(180deg, #ffe27a, var(--gold));color:var(--ink)}.cm-dialog-backdrop .cm-dialog .cm-dialog-pills{flex-wrap:wrap;gap:6px;margin:0;display:flex}.cm-dialog-backdrop .cm-dialog .cm-dialog-pills .pill{border:2px solid var(--ink);color:#fff;font:800 11px var(--f-body);letter-spacing:.02em;box-shadow:0 2px 0 var(--ink);background:#08061e99;border-radius:999px;padding:4px 11px}.cm-dialog-backdrop .cm-dialog .cm-dialog-showcase{pointer-events:none;z-index:2;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:center;gap:2px;width:150px;height:150px;display:grid;position:absolute;top:-14px;right:-10px}.cm-dialog-backdrop .cm-dialog .cm-dialog-showcase img{width:min(100%,78px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 6px #00000059)drop-shadow(0 0 14px #ffc83d40);animation:3.2s ease-in-out infinite cmAceBob}.cm-dialog-backdrop .cm-dialog .cm-dialog-showcase img:nth-child(2){animation-delay:-.8s}.cm-dialog-backdrop .cm-dialog .cm-dialog-showcase img:nth-child(3){animation-delay:-1.6s}.cm-dialog-backdrop .cm-dialog .cm-dialog-showcase img:nth-child(4){animation-delay:-2.4s}.cm-dialog-backdrop .cm-dialog .cm-dialog-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.cm-dialog-backdrop .cm-dialog .cm-stat-card{border:2px solid var(--ink);background:linear-gradient(160deg, var(--surface-hi), var(--surface));box-shadow:0 4px 0 var(--ink);text-align:center;border-radius:13px;flex-direction:column;align-items:center;gap:3px;padding:11px 6px 10px;display:flex;position:relative;overflow:hidden}.cm-dialog-backdrop .cm-dialog .cm-stat-card:before{content:"";background:var(--accent,var(--violet));height:4px;position:absolute;top:0;left:0;right:0}.cm-dialog-backdrop .cm-dialog .cm-stat-floors{--accent:var(--gold)}.cm-dialog-backdrop .cm-dialog .cm-stat-likes{--accent:var(--fire)}.cm-dialog-backdrop .cm-dialog .cm-stat-plays{--accent:var(--water)}.cm-dialog-backdrop .cm-dialog .cm-stat-completions{--accent:var(--leaf)}.cm-dialog-backdrop .cm-dialog .cm-stat-num{font-family:var(--f-display);color:var(--fg);text-shadow:2px 2px 0 var(--ink);font-size:clamp(18px,3.4vw,26px);line-height:1}.cm-dialog-backdrop .cm-dialog .cm-stat-floors .cm-stat-num{color:var(--gold)}.cm-dialog-backdrop .cm-dialog .cm-stat-lbl{font:700 10px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.2}.cm-dialog-backdrop .cm-dialog .cm-dialog-desc{border-left:4px solid var(--gold);color:var(--fg);-webkit-line-clamp:2;background:#04071a59;border-radius:0 10px 10px 0;-webkit-box-orient:vertical;margin:0;padding:8px 12px 8px 14px;font-size:.85rem;font-style:italic;line-height:1.45;display:-webkit-box;overflow:hidden}.cm-dialog-backdrop .cm-dialog .cm-dialog-code{border:2px dashed var(--line);background:#04071a66;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:10px 14px;display:flex}.cm-dialog-backdrop .cm-dialog .cm-dialog-code .lbl{font:700 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.cm-dialog-backdrop .cm-dialog .cm-dialog-code b{border:2px solid var(--ink);font-family:var(--f-mono);letter-spacing:.22em;color:var(--gold);box-shadow:0 2px 0 var(--ink);background:#04071a8c;border-radius:8px;padding:5px 12px;font-size:1.15rem}.cm-dialog-backdrop .cm-dialog .cm-dialog-code .btn{border:2px solid var(--ink);background:linear-gradient(160deg, var(--surface-hi), var(--surface));color:var(--fg);font:800 12px var(--f-body);box-shadow:0 3px 0 var(--ink);transition:transform .15s var(--spring), box-shadow .15s;border-radius:10px;margin-left:auto;padding:8px 14px}.cm-dialog-backdrop .cm-dialog .cm-dialog-code .btn:hover{box-shadow:0 5px 0 var(--ink);transform:translateY(-2px)}.cm-dialog-backdrop .cm-dialog .cm-dialog-code .btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .btn{border:2px solid var(--ink);background:linear-gradient(160deg, var(--surface-hi), var(--surface));color:var(--fg);font:800 13px var(--f-body);box-shadow:0 4px 0 var(--ink);transition:transform .15s var(--spring), box-shadow .15s;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:11px 16px;display:inline-flex}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .btn:hover:not(:disabled){box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .btn.primary{background:linear-gradient(180deg, #ffe27a, var(--gold) 55%, #e39a12);color:var(--ink);font:800 15px var(--f-body);box-shadow:0 5px 0 var(--ink), 0 0 22px #ffc83d80;flex:100%;padding:14px 22px}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .btn.primary:hover{box-shadow:0 7px 0 var(--ink), 0 0 30px #ffc83db3}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .btn.cm-like{border-color:color-mix(in srgb, var(--fire) 55%, var(--ink));color:var(--fire)}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .btn.cm-like .cm-like-heart{font-size:1.05em;line-height:1}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .btn.cm-like.on{background:linear-gradient(180deg, #ff8a7a, var(--fire) 60%, #b3200f);border-color:var(--fire);color:#fff;box-shadow:0 4px 0 var(--ink), 0 0 16px color-mix(in srgb, var(--fire) 55%, transparent)}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .btn.cm-share{border-color:var(--line);background:var(--surface-hi);color:var(--fg);box-shadow:0 3px 0 var(--ink)}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .btn.cm-share:hover{border-color:var(--gold)}@media (min-width:640px){.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .btn.primary{flex:auto}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .btn:not(.primary){flex:0 auto}}@media (max-width:520px){.cm-dialog-backdrop .cm-dialog{gap:12px;padding:12px 12px 14px}.cm-dialog-backdrop .cm-dialog .cm-dialog-hero{min-height:118px;padding:14px 14px 16px}.cm-dialog-backdrop .cm-dialog .cm-dialog-hero-text .px{font-size:clamp(20px,6vw,26px)}.cm-dialog-backdrop .cm-dialog .cm-dialog-showcase{width:118px;height:118px;top:-10px;right:-6px}.cm-dialog-backdrop .cm-dialog .cm-dialog-showcase img{width:min(100%,60px)}.cm-dialog-backdrop .cm-dialog .cm-dialog-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .btn{flex:46%}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .btn.primary{flex:100%}.cm-dialog-backdrop .cm-dialog .cm-dialog-code .btn{flex:auto;margin-left:0}}.cm-dialog-backdrop .cm-dialog .cm-dialog-hero-text{flex:0 62%;max-width:62%;padding-right:0}.cm-dialog-backdrop .cm-dialog .cm-dialog-hero-text .px{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;font-size:clamp(18px,3.4vw,28px);overflow:visible}.cm-dialog-backdrop .cm-dialog .cm-dialog-showcase{z-index:0;opacity:.92;width:138px;height:138px;top:6px;right:40px}.cm-dialog-backdrop .cm-dialog .cm-dialog-close{z-index:3}@media (max-width:520px){.cm-dialog-backdrop .cm-dialog .cm-dialog-hero-text{flex-basis:66%;max-width:66%}.cm-dialog-backdrop .cm-dialog .cm-dialog-showcase{opacity:.7;width:104px;height:104px;top:14px;right:30px}}.cm-dialog-backdrop .cm-dialog .cm-dialog-hero{overflow:hidden}.cm-dialog-backdrop .cm-dialog .cm-dialog-showcase{grid-template-rows:minmax(0,1fr) minmax(0,1fr);width:150px;height:auto;top:8px;bottom:8px;right:44px}.cm-dialog-backdrop .cm-dialog .cm-dialog-showcase img{justify-self:center;width:auto;max-width:100%;max-height:100%}@media (max-width:520px){.cm-dialog-backdrop .cm-dialog .cm-dialog-showcase{width:110px;height:auto;top:8px;bottom:8px;right:34px}}.cm-dialog-backdrop .cm-dialog .cm-dialog-code{flex-wrap:wrap;justify-content:flex-start}.cm-dialog-backdrop .cm-dialog .cm-dialog-code .btn{flex:none;margin-left:0}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .cm-play{flex:0 190px;margin-left:auto}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .cm-report{margin-right:auto}@media (max-width:520px){.cm-dialog-backdrop .cm-dialog .cm-dialog-actions{flex-wrap:wrap}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .cm-play{flex:100%;order:3;margin-left:0}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .cm-report{flex:1 1 0;order:1;margin-right:0}.cm-dialog-backdrop .cm-dialog .cm-dialog-actions .cm-like{flex:1 1 0;order:2}}
.cm-hub{flex-direction:column;gap:22px;display:flex}.cm-hero{border:4px solid var(--ink);isolation:isolate;box-shadow:0 8px 0 var(--ink), 0 0 0 3px color-mix(in srgb, var(--gold) 55%, transparent), 0 0 46px color-mix(in srgb, var(--violet) 45%, transparent);background:linear-gradient(150deg,#3a2290 0%,#241659 45%,#150f38 100%);border-radius:24px;flex-direction:column;gap:14px;padding:30px 30px 28px;display:flex;position:relative;overflow:hidden}.cm-hero-glow{z-index:-1;background:radial-gradient(circle at 78% 18%,#ffc83d61,#0000 38%),radial-gradient(circle at 12% 90%,#a855f766,#0000 45%);animation:7s ease-in-out infinite alternate cmHeroGlow;position:absolute;inset:-30%}@keyframes cmHeroGlow{to{transform:translate(3%,-2%)scale(1.06)}}.cm-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff12 48%,#0000 60%) 0 0/250% 100%;animation:6s linear infinite cmHeroShine;position:absolute;inset:0}@keyframes cmHeroShine{0%{background-position:200% 0}to{background-position:-100% 0}}.cm-hero-aces{opacity:.9;pointer-events:none;z-index:-1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:center;width:44%;display:grid;position:absolute;top:10px;bottom:10px;right:14px}.cm-hero-aces img{width:min(100%,92px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 6px #00000059)drop-shadow(0 0 14px #ffc83d40);animation:3.2s ease-in-out infinite cmAceBob}.cm-hero-aces img:nth-child(2){animation-delay:-.8s}.cm-hero-aces img:nth-child(3){animation-delay:-1.6s}.cm-hero-aces img:nth-child(4){animation-delay:-2.4s}@keyframes cmAceBob{50%{transform:translateY(-8px)}}.cm-hero-title{color:#fff;text-shadow:5px 5px 0 var(--ink), 0 0 30px #ffc83d73;margin:0;font-size:clamp(26px,4.4vw,46px);line-height:1.1}.cm-hero-sub{font:700 clamp(14px, 1.6vw, 18px) var(--f-body);color:var(--gold);letter-spacing:.02em;margin:0}.cm-hero-tabs{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#08061eb3;border-radius:14px;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.cm-hero-tab{color:#b9c0ee;font:800 13px var(--f-body);cursor:pointer;transition:background .15s, color .15s, transform .15s var(--spring);background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;display:inline-flex;position:relative}.cm-hero-tab:hover{color:#fff}.cm-hero-tab.is-on{background:linear-gradient(180deg, #ffe27a, var(--gold));color:var(--ink);box-shadow:0 3px 0 var(--ink)}.cm-run{border:3px solid var(--ink);background:linear-gradient(180deg, #ffe27a, var(--gold) 55%, #e39a12);color:var(--ink);box-shadow:0 6px 0 var(--ink), 0 0 26px #ffc83d80;border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.cm-run-txt{flex-direction:column;flex:1;gap:2px;min-width:180px;display:flex}.cm-run-txt b{font:800 15px var(--f-body);color:var(--ink)}.cm-run-txt span{font:600 13px var(--f-body);color:#4a3400}.cm-run .btn{background:var(--ink);color:var(--gold);border-color:var(--ink);box-shadow:0 4px #0006}.cm-run .btn:hover{transform:translateY(-2px)}.cm-run .btn:active{transform:translateY(2px)}.cm-toolbar{border:3px solid var(--ink);background:linear-gradient(160deg, var(--surface-hi), var(--surface));box-shadow:0 6px 0 var(--ink);border-radius:18px;flex-wrap:wrap;align-items:flex-end;gap:14px 16px;padding:16px 18px;display:flex}.cm-field{flex-direction:column;gap:6px;display:flex}.cm-field .lbl{font:700 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.cm-field input,.cm-field select,.cm-field textarea{border:2px solid var(--line);color:var(--fg);font:inherit;background:#04071a8c;border-radius:12px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.cm-field input::placeholder,.cm-field textarea::placeholder{color:var(--faint)}.cm-field input:focus,.cm-field select:focus,.cm-field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 40%, transparent);outline:none}.cm-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ffc83d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.cm-field select option{background:var(--ink);color:var(--fg)}.cm-field textarea{resize:vertical;min-height:64px}.cm-code{align-items:flex-end;gap:10px;display:flex}.cm-code .cm-field{flex:1;min-width:120px}.cm-code input{text-transform:uppercase;letter-spacing:.12em}.cm-code .btn{border:2px solid var(--ink);background:linear-gradient(180deg, #ffe27a, var(--gold) 55%, #e39a12);color:var(--ink);font:800 13px var(--f-body);box-shadow:0 4px 0 var(--ink);transition:transform .15s var(--spring), box-shadow .15s;border-radius:12px;padding:10px 16px}.cm-code .btn:hover{box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.cm-code .btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.cm-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.cm-card{border:3px solid var(--ink);background:linear-gradient(160deg, var(--surface-hi), var(--surface));min-height:170px;box-shadow:0 6px 0 var(--ink);cursor:pointer;text-align:left;color:var(--fg);transition:transform .15s var(--spring), box-shadow .15s;border-radius:18px;flex-direction:column;gap:12px;padding:16px 18px 18px 24px;display:flex;position:relative;overflow:hidden}.cm-card:before{content:"";background:var(--accent,var(--violet));width:5px;position:absolute;top:0;bottom:0;left:0}.cm-card-single{--accent:var(--gold)}.cm-card-double{--accent:var(--violet)}.cm-card:hover{box-shadow:0 10px 0 var(--ink), 0 0 24px color-mix(in srgb, var(--accent,var(--violet)) 45%, transparent);transform:translateY(-4px)}.cm-card-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:relative}.cm-card-name{font-family:var(--f-display);text-shadow:3px 3px 0 var(--ink);margin:0;font-size:clamp(14px,1.8vw,18px);line-height:1.3}.cm-card-pills{z-index:1;flex-wrap:wrap;gap:6px;display:flex;position:relative}.cm-card-stats{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.cm-stat{border:2px solid var(--line);font:700 12px var(--f-mono);color:var(--fg);background:#04071a80;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.cm-stat b{color:var(--gold)}.cm-card-foot{z-index:1;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex;position:relative}.cm-heart{border:2px solid color-mix(in srgb, var(--fire) 50%, transparent);color:var(--fire);cursor:pointer;font:700 12px var(--f-mono);transition:transform .2s var(--spring), background .15s, color .15s, border-color .15s;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.cm-heart.on{background:var(--fire);color:#fff;border-color:var(--fire)}.cm-heart.pop{animation:cmHeartPop .35s var(--spring)}@keyframes cmHeartPop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.cm-view{border:2px solid var(--ink);background:linear-gradient(180deg, #ffe27a, var(--gold) 55%, #e39a12);color:var(--ink);font:800 12px var(--f-body);box-shadow:0 4px 0 var(--ink);transition:transform .15s var(--spring), box-shadow .15s;border-radius:12px;padding:8px 16px}.cm-view:hover{box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.cm-view:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.cm-creator{z-index:2;border:2px solid var(--gold);background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 26%, transparent), color-mix(in srgb, var(--gold) 10%, transparent));color:var(--gold);font:800 12px var(--f-body);cursor:pointer;box-shadow:0 2px 0 #00000059, 0 0 14px color-mix(in srgb, var(--gold) 40%, transparent);transition:transform .15s var(--spring), box-shadow .15s, background .15s;border-radius:999px;align-items:center;gap:7px;margin:6px 0 0;padding:3px 12px 3px 4px;display:inline-flex;position:relative}.cm-creator:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 40%, transparent), color-mix(in srgb, var(--gold) 18%, transparent));box-shadow:0 4px 0 #00000059, 0 0 22px color-mix(in srgb, var(--gold) 65%, transparent);transform:translateY(-2px)}.cm-creator:active{transform:translateY(1px)}.cm-creator-ava{border:1.5px solid var(--ink);background:linear-gradient(180deg, #ffe27a, var(--gold));width:20px;height:20px;color:var(--ink);font:800 11px var(--f-mono);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;display:grid}.cm-creator-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.cm-card-showcase{pointer-events:none;z-index:0;opacity:.55;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:center;gap:2px;width:58%;padding:8px 10px 10px 0;display:grid;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 34% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 34% 100%)}.cm-card-showcase img{width:min(100%,62px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px #0000004d);animation:3.4s ease-in-out infinite cmShowcaseBob}.cm-card-showcase img:nth-child(2){animation-delay:-.85s}.cm-card-showcase img:nth-child(3){animation-delay:-1.7s}.cm-card-showcase img:nth-child(4){animation-delay:-2.55s}@keyframes cmShowcaseBob{50%{transform:translateY(-6px)}}.cm-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.cm-pager .lbl{opacity:.8}.cm-pager .btn{border:2px solid var(--ink);background:linear-gradient(160deg, var(--surface-hi), var(--surface));box-shadow:0 4px 0 var(--ink);border-radius:12px}.cm-pager .btn:disabled{opacity:.4;box-shadow:none}.cm-empty{text-align:center;color:var(--muted);border:2px dashed color-mix(in srgb, var(--fg) 30%, transparent);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:28px 20px;display:flex}.cm-empty img{width:56px;height:56px;image-rendering:pixelated;opacity:.85;filter:drop-shadow(0 4px #00000059);animation:3.2s ease-in-out infinite cmAceBob}.cm-mine{flex-direction:column;gap:14px;display:flex}.cm-create{border:3px solid var(--ink);background:linear-gradient(160deg, var(--surface-hi), var(--surface));box-shadow:0 6px 0 var(--ink);border-radius:18px;flex-direction:column;gap:14px;padding:18px 20px 20px 26px;display:flex;position:relative;overflow:hidden}.cm-create:before{content:"";background:var(--fire);width:5px;position:absolute;top:0;bottom:0;left:0}.cm-create h2{font-family:var(--f-display);text-shadow:3px 3px 0 var(--ink);margin:0;font-size:clamp(15px,2vw,19px);line-height:1.3}.cm-create-row{flex-wrap:wrap;gap:12px;display:flex}.cm-create-row .cm-field{flex:1;min-width:140px}.cm-submit{border:3px solid var(--ink);background:linear-gradient(180deg, #ffe27a, var(--gold) 55%, #e39a12);color:var(--ink);font:800 14px var(--f-body);box-shadow:0 5px 0 var(--ink);transition:transform .15s var(--spring), box-shadow .15s;border-radius:14px;align-self:flex-start;padding:12px 24px}.cm-submit:hover:not(:disabled){box-shadow:0 7px 0 var(--ink);transform:translateY(-2px)}.cm-submit:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.cm-submit:disabled{opacity:.5;box-shadow:none}.cm-mine-item{border:3px solid var(--ink);background:linear-gradient(160deg, var(--surface-hi), var(--surface));box-shadow:0 6px 0 var(--ink);border-radius:18px;flex-direction:column;gap:12px;padding:16px 18px 18px 24px;display:flex;position:relative;overflow:hidden}.cm-mine-item:before{content:"";background:var(--accent,var(--violet));width:5px;position:absolute;top:0;bottom:0;left:0}.cm-mine-item[data-status=draft]{--accent:var(--muted)}.cm-mine-item[data-status=private]{--accent:var(--water)}.cm-mine-item[data-status=public]{--accent:var(--leaf)}.cm-mine-item[data-status=hidden]{--accent:var(--fire)}.cm-mine-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.cm-mine-name{font-family:var(--f-display);text-shadow:3px 3px 0 var(--ink);margin:0;font-size:clamp(14px,1.8vw,17px);line-height:1.3}.cm-mine-code{border:2px solid var(--line);font-family:var(--f-mono);letter-spacing:.12em;color:var(--gold);background:#04071a8c;border-radius:8px;margin-top:6px;padding:4px 10px;display:inline-block}.cm-mine-pills{flex-wrap:wrap;gap:6px;display:flex}.cm-mine-actions{flex-wrap:wrap;gap:8px;display:flex}.cm-mine-actions .btn{border:2px solid var(--ink);background:linear-gradient(160deg, var(--surface-hi), var(--surface));box-shadow:0 3px 0 var(--ink);transition:transform .15s var(--spring), box-shadow .15s;border-radius:10px;padding:7px 14px;font-size:.9rem}.cm-mine-actions .btn:hover:not(:disabled){box-shadow:0 5px 0 var(--ink);transform:translateY(-2px)}.cm-mine-actions .btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.cm-mine-actions .btn:disabled{opacity:.4;box-shadow:none}.cm-mine-item .pill{border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink)}.cm-mine-item[data-status=draft] .pill{background:color-mix(in srgb, var(--muted) 30%, transparent);color:var(--fg)}.cm-mine-item[data-status=private] .pill{background:color-mix(in srgb, var(--water) 30%, transparent);color:var(--water)}.cm-mine-item[data-status=public] .pill{background:color-mix(in srgb, var(--leaf) 30%, transparent);color:var(--leaf)}.cm-mine-item[data-status=hidden] .pill{background:color-mix(in srgb, var(--fire) 30%, transparent);color:var(--fire)}.cm-dialog-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04071ab3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cm-dialog{border:4px solid var(--ink);color:#fff;width:min(560px,100%);max-height:88vh;box-shadow:0 8px 0 var(--ink), 0 0 0 3px color-mix(in srgb, var(--gold) 55%, transparent), 0 0 46px color-mix(in srgb, var(--violet) 45%, transparent);background:linear-gradient(150deg,#3a2290 0%,#241659 45%,#150f38 100%);border-radius:22px;padding:22px 24px 24px;position:relative;overflow:auto}.cm-dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cm-dialog-head h2{font-family:var(--f-display);color:#fff;text-shadow:4px 4px 0 var(--ink), 0 0 24px #ffc83d66;margin:0;font-size:clamp(18px,3vw,26px);line-height:1.2}.cm-dialog-close{border:2px solid var(--ink);color:#fff;cursor:pointer;width:38px;height:38px;box-shadow:0 3px 0 var(--ink);transition:transform .15s var(--spring), box-shadow .15s;background:#08061eb3;border-radius:12px;flex:none;font-size:16px}.cm-dialog-close:hover{box-shadow:0 5px 0 var(--ink);transform:translateY(-2px)}.cm-dialog-close:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.cm-dialog-pills{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.cm-dialog-pills .pill{border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink)}.cm-dialog-code{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;display:flex}.cm-dialog-code .lbl{font:700 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#b9c0ee}.cm-dialog-code b{border:2px solid var(--line);font-family:var(--f-mono);letter-spacing:.12em;color:var(--gold);background:#04071a8c;border-radius:8px;padding:5px 12px}.cm-dialog-desc{color:#d6d9f5;margin:0 0 16px;line-height:1.5}.cm-dialog-trainers-label{font:700 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#b9c0ee;margin:0 0 8px}.cm-dialog-trainers{flex-direction:column;gap:10px;margin:0 0 18px;padding-left:6px;display:flex;position:relative}.cm-dialog-trainers:before{content:"";background:linear-gradient(180deg, var(--gold), var(--violet));border-radius:99px;width:3px;position:absolute;top:14px;bottom:14px;left:22px}.cm-trainer{background:#0a082280;border:2px solid #ffffff24;border-radius:12px;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex;position:relative}.cm-trainer-badge{border:2px solid var(--ink);background:linear-gradient(180deg, #ffe27a, var(--gold));width:30px;height:30px;color:var(--ink);font:800 12px var(--f-mono);box-shadow:0 2px 0 var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.cm-trainer img{width:36px;height:36px;image-rendering:pixelated;filter:drop-shadow(0 3px #00000059)}.cm-trainer-name{color:#fff;flex:1;font-weight:700}.cm-trainer-floor{font:600 11px var(--f-mono);letter-spacing:.06em;color:#b9c0ee}.cm-dialog-actions{flex-wrap:wrap;gap:10px;display:flex}.cm-dialog-actions .btn{border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);transition:transform .15s var(--spring), box-shadow .15s;border-radius:12px}.cm-dialog-actions .btn:hover:not(:disabled){box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.cm-dialog-actions .btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.cm-dialog-actions .btn.primary{background:linear-gradient(180deg, #ffe27a, var(--gold) 55%, #e39a12);color:var(--ink);font:800 15px var(--f-body);box-shadow:0 5px 0 var(--ink), 0 0 22px #ffc83d80;flex:1;justify-content:center;padding:14px 22px}.cm-dialog-actions .btn.primary:hover{box-shadow:0 7px 0 var(--ink), 0 0 30px #ffc83db3}@media (min-width:1000px){.cm-hero-aces{width:32%}.cm-hero-title{max-width:70%}}@media (max-width:999px){.cm-hero-aces{opacity:.28;width:60%}}@media (max-width:520px){.cm-hub{gap:16px}.cm-hero{padding:22px 18px}.cm-hero-aces{opacity:.2}.cm-hero-tabs{align-self:stretch}.cm-hero-tab{flex:1;justify-content:center}.cm-grid{grid-template-columns:1fr}.cm-toolbar{align-items:stretch}.cm-field,.cm-code{width:100%}.cm-code input{width:auto}.cm-mine-actions{width:100%}.cm-mine-actions .btn{text-align:center;flex:1}.cm-card-showcase{opacity:.32;width:46%}.cm-card-showcase img{width:min(100%,44px)}}
.cm-runs{margin:0 0 20px}.cm-runs-title{font-family:var(--f-display);letter-spacing:.04em;text-transform:uppercase;color:var(--fg);margin:0 0 10px;font-size:1rem}.cm-runs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (max-width:640px){.cm-runs-grid{grid-template-columns:1fr}}.cm-run{border:3px solid var(--ink);background:linear-gradient(160deg, var(--surface-hi), var(--surface));min-height:150px;box-shadow:0 6px 0 var(--ink);color:var(--fg);transition:transform .15s var(--spring), box-shadow .15s;border-radius:18px;flex-direction:column;gap:12px;padding:16px 18px 18px 24px;display:flex;position:relative;overflow:hidden}.cm-run:before{content:"";background:var(--accent,var(--violet));width:5px;position:absolute;top:0;bottom:0;left:0}.cm-run-single{--accent:var(--gold)}.cm-run-double{--accent:var(--violet)}.cm-run:hover{box-shadow:0 10px 0 var(--ink), 0 0 24px color-mix(in srgb, var(--accent,var(--violet)) 45%, transparent);transform:translateY(-4px)}.cm-run-showcase{pointer-events:none;z-index:0;opacity:.55;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:center;gap:2px;width:58%;padding:8px 10px 10px 0;display:grid;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 34% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 34% 100%)}.cm-run-showcase img{width:min(100%,62px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px #0000004d);animation:3.4s ease-in-out infinite cmShowcaseBob}.cm-run-showcase img:nth-child(2){animation-delay:-.85s}.cm-run-showcase img:nth-child(3){animation-delay:-1.7s}.cm-run-showcase img:nth-child(4){animation-delay:-2.55s}.cm-run-body{z-index:1;flex-direction:column;flex:1;gap:10px;min-width:0;display:flex;position:relative}.cm-run-name{font-family:var(--f-display);color:var(--fg);text-shadow:3px 3px 0 var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(14px,1.8vw,18px);line-height:1.3;overflow:hidden}.cm-run-pills{flex-wrap:wrap;gap:6px;display:flex}.cm-run-progress-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cm-run-chip{border:2px solid var(--ink);background:linear-gradient(180deg, #ffe27a, var(--gold) 55%, #e39a12);color:var(--ink);font-family:var(--f-display);box-shadow:0 3px 0 var(--ink);border-radius:10px;flex:none;padding:4px 12px;font-size:1.05rem;line-height:1}.cm-run-progress{font-family:var(--f-mono);color:var(--muted);white-space:nowrap;font-size:.72rem}.cm-run-bar{background:var(--surface-hi);border:2px solid var(--ink);border-radius:999px;height:14px;position:relative;overflow:hidden}.cm-run-bar-fill{background:linear-gradient(90deg, var(--gold), #ff7a1a);box-shadow:0 0 12px color-mix(in srgb, var(--gold) 70%, transparent);transition:width var(--spring) var(--ease);position:absolute;inset:0 auto 0 0}.cm-run-continue{z-index:1;border:2px solid var(--ink);background:linear-gradient(180deg, #ffe27a, var(--gold) 55%, #e39a12);color:var(--ink);font:800 12px var(--f-body);box-shadow:0 4px 0 var(--ink);transition:transform .15s var(--spring), box-shadow .15s;border-radius:12px;align-self:flex-end;margin-top:2px;padding:8px 16px;position:relative}.cm-run-continue:hover{box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.cm-run-continue:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}@media (max-width:520px){.cm-run-showcase{opacity:.32;width:46%}.cm-run-showcase img{width:min(100%,44px)}}.cm-share{color:var(--fg);background:var(--surface-hi);border:1px solid var(--line);cursor:pointer;transition:border-color var(--spring) var(--ease), background var(--spring) var(--ease);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;display:inline-flex}.cm-share:hover{border-color:var(--gold);background:var(--surface)}.cm-dialog-backdrop{justify-content:center;align-items:center;padding:16px;display:flex}.cm-dialog{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;width:min(440px,100%);max-height:none;padding:18px 18px 20px;display:flex;overflow:visible;box-shadow:0 18px 40px #00000073}.cm-dialog-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.cm-dialog-pills{flex-wrap:wrap;gap:6px;display:flex}.cm-dialog-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.cm-dialog-floors-chip{background:var(--surface-hi);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.cm-dialog-floors-num{font-family:var(--f-display);color:var(--gold);font-size:2rem;line-height:1}.cm-dialog-floors-lbl{color:var(--fg);font-size:.8rem}.cm-dialog-code{background:var(--surface-hi);border:1px dashed var(--line);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.cm-dialog-code b{font-family:var(--f-mono);letter-spacing:.12em;color:var(--fg)}.cm-dialog-actions{flex-wrap:wrap;gap:8px;display:flex}.cm-dialog-actions .btn{flex:auto;min-width:0}.cm-run{align-items:stretch}.cm-run .btn.cm-run-continue{border:3px solid var(--ink);background:linear-gradient(180deg, #ffe27a, var(--gold) 55%, #e39a12);color:var(--ink);font:800 13px var(--f-body);box-shadow:0 5px 0 var(--ink), 0 0 20px #ffc83d59;align-self:flex-end;padding:10px 20px}.cm-run .btn.cm-run-continue:hover{box-shadow:0 7px 0 var(--ink), 0 0 26px #ffc83d8c;transform:translateY(-2px)}.cm-run .btn.cm-run-continue:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.cm-run .cm-run-bar{width:100%;max-width:360px}