.cr-level-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem;margin-top:.8rem;display:grid}.cr-level-btn{text-align:left;flex-direction:column;gap:.15rem;min-height:44px;display:flex}.cr-grid-wrap{justify-content:center;padding:.4rem;display:flex}.cr-grid{width:100%;height:auto}.cr-tile{fill:color-mix(in oklab, var(--pc-select) 10%, var(--ff-paper));stroke:var(--ff-outline);stroke-width:1.5px}.cr-tile--wall{fill:#64748b;stroke:#475569}.cr-tile--water{fill:#38bdf8}.cr-tile--lava{fill:#f97316}.cr-tile--goal{fill:color-mix(in oklab, #eab308 30%, var(--ff-paper));stroke:#eab308}.cr-goal-glyph{fill:#ca8a04;font-size:22px;font-weight:900}.cr-collect-glyph{fill:#06b6d4;font-size:18px}.cr-bot{fill:var(--pc-select);stroke:var(--ff-outline);stroke-width:2px;transition:cx .3s,cy .3s}@media (prefers-reduced-motion:reduce){.cr-bot{transition:none}}.cr-bot--blocked{fill:#ef4444}.cr-bot-face{fill:#fff;font-size:16px;font-weight:900}.cr-prog{gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.cr-empty{font-style:italic}.cr-block{border:2px solid var(--ff-outline);background:var(--ff-paper);min-height:44px;color:var(--ff-anvil);box-shadow:0 2px 0 var(--ff-outline);border-left-width:7px;border-radius:.6rem;align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex;position:relative}.cr-block-label{font-weight:700}.cr-block--nested{box-shadow:none;min-height:40px;margin-left:1.2rem}.cr-block--active{outline:3px dashed var(--pc-select);outline-offset:2px}.cr-block--bad{background:color-mix(in oklab, #ef4444 10%, var(--ff-paper));border-left-color:#ef4444}.cr-bad-tag{color:#b91c1c;margin-left:auto;font-size:.78rem;font-weight:800}.cr-block-body{gap:.35rem;width:100%;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.cr-block-rm{color:var(--ff-slate-text);cursor:pointer;background:0 0;border:none;border-radius:.4rem;min-width:32px;min-height:32px;margin-left:auto;font-size:1rem}.cr-block-rm:hover{background:var(--ff-warm)}.cr-b-move{border-left-color:#3b82f6}.cr-b-turn{border-left-color:#f59e0b}.cr-b-loop{border-left-color:#eab308}.cr-b-if{border-left-color:#8b5cf6}.cr-b-interact{border-left-color:#10b981}.cr-active-hint{margin-top:.5rem}.cr-bb-seq{grid-auto-flow:row}.cr-bb-goal-glyph{font-size:26px}.cr-bb-rock-glyph{font-size:22px}.cr-bb-forward{border-left-color:#3b82f6}.cr-bb-back{border-left-color:#06b6d4}.cr-bb-left{border-left-color:#f59e0b}.cr-bb-right{border-left-color:#eab308}.cr-pal-row{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.cr-pal-btn{cursor:pointer;border:2px solid var(--ff-outline);background:var(--ff-paper);min-height:44px;color:var(--ff-anvil);box-shadow:0 2px 0 var(--ff-outline);border-left-width:7px;border-radius:.6rem;padding:.5rem .8rem;font-weight:700}.cr-pal-btn:hover{transform:translateY(-1px)}.cr-pal-btn:active{box-shadow:none;transform:translateY(1px)}.cr-opt--right{background:var(--pc-correct);color:#fff}.cr-opt--wrong{opacity:.55}.cr-controls{flex-wrap:wrap;gap:.5rem;display:flex}.cr-controls .ff-btn{min-height:44px}.cr-swift{color:#e4e4f0;border:2px solid var(--ff-outline);white-space:pre;tab-size:4;background:#1e1e2e;border-radius:.7rem;margin-top:.8rem;padding:.9rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.5;overflow-x:auto}.cr-debug-prog{margin:.6rem 0}.cr-debug-options{margin-top:.9rem}.cr-feedback{margin-top:.8rem}.cr-predict{margin:.6rem 0 .4rem}.cr-predict-opt{text-align:left}.cr-var-stage{align-items:center;gap:.7rem}.cr-var-grid{width:100%;max-width:min(94%,30rem);height:auto;display:block}.cr-var-cell{fill:var(--ff-paper,#fbfefb);stroke:var(--ff-outline,#2a1f1a);stroke-width:1.5px}.cr-var-flag{font-size:22px}.cr-var-bot{font-size:24px}.cr-var-code{white-space:pre;background:var(--ff-warm,#f6efe6);color:var(--ff-forge-text,#1b2a4a);border:2px solid var(--ff-outline,#2a1f1a);border-left:5px solid var(--pc-select,#4a6cf7);border-radius:8px;max-width:100%;margin:0;padding:.7rem .9rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem;line-height:1.5;overflow-x:auto}.cr-var-opts{gap:.5rem;margin-top:.9rem;display:grid}.cr-var-opt{text-align:left;font-variant-numeric:tabular-nums;border-left:5px solid var(--pc-select,#4a6cf7);font-weight:700}.cr-var-opt--correct{border-color:var(--pc-correct,#2e8b57)!important;background:var(--pc-correct-bg,#e6f4ea)!important;color:var(--ff-anvil)!important}.cr-var-opt--chosen{border-color:var(--pc-incorrect,#c05f5f)!important;background:var(--pc-incorrect-bg,#f8ecec)!important;color:var(--ff-anvil)!important}.pc-theme-coderealm.pc-immersive{--pc-env-bg:url(/play/coderealm/env.webp) center / cover no-repeat, linear-gradient(to bottom, #ccdfe0 0%, #d6e0da 24%, #e4e6d6 56%, #ede9d5 82%, #f3efda 100%);--pc-env-bg-dark:url(/play/coderealm/env-dark.webp) center / cover no-repeat, linear-gradient(to bottom, #08150f 0%, #0d1a16 40%, #121d18 72%, #151d12 100%);--pc-env-bg-flat:url(/play/coderealm/env.webp) center / cover no-repeat, oklab(90.7133% -.0106447 .0114445);--pc-env-bg-flat-dark:url(/play/coderealm/env-dark.webp) center / cover no-repeat, #0f1b15}.cr-kits{margin:.4rem 0 1rem}.cr-kits-summary{cursor:pointer;color:var(--ff-anvil);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;list-style:none;display:flex}.cr-kits-summary::-webkit-details-marker{display:none}.cr-kits-summary:before{content:"▸";color:var(--pc-select);font-weight:800}.cr-kits[open] .cr-kits-summary:before{content:"▾"}.cr-gd-row{flex-wrap:wrap;align-items:flex-end;gap:.7rem;margin-top:.6rem;display:flex}.cr-gd-field{flex-direction:column;gap:.2rem;display:flex}.cr-gd-select{border:2px solid var(--ff-outline);background:var(--ff-paper);min-height:44px;color:var(--ff-anvil);border-radius:.6rem;padding:.4rem .6rem;font-size:1rem}.cr-gd-rule{border-left-color:#8b5cf6}@media (width>=1000px){.pc-theme-coderealm .ff-sxs-main{flex:auto;min-width:0}.pc-theme-coderealm .ff-sxs-main .cr-grid-wrap{width:100%}.pc-theme-coderealm .ff-sxs-main .cr-grid{width:100%;max-width:min(100%,100dvh - 13rem);max-height:calc(100dvh - 13rem);margin-inline:auto}}.pc-theme-coderealm .fj-tm-region{flex-direction:column;gap:.75rem;display:flex}.pc-theme-coderealm .fj-tm-nav{margin-top:1rem}.pc-theme-coderealm .fj-tm-step{margin-bottom:.25rem;display:block}.pc-theme-coderealm .fj-tm-choice-row{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.pc-theme-coderealm .fj-tm-choice{text-align:left}.pc-theme-coderealm .fj-tm-choice--on{outline:.2rem solid var(--pc-select);outline-offset:.12rem;background:color-mix(in oklab, var(--pc-select) 14%, var(--ff-paper))}.pc-theme-coderealm .fj-tm-meters{flex-direction:column;gap:.6rem;display:flex}.pc-theme-coderealm .fj-tm-meter-row{grid-template-columns:minmax(7rem,34%) 1fr auto;align-items:center;gap:.6rem;display:grid}.pc-theme-coderealm .fj-tm-meter-label{font-size:.9rem;font-weight:700}.pc-theme-coderealm .fj-tm-track{background:color-mix(in oklab, var(--ff-ink) 12%, transparent);border:1px solid var(--ff-outline);border-radius:999px;height:1.05rem;position:relative;overflow:hidden}.pc-theme-coderealm .fj-tm-fill{border-radius:999px;height:100%;transition:width .4s}@media (prefers-reduced-motion:reduce){.pc-theme-coderealm .fj-tm-fill{transition:none}}.pc-theme-coderealm .fj-tm-fill--a{background:#3f7bb0}.pc-theme-coderealm .fj-tm-fill--b{background:#4a9a6a}.pc-theme-coderealm .fj-tm-meter-val{font-variant-numeric:tabular-nums;text-align:right;min-width:2.2ch;font-weight:800}.cr-trace-head{margin-bottom:.9rem}.cr-trace-h1{margin:0 0 .3rem}.cr-trace-count{opacity:.8;margin:0 0 .2rem}.cr-trace-title{margin:.1rem 0 .2rem}.cr-trace-concept{color:var(--pc-select);margin:0 0 .7rem;font-weight:700}.cr-trace-prog{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.cr-trace-blocks{border:2px solid var(--ff-outline);background:var(--ff-warm);min-width:12rem;color:var(--ff-anvil);border-radius:.7rem;margin:0;padding:.6rem .8rem;list-style:none}.cr-trace-bline{white-space:pre;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem;line-height:1.6}.cr-trace-swift{flex:16rem;margin-top:0}.cr-trace-gridwrap{justify-content:center;margin:.4rem 0 1rem;display:flex}.cr-trace-grid{gap:6px;max-width:min(92vw,26rem);display:grid}.cr-trace-cell{aspect-ratio:1;border:2px solid var(--ff-outline);cursor:pointer;background:color-mix(in oklab, var(--pc-select) 10%, var(--ff-paper));border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex;position:relative}.cr-trace-cell:disabled{cursor:default}.cr-trace-cell:focus-visible{outline:3px solid var(--pc-select);outline-offset:2px}.cr-trace-cell:not(:disabled):hover{border-color:var(--pc-select)}.cr-trace-cell--goal{background:color-mix(in oklab, #eab308 30%, var(--ff-paper));border-color:#eab308}.cr-trace-cell--wall{background:#64748b;border-color:#475569}.cr-trace-cell--water{background:#38bdf8}.cr-trace-cell--lava{background:#f97316}.cr-trace-cell--pick{outline:3px dashed var(--pc-select);outline-offset:2px;box-shadow:inset 0 0 0 3px color-mix(in oklab, var(--pc-select) 35%, var(--ff-paper))}.cr-trace-tileg{color:#ca8a04;pointer-events:none;font-size:1.35rem;font-weight:900;position:absolute}.cr-trace-cell--wall .cr-trace-tileg{color:#e2e8f0}.cr-trace-bot{z-index:2;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:66%;height:66%;font-size:1.15rem;font-weight:900;display:none;position:relative}.cr-trace-bot--on{background:var(--pc-select);border:2px solid var(--ff-outline);display:flex}.cr-trace-bot--blocked{background:#ef4444}.cr-trace-controls{justify-content:center;margin-bottom:.6rem;display:flex}.cr-trace-feedback{text-align:center;min-height:1.4rem}.cr-trace-teach{margin-top:.9rem}.cr-trace-why{margin:0 0 .8rem;font-weight:600}