.cp-game-tutorial{text-align:center;position:relative;border-radius:20px!important;width:min(400px,100vw - 32px)!important;padding:32px 28px 22px!important}.cp-game-tutorial h2{margin:4px 20px 14px;font-size:18px;font-weight:600}.cp-game-tutorial p{color:var(--cw-text);margin:0 0 20px;font-size:14px;line-height:1.55}.ct-close{place-items:center;width:30px;height:30px;display:grid;position:absolute;top:18px;right:16px}.ct-dots{justify-content:center;gap:8px;margin:24px 0 18px;display:flex}.cw-app .ct-dots button{background:var(--cw-muted);opacity:.5;border-radius:50%;width:7px;height:7px;padding:0}.cw-app .ct-dots button[aria-current]{opacity:1;background:#8bbced}.cp-game-tutorial footer{justify-content:space-between;align-items:center;display:flex}.cp-game-tutorial footer button{place-items:center;min-width:36px;min-height:36px;display:grid}.cp-game-tutorial footer button:disabled{opacity:0;pointer-events:none}.ct-play{color:#102031;background:#97c5f0;border-radius:18px;padding:8px 20px;font-size:14px}.ct-slide{background:var(--cw-soft);border-radius:10px;width:170px;height:200px;margin:auto;display:flex;position:relative;overflow:hidden}.ct-slide>div:not(.ct-slide-row){width:34px;transform:translateY(calc(var(--column) * -16px));animation:4s ease-in-out infinite ct-slide;animation-delay:calc(var(--column) * -.45s);flex:none;padding-top:32px}.ct-slide span{border:1px solid var(--cw-border);background:var(--cw-bg);place-items:center;height:34px;font-size:17px;display:grid}.ct-slide-row{z-index:2;pointer-events:none;border:2px solid #91bdec;border-radius:5px;width:100%;height:35px;position:absolute;top:85px}@keyframes ct-slide{0%,20%,to{transform:translateY(calc(var(--column) * -16px))}50%,75%{transform:translateY(calc((4 - var(--column)) * -17px))}}@keyframes ct-clue{0%,30%{background:0 0}50%,to{background:#8bbced66}}.ct-common{width:220px;margin:auto}.ct-circles{height:220px;position:relative}.ct-circles i{opacity:.8;background:#e8c653;border-radius:50%;width:145px;height:145px;position:absolute;top:0;left:0}.ct-circles i:nth-child(2){background:#db8178;left:75px}.ct-circles i:nth-child(3){background:#81acd4;top:75px;left:38px}.ct-word{color:#fff;z-index:1;background:#242424;border-radius:6px;padding:8px 5px;font-size:8px;position:absolute}.ct-word-a{animation:4s infinite ct-place;top:42px;left:20px}.ct-word-b{top:24px;left:83px}.ct-word-c{top:116px;left:143px}.ct-word-d{top:179px;left:84px}.ct-common[data-step="2"] .ct-word{animation:4s infinite ct-lock}.ct-word-tray{border:1px dashed var(--cw-border);justify-content:center;gap:5px;padding:12px;font-size:9px;display:flex}.ct-demo-check{color:#152535;background:#8bbced;border-radius:12px;justify-content:center;align-items:center;margin-top:8px;padding:5px;font-size:11px;display:flex}@keyframes ct-place{0%,15%{background:#8bbced;transform:translate(45px,180px)}45%,to{transform:translate(0)}}@keyframes ct-lock{0%,30%{background:#242424}60%,to{background:#438650}}.ct-operator{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:160px;display:flex}.ct-operator>small{font-size:10px}.ct-operator>strong{font-size:26px}.ct-equation{align-items:center;gap:9px;display:flex}.ct-equation span{border:2px solid var(--cw-text);border-radius:50%;place-items:center;width:30px;height:30px;animation:3s infinite ct-appear;display:grid}.ct-equation svg{color:#77b988}.ct-invalid{color:#dc7980;align-items:center;gap:12px;margin-top:10px;display:flex}.ct-flood{grid-template-columns:repeat(5,1fr);gap:1px;width:140px;height:140px;margin:30px auto;display:grid}.ct-flood i{background:var(--tile-color);animation:5s infinite ct-flood;animation-delay:calc(var(--tile) * 55ms)}@keyframes ct-flood{0%,15%,to{background:var(--tile-color)}45%,80%{background:#57bdad}}.ct-code{flex-direction:column;justify-content:center;gap:16px;min-height:150px;display:flex}.ct-code>div{justify-content:center;align-items:center;gap:8px;display:flex}.ct-code span{color:#fff;width:34px;height:34px;animation:4s infinite ct-appear;animation-delay:calc(var(--peg) * .35s);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}@keyframes ct-appear{0%,10%{opacity:.2;transform:scale(.85)}30%,to{opacity:1;transform:scale(1)}}.ct-code ul{text-align:left;margin:auto;padding:0;font-size:12px;line-height:1.8;list-style:none}.ct-progress{background:var(--cw-soft);width:100%;height:5px;margin:20px 0}.ct-progress i{background:#8bbced;height:100%;animation:4s infinite ct-progress;display:block}@keyframes ct-progress{0%{width:10%}80%,to{width:100%}}@media (prefers-reduced-motion:reduce){.cp-game-tutorial *{animation:none!important}}.cw-app[data-reduce-motion=true] .cp-game-tutorial *{animation:none!important}.cp-game-tutorial{width:min(430px,100vw - 32px)!important;padding:30px 24px 22px!important}.cp-game-tutorial h2{margin-bottom:20px;font-size:20px;line-height:1.3}.cp-game-tutorial>p{min-height:64px;color:var(--cw-muted);margin:20px 0 0}.cp-game-tutorial footer{gap:16px;justify-content:space-between!important}.cw-app .cp-game-tutorial footer button{border-radius:10px;justify-content:center;align-items:center;min-width:44px;height:44px;padding:0;display:flex}.cw-app .cp-game-tutorial footer .ct-play{background:var(--cw-text);min-width:80px;color:var(--cw-bg);padding:0 18px}.cw-app .cp-game-tutorial footer button svg{width:18px;height:18px;margin:0;display:block}.ct-demo-caption{min-height:36px;color:var(--cw-muted);margin-top:12px;font-size:12px;line-height:1.5}.ct-slide{background:0 0;border-radius:8px;gap:4px;width:200px;height:210px}.ct-slide>div:not(.ct-slide-row){width:36.8px;padding:0;transition:transform .5s cubic-bezier(.2,.8,.2,1);animation:none}.ct-slide span{box-sizing:border-box;border-radius:4px;height:30px;font-size:16px}.ct-slide-row{box-sizing:border-box;border:2px solid var(--cw-text);border-radius:4px;height:30px;top:90px}.ct-slide[data-step="2"] .ct-slide-row{background:0 0;animation:none}.ct-slide span.is-correct{background:color-mix(in srgb, #56a37e 25%, var(--cw-bg));color:var(--cw-text)}.ct-slide span.is-absent{background:var(--cw-hover);color:var(--cw-muted)}.ct-word{color:#20252a;white-space:nowrap;background:#fffa;padding:5px 4px;font-size:10px;transition:transform .7s,background .3s;animation:none!important}.ct-word.is-locked{background:#bee2ad}.ct-common{width:250px}.ct-circles{height:220px}.ct-circles i{width:66%;height:75%;top:0;left:0}.ct-circles i:nth-child(2){left:34%}.ct-circles i:nth-child(3){top:25%;left:17%}.ct-common-themes{color:var(--cw-muted);justify-content:center;gap:16px;margin-top:8px;font-size:12px;display:flex}.ct-equation{gap:7px;min-height:50px}.ct-equation span{width:34px;height:34px;font-size:16px;line-height:1;animation:none}.ct-equation b{font-size:18px}.ct-equation>strong{min-width:28px;font-size:22px}.ct-flood{border-radius:8px;gap:2px;width:180px;height:180px;margin:0 auto;overflow:hidden}.ct-flood i{place-items:center;font-size:11px;font-style:normal;font-weight:600;transition:background-color .3s;animation:none;display:grid}.ct-code span{color:#18242c;width:40px;height:40px;font-size:14px;transition:background .25s;animation:none}.ct-code{min-height:190px}.ct-code ul{font-size:13px}@media (prefers-reduced-motion:reduce){.cp-game-tutorial *{transition:none!important}}.cw-app[data-reduce-motion=true] .cp-game-tutorial *{transition:none!important}