.pl-root{background:radial-gradient(90% 240px at 50% 0, #f4c4301a, transparent 70%), var(--color-bone);min-height:100dvh;color:var(--color-ink);flex-direction:column;display:flex}.pl-col{width:100%;max-width:720px;margin:0 auto;padding-left:20px;padding-right:20px}.pl-icon-btn{width:44px;height:44px;color:var(--color-ink-muted);border-radius:999px;place-items:center;transition:background-color .15s,color .15s;display:grid}.pl-icon-btn:hover{color:var(--color-navy);background:#0f1b3d0f}.pl-eyebrow{color:var(--color-ink-muted);font-size:13px;font-weight:700}.pl-tile{--tile:62px;width:var(--tile);height:var(--tile);perspective:900px;transition:width .3s,height .3s;position:relative}.pl-tile-face,.pl-tile-back{border-radius:calc(var(--tile) * .16);font-weight:800;font-size:calc(var(--tile) * .46);backface-visibility:hidden;transition:transform .42s cubic-bezier(.45,0,.3,1);transition-delay:calc(var(--i,0) * .24s);place-items:center;line-height:1;display:grid;position:absolute;inset:0}.pl-tile-face{color:var(--color-ink);border:1.5px solid var(--color-outline)}.pl-tile[data-filled=true] .pl-tile-face{height:calc(var(--tile) - 4px);background:#fff;border:1px solid #a9a294;animation:.14s ease-out pl-pop;box-shadow:0 4px #a9a294}.pl-tile-back{height:calc(var(--tile) - 4px);transform:rotateX(180deg)}.pl-tile[data-state] .pl-tile-face{transform:rotateX(180deg)}.pl-tile[data-state] .pl-tile-back{transform:rotateX(360deg)}.pl-tile[data-state=correct] .pl-tile-back{color:#fff;background:#2f9e54;box-shadow:0 4px #237a40}.pl-tile[data-state=present] .pl-tile-back{color:#3d2e08;background:#f4c430;box-shadow:0 4px #c79a2a}.pl-tile[data-state=absent] .pl-tile-back{color:#7a7468;background:#cfc9bc;box-shadow:0 4px #b5ae9f}.pl-tile[data-instant=true] .pl-tile-face,.pl-tile[data-instant=true] .pl-tile-back{transition:none}.pl-row[data-shake=true]{animation:.42s ease-in-out pl-shake}.pl-row[data-shake=true] .pl-tile-face{border-color:#c25a5a}.pl-row[data-bounce=true] .pl-tile{animation:.5s cubic-bezier(.3,1.5,.5,1) both pl-bounce;animation-delay:calc(1.3s + var(--i,0) * .1s)}@keyframes pl-pop{0%{transform:scale(.86)}to{transform:scale(1)}}@keyframes pl-shake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes pl-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-16px)}}.pl-key{min-width:0;max-width:48px;height:56px;color:var(--color-ink);text-transform:uppercase;background:#e7e2d7;border-radius:10px;flex:1 1 0;place-items:center;font-size:17px;font-weight:800;transition:transform 80ms,box-shadow 80ms,background-color .3s;display:grid;box-shadow:0 3px #cbc5b6}.pl-key:active{transform:translateY(2px);box-shadow:0 1px #cbc5b6}.pl-key[data-wide=true]{flex-grow:1.5;max-width:72px}.pl-key[data-state=correct]{color:#fff;background:#2f9e54;box-shadow:0 3px #237a40}.pl-key[data-state=present]{color:#3d2e08;background:#f4c430;box-shadow:0 3px #c79a2a}.pl-key[data-state=absent]{color:#7a7468;background:#cfc9bc;box-shadow:0 3px #b5ae9f}.pl-submit{letter-spacing:.04em;color:#9a9486;background:#e7e2d7;border-radius:999px;flex:1;height:56px;font-size:17px;font-weight:800;transition:background-color .2s,color .2s,transform 80ms}.pl-submit[data-ready=true]{color:#3d2e08;background:#f4c430;box-shadow:0 4px #c79a2a}.pl-submit[data-ready=true]:active{transform:translateY(2px);box-shadow:0 2px #c79a2a}.pl-toast{z-index:60;color:#fff;background:var(--color-navy);border-radius:12px;padding:10px 16px;font-size:15px;font-weight:800;animation:.18s ease-out both pop-in;position:fixed;top:92px;left:50%;transform:translate(-50%);box-shadow:0 16px 30px -18px #09102999}.pl-quick{color:#fff;text-align:left;background:var(--color-turquoise);width:100%;box-shadow:0 6px 0 var(--color-turquoise-edge);border-radius:18px;align-items:center;gap:14px;padding:18px 20px;transition:transform .1s,box-shadow .1s,filter .15s;display:flex;position:relative;overflow:hidden}.pl-quick:hover{filter:brightness(1.05)}.pl-quick:active{box-shadow:0 2px 0 var(--color-turquoise-edge);transform:translateY(4px)}.pl-quick-art{pointer-events:none;background-position:top;background-size:cover;position:absolute;inset:0 0 0 40%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70%);mask-image:linear-gradient(90deg,#0000,#000 70%)}@media (max-width:639px){.pl-quick-art{opacity:.85;inset-inline-start:62%}}.pl-strip{gap:10px;display:flex}.pl-strip-chev{display:none}.pl-strip-btn{text-align:center;min-height:84px;color:var(--color-navy);background:var(--color-surface);border:2px solid var(--color-outline);border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-size:14px;font-weight:800;transition:transform .1s,box-shadow .1s,border-color .15s;display:flex;box-shadow:0 4px #cfcfbc}.pl-strip-btn:hover{border-color:var(--color-outline-strong)}.pl-strip-btn:active{transform:translateY(3px);box-shadow:0 1px #cfcfbc}.pl-strip-btn>span{flex:none}@media (max-width:519px){.pl-strip{flex-direction:column;gap:8px}.pl-strip-btn{text-align:left;flex-direction:row;justify-content:flex-start;gap:12px;min-height:56px;padding:10px 14px;font-size:15.5px}.pl-strip-btn>span{flex:1}.pl-strip-chev{display:block}}.pl-choice{text-align:left;width:100%;color:var(--color-ink);background:var(--color-surface);border:2px solid var(--color-outline);animation:.3s cubic-bezier(.2,.7,.2,1) both rise;animation-delay:calc(var(--i,0) * 40ms);border-radius:14px;align-items:center;gap:12px;padding:16px;font-size:16px;font-weight:700;transition:transform .1s,box-shadow .1s,border-color .15s,background-color .15s;display:flex;box-shadow:0 4px #cfcfbc}.pl-choice:not(:disabled):hover{border-color:var(--color-outline-strong)}.pl-choice:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #cfcfbc}.pl-choice:disabled{cursor:default}.pl-choice[data-tone=selected]{border-color:var(--color-turquoise);box-shadow:0 4px 0 var(--color-turquoise);background:#e3f6f3}.pl-choice[data-tone=correct]{background:var(--color-correct-tint);border-color:#17a24a;animation:.4s ease-out pl-right;box-shadow:0 4px #17a24a}.pl-choice[data-tone=wrong]{background:var(--color-wrong-tint);border-color:#9c4444;animation:.28s ease-in-out shake;box-shadow:0 4px #9c4444}@keyframes pl-right{0%{transform:scale(1)}35%{transform:scale(1.04)}to{transform:scale(1)}}.pl-key-hint{width:24px;height:24px;color:var(--color-ink-soft);border:1.5px solid var(--color-outline);border-radius:7px;flex:none;place-items:center;font-size:12px;font-weight:800;display:none}@media (hover:hover) and (pointer:fine){.pl-key-hint{display:grid}}.pl-countdown{background:var(--color-outline);border-radius:4px;height:8px;overflow:hidden}.pl-countdown>span{background:var(--color-turquoise);transform-origin:0;border-radius:4px;height:100%;display:block}.pl-countdown[data-danger=true]>span{background:#c25a5a}.pl-pip{color:#fff;background:var(--color-surface);border:1.5px solid var(--color-outline);border-radius:50%;place-items:center;width:18px;height:18px;transition:background-color .14s,border-color .14s;display:grid;position:absolute;top:-2px;right:-2px}.pl-pip[data-state=answered]{background:#22c55e;border-color:#22c55e}.pl-pip[data-state=off]{background:#c25a5a;border-color:#c25a5a}.pl-touch-only{display:none}@media (hover:none),(pointer:coarse){.pl-fine-only{display:none}.pl-touch-only{display:inline}}.pl-wait-dot{background:var(--color-turquoise);border-radius:999px;flex:none;width:12px;height:12px;animation:1.6s ease-in-out infinite pl-wait}@keyframes pl-wait{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.pl-pulse{border:3px solid var(--color-turquoise);border-radius:50%;animation:2.2s ease-out infinite pl-pulse;position:absolute;inset:0}.pl-pulse:nth-child(2){animation-delay:1.1s}@keyframes pl-pulse{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.pl-zoom{animation:.4s cubic-bezier(.3,1.5,.5,1) both pl-zoom}@keyframes pl-zoom{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.pl-slide-l{animation:.5s cubic-bezier(.2,.8,.2,1) both pl-slide-l}.pl-slide-r{animation:.5s cubic-bezier(.2,.8,.2,1) both pl-slide-r}@keyframes pl-slide-l{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:none}}@keyframes pl-slide-r{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pl-tile-face,.pl-tile-back{transition:none}.pl-row[data-shake=true],.pl-row[data-bounce=true] .pl-tile,.pl-pulse,.pl-wait-dot,.pl-zoom,.pl-slide-l,.pl-slide-r,.pl-choice{animation:none}}.pl-gn-step[data-place="1"]{height:clamp(84px,19vh,168px)}.pl-gn-step[data-place="2"]{height:clamp(64px,14vh,124px)}.pl-gn-step[data-place="3"]{height:clamp(48px,10.5vh,94px)}@media (max-width:767px){.pl-gn-step[data-place="1"]{height:clamp(52px,12.5vh,120px)}.pl-gn-step[data-place="2"]{height:clamp(40px,9.5vh,90px)}.pl-gn-step[data-place="3"]{height:clamp(30px,7vh,66px)}.pl-gn-roster>li:first-child{margin-inline-start:auto}.pl-gn-roster>li:last-child{margin-inline-end:auto}}@media (max-width:767px) and (max-height:720px){.pl-gn-hint{display:none}}.cm-root{overscroll-behavior:none;height:100dvh;overflow:hidden auto}.cm-wide{width:100%;max-width:600px;margin:0 auto;padding-left:16px;padding-right:16px}.cm-top{flex:none;grid-template-columns:88px minmax(0,1fr) 88px;align-items:center;height:64px;display:grid}.cm-main{min-height:0;padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;flex:auto;gap:12px;display:flex}.cm-meta{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:0 4px;display:flex}.cm-walked{font-variant-numeric:tabular-nums;color:var(--color-ink-muted);order:-1;font-size:13px;font-weight:700}.cm-clock{text-align:right;font-variant-numeric:tabular-nums;min-width:60px;color:var(--color-ink);font-size:18px;font-weight:800;line-height:1.2}.cm-meta-bar,.cm-main[data-done] .cm-meta{display:none}.cm-stage{flex:1 1 0;place-items:start center;min-height:200px;display:grid;container-type:size}.cm-art{aspect-ratio:1;background:#fff;border-radius:18px;display:block;box-shadow:0 4px 12px #0f1b3d14}.cm-art[data-mini]{box-shadow:none;border-radius:8px}.cm-board{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none;width:min(100cqw,100cqh,700px);height:auto}.cm-board:focus-visible{outline:3px solid var(--color-turquoise);outline-offset:4px}.cm-board[data-hover]{cursor:pointer}.cm-ghost{aspect-ratio:1;box-shadow:none;background:#fff9;border-radius:18px}.cm-demo{width:clamp(112px,34%,132px);box-shadow:0 0 0 1px var(--color-outline);border-radius:12px;flex:none}.cm-hover{pointer-events:none}.cm-hover[data-kind=go]{fill:#ffcf1f66}.cm-hover[data-kind=back]{fill:#0f1b3d1a}.cm-head{fill:none;stroke:var(--color-turquoise);stroke-width:5px;pointer-events:none}.cm-stone{transform-box:fill-box;transform-origin:50%;pointer-events:none}.cm-stone-n{fill:#fff;font-variant-numeric:tabular-nums;font-weight:800}.cm-path{pointer-events:none}.cm-step polyline{stroke-dasharray:var(--cm-len);animation:.11s cubic-bezier(.25,.46,.45,.94) both cm-grow}.cm-glow{pointer-events:none;stroke-dasharray:var(--cm-len);animation:.9s ease-in-out both cm-run,.5s linear 1s both cm-fade}.cm-nudge{animation:.45s ease-out cm-nudge}.cm-hop{animation:.42s ease-out both cm-hop}@keyframes cm-grow{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes cm-run{0%{stroke-dashoffset:var(--cm-len)}to{stroke-dashoffset:0}}@keyframes cm-fade{0%{opacity:1}to{opacity:0}}@keyframes cm-nudge{0%,to{transform:scale(1)}32%{transform:scale(1.25)}64%{transform:scale(.96)}}@keyframes cm-hop{0%,to{transform:scale(1)}32%{transform:scale(1.22)}66%{transform:scale(.97)}}.cm-side{flex-direction:column;flex:none;display:flex}.cm-play{flex-direction:column;gap:14px;display:flex}.cm-rule{text-align:center;text-wrap:balance;color:var(--color-ink-muted);font-size:14px;font-weight:600;line-height:20px}.cm-tool{flex:1 1 0;min-width:0}.ln-cta.cm-tool:disabled{opacity:.45;color:var(--color-turquoise);background:var(--color-surface);box-shadow:0 4px #cfcfbc}.cm-tool .pl-key-hint{margin-left:2px;font-family:inherit}.cm-keys{display:none}@media (hover:hover) and (pointer:fine){.cm-keys{color:var(--color-ink-muted);flex-wrap:wrap;gap:6px 16px;font-size:12.5px;font-weight:700;display:flex}}.cm-keys-group{align-items:center;gap:4px;display:inline-flex}.cm-keys-group>span{margin-left:3px}.cm-keys kbd{width:22px;height:22px;color:var(--color-ink-soft);border:1.5px solid var(--color-outline);border-radius:6px;place-items:center;font-family:inherit;font-size:12px;font-weight:800;display:grid}.cm-extras{display:none}.cm-card{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:16px}.cm-stats{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 0;display:grid}.cm-stats>div{padding:0 4px}.cm-stats>div+div{border-left:1px solid var(--color-outline)}.cm-bar-track{background:#e6e6dc;border-radius:4px;height:8px;overflow:hidden}.cm-bar-track>span{background:var(--color-turquoise);border-radius:4px;height:100%;transition:width .2s ease-out;display:block}.cm-more{min-height:44px;color:var(--color-ink);justify-content:space-between;align-items:center;font-size:15px;font-weight:700;transition:color .15s;display:flex}.cm-more>svg{color:var(--color-ink-muted);transition:transform .15s}.cm-more:hover{color:var(--color-turquoise)}.cm-more:hover>svg{transform:translate(3px)}.cm-result{flex-direction:column;gap:14px;animation:.32s cubic-bezier(.2,.7,.2,1) both rise;display:flex}.cm-result-head{text-align:center;flex-direction:column;align-items:center;display:flex}.cm-fact{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:16px;padding:14px 18px}.cm-actions{gap:12px;display:flex}.cm-levels{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.cm-level{aspect-ratio:1;font-variant-numeric:tabular-nums;color:var(--color-navy);background:var(--color-surface);border:1px solid var(--color-outline);border-radius:14px;place-items:center;font-size:clamp(18px,5.2vw,22px);font-weight:800;transition:transform .1s,box-shadow .1s,border-color .15s,filter .15s;display:grid;position:relative;box-shadow:0 4px #cfcfbc}a.cm-level:hover{border-color:var(--color-outline-strong);transform:translateY(-1px)}a.cm-level:active{transform:translateY(3px);box-shadow:0 1px #cfcfbc}.cm-level[data-state=next]{color:#fff;background:var(--color-turquoise);border-color:var(--color-turquoise);box-shadow:0 4px 0 var(--color-turquoise-edge)}a.cm-level[data-state=next]:hover{border-color:var(--color-turquoise);filter:brightness(1.06)}a.cm-level[data-state=next]:active{box-shadow:0 1px 0 var(--color-turquoise-edge)}.cm-level[data-state=locked]{opacity:.5;color:var(--color-ink-muted)}.cm-level-badge{color:#fff;background:var(--color-leaf);border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:4px;right:4px}.cm-level-badge[data-clean]{color:var(--color-navy);background:var(--color-gold)}@media (min-width:640px){.cm-levels{grid-template-columns:repeat(10,minmax(0,1fr))}.cm-level{font-size:20px}}@media (min-width:900px),(min-width:600px) and (max-height:560px){.cm-wide{max-width:1120px;padding-left:28px;padding-right:28px}.cm-main{grid-template:"stage."minmax(0,1fr)"stage meta""stage side""stage."minmax(0,1fr)/minmax(0,1fr) minmax(260px,340px);gap:0 48px;padding-top:4px;padding-bottom:28px;display:grid}.cm-stage{grid-area:stage;place-items:center;min-height:0}.cm-meta{grid-area:meta;margin-bottom:20px;padding:0;display:block}.cm-clock{text-align:left;letter-spacing:-.02em;min-width:0;color:var(--color-navy);font-size:44px;line-height:1.05}.cm-walked{margin-top:4px;font-size:14px}.cm-meta-bar{margin-top:12px;display:block}.cm-side{grid-area:side}.cm-rule{text-align:left;font-size:15px;line-height:22px}.cm-result-head{text-align:left;align-items:flex-start}}@media (min-width:900px){.cm-top{height:76px}}@media (min-width:900px) and (min-height:680px){.cm-extras{gap:18px;margin-top:24px;display:grid}}@media (max-height:779px){.cm-main[data-done] .cm-extras{display:none}}@media (max-height:560px){.cm-top{height:52px}.cm-main{padding-bottom:12px}.cm-clock{font-size:30px}}@media (prefers-reduced-motion:reduce){.cm-step polyline,.cm-nudge,.cm-hop,.cm-result{animation:none}.cm-glow{display:none}}.cx-root{height:100dvh;overflow-y:auto}.cx-main{flex-direction:column;flex:1;gap:14px;width:100%;max-width:560px;min-height:0;margin:0 auto;padding:0 20px 16px;display:flex}.cx-play{flex-direction:column;flex:1;min-height:0;display:flex}.cx-status{flex:none;align-items:center;height:28px;display:flex}.cx-stage{flex:1;place-items:center;min-height:320px;display:grid}.cx-root[data-resolved] .cx-stage{min-height:96px}.cx-side{flex:none;width:100%}.cx-side-eyebrow{display:none}.cx-tools{flex-direction:column;align-items:center;margin-top:14px;display:flex}.cx-hint{align-items:baseline;min-width:190px}.cx-keys{display:none}.cx-titulus{flex:none;height:46px;position:relative}.cx-titulus>p:not(.sr-only){text-align:center;white-space:nowrap;place-items:center;line-height:1.1;display:grid;position:absolute;inset:0;overflow:hidden}.cx-titulus-rest{color:var(--color-ink-muted);font-size:15px;font-weight:600;transition:opacity .22s;animation:.32s both cx-fade}.cx-titulus-rest[data-theme]{letter-spacing:-.02em;color:var(--color-navy);font-size:clamp(16px,4.6vw,21px);font-weight:800}.cx-titulus-rest[data-covered]{opacity:0;transition-duration:70ms}.cx-titulus-trace{letter-spacing:2px;color:var(--color-turquoise);font-size:22px;font-weight:800}.cx-titulus-note{color:var(--color-ink-muted);font-size:14px;font-weight:700;animation:.14s both cx-fade}@keyframes cx-fade{0%{opacity:0}to{opacity:1}}.cx-board{--cx-gap:max(3px, calc(var(--cx-cell) * .06));--cx-lip:max(3px, calc(var(--cx-cell) * .07));cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;flex:none;position:relative}.cx-board[data-disabled]{cursor:default}.cx-board[data-shake=a]{animation:.3s ease-out cx-shake-a}.cx-board[data-shake=b]{animation:.3s ease-out cx-shake-b}@keyframes cx-shake-a{0%,to{transform:none}18%{transform:translate(-7px)}45%{transform:translate(7px)}70%{transform:translate(-4px)}}@keyframes cx-shake-b{0%,to{transform:none}18%{transform:translate(-7px)}45%{transform:translate(7px)}70%{transform:translate(-4px)}}.cx-tile,.cx-letter{width:var(--cx-cell);height:var(--cx-cell);position:absolute}.cx-tile{padding:calc(var(--cx-gap) / 2);transition:left .3s,top .3s,width .3s,height .3s}.cx-slab{width:100%;height:calc(100% - var(--cx-lip));border-radius:calc(var(--cx-cell) * .18);box-shadow:0 var(--cx-lip) 0 #cfcfbc;background:#fff;border:1px solid #cfcfbc;transition:height .13s,box-shadow .13s,background-color .13s,border-color .13s;display:block}.cx-tile[data-state=held] .cx-slab{background:var(--color-turquoise);border-color:var(--color-turquoise);height:100%;transition:none;box-shadow:0 0 #0000}.cx-tile[data-state=found] .cx-slab{background:var(--cx-fill);border-color:var(--cx-fill);height:100%;transition:background-color .2s,border-color .2s;box-shadow:0 0 #0000}.cx-tile[data-cursor]{z-index:1}.cx-tile[data-cursor] .cx-slab{outline:3px solid var(--color-navy);outline-offset:2px}@media (hover:hover) and (pointer:fine){.cx-board:not([data-disabled]) .cx-tile[data-state=free]:hover .cx-slab{border-color:var(--color-turquoise);box-shadow:0 var(--cx-lip) 0 #b7b7a1;background:#fbfbf6}}.cx-board[data-mini]{--cx-gap:max(1.5px, calc(var(--cx-cell) * .06));--cx-lip:0px}.cx-board[data-mini] .cx-letter,.cx-board[data-mini] .cx-strokes{display:none}.cx-board[data-mini] .cx-slab{border-radius:3px}.cx-strokes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cx-strokes polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.cx-letter{pointer-events:none;font-size:calc(var(--cx-cell) * .44);color:var(--color-navy);transform:translateY(calc(var(--cx-lip) / -2));place-items:center;font-weight:800;line-height:1;transition:left .3s,top .3s,width .3s,height .3s,font-size .3s,transform .13s,color .13s;display:grid}.cx-letter[data-state=held]{color:#fff;transition:none;transform:none}.cx-letter[data-state=found]{color:#fff;transform:none}.cx-board[data-lit] .cx-slab{animation:.22s ease-out forwards cx-light;animation-delay:var(--cx-delay,0s)}.cx-board[data-lit] .cx-letter{animation:.22s ease-out forwards cx-light-ink;animation-delay:var(--cx-delay,0s)}@keyframes cx-light{50%{transform:scale(1.12)}to{background:#f4c430;border-color:#f4c430;transform:scale(1)}}@keyframes cx-light-ink{to{color:#0f1b3d}}.cx-words{--cx-slot:11px;flex-direction:column;gap:12px;display:flex}.cx-words-row>ul{justify-content:center;gap:18px;display:flex}.cx-word{width:calc(var(--n) * (var(--cx-slot) + 3px) - 3px);flex:none;place-items:center;height:22px;display:grid;position:relative}.cx-word-slots{gap:3px;display:flex}.cx-word-slots>span{width:var(--cx-slot);height:var(--cx-slot);border-radius:calc(var(--cx-slot) * .32);background:#fff;border:1px solid #cfcfbc}.cx-word-found{white-space:nowrap;font-size:15px;font-weight:800;line-height:1;animation:.26s both cx-fade}.cx-result{border:1px solid var(--color-outline);background:#fff;border-radius:24px;width:100%;max-width:520px;margin:0 auto;padding:18px;box-shadow:0 24px 48px -32px #09102973}.cx-result[data-animate]{animation:.4s cubic-bezier(.2,.7,.2,1) both rise}.cx-fact{background:#f7f7ef;border-radius:16px;margin-top:14px;padding:12px 14px;animation:.36s .25s both cx-fade}@media (max-width:859px){.cx-root[data-resolved] .cx-status{display:none}}@media (max-width:859px) and (max-height:700px){.cx-result{padding:14px}.cx-result h2{font-size:22px}.cx-fact{margin-top:10px;padding:10px 12px}}@media (min-width:860px){.cx-main{flex-direction:row;justify-content:center;gap:56px;max-width:none;padding:0 32px 24px}.cx-play{flex:0 min(504px,75dvh - 135px);min-width:240px}.cx-titulus{height:52px}.cx-side{flex:0 0 320px;align-self:center;width:320px;padding-top:80px}.cx-root[data-resolved] .cx-side{flex-basis:360px;width:360px}.cx-side-eyebrow{margin-bottom:16px;display:block}.cx-words{--cx-slot:16px;align-items:flex-start;gap:14px}.cx-words-row,.cx-words-row>ul{display:contents}.cx-word{place-items:center start;height:26px}.cx-word-found{letter-spacing:.01em;font-size:21px}.cx-tools{align-items:stretch;margin-top:28px}.cx-result{padding:22px}}@media (min-width:860px) and (max-height:700px){.cx-side{padding-top:0}}@media (min-width:860px) and (hover:hover) and (pointer:fine){.cx-keys{border-top:1px solid var(--color-outline);color:var(--color-ink-muted);grid-template-columns:auto 1fr;align-items:center;gap:7px 12px;margin-top:24px;padding-top:18px;font-size:13px;font-weight:600;display:grid}.cx-keys>div{display:contents}.cx-keys kbd{min-width:28px;height:24px;font:inherit;color:var(--color-ink-soft);background:var(--color-surface);border:1.5px solid var(--color-outline);border-radius:7px;place-items:center;padding:0 6px;font-size:12px;font-weight:800;display:inline-grid}}.cx-levels{flex-direction:column;gap:18px;width:100%;max-width:560px;margin:0 auto;padding:4px 20px 32px;display:flex}.cx-levels-side{flex-direction:column;gap:16px;display:flex}.cx-levels-today{display:none}.cx-stats{text-align:center;border:1px solid var(--color-outline);background:#fff;border-radius:18px;grid-template-columns:repeat(4,1fr);padding:14px 0;display:grid}.cx-stats>div{padding:0 4px}.cx-stats>div+div{border-left:1px solid var(--color-outline)}.cx-stats dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-navy);font-size:22px;font-weight:800}.cx-stats dt{color:var(--color-ink-muted);margin-top:2px;font-size:11.5px;font-weight:700;line-height:14px}.cx-ladder{border:1px solid var(--color-outline);background:#fff;border-radius:18px;padding:16px}.cx-ladder-bar{background:#e6e6dc;border-radius:4px;height:8px;overflow:hidden}.cx-ladder-bar>span{background:var(--color-turquoise);border-radius:4px;height:100%;display:block}.cx-level-grid{grid-template-columns:repeat(5,1fr);gap:10px;padding-bottom:4px;display:grid}.cx-level{aspect-ratio:1;font-variant-numeric:tabular-nums;width:100%;color:var(--color-navy);background:#fff;border:1px solid #cfcfbc;border-radius:14px;place-items:center;font-size:19px;font-weight:800;transition:transform .1s,box-shadow .1s,border-color .15s,filter .15s;display:grid;position:relative;box-shadow:0 4px #cfcfbc}a.cx-level:hover{border-color:var(--color-turquoise)}a.cx-level:active{transform:translateY(3px);box-shadow:0 1px #cfcfbc}.cx-level[data-state=next]{color:#fff;background:var(--color-turquoise);border-color:var(--color-turquoise);box-shadow:0 4px 0 var(--color-turquoise-edge)}a.cx-level[data-state=next]:hover{filter:brightness(1.06)}a.cx-level[data-state=next]:active{box-shadow:0 1px 0 var(--color-turquoise-edge)}.cx-level[data-state=locked]{opacity:.5;color:var(--color-ink-muted)}.cx-level-badge{color:#fff;background:#15903f;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:4px;right:4px}.cx-level-badge[data-clean]{color:var(--color-navy);background:var(--color-gold)}@media (min-width:860px){.cx-levels{flex-direction:row;align-items:flex-start;gap:44px;max-width:1040px;padding:8px 32px 40px}.cx-levels-side{flex:0 0 320px}.cx-levels-today{display:block}.cx-level-grid{flex:1;grid-template-columns:repeat(10,1fr);padding-top:28px}.cx-level{font-size:18px}}.cx-door{text-align:left;background:#fff;border:1px solid #cfcfbc;border-radius:18px;flex-direction:column;padding:8px 8px 14px;transition:transform .1s,box-shadow .1s,border-color .15s;display:flex;box-shadow:0 4px #cfcfbc}.cx-door:hover{border-color:var(--color-outline-strong)}.cx-door:active{transform:translateY(3px);box-shadow:0 1px #cfcfbc}.cx-door-art{background:#f7f7ef;border-radius:12px;place-items:center;height:118px;display:grid;position:relative}.cx-door-done{color:#fff;background:#15903f;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:8px;right:8px}.cx-door-kicker{color:var(--color-ink-muted);margin-top:12px;padding:0 6px;font-size:13px;font-weight:800}.cx-door-title{letter-spacing:-.015em;color:var(--color-navy);margin-top:1px;padding:0 6px;font-size:19px;font-weight:800}.cx-door-sub{min-height:34px;color:var(--color-ink-muted);margin-top:2px;padding:0 6px;font-size:13px;font-weight:500;line-height:17px}@media (prefers-reduced-motion:reduce){.cx-board[data-shake],.cx-titulus-rest,.cx-titulus-note,.cx-word-found,.cx-fact,.cx-result[data-animate]{animation:none}.cx-board[data-lit] .cx-slab,.cx-board[data-lit] .cx-letter{animation-duration:10ms;animation-delay:0s}.cx-tile,.cx-letter,.cx-slab{transition:none}}.cd-root{height:100dvh;overflow:hidden}.cd-bar{flex:none;justify-content:space-between;align-items:center;width:100%;max-width:592px;height:76px;margin:0 auto;padding:0 16px;display:flex}.cd-wordmark{letter-spacing:.24em;color:var(--color-navy);margin-right:-.24em;font-size:22px;font-weight:800;line-height:1}.cd-bar[data-empty]{justify-content:center}@media (max-height:699px){.cd-bar{height:60px}}.cd-main{width:100%;max-width:592px;min-height:0;padding:0 16px max(12px, env(safe-area-inset-bottom));overscroll-behavior:none;flex-direction:column;flex:1;align-items:center;gap:10px;margin:0 auto;display:flex;overflow:hidden auto}.cd-left{display:contents}.cd-status{flex:none;order:1;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:0 6px;display:flex}.cd-stage{flex:none;order:2}.cd-controls{flex-direction:column;flex:1 0 auto;order:3;justify-content:flex-end;gap:14px;width:100%;padding:4px 6px 0;display:flex}.cd-extra{flex-direction:column;flex:none;order:4;gap:14px;width:100%;display:flex}.cd-extra:empty{display:none}.cd-actions{flex:none;order:5;gap:12px;width:100%;padding:0 6px;display:flex}.cd-main[data-done=true] .cd-status,.cd-main[data-done=true] .cd-strip{display:none}.cd-main[data-done=true] .cd-controls{flex:none;justify-content:flex-start;padding-top:6px}.cd-main[data-done=true] .cd-extra{flex:1 0 auto}@media (min-width:1100px) and (min-height:560px){.cd-bar{max-width:1400px;padding:0 32px}.cd-wordmark{letter-spacing:.3em;margin-right:-.3em;font-size:26px}.cd-main{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:36px;max-width:1400px;padding:0 32px 28px;display:grid}.cd-left{flex-direction:column;justify-self:end;gap:18px;width:100%;max-width:300px;display:flex}.cd-extra{justify-self:start;max-width:300px}.cd-status{border:1px solid var(--color-outline);background:var(--color-surface);border-radius:18px;padding:10px 16px}.cd-controls,.cd-actions{padding:0}.cd-main[data-done=true] .cd-status{display:flex}.cd-main[data-done=true] .cd-strip{display:block}.cd-main[data-done=true] .cd-controls{padding-top:0}.cd-main[data-done=true] .cd-extra{flex:none}}.cd-clock{text-align:right;font-variant-numeric:tabular-nums;min-width:60px;color:var(--color-ink);font-size:20px;font-weight:800}.cd-heart{transition:opacity .25s,transform .25s;display:block}.cd-heart[data-spent]{opacity:.18;transform:scale(.9)}.cd-hearts-btn{min-height:44px;color:var(--color-ink-muted);border-radius:12px;align-items:center;gap:8px;margin:0 -8px;padding:0 8px;font-size:13px;font-weight:800;transition:background-color .15s;display:flex}.cd-hearts-btn:hover{background:#0f1b3d0f}.cd-rule{text-align:center;color:var(--color-ink-muted);text-wrap:balance;font-size:14.5px;font-weight:600;line-height:1.45}@media (max-width:1099px) and (max-height:759px){.cd-rule{display:none}}.cd-tool{white-space:nowrap;min-height:50px;color:var(--color-turquoise);background:var(--color-surface);border:2px solid var(--color-outline);border-radius:14px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:16px;font-weight:800;transition:transform .1s,box-shadow .1s,border-color .15s,opacity .15s;display:flex;box-shadow:0 4px #cfcfbc}.cd-tool small{color:var(--color-ink-muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.cd-tool:not(:disabled):hover{border-color:var(--color-outline-strong)}.cd-tool:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #cfcfbc}.cd-tool:disabled{opacity:.45;cursor:default}.cd-tool-none{text-align:center;min-height:50px;color:var(--color-ink-muted);flex:1;place-items:center;font-size:14px;font-weight:600;display:grid}.cd-keys{display:none}@media (min-width:1100px) and (min-height:560px) and (hover:hover) and (pointer:fine){.cd-keys{border-top:1px solid var(--color-outline);color:var(--color-ink-muted);gap:8px;padding-top:16px;font-size:13.5px;font-weight:600;display:grid}.cd-keys>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.cd-keys dt{gap:4px;display:flex}.cd-keys p{margin-top:2px;line-height:1.45}.cd-key-wide{width:auto;padding:0 8px}}.cd-panel{border:1px solid var(--color-outline);background:var(--color-surface);border-radius:18px;padding:16px;display:block}.cd-fact h2{color:#836400;font-size:13px;font-weight:800}.cd-fact p{color:var(--color-ink);margin-top:6px;font-size:15.5px;font-weight:600;line-height:1.42}.cd-fact{animation:.36s ease-out .45s both fade-in}.cd-stats{text-align:center;display:flex}.cd-stats>div{flex:1;min-width:0;padding:0 4px}.cd-stats>div+div{border-left:1px solid var(--color-outline)}.cd-stats dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-navy);font-size:20px;font-weight:800}.cd-stats dt{color:var(--color-ink-muted);margin-top:2px;font-size:11.5px;font-weight:700;line-height:1.2}.cd-meter{background:var(--color-cream-deep);border-radius:4px;height:8px;overflow:hidden}.cd-meter>span{background:var(--color-turquoise);border-radius:4px;height:100%;display:block}.cd-more{width:100%;min-height:44px;color:var(--color-ink);justify-content:space-between;align-items:center;margin:8px 0 -10px;font-size:15px;font-weight:700;display:flex}.cd-more svg{color:var(--color-ink-muted);transition:transform .15s}.cd-more:hover svg{transform:translate(3px)}.cd-result{text-align:center}.cd-result h2{letter-spacing:-.02em;color:var(--color-navy);font-size:28px;font-weight:800;line-height:1.15}.cd-result-body{color:var(--color-ink-muted);text-wrap:balance;margin-top:2px;font-size:15px;font-weight:600}.cd-xp{color:#836400;background:var(--color-gold-pale);border-radius:999px;width:fit-content;margin:8px auto 0;padding:3px 12px;font-size:15px;font-weight:800}.cd-result-meta{font-variant-numeric:tabular-nums;color:var(--color-ink-muted);margin-top:8px;font-size:13px;font-weight:700}.cd-result,.cd-actions{animation:.32s cubic-bezier(.2,.7,.2,1) both rise}.cd-late{animation-delay:.65s}.cd-fact.cd-late{animation-delay:1.1s}.cd-board{flex-direction:column;align-items:center;display:flex}.cd-card{background:#fff;position:relative;box-shadow:0 4px 12px #0f1b3d14}.cd-card-empty{aspect-ratio:1;border-radius:28px;width:min(100vw - 32px,520px,100dvh - 240px)}.cd-grid{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none;position:relative}.cd-grid[data-playing=true]{cursor:pointer}.cd-grid:focus-visible{outline:none}.cd-rooms{pointer-events:none;display:block;position:absolute;inset:0}.cd-cell{width:var(--cd-cell);height:var(--cd-cell);position:absolute}.cd-rise,.cd-tile{border-radius:calc(var(--cd-cell) * .2);display:block;position:absolute}.cd-rise{inset:calc(var(--cd-gap) / 2)}.cd-tile{place-items:center;transition:transform 70ms ease-out;display:grid;inset:0}.cd-tile>*{grid-area:1/1}.cd-tile:after{content:"";border-radius:inherit;background:var(--color-navy);opacity:0;pointer-events:none;transition:opacity .12s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.cd-grid[data-playing=true] .cd-cell:hover .cd-tile:after{opacity:.08}}.cd-cell[data-pressed] .cd-tile{transform:scale(.86)}.cd-cell[data-pressed] .cd-tile:after{opacity:.1}.cd-cell[data-cursor]{z-index:2}.cd-cell[data-cursor] .cd-rise{box-shadow:0 0 0 2px #fff, 0 0 0 5px var(--color-navy)}.cd-x{opacity:0;width:44%;height:44%;transition:opacity .17s ease-out,transform .17s ease-out;overflow:visible;transform:scale(.72)}.cd-x path{fill:none;stroke:#fff;stroke-width:20px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.cd-cell[data-mark=x] .cd-x{opacity:.96;transition:none;transform:none}.cd-cell[data-wrong] .cd-x{width:50%;height:50%}.cd-cell[data-wrong] .cd-x path{stroke:var(--color-wrong)}.cd-cell[data-moved][data-mark=x] .cd-x path:first-child{animation:.34s ease-out both cd-draw-1}.cd-cell[data-moved][data-mark=x] .cd-x path:last-child{animation:.34s ease-out both cd-draw-2}.cd-cell[data-moved][data-mark=x][data-wrong] .cd-x path:first-child{animation-name:cd-draw-1w}.cd-cell[data-moved][data-mark=x][data-wrong] .cd-x path:last-child{animation-name:cd-draw-2w}@keyframes cd-draw-1{0%{stroke-dashoffset:1px}60%,to{stroke-dashoffset:0}}@keyframes cd-draw-2{0%,29%{stroke-dashoffset:1px;opacity:0}30%{stroke-dashoffset:1px;opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes cd-draw-1w{0%{stroke-dashoffset:1px}60%,to{stroke-dashoffset:0}}@keyframes cd-draw-2w{0%,29%{stroke-dashoffset:1px;opacity:0}30%{stroke-dashoffset:1px;opacity:1}to{stroke-dashoffset:0;opacity:1}}.cd-cell[data-moved][data-mark=x] .cd-tile{animation:.41s cd-lift}.cd-cell[data-wave=a] .cd-rise{animation:cd-wave-a .41s var(--cd-wave-d,0s)}.cd-cell[data-wave=b] .cd-rise{animation:cd-wave-b .41s var(--cd-wave-d,0s)}@keyframes cd-lift{0%{background-color:var(--cd-room);animation-timing-function:ease-out;transform:none;box-shadow:0 0 #0f1b3d29}27%{transform:translateY(calc(var(--cd-cell) * -.08)) scale(1.06);background-color:var(--cd-room);box-shadow:0 calc(var(--cd-cell) * .12) 0 #0f1b3d29;animation-timing-function:ease-in-out}to{background-color:var(--cd-room);transform:none;box-shadow:0 0 #0f1b3d29}}@keyframes cd-wave-a{0%{background-color:var(--cd-room);animation-timing-function:ease-out;transform:none;box-shadow:0 0 #0f1b3d29}27%{transform:translateY(calc(var(--cd-cell) * -.08)) scale(1.06);background-color:var(--cd-room);box-shadow:0 calc(var(--cd-cell) * .12) 0 #0f1b3d29;animation-timing-function:ease-in-out}to{background-color:var(--cd-room);transform:none;box-shadow:0 0 #0f1b3d29}}@keyframes cd-wave-b{0%{background-color:var(--cd-room);animation-timing-function:ease-out;transform:none;box-shadow:0 0 #0f1b3d29}27%{transform:translateY(calc(var(--cd-cell) * -.08)) scale(1.06);background-color:var(--cd-room);box-shadow:0 calc(var(--cd-cell) * .12) 0 #0f1b3d29;animation-timing-function:ease-in-out}to{background-color:var(--cd-room);transform:none;box-shadow:0 0 #0f1b3d29}}.cd-dot{width:max(6px, calc(var(--cd-cell) * .1));height:max(6px, calc(var(--cd-cell) * .1));background:var(--color-navy);opacity:0;border-radius:50%;transition:opacity .12s,transform .12s;transform:scale(.4)}.cd-cell[data-dot] .cd-dot{opacity:.28;transition:opacity .18s ease-out var(--cd-dot-d,0s), transform .18s ease-out var(--cd-dot-d,0s);transform:none}.cd-piece{opacity:0;background:url(/learn/play/catodoku/cato.webp) 50%/contain no-repeat;width:78%;height:78%;transition:opacity .13s ease-in,transform .13s ease-in;position:relative;transform:scale(0)}.cd-cell[data-mark=cato] .cd-piece{opacity:1;transition:none;transform:none}.cd-cell[data-ghost] .cd-piece{opacity:.38;transition:opacity .4s ease-out .2s;transform:none}.cd-cell[data-moved][data-mark=cato] .cd-piece{animation:.42s cubic-bezier(.3,1.7,.5,1) both cd-land}.cd-grid[data-celebrate] .cd-cell[data-mark=cato] .cd-piece{animation:cd-hop .52s var(--cd-hop-d,0s) both}.cd-grid[data-celebrate] .cd-cell[data-moved][data-mark=cato] .cd-piece{animation:cd-land .42s cubic-bezier(.3, 1.7, .5, 1) both, cd-hop .52s var(--cd-hop-d,0s)}@keyframes cd-land{0%{opacity:.8;transform:scale(.55)}to{opacity:1;transform:none}}@keyframes cd-hop{0%{animation-timing-function:ease-out;transform:none}30%{animation-timing-function:cubic-bezier(.3,1.6,.5,1);transform:scale(1.28)}to{transform:none}}.cd-burst{opacity:0;pointer-events:none;border:2.5px solid #fff;border-radius:50%;width:78%;height:78%}.cd-cell[data-moved][data-mark=cato] .cd-burst{animation:.38s cubic-bezier(.2,.7,.3,1) cd-burst}@keyframes cd-burst{0%{opacity:.75;transform:scale(.55)}to{opacity:0;transform:scale(1.3)}}.cd-bulb{color:#fff;background:#e0a800;border:1.5px solid #fff;border-radius:50%;place-items:center;width:44%;height:44%;display:grid;position:absolute;bottom:-8%;right:-13%}.cd-bulb svg{width:62%;height:62%}.cd-cell[data-shake=a]{animation:.24s linear cd-shake-a}.cd-cell[data-shake=b]{animation:.24s linear cd-shake-b}@keyframes cd-shake-a{21%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}to{transform:none}}@keyframes cd-shake-b{21%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}to{transform:none}}.cd-flash{opacity:0;animation:.77s linear both cd-flash}@keyframes cd-flash{0%{opacity:0}12%,45%{opacity:.85}to{opacity:0}}.cd-glow{opacity:0;animation:.56s linear both cd-glow}@keyframes cd-glow{0%{opacity:0}25%{opacity:.55}to{opacity:0}}.cd-strip{filter:drop-shadow(0 5px 6px #0f1b3d0f);margin-top:-1px;position:relative}.cd-strip>svg{display:block;position:absolute;inset:0}.cd-strip-row{justify-content:center;display:flex;position:relative}.cd-head{width:var(--cd-head);height:var(--cd-head);flex:none;position:relative}.cd-head-shape{background:var(--cd-room);transition:opacity .14s;position:absolute;inset:0;-webkit-mask:url(/learn/play/catodoku/cato.webp) 50%/contain no-repeat;mask:url(/learn/play/catodoku/cato.webp) 50%/contain no-repeat}.cd-head-piece{opacity:0;transition:opacity .14s,transform .14s;position:absolute;inset:0;transform:scale(0)}.cd-head-piece img{object-fit:contain;width:100%;height:100%;display:block}.cd-head-piece i{background:var(--cd-room);border:2px solid #fff;border-radius:50%;width:36%;height:36%;position:absolute;bottom:-2%;right:-4%}.cd-head[data-filled=true] .cd-head-shape{opacity:0}.cd-head[data-filled=true] .cd-head-piece{opacity:1;transition:opacity .12s,transform .34s cubic-bezier(.3,1.7,.5,1);transform:none}.cd-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.cd-rules li{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.cd-rules p{color:var(--color-ink);text-wrap:balance;font-size:14.5px;font-weight:600;line-height:1.35}.cd-demo{border:2px solid var(--color-navy);border-radius:8px;flex:none;grid-template-columns:repeat(4,22px);grid-auto-rows:22px;display:grid;overflow:hidden}.cd-demo>span{place-items:center;display:grid}.cd-demo img{object-fit:contain;width:82%;height:82%}.cd-demo svg{width:50%;height:50%}.cd-levels{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding-bottom:4px;display:grid}.cd-level{aspect-ratio:1;font-variant-numeric:tabular-nums;color:var(--color-navy);background:var(--color-surface);border:2px solid var(--color-outline);border-radius:14px;place-items:center;font-size:clamp(18px,5vw,26px);font-weight:800;transition:transform .1s,box-shadow .1s,border-color .15s,filter .15s;display:grid;position:relative;box-shadow:0 4px #cfcfbc}a.cd-level:hover{border-color:var(--color-outline-strong)}a.cd-level:active{transform:translateY(3px);box-shadow:0 1px #cfcfbc}.cd-level[data-state=next]{color:#fff;background:var(--color-turquoise);border-color:var(--color-turquoise);box-shadow:0 4px 0 var(--color-turquoise-edge)}a.cd-level[data-state=next]:hover{border-color:var(--color-turquoise);filter:brightness(1.06)}a.cd-level[data-state=next]:active{box-shadow:0 1px 0 var(--color-turquoise-edge)}.cd-level[data-state=locked]{opacity:.5;color:var(--color-ink-muted)}.cd-level[aria-current=page]{outline:3px solid var(--color-gold);outline-offset:2px}.cd-level i{color:#fff;background:#15903f;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:5px;right:5px}.cd-level[data-state=clean] i{color:var(--color-navy);background:var(--color-gold)}.cd-level i svg{width:10px;height:10px}.cd-tile-link{align-items:center;gap:14px;transition:border-color .15s,transform .15s;display:flex}.cd-tile-link:hover{border-color:var(--color-outline-strong)}.cd-tile-art{filter:drop-shadow(0 3px 6px #0f1b3d1a);border-radius:8px;flex:none;display:block}.cd-tile-art svg{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.cd-cell,.cd-rise,.cd-tile,.cd-piece,.cd-burst,.cd-x path,.cd-glow,.cd-flash,.cd-result,.cd-actions,.cd-fact{animation:none!important}.cd-x,.cd-dot,.cd-piece,.cd-head-shape,.cd-head-piece,.cd-heart{transition:none!important}}
