.cm-game-main{padding:44px 0 110px}.cm-gx{--gx-bg:var(--cm-bg);--gx-panel:color-mix(in srgb,var(--cm-text) 5%,var(--cm-bg));--gx-panel-2:color-mix(in srgb,var(--cm-text) 9%,var(--cm-bg));--gx-line:var(--cm-rule);--gx-text:var(--cm-text);--gx-dim:var(--cm-text-dim);--gx-accent:var(--cm-accent);--gx-green:#3ecf8e;--gx-red:#ff6b6b;position:relative;display:flex;justify-content:center}:root[data-theme=light] .cm-gx{--gx-green:#1f9d57;--gx-red:#d6453f}.cm-gx-hub{width:100%;max-width:1180px}.cm-gx-hub-hero{padding:8px 4px 30px}.cm-gx-hub-kicker{display:inline-block;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gx-accent);margin-bottom:14px}.cm-gx-hub-title{font-family:Fraunces,Playfair Display,serif;font-size:clamp(38px,6vw,68px);font-weight:900;line-height:1;letter-spacing:-.035em;margin:0 0 16px;color:var(--cm-text)}.cm-gx-slash{color:var(--gx-accent)}.cm-gx-hub-lede,.cm-gx-slash{font-family:JetBrains Mono,monospace}.cm-gx-hub-lede{font-size:15px;line-height:1.6;color:var(--cm-text-dim);margin:0;max-width:640px}.cm-gx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.cm-gx-tile{--tile:var(--cm-accent);position:relative;display:flex;flex-direction:column;min-height:220px;padding:26px;border-radius:18px;text-decoration:none;overflow:hidden;border:1px solid color-mix(in srgb,var(--tile) 38%,transparent);background:radial-gradient(120% 120% at 0 0,color-mix(in srgb,var(--tile) 22%,transparent),transparent 60%),color-mix(in srgb,var(--tile) 9%,var(--cm-bg));transition:transform .16s ease,box-shadow .2s ease,border-color .16s ease}.cm-gx-tile:hover{transform:translateY(-4px);border-color:var(--tile);box-shadow:0 22px 50px -22px color-mix(in srgb,var(--tile) 70%,transparent)}.cm-gx-tile.is-featured{min-height:240px}@media (min-width:760px){.cm-gx-tile.is-featured{grid-column:span 2}}.cm-gx-tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.cm-gx-tile-icon{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;color:var(--tile);background:color-mix(in srgb,var(--tile) 16%,transparent);border:1px solid color-mix(in srgb,var(--tile) 34%,transparent)}.cm-gx-tile-icon svg{width:27px;height:27px}.cm-gx-tile-badge{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--tile);color:#fff;font-weight:700}.cm-gx-tile-title{font-family:Fraunces,serif;font-size:clamp(22px,3vw,30px);font-weight:800;color:var(--cm-text);margin:0 0 8px;line-height:1.05}.cm-gx-tile-cmd{font-size:12.5px;color:var(--tile);margin:0 0 8px;opacity:.95}.cm-gx-tile-cmd,.cm-gx-tile-tag{font-family:JetBrains Mono,monospace}.cm-gx-tile-tag{font-size:13.5px;line-height:1.5;color:var(--cm-text-dim);margin:0}.cm-gx-tile-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--tile)}.cm-gx-tile-foot .cm-gx-arrow{transition:transform .16s ease}.cm-gx-tile:hover .cm-gx-arrow{transform:translateX(4px)}.cm-gx-stage{position:relative;width:100%;max-width:1040px;border-radius:16px;overflow:hidden;background:radial-gradient(120% 80% at 50% -10%,color-mix(in srgb,var(--gx-accent) 16%,transparent),transparent 60%),var(--gx-bg);border:1px solid var(--gx-line);box-shadow:0 30px 80px -42px color-mix(in srgb,var(--cm-text) 40%,transparent)}.cm-gx-stage:before{inset:0;background-image:linear-gradient(color-mix(in srgb,var(--gx-accent) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--gx-accent) 7%,transparent) 1px,transparent 1px);background-size:36px 36px;opacity:.4}.cm-gx-stage:after,.cm-gx-stage:before{content:"";position:absolute;pointer-events:none}.cm-gx-stage:after{left:0;right:0;top:-40%;height:40%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--gx-accent) 10%,transparent),transparent);animation:cm-gx-scan 7s linear infinite}@keyframes cm-gx-scan{0%{transform:translateY(0)}to{transform:translateY(360%)}}.cm-gx-term{position:relative;z-index:1}.cm-gx-bar{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--gx-line);background:var(--gx-panel-2)}.cm-gx-dots{display:inline-flex;gap:7px}.cm-gx-dots i{width:11px;height:11px;border-radius:50%;background:var(--gx-dim);opacity:.5}.cm-gx-dots i:first-child{background:var(--gx-red);opacity:.9}.cm-gx-dots i:nth-child(2){background:#f5b942;opacity:.9}.cm-gx-dots i:nth-child(3){background:var(--gx-green);opacity:.9}.cm-gx-bar-title{font-size:12px;color:var(--gx-dim);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-gx-bar-title,.cm-gx-body{font-family:JetBrains Mono,monospace}.cm-gx-body{padding:40px 44px 46px;color:var(--gx-text)}.cm-gx-cursor{display:inline-block;width:9px;height:1.05em;vertical-align:text-bottom;background:var(--gx-accent);margin-left:3px;animation:cm-gx-blink 1s steps(2,start) infinite}@keyframes cm-gx-blink{50%{opacity:0}}.cm-gx-kicker{display:inline-block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gx-accent);margin-bottom:14px}.cm-gx-cmdline{font-size:14px;color:var(--gx-green);margin:0 0 18px}.cm-gx-cmdline .cm-gx-prompt-sign{color:var(--gx-dim);margin-right:8px}.cm-gx-title{font-family:Fraunces,Playfair Display,serif;font-size:clamp(32px,5vw,52px);font-weight:900;line-height:1.04;letter-spacing:-.03em;margin:0 0 14px;color:var(--cm-text)}.cm-gx-lede{font-size:14.5px;line-height:1.6;color:var(--gx-dim);margin:0 0 26px;max-width:620px}.cm-gx-btn,.cm-gx-lede{font-family:JetBrains Mono,monospace}.cm-gx-btn{font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:14px 26px;border-radius:10px;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease}.cm-gx-btn:disabled{opacity:.4;cursor:not-allowed}.cm-gx-btn-primary{background:var(--gx-accent);color:#fff;font-weight:700}.cm-gx-btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 30px -8px color-mix(in srgb,var(--gx-accent) 70%,transparent)}.cm-gx-btn-ghost{background:transparent;border-color:var(--gx-line);color:var(--gx-dim)}.cm-gx-btn-ghost:not(:disabled):hover{color:var(--gx-text);border-color:var(--gx-text)}.cm-gx-progress{margin-bottom:26px}.cm-gx-progress-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gx-dim);margin-bottom:7px}.cm-gx-progress-track{height:9px;border-radius:5px;background:color-mix(in srgb,var(--cm-text) 10%,transparent);overflow:hidden;border:1px solid var(--gx-line)}.cm-gx-progress-fill{height:100%;background:repeating-linear-gradient(90deg,var(--gx-accent) 0,var(--gx-accent) 8px,color-mix(in srgb,var(--gx-accent) 60%,#000) 8px,color-mix(in srgb,var(--gx-accent) 60%,#000) 12px);transition:width .35s ease}.cm-gx-q{font-size:18px;line-height:1.55;color:var(--gx-text);margin:0 0 24px;display:flex;gap:10px}.cm-gx-q .cm-gx-prompt-sign{color:var(--gx-accent);font-weight:700}.cm-gx-options{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:26px}@media (min-width:760px){.cm-gx-options{grid-template-columns:1fr 1fr}}.cm-gx-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 18px;border:1px solid var(--gx-line);border-radius:10px;background:var(--gx-panel);color:var(--gx-text);cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .1s ease}.cm-gx-opt:hover{border-color:color-mix(in srgb,var(--gx-accent) 55%,transparent);background:color-mix(in srgb,var(--gx-accent) 8%,var(--gx-panel))}.cm-gx-opt:active{transform:scale(.99)}.cm-gx-opt.is-selected{border-color:var(--gx-accent);background:color-mix(in srgb,var(--gx-accent) 15%,var(--gx-panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gx-accent) 40%,transparent)}.cm-gx-key{flex:none;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gx-line);border-radius:6px;font-size:11px;color:var(--gx-dim)}.cm-gx-opt.is-selected .cm-gx-key{border-color:var(--gx-accent);color:var(--gx-accent)}.cm-gx-cmd{font-size:16px;font-weight:600;color:var(--gx-text);flex:1}.cm-gx-opt.is-selected .cm-gx-cmd{color:var(--cm-text)}.cm-gx-marker{color:var(--gx-accent);font-weight:700;opacity:0}.cm-gx-opt.is-selected .cm-gx-marker{opacity:1}.cm-gx-hint{font-size:11px;color:var(--gx-dim);margin:0 0 20px;letter-spacing:.04em}.cm-gx-nav{display:flex;justify-content:space-between;gap:12px}.cm-gx-form{display:grid;gap:16px;margin-bottom:12px;max-width:540px}.cm-gx-field{display:grid;gap:6px}.cm-gx-field-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gx-dim)}.cm-gx-input{width:100%;padding:14px 16px;border-radius:10px;border:1px solid var(--gx-line);background:var(--gx-panel);color:var(--gx-text);font-family:JetBrains Mono,monospace;font-size:15px}.cm-gx-input:focus{outline:none;border-color:var(--gx-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--gx-accent) 25%,transparent)}.cm-gx-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--gx-dim);line-height:1.45;cursor:pointer}.cm-gx-consent input{margin-top:3px;accent-color:var(--gx-accent)}.cm-gx-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.cm-gx-error{color:var(--gx-red);font-size:13px;margin:0}.cm-gx-note{color:var(--gx-accent);font-size:13px;margin:0 0 16px}.cm-gx-scoreline{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.cm-gx-score{font-family:Fraunces,serif;font-size:clamp(58px,9vw,84px);font-weight:900;line-height:1;color:var(--gx-accent);text-shadow:0 0 30px color-mix(in srgb,var(--gx-accent) 45%,transparent)}.cm-gx-score-total{font-size:22px;color:var(--gx-dim)}.cm-gx-stats{display:flex;gap:18px;margin:10px 0 22px;font-size:12px;color:var(--gx-dim);letter-spacing:.06em}.cm-gx-stats b{color:var(--gx-text)}.cm-gx-report{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:10px}.cm-gx-line{border:1px solid var(--gx-line);border-inline-start-width:3px;border-radius:8px;padding:14px 16px;font-size:14px;background:var(--gx-panel)}.cm-gx-line.is-correct{border-inline-start-color:var(--gx-green)}.cm-gx-line.is-wrong{border-inline-start-color:var(--gx-red)}.cm-gx-line-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:7px}.cm-gx-status{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.cm-gx-status.is-correct{color:var(--gx-green)}.cm-gx-status.is-wrong{color:var(--gx-red)}.cm-gx-line code{color:var(--gx-text);background:color-mix(in srgb,var(--cm-text) 8%,transparent);padding:1px 6px;border-radius:5px}.cm-gx-line-prompt{color:var(--gx-dim);margin:0 0 6px;line-height:1.5}.cm-gx-line-explain{color:var(--gx-dim);margin:0;line-height:1.5;opacity:.92}.cm-gx-otherwrap{margin:26px 0 8px;padding-top:22px;border-top:1px dashed var(--gx-line)}.cm-gx-otherwrap p{font-size:12px;color:var(--gx-dim);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px}.cm-gx-otherwrap .cm-gx-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.cm-gx-otherwrap .cm-gx-tile{min-height:0}@media (max-width:560px){.cm-gx-body{padding:24px 18px 30px}.cm-game-main{padding:26px 0 64px}.cm-gx-btn{padding:12px 16px}.cm-gx-key{display:none}.cm-gx-tile{min-height:0;padding:22px}}[dir=rtl] .cm-gx-arrow{display:inline-block;transform:scaleX(-1)}[dir=rtl] .cm-gx-tile:hover .cm-gx-arrow{transform:scaleX(-1) translateX(4px)}[dir=rtl] .cm-gx-bar-title,[dir=rtl] .cm-gx-cmdline{direction:ltr;text-align:start}@media (prefers-reduced-motion:reduce){.cm-gx-stage:after{animation:none;display:none}.cm-gx-cursor{animation:none}.cm-gx-arrow,.cm-gx-btn,.cm-gx-opt,.cm-gx-tile{transition:none}}