.app{height:100dvh;width:100vw}.pane{height:100%;overflow:hidden}.divider{width:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:col-resize;position:relative}.divider-grip{width:4px;height:46px;border-radius:4px;background:var(--line);transition:background .15s,height .15s}.divider:hover .divider-grip,.divider[data-resize-handle-state=drag] .divider-grip{background:var(--accent);height:70px}.editor{height:100%;flex-direction:column;background:linear-gradient(180deg,var(--panel),var(--bg));padding:16px 16px 14px;min-width:0;min-height:0;overflow-y:auto}.brand,.editor{display:flex;gap:10px}.brand{align-items:center}.brand-sub{font-weight:800;letter-spacing:.3px;font-size:16px;margin:0}.brand-sub:focus-visible{outline-offset:4px}.brand-sub .chapter-icon-img{width:1.85em;height:1.85em;vertical-align:-.55em}.brand-tag{margin-left:auto;letter-spacing:1.5px}.brand-tag,.panel-label{font-size:11px;text-transform:uppercase;color:var(--muted)}.panel-label{letter-spacing:1.6px}.ed-zone{display:flex;flex-direction:column;gap:8px}.ed-zone-blocks{flex:0 0 auto}.ed-zone-program{flex:1;min-height:0;gap:0;margin-top:14px}.palette{gap:10px}.pal-group,.palette{display:flex;flex-direction:column}.pal-group{gap:6px}.pal-group-label{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);padding-left:2px}.pal-group-chips{display:flex;flex-wrap:wrap;gap:8px}.pal{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:9px 12px;font-size:13.5px;font-weight:700;color:var(--block-ink);cursor:grab;user-select:none;box-shadow:0 2px 0 rgba(0,0,0,.3);transition:filter .12s,transform .06s}.pal:hover{filter:brightness(1.07)}.pal:active{cursor:grabbing}.pal.hinted{animation:palHint 1.4s ease-in-out infinite;outline:2px solid var(--accent)}.b-icon{font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.b-glyph{display:block}.b-repeatvar{background:var(--repeatvar)}.b-move{background:var(--move)}.b-turn{background:var(--turn)}.b-pollinate{background:var(--pollinate)}.b-paintb{background:var(--paintb)}.b-repeat{background:var(--repeat)}.b-if{background:var(--if)}.b-while{background:var(--while)}.b-func{background:var(--func)}.b-call{background:var(--call)}.b-kick{background:var(--kick)}.b-snare{background:var(--snare)}.b-hat{background:var(--hat)}.b-rest{background:var(--rest)}.b-note{background:var(--note)}.b-fire-r{background:var(--fire-r)}.b-fire-g{background:var(--fire-g)}.b-fire-b{background:var(--fire-b)}.drag-ghost{box-shadow:0 12px 28px rgba(0,0,0,.55);cursor:grabbing}.pal.drag-ghost{transform:rotate(-2deg)}.program-scroll{flex:1;min-height:0;overflow-y:auto;border-top:1px solid var(--line);border:1px solid var(--line);border-top-color:var(--edge);border-radius:0 0 12px 12px;background:var(--surface-sunken);padding:10px}.block-list{display:flex;flex-direction:column;gap:0;min-height:36px}.block-list.root{min-height:100%}.block-list.nested{margin:0 8px 8px;padding:7px;background:var(--surface-nested);border-radius:9px}.slot-row{display:flex;flex-direction:column}.empty-drop{display:flex;align-items:center;justify-content:center;border-radius:9px;border:2px dashed transparent;transition:background .12s ease,border-color .12s ease}.empty-drop.root{flex:1;min-height:120px}.empty-drop.nested{min-height:44px}.empty-drop.over{border-color:var(--accent);background:var(--accent-soft)}.empty-hint{pointer-events:none;user-select:none;color:var(--muted);font-size:12.5px;font-style:italic}.block.b-if .empty-hint,.block.b-repeat .empty-hint,.block.b-repeatvar .empty-hint,.block.b-while .empty-hint{color:rgba(255,255,255,.72)}.slot{height:6px;border-radius:8px;transition:height .12s ease,background .12s ease}.slot.over{height:42px;background:var(--accent-soft);border:2px dashed var(--accent)}.block{border-radius:11px;box-shadow:0 1px 0 rgba(0,0,0,.35)}.block-head{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:11px;color:var(--block-ink);font-weight:700;font-size:13.5px;cursor:grab}.block-head:active{cursor:grabbing}.block.b-move>.block-head{background:var(--move)}.block.b-turn>.block-head{background:var(--turn)}.block.b-pollinate>.block-head{background:var(--pollinate)}.block.b-paintb>.block-head{background:var(--paintb)}.block-head.exec{outline:3px solid #fff;outline-offset:-3px;animation:pulse .4s ease}.program-scroll.stepping-paused .block-head.exec{outline-color:#ffcf33;box-shadow:0 0 0 3px rgba(255,200,40,.4),0 0 16px rgba(255,200,40,.55)}@media (prefers-reduced-motion:no-preference){.program-scroll.stepping-paused .block-head.exec{animation:stepGlow 1.1s ease-in-out infinite alternate}@keyframes stepGlow{0%{box-shadow:0 0 0 3px rgba(255,200,40,.3),0 0 8px rgba(255,200,40,.4)}to{box-shadow:0 0 0 4px rgba(255,200,40,.55),0 0 22px rgba(255,200,40,.75)}}}.b-label{flex:0 0 auto}.b-times{font-size:12px;font-weight:700;opacity:.85}.block.b-repeat{background:var(--repeat)}.block.b-repeatvar{background:var(--repeatvar)}.block.b-if{background:var(--if)}.block.b-while{background:var(--while)}.block.b-if,.block.b-repeat,.block.b-repeatvar,.block.b-while{border-radius:13px;box-shadow:0 2px 0 rgba(0,0,0,.3)}.block.b-if>.block-head,.block.b-repeat>.block-head,.block.b-repeatvar>.block-head,.block.b-while>.block-head{background:transparent}.block.b-repeat .b-counter{background:rgba(0,0,0,.18)}.b-livevar{margin-left:auto;min-width:22px;text-align:center;font-weight:900;font-size:13px;color:#fff;background:rgba(0,0,0,.28);padding:2px 9px;border-radius:8px}.b-cond{flex:1;min-width:0;margin-left:4px;background:rgba(0,0,0,.22);color:var(--block-ink);border:1px solid rgba(0,0,0,.18);border-radius:8px;padding:3px 6px;font-size:12.5px;font-weight:800;cursor:pointer;appearance:none}.b-cond:focus{outline:2px solid rgba(0,0,0,.3)}.block.b-func{background:var(--func);border-radius:13px;box-shadow:0 2px 0 rgba(0,0,0,.3)}.block.b-func>.block-head{background:transparent;padding:9px 11px 6px}.func-name{margin-left:auto;font-weight:900;font-size:12px;background:rgba(0,0,0,.22);color:var(--block-ink);padding:2px 9px;border-radius:7px}.block.b-func .empty-hint{color:rgba(255,255,255,.6)}.branch-sep{text-align:center;margin:2px 8px;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.75)}.b-counter{margin-left:auto;display:inline-flex;align-items:center;gap:2px;background:rgba(0,0,0,.22);border-radius:8px;padding:2px}.b-step{border:none;background:rgba(255,255,255,.6);color:var(--block-ink);width:21px;height:21px;border-radius:6px;cursor:pointer;font-size:15px;font-weight:900;line-height:1;display:flex;align-items:center;justify-content:center}.b-step:hover{background:#fff}.b-step:disabled{opacity:.5;cursor:default}.b-num{min-width:18px;text-align:center;font-weight:900;font-size:13px}.b-del{border:none;background:rgba(0,0,0,.2);color:var(--block-ink);width:22px;height:22px;border-radius:6px;cursor:pointer;font-size:15px;line-height:1}.b-del:hover{background:rgba(0,0,0,.35)}.block.locked{box-shadow:0 2px 0 rgba(0,0,0,.3),0 0 0 2px rgba(255,255,255,.35)}.b-lock{margin-left:auto;font-size:13px;opacity:.75;padding:0 3px;cursor:default}@media (pointer:coarse){.b-del{position:relative}.b-del:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.b-step{width:34px;height:34px;font-size:18px}.b-num{min-width:24px;font-size:15px}.b-cond{padding-top:8px;padding-bottom:8px}.back-btn,.icon-btn,.theme-toggle{width:44px;height:44px}.fr-step,.fr-tool,.pp-remove{width:40px;height:40px}.fr-step,.fr-tool{font-size:18px}.fr-count,.fr-tools{gap:8px}.fr-num{min-width:34px;font-size:15px}.fr-add-btn,.fr-add-input,.fr-kw{min-height:40px}}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;background:var(--surface-raised);border:1px solid var(--line);border-bottom:none;border-radius:12px 12px 0 0}.kbd{font-family:inherit;font-size:9px;font-weight:800;line-height:1;vertical-align:middle;margin-left:5px;padding:1px 4px;border-radius:4px;background:var(--field);border:1px solid var(--field-border);color:var(--ink);opacity:.9}.stats{display:flex;gap:8px}.stat{flex:1;display:flex;align-items:baseline;justify-content:center;gap:6px;padding:8px 6px;border-radius:10px;background:var(--surface-sunken);border:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.stat b{font-size:17px;color:var(--ink);font-weight:800}.stat.best{background:var(--accent-soft);border-color:var(--accent-line);align-items:center}.stat.best b{color:var(--accent-ink)}.trophy{font-size:13px}.stars-row{font-size:17px;letter-spacing:1px;line-height:1}.stars-row .on{color:var(--accent-ink)}.stars-row .off{color:var(--placeholder-ink)}.status{padding:10px 12px;border-radius:10px;font-size:13.5px;background:var(--surface-sunken);border:1px solid var(--line)}.status-win{background:#0f3a23;border-color:#28c46e;color:#b7f7cf}.status-error{background:#3f1612;border-color:#e2574c;color:#ffc9c2}.status-warn{background:#3d2f10;border-color:var(--repeat);color:#ffe3bc}.status-run{background:#122c45;border-color:var(--move);color:#c2e6ff}.hint-banner{margin-top:8px;padding:10px 12px;border-radius:10px;font-size:13.5px;display:flex;align-items:flex-start;gap:8px;background:#10333a;border:1px solid #3aa6bd;color:#c7f0f8;animation:hintIn .3s ease}.hint-ico{flex:none}.parsons-note{padding:12px 14px;border-radius:12px;font-size:13.5px;line-height:1.5;background:#241b3a;border:1px dashed #6d4bd8;color:#d8ccf5}.b-grip{margin-left:auto;color:rgba(255,255,255,.55);font-size:15px;cursor:grab;letter-spacing:-2px}@media (prefers-reduced-motion:reduce){.block-head.exec,.board-thumb.testing,.cloud,.hero-badge,.hint-banner,.pal.hinted,.pouch-count,.pouch-seeds .seed,.sensor-chip,.splash .auth-bee,.world-emblem{animation:none}.win-star.earned,.world-card{animation:none;opacity:1;transform:none}}.win{text-align:center;padding:6px 4px 2px}.win-title{font-family:var(--font-hero),var(--font-display),"Fredoka",system-ui;font-weight:400;font-size:30px;letter-spacing:.5px;color:var(--ink)}.win-sub{color:var(--muted);font-size:14px;margin-top:4px}.win-stars{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:14px;margin:18px 0 6px}.win-stars:before{content:"";position:absolute;inset:-14px -10px -6px;z-index:0;pointer-events:none;background:radial-gradient(62% 90% at 50% 42%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 72%)}.win-star{position:relative;z-index:1;width:52px;height:52px}.win-star:nth-child(2){width:62px;height:62px}.win-star path{fill:var(--placeholder-ink);stroke:color-mix(in srgb,var(--ink) 18%,transparent);stroke-width:.5;stroke-linejoin:round}.win-star.earned{opacity:0;transform:scale(0);animation:starpop .55s cubic-bezier(.34,1.7,.5,1) forwards;filter:drop-shadow(0 0 11px rgba(255,200,61,.6))}.win-star.earned path{fill:url(#winGold);stroke:#d69a1e;stroke-width:.5}.win-star.earned.s1{animation-delay:.35s}.win-star.earned.s2{animation-delay:.95s}.win-star.earned.s3{animation-delay:1.55s}.win-criteria{list-style:none;margin:14px auto 0;padding:0;max-width:320px;display:flex;flex-direction:column;gap:8px}.win-criteria li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--muted);background:var(--surface-card);border:1px solid var(--line);border-radius:9px;padding:8px 12px;text-align:left}.win-criteria li.on{color:var(--ink);border-color:var(--accent-line);background:var(--accent-soft)}.win-criteria .tick{width:20px;height:20px;flex:0 0 20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;background:var(--surface-card);color:var(--muted)}.win-criteria li.on .tick{background:var(--accent);color:var(--block-ink)}.win-tip{margin:16px auto 4px;max-width:340px;font-size:13.5px;color:var(--muted);line-height:1.5}.win-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.game-panel{height:100%;display:flex;flex-direction:column;background:var(--game-surface);container-type:inline-size}.game-topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--edge);background:var(--surface-nested)}.map-select{width:220px}.map-pin{font-size:14px}@container (max-width: 540px){.game-topbar{flex-wrap:wrap;row-gap:8px;gap:10px;padding:10px 12px}.map-select{width:auto;flex:1 1 0;min-width:0;order:1}.score{order:2}.menu-btn{order:3}.goal{order:4;flex:1 1 100%;white-space:normal}}.goal{color:var(--muted);font-size:14px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.goal,.score{white-space:nowrap}.score{font-weight:800;font-size:15px;background:var(--panel);border:1px solid var(--line);padding:6px 14px;border-radius:999px}.game-stage{position:relative;flex:1;min-height:0;container-type:size;display:grid;place-items:center;background:var(--game-stage);padding:20px}.game-frame{position:relative;width:min(calc(100cqw - 32px),calc(100cqh - 32px),760px);aspect-ratio:1/1}@container (max-aspect-ratio: 1 / 1){.game-frame{align-self:start}}.game-host{position:absolute;inset:0}.game-host canvas{display:block;width:100%!important;height:100%!important;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.5)}.pouch-hud{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;font-family:var(--font-display),"Fredoka",system-ui,sans-serif;transform:scale(var(--ui,1));transform-origin:top left}.pouch-tag{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#5a3f14;background:#ffe6a6;border:2px solid #d69f2b;padding:2px 12px;border-radius:999px;box-shadow:0 2px 0 rgba(0,0,0,.15)}.pouch-bag{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:92px;padding:20px 14px 12px;background:linear-gradient(#c68e52,#a06b38);border:3px solid #7c4f27;border-radius:22px 22px 30px 30px/16px 16px 40px 40px;box-shadow:0 8px 22px rgba(0,0,0,.45),inset 0 -8px 14px rgba(0,0,0,.22),inset 0 6px 10px rgba(255,240,210,.28)}.pouch-neck{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:66%;height:9px;border-radius:6px;background:repeating-linear-gradient(90deg,#6f4522 0 4px,#8a5a30 4px 8px);box-shadow:0 2px 3px rgba(0,0,0,.3)}.pouch-seeds{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:4px;max-width:78px;min-height:20px}.pouch-seeds .seed{width:11px;height:14px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:radial-gradient(circle at 35% 30%,#fff0b0,#f2b134 65%,#c8871a);border:1px solid #a86f18;transform:rotate(-12deg);animation:seedIn .22s ease backwards}.pouch-empty{font-size:12px;font-weight:700;letter-spacing:1px;color:#f3dcae;opacity:.75;text-transform:uppercase}.pouch-bar{width:74px;height:16px;border-radius:8px;background:rgba(0,0,0,.28);overflow:hidden;border:1px solid #7c4f27}.pouch-bar>span{display:block;width:82%;height:100%;background:linear-gradient(#ffd671,#f2b134)}.pouch-count{font-size:30px;font-weight:800;line-height:1;color:#fff6df;text-shadow:0 2px 0 rgba(0,0,0,.35);animation:hudPop .18s ease}.echo-stack{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;font-family:var(--font-display),"Fredoka",system-ui,sans-serif;transform:scale(var(--ui,1));transform-origin:top left}.es-title{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#8fe8ff}.es-num{font-size:30px;font-weight:800;line-height:1;color:#eaffb0;text-shadow:0 2px 8px rgba(143,232,255,.55)}.es-frames{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:5px}.es-frame{width:48px;height:12px;border-radius:4px;background:linear-gradient(#3a3354,#2a2440);border:1.5px solid #5a4f7e;animation:esPush .16s ease}.es-frame.es-top{background:linear-gradient(#8fe8ff,#4aa6c8);border-color:#cbf3ff;box-shadow:0 0 10px rgba(143,232,255,.7)}.es-more{font-size:12px;font-weight:700;color:#8fe8ff}.sensor-hud{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-direction:column;gap:5px;pointer-events:none;font-family:var(--font-display),"Fredoka",system-ui,sans-serif;background:var(--surface-hud);border:2px solid #3a4763;border-radius:12px;padding:8px 11px;box-shadow:0 6px 18px rgba(0,0,0,.4);transform:scale(var(--ui,1));transform-origin:top left}.sensor-title{font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#9fb2d6}.sensor-rows{display:flex;flex-direction:column;gap:3px}.sensor-chip{font-size:13px;font-weight:700;color:#cdd7e8;display:flex;align-items:center;gap:6px}.sensor-chip b{font-size:13px;width:14px;text-align:center}.sensor-chip.on{color:#7ee0a6}.sensor-chip.on b{color:#35d07f}.sensor-chip.off{color:#8290aa}.sensor-chip.off b{color:#d64550}.minimap-wrap{position:absolute;top:12px;right:12px;z-index:2;background:var(--surface-hud);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 8px 6px;box-shadow:0 8px 22px rgba(0,0,0,.5);backdrop-filter:blur(2px);transform:scale(var(--ui,1));transform-origin:top right}.minimap{display:block;border-radius:7px;image-rendering:pixelated}.board-strip{flex:0 0 auto;padding:8px 14px 12px;background:var(--game-surface);border-top:1px solid var(--edge)}.board-strip-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px}.board-thumbs{display:flex;gap:8px;flex-wrap:wrap}.board-thumb{position:relative;padding:3px;border-radius:9px;cursor:pointer;background:var(--surface-hud);border:2px solid transparent;line-height:0}.board-thumb canvas{display:block;width:78px;height:78px;border-radius:6px;image-rendering:pixelated}.board-thumb:not(:disabled):hover{border-color:var(--edge)}.board-thumb:disabled{cursor:default}.board-thumb.sel{border-color:#ffce3d}.board-thumb.testing{border-color:#37d34a;animation:testPulse .9s ease-in-out infinite}.board-thumb-no{position:absolute;top:4px;left:4px;font-size:10px;font-weight:800;color:#fff;background:rgba(0,0,0,.55);border-radius:5px;padding:1px 5px;line-height:1.35}.minimap-label{margin-top:5px;font-size:9.5px;letter-spacing:.5px;color:#9fb2d6;text-align:center;text-transform:uppercase}.auth-card{position:relative;z-index:1;width:100%;max-width:380px;background:#ffffff;border-radius:22px;padding:28px 26px 22px;box-shadow:0 20px 50px rgba(0,0,0,.22);text-align:center;color:#253726}.auth-title{font-family:var(--font-display),"Fredoka",system-ui;font-weight:800;font-size:34px;margin:4px 0 0;color:#ffcf3d;-webkit-text-stroke:2px #6b4b12;text-shadow:0 4px 0 #6b4b12}.auth-sub{margin:6px 0 18px;font-weight:700;color:#3f5340}.auth-fields{text-align:left}.auth-links{display:flex;flex-direction:column;gap:6px;margin-top:14px}.auth-link{background:none;border:0;color:var(--accent-ink);font-weight:600;font-size:13px;cursor:pointer;font-family:inherit}.auth-inline-link,.auth-link:hover{text-decoration:underline}.auth-inline-link{color:var(--accent-ink);font-weight:700}.auth-notice{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 10px;text-align:left}.brand .tier-menu-btn{margin-left:auto}.tier-menu-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:9px;border:1px solid var(--edge);background:var(--surface-raised);color:var(--ink);font-family:var(--font-body),system-ui;font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}.tier-menu-btn:hover:not(:disabled){border-color:var(--accent-line)}.tier-menu-btn:disabled{opacity:.55;cursor:default}.tier-caret{color:var(--muted);font-size:11px}.tier-mi{display:flex;flex-direction:column;gap:1px}.tier-mi-label{font-weight:700;font-size:13px}.tier-mi-sub{font-size:11px;color:var(--muted);line-height:1.3}.tier-dd{border:1px solid var(--line)}.tier-dd,.tier-dd-arrow{background:var(--surface-card)}.tier-dd-arrow{border-color:var(--line)}.tier-dd-label{color:var(--muted)}.tier-dd-item{color:var(--ink)}.tier-dd-item[data-hovered]{background:var(--surface-raised)}.tier-dd-item[data-disabled]{color:var(--muted);opacity:.6}.tier-blurb{color:var(--muted);font-size:13px;padding:8px 6px;line-height:1.5}.csc{width:100%;max-width:880px}.csc-grid{z-index:1;flex-wrap:wrap;justify-content:center;gap:18px;max-width:860px;margin:28px auto 10px;padding:0 18px}.csc-card,.csc-grid{position:relative;display:flex}.csc-card{width:240px;flex-direction:column;align-items:center;gap:8px;padding:20px 18px;border:1px solid var(--edge);border-radius:18px;background:var(--surface-card,var(--surface-raised));box-shadow:0 6px 20px rgba(0,0,0,.1);text-align:center}.csc-card.is-locked{opacity:.72}.csc-tag{position:absolute;top:12px;right:12px;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:3px 8px}.csc-rec{color:#0e1320;background:var(--accent)}.csc-lock{color:var(--muted);background:var(--surface-nested);border:1px solid var(--edge)}.csc-ico{font-size:34px}.csc-title{font-family:var(--font-display,inherit);font-size:19px;font-weight:800;color:var(--ink)}.csc-desc{font-size:13px;color:var(--muted);line-height:1.45;min-height:38px}.csc-prev{width:100%;min-height:74px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:10px;border-radius:10px;background:var(--surface-nested);border:1px solid var(--edge);font-family:ui-monospace,monospace;font-size:12px;color:var(--ink);text-align:left}.csc-prev-text{margin:0;white-space:pre}.csc-prev-frames{gap:5px}.csc-fr{align-self:stretch;display:flex;align-items:center;gap:6px;box-sizing:border-box;padding:5px 8px;border-radius:8px;background:var(--surface-card,#fff);border:1px solid var(--edge);font-family:var(--font-body),system-ui;font-weight:700;font-size:12px;color:var(--ink)}.csc-fr-ico{opacity:.7}.csc-fr-n{margin-left:auto;background:var(--surface-nested);border:1px solid var(--edge);border-radius:6px;padding:1px 6px;font-size:11px;font-weight:800;color:var(--muted)}.csc-fr-loop{background:color-mix(in srgb,var(--accent) 16%,var(--surface-card,#fff))}.csc-fr-in{margin-left:16px}.csc-blk{align-self:stretch;background:var(--accent);color:#0e1320;font-weight:800;font-family:var(--font-body),system-ui;border-radius:7px;padding:5px 9px}.csc-blk-loop{background:color-mix(in srgb,var(--accent) 60%,#6ec1e4);display:flex;flex-direction:column;gap:4px}.csc-blk-in{background:var(--surface-card,#fff);color:var(--ink);border-radius:6px;padding:3px 8px;font-weight:700;margin-left:10px}.csc-pick{margin-top:2px;border:none;border-radius:10px;padding:9px 22px;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;background:var(--accent);color:#0e1320}.csc-pick:disabled{background:var(--surface-nested);color:var(--muted);cursor:default;border:1px solid var(--edge)}.csc-foot{position:relative;z-index:1;text-align:center;color:var(--muted);font-size:13px;margin:6px 0 40px}.fr-list{display:flex;flex-direction:column;gap:6px}.fr-frame{border-radius:10px;background:var(--surface-nested);border-left:6px solid var(--fr-hue,var(--edge))}.fr-frame.b-move{--fr-hue:var(--move)}.fr-frame.b-turn{--fr-hue:var(--turn)}.fr-frame.b-pollinate{--fr-hue:var(--pollinate)}.fr-frame.b-paintb{--fr-hue:var(--paintb)}.fr-frame.b-repeat{--fr-hue:var(--repeat)}.fr-frame.b-repeatvar{--fr-hue:var(--repeatvar)}.fr-frame.b-if{--fr-hue:var(--if)}.fr-frame.b-while{--fr-hue:var(--while)}.fr-frame.b-func{--fr-hue:var(--func)}.fr-frame.b-call{--fr-hue:var(--call)}.fr-frame.fr-active{outline:2px solid var(--accent);outline-offset:1px}.fr-line{display:flex;align-items:center;gap:8px;padding:8px 10px;font-family:var(--font-body),system-ui;font-weight:700;color:var(--ink)}.fr-kw-ico{font-size:18px}.fr-slot{font:inherit;border-radius:6px;border:1px solid var(--field-border);background:var(--field);color:inherit;padding:2px 6px}.fr-right{margin-left:auto;gap:10px}.fr-count,.fr-right{display:inline-flex;align-items:center}.fr-count{gap:4px}.fr-num{min-width:30px;text-align:center;font-variant-numeric:tabular-nums}.fr-tools{display:inline-flex;gap:4px}.fr-step,.fr-tool{width:26px;height:26px;border:1px solid var(--edge);background:var(--surface-raised);color:var(--ink);border-radius:6px;cursor:pointer;font-weight:800;line-height:1}.fr-step:disabled,.fr-tool:disabled{opacity:.4;cursor:default}.fr-del{color:#c0392b}.fr-lock{opacity:.7}.fr-body{margin:0 8px 8px 24px;border-left:2px dashed var(--edge);padding:6px 0 2px 10px}.fr-add-btn{width:100%;padding:8px;border:1px dashed var(--accent-line);border-radius:8px;background:transparent;color:var(--accent-ink);cursor:pointer;font-weight:700}.fr-add-btn:hover:not(:disabled){background:var(--accent-soft)}.fr-add-btn:disabled{opacity:.5;cursor:default}.fr-add-btn:only-child{border-style:solid;background:var(--accent-soft);padding:16px;font-size:15px}.fr-add-menu{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.fr-kw{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px solid var(--edge);color:var(--block-ink);font-family:var(--font-body),system-ui;font-weight:700;cursor:pointer}.fr-kw-cancel{background:var(--surface-raised);color:var(--muted)}.fr-add-menu{flex-direction:column;align-items:stretch}.fr-add-input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--accent);background:var(--field,var(--surface-raised));color:var(--ink);font:inherit;font-weight:700}.fr-add-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.fr-add-input::placeholder{color:var(--muted)}.fr-add-list{display:flex;flex-wrap:wrap;gap:6px}.fr-kw.fr-kw-hi{outline:2px solid var(--accent);outline-offset:1px}.fr-add-none{color:var(--muted);font-size:12.5px;font-style:italic;padding:2px}.tier-text-wrap{display:flex;flex-direction:column;gap:8px}.tier-text{margin:0;padding:12px 14px;border-radius:10px;background:var(--surface-nested);color:var(--ink);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.7;white-space:pre;overflow-x:auto}.tier-text-note{margin:0;color:var(--muted);font-size:12px;font-style:italic}.tier-text-note code{font-family:ui-monospace,monospace;background:var(--surface-raised);border:1px solid var(--edge);border-radius:4px;padding:0 4px;font-style:normal}.tier-code-input{width:100%;min-height:220px;resize:vertical;padding:12px 14px;border-radius:12px;border:1px solid var(--edge);background:var(--code-bg,#14100a);color:var(--code-ink,#f3ead4);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.7;tab-size:2;white-space:pre;overflow-wrap:normal}.tier-code-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tier-code-input:disabled{opacity:.7}.tier-code-err{margin:8px 0 0;color:#c0392b;font-size:12.5px;font-weight:700}.fr-livevar{margin-left:6px;font-weight:900;font-size:13px;color:var(--ink);background:var(--surface-raised);border:1px solid var(--edge);padding:1px 8px;border-radius:8px}.tier-code-run{margin:0;padding:12px 14px;border-radius:12px;border:1px solid var(--edge);background:var(--code-bg,#14100a);color:var(--code-ink,#f3ead4);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.7;min-height:220px;overflow:auto}.tcr-line{display:flex;align-items:center;padding:0 6px;border-radius:4px}.tcr-code{white-space:pre}.tcr-active{background:rgba(255,255,255,.14);outline:2px solid var(--accent);outline-offset:-2px}.tcr-livevar{margin-left:10px;font-weight:900;color:#14100a;background:var(--accent);padding:0 8px;border-radius:8px;white-space:nowrap}.tcr-empty{opacity:.55}.ai-wrap{display:flex;flex-direction:column;gap:10px}.ai-lead{margin:0;font-size:13.5px;line-height:1.5}.ai-input{min-height:88px;white-space:pre-wrap;overflow-wrap:break-word;background:var(--surface-raised);color:var(--ink);font-family:inherit;font-size:14px;line-height:1.5}.ai-draft-btn{align-self:flex-start;padding:9px 16px;border-radius:999px;border:1px solid var(--edge);background:var(--accent);color:var(--accent-ink,#14100a);font-weight:700;font-size:14px;cursor:pointer}.ai-draft-btn:hover:not(:disabled){filter:brightness(1.05)}.ai-draft-btn:disabled{opacity:.55;cursor:default}.ai-fine{margin:2px 0 0;color:var(--muted);font-size:11.5px;font-style:italic;line-height:1.45}.ai-result{border:1px solid var(--edge);border-radius:10px;background:var(--surface-nested);padding:10px 12px}.ai-result-head{margin:0 0 6px;font-size:13px}.ai-why{margin:0 0 8px;padding-left:18px;display:flex;flex-direction:column;gap:3px}.ai-why li{font-size:13px;line-height:1.4}.ai-open-btn{padding:7px 12px;border-radius:8px;border:1px solid var(--edge);background:var(--surface-raised);color:var(--ink);font-family:var(--font-body),system-ui;font-weight:700;font-size:13px;cursor:pointer}.ai-open-btn:hover:not(:disabled){border-color:var(--accent)}.ai-open-btn:disabled{opacity:.55;cursor:default}.fr-else{font-family:var(--font-body),system-ui;font-weight:800;color:var(--muted);margin:4px 0 2px 12px}.fr-badge{font-family:ui-monospace,monospace;font-weight:800;font-size:12px;background:var(--surface-raised);border:1px solid var(--edge);border-radius:6px;padding:0 6px}.fr-hint{color:var(--muted);font-size:12px;font-style:italic}.tier-coach{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;padding:10px 12px;border-radius:10px;background:var(--accent-soft,var(--surface-nested));border:1px solid var(--accent-line,var(--edge))}.tier-coach p{margin:0;flex:1;font-size:13px;line-height:1.45;color:var(--ink)}.tier-coach-ico{font-size:18px}.tier-coach-ok{padding:5px 12px;background:var(--accent);color:#0e1320;font-weight:800}.tier-coach-ok,.tier-offer-later{align-self:center;border-radius:8px;border:0;font-family:var(--font-body),system-ui;font-size:12px;cursor:pointer;white-space:nowrap}.tier-offer-later{padding:5px 10px;background:transparent;color:var(--muted);font-weight:700}.tier-primm{align-items:flex-start}.tier-primm .primm-body{flex:1;display:flex;flex-direction:column;gap:3px}.tier-primm .primm-body p{flex:none;margin:0;font-size:13px;line-height:1.45}.tier-primm .primm-body .primm-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.tier-primm .primm-actions{display:flex;flex-direction:column;gap:6px;align-self:center}.acct-card{max-width:420px;text-align:left}.acct-header{text-align:center}.acct-header-row{display:flex;align-items:center;gap:12px;text-align:left}.acct-title{font-size:26px}.acct-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.acct-section:first-of-type{margin-top:14px;border-top:none;padding-top:0}.acct-label{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}.acct-danger .acct-label{color:#e2574c}.acct-plan-badge{font-weight:700}.acct-hint{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.4}.pp-topbar{position:absolute;top:14px;right:16px;z-index:2}.pp-wrap{position:relative;z-index:1;text-align:center;max-width:560px;width:100%}.pp-title{font-family:var(--font-display),"Fredoka",system-ui;font-weight:800;font-size:30px;color:#2c4a2f;margin:6px 0 20px;text-shadow:0 2px 0 rgba(255,255,255,.5)}.pp-grid{flex-wrap:wrap;gap:16px}.pp-card,.pp-grid{display:flex;justify-content:center}.pp-card{width:120px;height:130px;border:0;border-radius:18px;cursor:pointer;background:rgba(255,255,255,.95);box-shadow:0 10px 24px rgba(0,0,0,.18);flex-direction:column;align-items:center;gap:8px;font-family:var(--font-body),"Quicksand",system-ui;transition:transform .12s ease}.pp-card:hover{transform:translateY(-4px)}.pp-avatar{font-size:46px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.pp-avatar img{width:46px;height:46px;object-fit:contain}.pp-name{font-weight:800;font-size:16px;color:#253726;max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-add{background:rgba(255,255,255,.6);border:2px dashed #9bb59c}.pp-add .pp-avatar{color:#6b8a6c}.pp-form{background:rgba(255,255,255,.96);border-radius:18px;padding:20px;max-width:340px;margin:0 auto;box-shadow:0 12px 30px rgba(0,0,0,.18)}.pp-avatars{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.pp-av,.pp-avatars{justify-content:center}.pp-av{width:44px;height:44px;border-radius:10px;border:2px solid transparent;background:#f1f4fa;cursor:pointer;display:inline-flex;align-items:center}.pp-av img{width:30px;height:30px;object-fit:contain}.pp-av.sel{border-color:#ffc83d;background:#fff6da}.pp-age{margin-top:12px;display:flex;flex-direction:column;gap:6px}.pp-age-label{font-size:13px;font-weight:700;color:var(--ink)}.pp-age-label em{font-weight:400;color:var(--muted);font-style:normal}.pp-age-opts{display:flex;gap:6px}.pp-age-btn{flex:1;padding:8px 6px;border-radius:9px;border:1px solid var(--field-border,#c9ced8);background:var(--field,#f1f4fa);color:var(--ink);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer}.pp-age-btn.sel{border-color:#ffc83d;background:#fff6da;color:#0e1320}.pp-age-hint{font-size:11px;color:var(--muted);line-height:1.45}.pp-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.pp-card-wrap{position:relative;display:inline-flex}.pp-remove{position:absolute;top:-8px;right:-8px;z-index:2;width:30px;height:30px;border-radius:50%;border:3px solid #fff;background:#e2574c;color:#fff;font-size:20px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;animation:pp-pop .14s ease}.pp-remove:hover{filter:brightness(1.06)}.pp-manage{margin-top:20px;background:none;border:0;cursor:pointer;font-family:var(--font-body),"Quicksand",system-ui;font-weight:700;font-size:14px;color:#3f5340}.pp-manage:hover{text-decoration:underline}.pp-cap-note{margin:14px auto 0;max-width:420px;font-size:12.5px;line-height:1.5;color:var(--muted)}.pp-confirm-backdrop{position:fixed;inset:0;z-index:20;padding:24px;display:flex;align-items:center;justify-content:center;background:rgba(20,30,20,.45)}.pp-confirm{background:#fff;border-radius:20px;padding:24px 24px 20px;max-width:360px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.32);text-align:center;font-family:var(--font-body),"Quicksand",system-ui;animation:pp-pop .16s ease}.pp-confirm-title{font-family:var(--font-display),"Fredoka",system-ui;font-weight:800;font-size:22px;color:#253726}.pp-confirm-text{margin:10px 4px 20px;font-size:14px;color:#5a6b5a;line-height:1.5}.pp-confirm-actions{display:flex;gap:10px;justify-content:center}.menu-status{padding:1px 12px 5px;font-size:12px;font-weight:600;color:var(--muted)}.cloud{position:absolute;color:#fff;opacity:.92;filter:drop-shadow(0 6px 8px rgba(0,0,0,.08));animation:drift 26s linear infinite}.cloud.c1{top:9%;left:-12%;animation-duration:34s}.cloud.c2{top:24%;left:-30%;animation-duration:44s}.cloud.c3{top:5%;left:-50%;animation-duration:52s}.hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:52%}.hill-far{fill:#b7e39b}.hill-mid{fill:#a1d980}.hill-near{fill:#88ce67}.home-hero{position:relative;z-index:1;text-align:center;margin-top:7vh;padding:0 16px}.hero-badge{width:104px;height:104px;margin:0 auto 6px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 32%,#ffffff,#f3f6fb 82%);box-shadow:0 12px 32px rgba(0,0,0,.2),inset 0 -6px 0 rgba(0,0,0,.05),inset 0 5px 8px rgba(255,255,255,.9);animation:bee-float 6s ease-in-out infinite}.hero-bee{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.28))}.game-title{font-family:var(--font-display),"Fredoka",system-ui;font-weight:800;font-size:clamp(48px,9vw,104px);margin:0;line-height:.95;color:#ffcf3d;-webkit-text-stroke:3px #6b4b12;text-shadow:0 8px 0 #6b4b12,0 12px 18px rgba(0,0,0,.25)}.game-tag{margin:14px 0 0;font-size:clamp(16px,2.1vw,22px);font-weight:700;color:#2c4a2f;text-shadow:0 2px 0 rgba(255,255,255,.5)}.game-tag em{font-style:normal;color:#e0602a}.world-grid{z-index:1;flex-wrap:wrap;justify-content:center;gap:34px 30px;max-width:1120px;margin:48px auto 24px;padding:0 18px}.world-card,.world-grid{position:relative;display:flex}.world-card{width:210px;text-align:center;cursor:pointer;border:none;background:transparent;flex-direction:column;align-items:center;gap:4px;padding:4px;opacity:0;transform:translateY(16px);animation:card-in .5s ease forwards;font-family:inherit}.world-card:after{content:"";position:absolute;top:150px;left:50%;transform:translateX(-50%);width:104px;height:20px;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(35,80,35,.3),rgba(35,80,35,0) 72%)}.world-emblem{position:relative;margin-bottom:12px;animation:emblem-bob 4.4s ease-in-out infinite}.world-emblem:before{content:"";position:absolute;inset:-16px;border-radius:50%;z-index:-1;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 45%,transparent) 0,transparent 68%)}.world-card:nth-child(2) .world-emblem{animation-delay:-1.2s}.world-card:nth-child(3) .world-emblem{animation-delay:-2.6s}.world-card:nth-child(4) .world-emblem{animation-delay:-.7s}.world-card:nth-child(5) .world-emblem{animation-delay:-3.3s}.home-up{position:absolute;top:14px;left:16px;z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px 0 12px;border:0;border-radius:999px;cursor:pointer;background:rgba(255,255,255,.9);color:#3f5340;font-family:var(--font-body),"Quicksand",system-ui;font-size:14px;font-weight:800;box-shadow:0 2px 6px rgba(0,0,0,.12)}.home-up:hover{filter:brightness(1.03)}.concept-grid{z-index:1;flex-wrap:wrap;justify-content:center;gap:22px;max-width:1040px;margin:40px auto 32px;padding:0 18px}.concept-card,.concept-grid{position:relative;display:flex}.concept-card{width:240px;min-height:208px;cursor:pointer;font-family:inherit;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:22px 18px 20px;border:1px solid var(--edge);border-radius:18px;background:var(--surface-card,var(--surface-raised));box-shadow:0 6px 20px rgba(0,0,0,.1);opacity:0;transform:translateY(16px);animation:card-in .5s ease forwards;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.concept-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.16);border-color:color-mix(in srgb,var(--accent) 55%,var(--edge))}.concept-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.concept-art{width:96px;height:96px;display:grid;place-items:center;border-radius:50%;margin-bottom:4px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent) 0,transparent 70%)}.concept-title{font-family:var(--font-display,inherit);font-size:19px;font-weight:800;color:var(--ink)}.concept-tag{font-size:13px;color:var(--muted);line-height:1.4}.concept-card.is-soon .concept-art{filter:saturate(.6);opacity:.85}.concept-soon{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:color-mix(in srgb,var(--accent) 78%,#000);border-radius:999px;padding:3px 9px}.concept-card .concept-soon{position:absolute;top:12px;right:12px}.coming-soon .soon-panel{position:relative;z-index:1;max-width:480px;margin:24px auto 0;padding:30px 28px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid var(--edge);border-radius:22px;background:var(--surface-card,var(--surface-raised));box-shadow:0 16px 40px rgba(0,0,0,.18)}.soon-art{width:140px;height:140px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent) 0,transparent 70%)}.soon-badge{align-self:center}.soon-blurb{font-size:15px;line-height:1.55;color:var(--muted);max-width:40ch}.world-icon{position:relative;font-size:66px;width:138px;height:138px;border-radius:50%;display:grid;place-items:center;border:7px solid var(--accent);background:radial-gradient(circle at 50% 38%,#fffdf7 0,#f5ecd8 76%,#ecdcbe 100%);box-shadow:0 13px 0 color-mix(in srgb,var(--accent) 55%,#000 34%),0 22px 30px rgba(0,0,0,.28),inset 0 6px 12px rgba(255,255,255,.75),inset 0 -12px 20px rgba(120,90,40,.14);transition:transform .16s cubic-bezier(.34,1.56,.64,1)}.world-card:hover .world-icon{transform:translateY(-10px) scale(1.06) rotate(-3deg)}.world-card:active .world-icon{transform:translateY(-2px) scale(1.01)}.world-no{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 25%,#1d2b33);background:color-mix(in srgb,var(--accent) 55%,#fff);padding:3px 12px;border-radius:999px;white-space:nowrap;border:2.5px solid #fff;box-shadow:0 4px 8px rgba(0,0,0,.22)}.world-name{font-size:25px;font-weight:800;color:#253726;font-family:var(--font-display),"Fredoka",system-ui;line-height:1.05;text-shadow:0 2px 0 rgba(255,255,255,.6)}.world-teach{display:inline-block;margin:3px 0 2px;font-size:12px;font-weight:800;color:color-mix(in srgb,var(--accent) 25%,#1d2b33);background:color-mix(in srgb,var(--accent) 55%,#fff);padding:3px 12px;border-radius:999px;box-shadow:0 3px 7px color-mix(in srgb,var(--accent) 40%,transparent)}.world-blurb{font-size:13px;color:#3f5340;min-height:36px;line-height:1.35;font-weight:500}.world-stars{margin-top:4px;font-weight:800;color:#7a5a10;font-size:15px}.world-stars .ws-star{color:#ffc83d}.account-bar{position:absolute;top:14px;right:16px;z-index:3;display:flex;align-items:center;gap:10px;font-family:var(--font-body),"Quicksand",system-ui}.acct-upgrade{font-weight:800;font-size:13px;color:#4a3300;background:linear-gradient(#ffe08a,#ffc83d);border:0;padding:7px 16px;border-radius:999px;cursor:pointer;box-shadow:0 3px 0 #d69f2b;font-family:inherit}.acct-upgrade:hover:not(:disabled){filter:brightness(1.04)}.acct-upgrade:disabled{opacity:.6;cursor:default}.acct-menu-btn{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:13px;color:#3f5340;background:rgba(255,255,255,.9);border:0;padding:6px 12px 6px 9px;border-radius:999px;cursor:pointer;font-family:var(--font-body),"Quicksand",system-ui;box-shadow:0 2px 6px rgba(0,0,0,.12)}.acct-menu-btn:hover{filter:brightness(1.03)}.acct-menu-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-caret{color:#64748b;display:inline-flex}.home-paywarn{position:relative;z-index:4;max-width:560px;margin:8px auto 0;text-align:center}.home-paywarn .auth-link{color:inherit;text-decoration:underline;font-weight:700}.map{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;background:transparent;font-family:var(--font-body),"Quicksand",Inter,system-ui,sans-serif;color:var(--ink)}.chapter-icon-img{width:1.02em;height:1.02em;object-fit:contain;display:inline-block;vertical-align:-.16em;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28))}@media (prefers-reduced-motion:no-preference){.world-card:hover .icon-fly{animation:iFly .7s ease-in-out infinite}.world-card:hover .icon-drive{animation:iDrive .6s ease-in-out infinite}.world-card:hover .icon-spin{animation:iSpin 1.1s linear infinite}.world-card:hover .icon-wiggle{animation:iWiggle .5s ease-in-out infinite}.world-card:hover .icon-jiggle{animation:iJiggle .55s ease-in-out infinite}.world-card:hover .icon-chug{animation:iChug .24s ease-in-out infinite}.world-card:hover .icon-launch{animation:iLaunch .9s ease-in-out infinite}.world-card:hover .icon-pulse{animation:iPulse .9s ease-in-out infinite}}.map-teach{text-align:center;font-size:14px;opacity:.85;margin:8px 0;padding:0 16px}.map-teach b{font-weight:800}.map-scroll{flex:1;min-height:0;overflow-y:auto;padding:4px 0 60px}.map-freenote{text-align:center;margin:-4px 0 4px;font-size:13.5px;font-weight:600;color:color-mix(in srgb,var(--accent) 34%,var(--muted))}.map-freenote .auth-link{font-size:inherit}.world-free{color:color-mix(in srgb,var(--accent) 34%,var(--muted));font-weight:700}.boss-crown{position:relative;z-index:1;width:54px;height:auto;filter:drop-shadow(0 2px 2px rgba(120,70,0,.45))}@media (prefers-reduced-motion:no-preference){.boss-crown{animation:crownBob 3s ease-in-out infinite}}.play-mobile{height:100dvh;width:100vw;display:flex;flex-direction:column}.play-pane{flex:1;min-height:0}.play-pane.is-hidden{display:none}.play-tabs{flex:0 0 auto;display:flex;gap:6px;padding:6px 6px max(6px,env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line)}.play-tabs button{flex:1;border:0;cursor:pointer;border-radius:11px;padding:11px 8px;font-family:var(--font-body),"Quicksand",system-ui,sans-serif;font-size:15px;font-weight:700;background:transparent;color:var(--muted);transition:background .12s,color .12s}.play-tabs button.active{background:var(--accent);color:#3a2a05;box-shadow:0 2px 0 rgba(0,0,0,.18)}.brand-sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:900px){.brand-tag,.kbd{display:none}.game-stage{padding:10px}.minimap-label{display:none}}@media (max-width:640px){.account-bar{position:static;width:100%;flex-wrap:wrap;justify-content:center;padding:12px 12px 0;gap:8px}.home-hero{margin-top:14px}.home-up{position:static;margin:2px auto 8px}.trail-title{font-size:clamp(30px,9vw,54px)}}.onb{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:8px 6px 4px}.onb-emoji{font-size:48px;line-height:1}.onb-title{margin:0;font-size:20px}.onb-body{margin:0;color:var(--muted);font-size:14px;line-height:1.55;max-width:40ch}.onb-dots{display:flex;gap:6px;margin:4px 0}.onb-dot{width:7px;height:7px;border-radius:999px;background:var(--edge)}.onb-dot.on{background:var(--accent)}.onb-actions{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:6px}.onb-nav{display:flex;gap:8px}.coach-stars{margin-top:8px;color:var(--placeholder-ink);font-size:16px;letter-spacing:2px}.coach-stars .on{color:var(--accent)}.coach-stars.big{font-size:26px}.coach-map-note{position:relative;z-index:1;margin:-2px auto 10px;max-width:560px;padding:0 16px;text-align:center;font-size:13.5px;color:var(--muted)}.coach-region-ic{display:grid;place-items:center;width:58%;height:58%}.coach-ide{position:relative;z-index:1;height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:var(--font-body),"Quicksand",system-ui,sans-serif}.coach-term{flex:none;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink)}.coach-ide-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.coach-pane{min-width:0;min-height:0;display:flex;flex-direction:column}.coach-pane-you{border-right:1px solid var(--edge)}.coach-pane-head{flex:none;display:flex;gap:8px;padding:9px 16px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--edge);background:var(--surface-nested)}.coach-pane-head,.coach-pane-tag{align-items:center;font-weight:800}.coach-pane-tag{display:inline-flex;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px}.coach-pane-tag.you{background:var(--accent-soft);color:var(--accent-ink)}.coach-pane-tag.ai{background:color-mix(in srgb,#6ec1e4 22%,transparent);color:color-mix(in srgb,#6ec1e4 58%,var(--ink))}.coach-pane-scroll{flex:1;min-height:0;overflow-y:auto;padding:16px clamp(12px,2.2vw,20px) 40px}.coach-intro-lead{font-size:15.5px;line-height:1.55;margin:2px 0 12px}.coach-intro-steps{margin:0 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45}.coach-intro-steps b{color:var(--accent-ink)}.coach-intro-goal{line-height:1.5;margin:0 0 16px}.coach-ai-lead,.coach-intro-goal{font-size:14px;color:var(--muted)}.coach-ai-lead{margin:0 0 12px}.coach-ai-idle{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;color:var(--muted);padding:7vh 12px}.coach-ai-idle-ico{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--surface-nested);color:var(--muted)}.coach-ai-idle p{font-size:14.5px;line-height:1.5;max-width:320px;margin:0}.coach-demo{border-radius:14px;border:1px solid var(--edge);background:var(--surface-card);padding:14px}.coach-demo-examples{display:flex;justify-content:center;gap:22px;min-height:66px}.coach-demo-ex{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border-radius:12px;border:2px solid transparent;font-size:12px;font-weight:700;color:var(--muted);opacity:0;transform:translateY(-6px);transition:opacity .4s ease,transform .4s ease,border-color .3s ease,background .3s ease}.coach-demo-ex.show{opacity:1;transform:none}.coach-demo-ex.near{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.coach-demo-new{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px;min-height:100px}.coach-demo-crit{line-height:0}.coach-demo-meas{display:grid;grid-template-columns:auto 92px;align-items:center;gap:4px 8px;font-size:11px;font-weight:700;color:var(--muted)}.coach-demo-bar{height:8px;border-radius:999px;background:var(--surface-sunken);overflow:hidden}.coach-demo-bar>i{display:block;height:100%;background:var(--accent)}.coach-demo-guess{font-family:var(--font-display),"Fredoka",system-ui;font-weight:800;font-size:20px;color:var(--accent-ink)}.coach-demo-cap{text-align:center;font-size:13.5px;line-height:1.4;color:var(--ink);margin:12px 0 0;min-height:38px}.coach-tabs{display:inline-flex;gap:4px;background:var(--surface-sunken);border-radius:999px;padding:3px}.coach-tab{border:0;background:none;font-family:var(--font-body),system-ui;font-weight:800;font-size:13px;color:var(--muted);padding:6px 18px;border-radius:999px;cursor:pointer}.coach-tab.active{background:var(--accent);color:#0e1320}.coach-tab:disabled{opacity:.45;cursor:default}.coach-how{font-size:13.5px;line-height:1.5;margin:0 0 14px;padding:10px 12px;border-radius:10px;background:var(--accent-soft);color:var(--ink)}.coach-how b,.coach-linkbtn{color:var(--accent-ink)}.coach-linkbtn{border:0;background:none;padding:0;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}.coach-models{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 14px}.coach-model-chip{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1px solid var(--edge);background:var(--surface-card);border-radius:12px;padding:8px 14px;cursor:pointer;font-family:inherit;color:var(--ink);min-width:92px}.coach-model-chip.active{border-color:var(--accent);background:var(--accent-soft)}.coach-model-chip b{font-size:14px;font-weight:800}.coach-model-chip .coach-model-stars{color:#f2b01e;letter-spacing:1px;font-size:13px}.coach-model-chip i{font-style:normal;font-size:11px;color:var(--muted)}.coach-aug{flex-direction:column;gap:16px;padding:6vh 12px}.coach-aug,.coach-aug-row{display:flex;align-items:center}.coach-aug-row{gap:18px;justify-content:center;min-height:72px}.coach-aug-cell{line-height:0;position:relative;overflow:hidden;border-radius:10px;padding:4px}.coach-aug-cell.scan:after{content:"";position:absolute;left:6%;right:6%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:coach-scan .85s ease-in-out infinite}@keyframes coach-scan{0%{top:10%;opacity:0}20%{opacity:1}80%{opacity:1}to{top:86%;opacity:0}}.coach-aug-cap{font-size:14.5px;font-weight:700;color:var(--ink);margin:0;text-align:center;min-height:20px}.coach-aug-bar{width:min(280px,80%);height:10px;border-radius:999px;background:var(--surface-sunken);overflow:hidden}.coach-aug-bar>i{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .35s ease}.coach-testset{display:flex;flex-direction:column;gap:16px;padding:5vh 14px}.coach-testset-note{font-size:14.5px;line-height:1.5;color:var(--muted);margin:0;text-align:center;max-width:380px;align-self:center}.coach-testset-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.coach-testset-item{display:grid;place-items:center;width:60px;height:60px;border-radius:12px;background:var(--surface-nested);border:1px solid var(--edge)}.coach-intro-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(3px)}.coach-intro-card{max-width:440px;width:100%;background:var(--surface-card);border:1px solid var(--edge);border-radius:20px;padding:24px;box-shadow:0 24px 60px -20px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:14px;text-align:center}.coach-intro-card .coach-term{align-self:center;margin:0}.coach-intro-card h2{font-family:var(--font-display),"Fredoka",system-ui;font-weight:800;font-size:20px;line-height:1.3;margin:0}.coach-intro-card .coach-intro-steps{text-align:left}.coach-intro-card .coach-train{align-self:center}@media (max-width:860px){.coach-ide{height:auto;min-height:100dvh}.coach-ide-body{grid-template-columns:1fr;align-content:start}.coach-pane-you{border-right:0;border-bottom:1px solid var(--edge)}.coach-pane-scroll{overflow:visible}}.coach-play{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:14px 16px 60px;min-height:100dvh;font-family:var(--font-body),system-ui;color:var(--ink)}.coach-top{display:flex;align-items:center;gap:12px;padding:6px 0 4px}.coach-h1{font-family:var(--font-display,inherit);font-size:24px;font-weight:800;margin:0;color:var(--ink)}.coach-teaches-chip{margin-left:auto;font-size:12px;font-weight:800;color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:999px;padding:4px 12px}.coach-goal{font-size:15px;line-height:1.5;color:var(--ink);margin:4px 0 12px}.coach-coach{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;border-radius:12px;background:var(--accent-soft);border:1px solid var(--accent-line)}.coach-coach-ico{font-size:22px}.coach-coach p{margin:0;font-size:14px;line-height:1.45;font-weight:600}.coach-features{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.coach-features-label{font-size:13px;font-weight:700;color:var(--muted)}.coach-feat{font-family:inherit;font-size:13px;font-weight:700;padding:8px 14px;min-height:40px;border-radius:999px;cursor:pointer;border:1px solid var(--edge);background:var(--surface-raised);color:var(--ink)}.coach-feat.on{background:var(--accent);border-color:var(--accent);color:var(--block-ink)}.coach-bins{display:flex;flex-wrap:wrap;gap:12px}.coach-bin{flex:1 1 220px;border-radius:14px;border:2px solid var(--edge);overflow:hidden;background:var(--surface-sunken)}.coach-bin-head{width:100%;text-align:left;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;padding:8px 12px;border:0;border-bottom:3px solid var(--bin,var(--edge));color:var(--ink);background:color-mix(in srgb,var(--bin) 16%,var(--surface-raised))}.coach-bin-head:disabled{cursor:default}.coach-bin-body,.coach-tray-body{display:flex;flex-wrap:wrap;gap:8px;padding:10px;min-height:78px;align-content:flex-start}.coach-bin-empty{color:var(--muted);font-size:12px;font-style:italic;align-self:center}.coach-tray{margin-top:12px;border-radius:14px;border:2px dashed var(--edge);overflow:hidden;background:var(--surface-nested)}.coach-tray-head{width:100%;text-align:left;font-family:inherit;font-weight:800;font-size:14px;color:var(--muted);padding:8px 12px;border:0;background:transparent;cursor:pointer}.coach-tray-head:disabled{cursor:default}.coach-crit{padding:4px;border-radius:12px;border:2px solid transparent;background:var(--surface-card,#fff);cursor:grab;line-height:0;touch-action:none}.coach-crit:hover{border-color:var(--edge)}.coach-crit:active{cursor:grabbing}.coach-crit.sel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);transform:translateY(-2px)}.coach-crit.dragging{opacity:.4}.critter{display:block}.coach-loop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 12px;padding:9px 14px;border-radius:999px;background:var(--surface-nested);border:1px solid var(--edge);font-size:13px}.coach-loop-step{color:var(--ink)}.coach-loop-step b{color:var(--accent-ink)}.coach-loop-arrow{color:var(--muted);font-weight:800}.coach-bin.over,.coach-tray.over{outline:3px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.coach-loop-step.now{background:var(--accent-soft);border-radius:999px;padding:2px 10px}.coach-stage-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:8px 0 6px}.coach-stage-label.recognize{color:var(--accent-ink)}.coach-hidden-box{margin:12px 0 0;padding:12px 14px;border-radius:12px;border:2px dashed var(--edge);background:repeating-linear-gradient(45deg,var(--surface-nested),var(--surface-nested) 8px,var(--surface-sunken) 8px,var(--surface-sunken) 16px);text-align:center}.coach-hidden-box,.coach-taught{color:var(--muted);font-weight:700;font-size:13px}.coach-taught{margin:4px 0 8px;padding:8px 12px;border-radius:10px;background:var(--surface-nested);border:1px solid var(--edge)}.coach-recognize{animation:coach-reveal .45s ease both}@media (prefers-reduced-motion:reduce){.coach-recognize{animation:none}.coach-aug-cell.scan:after{animation:none;opacity:.6}}.coach-chutes{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.coach-chute{flex:1 1 150px;min-width:130px;border-radius:12px;border:2px solid var(--bin,var(--edge));background:var(--surface-sunken);overflow:hidden}.coach-chute-head{font-weight:800;font-size:13px;padding:6px 10px;color:var(--ink);background:color-mix(in srgb,var(--bin,var(--muted)) 16%,var(--surface-raised));border-bottom:2px solid var(--bin,var(--edge))}.coach-chute-body{display:flex;flex-wrap:wrap;gap:6px;padding:8px;min-height:60px;align-content:flex-start}.coach-notsure{--bin:#8a8a8a;border-style:dashed}.coach-test.unsure{border-color:color-mix(in srgb,#8a8a8a 60%,transparent);opacity:.85}.coach-test.unsure .coach-test-mark{color:#6a6a6a}.coach-variety{display:flex;align-items:center;gap:8px;padding:6px 10px 8px}.coach-variety-label{font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap}.coach-variety-axis{position:relative;flex:1;height:8px;border-radius:999px;background:var(--surface-nested);border:1px solid var(--edge);background-image:linear-gradient(90deg,transparent,var(--edge))}.coach-variety-dot{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px var(--surface-sunken)}.coach-train{margin:16px 0 0;width:100%;max-width:320px;display:block;padding:14px;border-radius:12px;cursor:pointer;font-family:inherit;font-weight:800;font-size:16px;border:0;color:var(--block-ink);background:linear-gradient(#ffe08a,#ffc83d);box-shadow:0 4px 0 #d69f2b}.coach-train:disabled{opacity:.5;cursor:default;box-shadow:none}.coach-warn{color:var(--accent-ink);font-size:13px;margin:8px 0 0}.coach-result{margin-top:18px;padding:16px;border-radius:16px;border:1px solid var(--edge);background:var(--surface-card,#fff)}.coach-result.won{border-color:var(--accent-line);background:var(--accent-soft)}.coach-result-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.coach-score{font-size:15px}.coach-perclass{margin:12px 0;display:flex;flex-direction:column;gap:6px}.coach-pc-row{display:flex;align-items:center;gap:10px;font-size:13px}.coach-pc-name{width:84px;font-weight:700}.coach-pc-bar{flex:1;height:12px;border-radius:999px;background:var(--surface-nested);overflow:hidden}.coach-pc-fill{display:block;height:100%;border-radius:999px;transition:width .4s ease}.coach-pc-num{width:40px;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.coach-parade{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.coach-test{position:relative;padding:4px;border-radius:12px;border:2px solid transparent;cursor:pointer;line-height:0;background:var(--surface-sunken)}.coach-test.ok{border-color:color-mix(in srgb,#3fae5a 60%,transparent)}.coach-test.bad{border-color:color-mix(in srgb,#e2574c 70%,transparent)}.coach-test.ins{box-shadow:0 0 0 3px var(--accent-soft)}.coach-test-mark{position:absolute;right:2px;bottom:2px;font-size:13px;font-weight:900;line-height:1;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:var(--surface-card,#fff)}.coach-test.ok .coach-test-mark{color:#2f9e4d}.coach-test.bad .coach-test-mark{color:#d23f34}.coach-glass{margin-top:10px;padding:12px 14px;border-radius:12px;background:var(--surface-sunken);border:1px solid var(--edge)}.coach-glass-q{display:flex;align-items:center;gap:10px}.coach-glass-q p{margin:0;font-size:14px;line-height:1.4}.coach-glass-because{margin:10px 0 6px;font-size:13px;color:var(--muted)}.coach-glass-neighbours{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.coach-nb{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px 4px;border-radius:10px;border:1px solid transparent}.coach-nb.top{border-color:var(--edge);background:var(--surface)}.coach-nb-rank{font-size:10px;font-weight:800;color:var(--muted)}.coach-nb.top .coach-nb-rank{color:var(--ink)}.coach-nb-tag{font-size:11px;font-weight:800}.coach-nb-used{font-size:10px;font-weight:800;letter-spacing:.02em;color:var(--muted)}.coach-nb.top .coach-nb-used{color:var(--accent,var(--ink))}.coach-win{margin-top:12px}.coach-why{font-size:14px;line-height:1.5;font-weight:600;margin:0 0 12px}.coach-win-actions{display:flex;gap:10px;flex-wrap:wrap}.coach-again,.coach-next{font-family:inherit;font-weight:800;font-size:14px;padding:10px 18px;border-radius:10px;cursor:pointer}.coach-next{border:0;color:var(--block-ink);background:linear-gradient(#ffe08a,#ffc83d);box-shadow:0 3px 0 #d69f2b}.coach-again{border:1px solid var(--edge);background:transparent;color:var(--ink)}.coach-hint{margin:12px 0 0;font-size:14px;line-height:1.45;color:var(--accent-ink);font-weight:600}@media (max-width:640px){.coach-bin{flex-basis:100%}.coach-teaches-chip{display:none}}.box-strip-label{font-size:13px;font-weight:700;color:var(--muted);margin:6px 0}.box-strip{display:flex;flex-wrap:wrap;gap:12px}.box-out{display:flex;flex-direction:column;align-items:center;gap:4px}.box-scene{position:relative;width:min(180px,42vw);aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid var(--edge);touch-action:none;user-select:none;background:radial-gradient(circle at 30% 25%,#8fce7e 0,#6bbf62 55%,#4fa74e 100%)}.box-scene.draw{cursor:crosshair}.box-scene.draw:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.box-scene:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1.5px);background-size:14px 14px}.box-critter{position:absolute;z-index:1}.box-draw{border:3px solid var(--accent);border-radius:4px;background:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:0 0 0 1px rgba(0,0,0,.3)}.box-draw,.box-pred{position:absolute;z-index:2}.box-pred{border:3px dashed #fff;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.5)}.box-pred-tag{position:absolute;top:-2px;left:-2px;font-size:10px;font-weight:800;color:#1a1f2e;background:#fff;border-radius:4px 0 6px 0;padding:0 4px}.box-iou{font-size:12px;font-weight:800;padding:2px 8px;border-radius:999px}.box-iou.ok{color:#2f9e4d;background:color-mix(in srgb,#3fae5a 18%,transparent)}.box-iou.mid{color:var(--accent-ink);background:var(--accent-soft)}.box-iou.bad{color:#d23f34;background:color-mix(in srgb,#e2574c 16%,transparent)}.mow-grid{display:grid;gap:4px;width:min(320px,80vw);margin:10px 0;padding:8px;border-radius:12px;background:var(--surface-sunken);border:1px solid var(--edge)}.mow-cell{aspect-ratio:1;border-radius:6px;position:relative;display:grid;place-items:center;background:#6bbf62;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.mow-cell.rock{background:#9a8c76;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.mow-cell.mowed{background:repeating-linear-gradient(45deg,#d7ecc4,#d7ecc4 4px,#cbe6b3 0,#cbe6b3 8px)}.mow-cell.rock.mowed{background:#9a8c76}.mow-bot{width:82%;height:82%;display:grid;place-items:center;z-index:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.coach-behaviour{font-size:13.5px;line-height:1.5;color:var(--ink);margin:8px 0 0;padding:9px 11px;border-radius:10px}.cl-mix,.coach-behaviour{background:var(--surface-nested)}.cl-mix{display:flex;flex-wrap:wrap;gap:6px;padding:12px;margin:6px 0;border-radius:12px;border:1px dashed var(--edge)}.cl-crit{line-height:0}.cl-piles{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.cl-pile{flex:1 1 120px;min-width:110px;border-radius:12px;padding:8px;border:2px solid var(--edge);background:var(--surface-sunken)}.cl-pile.pure{border-color:color-mix(in srgb,#3fae5a 55%,transparent)}.cl-pile.split{border-color:color-mix(in srgb,#e0922f 60%,transparent)}.cl-pile.mixed{border-color:color-mix(in srgb,#e2574c 55%,transparent)}.cl-pile-body{display:flex;flex-wrap:wrap;gap:6px;min-height:48px}.cl-pile-tag{display:block;margin-top:6px;font-size:12px;font-weight:800}.cl-pile.pure .cl-pile-tag{color:#2f9e4d}.cl-pile.split .cl-pile-tag{color:#b9701a}.cl-pile.mixed .cl-pile-tag{color:#d23f34}.of-slider{margin:12px 0;padding:12px 14px;border-radius:12px;background:var(--surface-nested);border:1px solid var(--edge)}.of-ends{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--muted)}.of-range{width:100%;margin:8px 0 4px;accent-color:var(--accent)}.of-k{font-size:13px;color:var(--ink)}.of-meter{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:13px}.of-meter-name{width:92px;font-weight:700}.of-bar{flex:1;height:14px;border-radius:999px;background:var(--surface-nested);overflow:hidden;border:1px solid var(--edge)}.of-fill{display:block;height:100%;border-radius:999px;transition:width .3s ease}.of-fill.practice{background:var(--muted)}.of-fill.test{background:var(--accent)}.of-num{width:44px;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.rg-plot{width:min(360px,92vw);height:auto;margin:10px 0 4px;border-radius:12px;background:var(--surface-sunken);border:1px solid var(--edge)}.rg-axis{stroke:var(--edge);stroke-width:1.5}.rg-axlabel{fill:var(--muted);font-size:10px;font-family:var(--font-body),system-ui;font-weight:700}.rg-line{stroke:var(--accent);stroke-width:3;stroke-linecap:round}.rg-train{fill:var(--move);stroke:#0e1320;stroke-width:1}.rg-actual{fill:none;stroke:var(--ink);stroke-width:2}.rg-pred{stroke-width:1.5}.rg-pred.ok{fill:#3fae5a;stroke:#237a3d}.rg-pred.bad{fill:none;stroke:#a32820}.rg-err{stroke-width:2}.rg-err.ok{stroke:#3fae5a}.rg-err.bad{stroke:#e2574c;stroke-dasharray:3 2}.rg-band{fill:color-mix(in srgb,var(--accent) 14%,transparent);stroke:none;background:color-mix(in srgb,var(--accent) 22%,transparent);border-radius:3px}.dg-grid{display:inline-grid;gap:1px;background:var(--edge);border-radius:4px;overflow:hidden}.dg-cell{background:var(--surface)}.dg-cell.on{background:var(--ink)}.dg-code-label,.dg-pool-label{font-size:13px;font-weight:800;color:var(--muted);margin:14px 0 6px}.dg-code{flex-wrap:wrap}.dg-code,.dg-slot-row{display:flex;align-items:center;gap:12px}.dg-op{font-size:24px;font-weight:800;color:var(--ink)}.sq-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0}.sq-item{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;border:2px solid transparent}.sq-item.sq-hidden{border:2px dashed var(--edge);font-size:24px;font-weight:800;color:var(--muted)}.sq-item.ok,.sq-item.sq-hidden{background:var(--surface-sunken)}.sq-item.ok{border-color:color-mix(in srgb,#3fae5a 60%,transparent)}.sq-item.bad{border-color:color-mix(in srgb,#e2574c 60%,transparent);background:var(--surface-sunken)}.sq-mark{font-size:12px;font-weight:800;margin-top:-4px}.sq-item.ok .sq-mark{color:#2f9e4d}.sq-item.bad .sq-mark{color:#d23f34}.dg-slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:12px;border:2px solid var(--edge);background:var(--surface-sunken)}.dg-slot.ok{border-color:color-mix(in srgb,#3fae5a 60%,transparent)}.dg-slot.bad{border-color:color-mix(in srgb,#e2574c 60%,transparent)}.dg-read{font-size:13px;font-weight:800}.dg-slot.ok .dg-read{color:#2f9e4d}.dg-slot.bad .dg-read{color:#d23f34}.dg-pool{display:flex;flex-wrap:wrap;gap:8px}.dg-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;border-radius:12px;border:2px solid var(--edge);background:var(--surface);cursor:pointer;opacity:.55}.dg-chip.on{opacity:1;border-color:var(--accent);background:var(--surface-raised,var(--surface))}.dg-chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.dg-chip-num{font-size:13px;font-weight:800;color:var(--ink)}.rg-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;color:var(--muted);margin-bottom:6px}.rg-k{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:middle}.rg-k.rg-train{background:var(--move)}.rg-k.rg-actual{background:transparent;border:2px solid var(--ink)}.rg-k.rg-predbox{border-radius:2px;background:#3fae5a}.dt-lineup{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.dt-face{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.dt-name{font-size:12px;font-weight:800;color:var(--ink)}.dt-asked{font-size:13px;color:var(--muted);margin:4px 0 10px}.dt-asked b{color:var(--ink)}.dt-piles{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 4px}.dt-pile{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:14px;border:2px solid var(--edge);background:var(--surface-sunken)}.dt-pile.ok{border-color:color-mix(in srgb,#3fae5a 60%,transparent)}.dt-pile.bad{border-color:color-mix(in srgb,#e2574c 60%,transparent)}.dt-pile-crits{display:flex;flex-wrap:wrap;gap:8px}.dt-pile-tag{font-size:12px;font-weight:800}.dt-pile.ok .dt-pile-tag{color:#2f9e4d}.dt-pile.bad .dt-pile-tag{color:#d23f34}.gd-meter{margin:16px 0 6px}.gd-axis{position:relative;height:40px;border-radius:20px;background:linear-gradient(90deg,color-mix(in srgb,#3fae5a 22%,var(--surface-sunken)),color-mix(in srgb,#e2574c 30%,var(--surface-sunken)))}.gd-dot{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--surface)}.gd-dot.family{background:#2f9e4d}.gd-dot.stranger{background:#d23f34}.gd-line{position:absolute;top:-6px;bottom:-6px;width:3px;background:var(--ink);border-radius:2px}.gd-line-tag{position:absolute;top:-20px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:800;color:var(--ink)}.gd-axis-ends{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--muted);margin-top:6px}.gd-rows{display:flex;flex-direction:column;gap:6px;margin:12px 0 4px}.gd-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;border:2px solid var(--edge);background:var(--surface-sunken)}.gd-row.ok{border-color:color-mix(in srgb,#3fae5a 55%,transparent)}.gd-row.bad{border-color:color-mix(in srgb,#e2574c 55%,transparent)}.gd-row-name{font-weight:800}.gd-row-act{margin-left:auto;font-size:13px;font-weight:700}.gd-row-mark{font-size:12px;font-weight:800;min-width:92px;text-align:right}.gd-row.ok .gd-row-mark{color:#2f9e4d}.gd-row.bad .gd-row-mark{color:#d23f34}.app-shell{position:relative;height:100dvh;width:100vw;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#8fd6ff,#bfeaff 42%,#d9f6c9 78%,#c2ecac);font-family:var(--font-body),"Quicksand",system-ui,sans-serif}:root[data-theme=dark] .app-shell{background:linear-gradient(180deg,#0f1c33,#14223c 46%,#142a20)}.sky-meadow{overflow:hidden;pointer-events:none;z-index:0}.sky-meadow,.sm-clouds,.sm-sun{position:absolute;inset:0}.sm-sun{transform:translate3d(var(--px-sun,0),var(--py-sun,0),0);transition:transform .5s ease-out}.sm-clouds{transform:translate3d(var(--px-cloud,0),0,0);transition:transform .6s ease-out}.sm-hill{position:absolute;left:-12%;right:-12%;bottom:0;width:124%;height:56%;transition:transform .5s ease-out}.sm-hill-track{position:absolute;inset:0;width:200%;height:100%;will-change:transform}.sm-hill-track svg{width:100%;height:100%;display:block}.sm-hill-far{transform:translate3d(var(--px-hf,0),0,0)}.sm-hill-mid{transform:translate3d(calc(var(--px-hm, 0px) + var(--sx-hm, 0px)),0,0)}.sm-hill-near{transform:translate3d(calc(var(--px-hn, 0px) + var(--sx-hn, 0px)),0,0)}.sm-hill-far .sm-hill-track{animation:hillDrift 90s linear infinite}.sm-hill-mid .sm-hill-track{animation:hillDrift 60s linear infinite}.sm-hill-near .sm-hill-track{animation:hillDrift 40s linear infinite}@keyframes hillDrift{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}.app-header{position:relative;z-index:5;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px clamp(12px,3vw,22px);background:rgba(255,251,244,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--edge)}:root[data-theme=dark] .app-header{background:rgba(14,19,32,.66)}.app-header-left{display:flex;align-items:center;gap:10px;min-width:0}.app-brand{display:inline-flex;align-items:center;gap:8px;flex:none;margin-left:-4px;padding:4px 6px;border:0;border-radius:10px;background:none;color:var(--ink);cursor:pointer}.app-brand:hover{background:var(--surface-sunken)}.app-brand:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.app-brand-bee{width:26px;height:26px;object-fit:contain;display:block}.app-brand-name{font-family:var(--font-display),"Fredoka",system-ui;font-weight:800;font-size:19px;letter-spacing:.2px;color:var(--ink);white-space:nowrap}.app-header-right{display:flex;align-items:center;gap:10px}.app-header .account-bar{position:static}.app-stars{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:14px;padding:6px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--edge);color:var(--ink);font-variant-numeric:tabular-nums}.app-stars-ic{color:var(--accent)}.app-stars-n i{color:var(--muted);font-style:normal;font-weight:600}.shell-scroll{position:relative;z-index:4;flex:1;min-height:0;overflow:hidden}.shell-view{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden}.shell-view[data-dir=forward]{animation:viewInRight .5s cubic-bezier(.4,0,.15,1)}.shell-view[data-dir=back]{animation:viewInLeft .5s cubic-bezier(.4,0,.15,1)}@keyframes viewInRight{0%{transform:translateX(7%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes viewInLeft{0%{transform:translateX(-7%);opacity:0}to{transform:translateX(0);opacity:1}}.page{min-height:100%;padding:16px clamp(14px,3vw,28px) 40px}.page,.page-bar{position:relative;display:flex;flex-direction:column}.page-bar{text-align:center;margin:6px 0 4px;min-height:40px;align-items:center;justify-content:center}.page-back{position:absolute;left:0;top:6px;display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--edge);color:var(--ink);font-weight:700;font-size:13px;padding:8px 13px;border-radius:999px;cursor:pointer;font-family:inherit}.page-back:hover{border-color:var(--accent-line)}.page-title{font-family:var(--font-hero),var(--font-display),"Fredoka",system-ui;font-weight:400;font-size:clamp(24px,3.4vw,34px);letter-spacing:.5px;margin:0;color:var(--ink);text-shadow:0 2px 0 rgba(255,255,255,.35)}:root[data-theme=dark] .page-title{text-shadow:none}.page-sub{margin:3px 0 0;color:var(--muted);font-size:13.5px;font-weight:600}.page-concepts,.page-worlds{flex:1}.page-soon,.wtrail{flex:1;align-items:center}.wtrail{justify-content:flex-start;padding:6px 0 14px}.wtrail,.wtrail-path{display:flex;flex-direction:column}.wtrail-path{position:relative;width:100%;max-width:980px;min-width:0;align-items:center;gap:72px;padding:44px 20px 26px}.wtrail-svg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:visible}.wt-rest{fill:none;stroke:var(--edge);stroke-width:11;stroke-linecap:round;stroke-dasharray:2 24}.wt-done{fill:none;stroke:#ffbe3d;stroke-width:12;stroke-linecap:round;filter:drop-shadow(0 3px 4px rgba(214,150,20,.35))}.wtrail-row{position:relative;z-index:1;display:flex;justify-content:center;gap:34px;width:100%}.wtrail-row.rev{flex-direction:row-reverse}.wnode-cell{width:128px;display:flex;flex-direction:column;align-items:center;text-align:center}.wnode{position:relative;width:82px;height:82px;background:none;border:0;padding:0;cursor:pointer;transition:transform .18s}.wnode:hover{transform:translateY(-2px) scale(1.05)}.wnode.now{transform:scale(1.12)}.wnode.now:hover{transform:translateY(-2px) scale(1.16)}.wnode.ahead{filter:grayscale(.55) opacity(.62)}.wnode-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible;z-index:1}.ring-track{fill:none;stroke:color-mix(in srgb,var(--ink) 13%,transparent);stroke-width:6}.ring-fill{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .5s ease;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent) 45%,transparent))}.wnode-disc{position:absolute;inset:6px;z-index:2;border-radius:50%;display:grid;place-items:center;background:radial-gradient(115% 115% at 32% 24%,color-mix(in srgb,var(--panel) 92%,#fff) 0,var(--panel) 58%,color-mix(in srgb,var(--accent) 12%,var(--panel)) 100%);border:1px solid var(--edge);box-shadow:0 8px 16px -8px rgba(20,14,4,.5),inset 0 2px 3px rgba(255,255,255,.35)}.wnode-art{width:52px;height:52px;display:grid;place-items:center;color:var(--ink)}.wnode-art img,.wnode-art svg{width:100%;height:100%;display:block}.wnode:focus-visible{outline:none}.wnode:focus-visible .wnode-disc{outline:3px solid var(--accent);outline-offset:4px}.wnode-flag{position:absolute;z-index:3;pointer-events:none}.wnode-flag.done{bottom:1px;right:1px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:#2e9e5b;color:#fff;border:2px solid var(--panel);box-shadow:0 2px 5px rgba(0,0,0,.3)}:root[data-theme=dark] .wnode-flag.done{background:#46c07a;color:#0e1320}.wnode-flag.now{inset:-3px;border-radius:50%;border:3px solid var(--accent);animation:wping 1.8s ease-out infinite}@keyframes wping{0%{transform:scale(1);opacity:.8}to{transform:scale(1.45);opacity:0}}.wnode-label{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:2px}.wnode-name{font-family:var(--font-display),"Fredoka",system-ui;font-weight:600;font-size:17px;line-height:1.12;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.45)}.wnode-teach{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-ink)}:root[data-theme=dark] .wnode-name{text-shadow:none}.wnode-cell.ahead .wnode-name{color:var(--muted);text-shadow:none}.wnode-cell.ahead .wnode-teach{color:var(--muted);opacity:.85}.wnode-num{font-family:var(--font-display),"Fredoka",system-ui;font-weight:800;font-size:30px;line-height:1;color:var(--ink)}.wnode.done .wnode-num{color:var(--accent-ink)}.wnode.boss .wnode-disc{background:radial-gradient(circle at 50% 26%,#fff7db 0,#ffd75c 52%,#f0a82a 100%);border-color:#e0a52a;box-shadow:0 10px 22px -8px rgba(180,120,10,.55),inset 0 3px 5px rgba(255,255,255,.7),inset 0 -8px 13px rgba(150,90,10,.32)}.wnode.boss .wnode-art{width:56px;height:56px}.wnode.boss .wnode-art svg{height:auto}.wnode.locked{filter:grayscale(.55) opacity(.6)}.wnode.locked:hover{transform:none}.wnode-lock{position:absolute;inset:6px;z-index:3;display:grid;place-items:center;color:#fff;background:rgba(24,33,58,.5);border-radius:50%}.wnode-cell.locked .wnode-name{opacity:.6}.trail-hero{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.6vw,18px);padding:22px 16px 10px}.trail-back{flex:none;display:inline-grid;place-items:center;width:clamp(40px,5.2vw,54px);height:clamp(40px,5.2vw,54px);padding:0;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--ink) 26%,transparent);background:var(--surface-card);color:var(--ink);cursor:pointer;box-shadow:0 4px 10px -6px rgba(20,14,4,.4);transition:transform .15s ease,border-color .15s ease,background .15s ease}.trail-back svg{width:clamp(22px,2.8vw,30px);height:clamp(22px,2.8vw,30px)}.trail-back:hover{border-color:var(--accent-line);background:var(--surface-card);transform:translateX(-2px)}.trail-back:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.trail-title{min-width:0;font-family:var(--font-display),"Fredoka",system-ui;font-weight:800;font-size:clamp(38px,7vw,82px);margin:0;line-height:.95;color:#ffcf3d;-webkit-text-stroke:3px #6b4b12;text-shadow:0 7px 0 #6b4b12,0 11px 16px rgba(0,0,0,.22)}.trail-title:focus{outline:none}@media (prefers-reduced-motion:reduce){.shell-view{animation:none!important}.sm-clouds,.sm-hill,.sm-sun{transition:none!important}.sm-hill-track,.wnode-flag.now{animation:none!important}}.music-lab{display:flex;flex-direction:column;height:100dvh;background:var(--bg);color:var(--ink)}.tool-header{flex:none;display:flex;align-items:center;gap:12px;padding:10px clamp(12px,3vw,20px);border-bottom:1px solid var(--edge);background:var(--surface-nested)}.tool-header-title{font-family:var(--font-display),"Fredoka",system-ui;font-weight:800;font-size:clamp(19px,2.4vw,24px);margin:0 auto 0 0;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-header-title:focus{outline:none}.tool-header-tag{flex:none;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink)}.tool-header-actions{display:inline-flex;gap:8px}@media (max-width:520px){.tool-header-tag{display:none}}.music-lab-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:minmax(0,1fr)}.music-pane{display:flex;flex-direction:column;min-width:0;min-height:0}.music-pane-left{border-right:1px solid var(--edge)}.music-pane-head{flex:none;padding:9px 16px;border-bottom:1px solid var(--edge);background:var(--surface-nested)}.music-pane-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800}.music-pane-tag.you{background:var(--accent-soft,color-mix(in srgb,var(--accent) 18%,transparent));color:var(--accent-ink,var(--ink))}.music-pane-tag.mix{background:color-mix(in srgb,var(--repeatvar) 22%,transparent);color:color-mix(in srgb,var(--repeatvar) 60%,var(--ink))}.music-pane-scroll{flex:1;min-height:0;overflow-y:auto;padding:clamp(12px,2.5vw,20px)}.ml-panel{display:flex;flex-direction:column;gap:16px}.ml-grid{padding:14px;background:var(--game-stage);border:2px solid var(--line);border-radius:16px;box-shadow:inset 0 2px 14px rgba(0,0,0,.4);overflow-x:auto}.ml-grid-in{position:relative;display:flex;flex-direction:column;gap:6px;min-width:300px}.ml-row{display:grid;grid-template-columns:repeat(32,minmax(6px,1fr));gap:2px}.ml-row.off{opacity:.25}.ml-cell{height:18px;border-radius:3px;background:color-mix(in srgb,var(--ink) 9%,transparent)}.ml-cell.beat{box-shadow:inset 0 0 0 1px var(--edge)}.ml-cell.on{background:var(--hue);box-shadow:0 0 8px color-mix(in srgb,var(--hue) 60%,transparent)}.ml-barline{left:50%;width:1px;background:var(--edge)}.ml-barline,.ml-playhead{position:absolute;top:-4px;bottom:-4px;pointer-events:none}.ml-playhead{width:2px;background:var(--accent);border-radius:2px;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 70%,transparent);transform:translateX(-1px);transition:left .08s linear}.ml-parts{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:var(--surface-nested);border:1px solid var(--edge);border-radius:12px}.ml-parts-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.ml-parts-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ml-part{display:flex;align-items:center;padding:10px 12px;background:var(--hue);border-radius:10px}.ml-part-check{width:100%}.ml-part .ml-track-name{color:var(--block-ink)}.ml-track-name{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:14px}.ml-track-ic{flex:none}.ml-controls{display:flex;flex-direction:column;gap:14px;padding:14px;background:var(--surface-nested);border:1px solid var(--edge);border-radius:12px}.ml-ctrl{min-width:0}.ml-transport{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:2px}.ml-transport .ml-mp-btn{width:54px;height:54px;min-height:0;padding:0;border-radius:999px}.ml-transport .ml-mp-play{width:64px;height:64px}.ml-goal{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent) 6%,transparent));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--edge));border-radius:14px;padding:13px 15px}.ml-goal-k{margin:0 0 5px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink,var(--accent))}.ml-goal-text{margin:0;font-size:15px;line-height:1.5;color:var(--ink)}.ml-grade{display:flex;flex-direction:column;gap:4px;padding:13px 15px;background:var(--surface-nested);border:1px solid var(--edge);border-radius:12px}.ml-grade-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}.ml-stars{display:inline-flex;gap:2px;font-size:17px;line-height:1}.ml-star{color:var(--edge)}.ml-star.on{color:var(--accent);text-shadow:0 0 8px color-mix(in srgb,var(--accent) 55%,transparent)}.ml-grade-title{font-weight:800;font-size:14px}.ml-crit{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--muted);padding:2px 0}.ml-crit.met{color:var(--ink)}.ml-crit-ic{flex:none;display:inline-flex;width:16px;justify-content:center;color:var(--pollinate)}.ml-crit-dot{width:9px;height:9px;border-radius:50%;border:2px solid var(--edge)}.deck-strip{padding:14px 18px;overflow-x:auto;border-bottom:1px solid var(--edge);background:var(--surface-sunken,rgba(0,0,0,.12));min-height:128px}.deck-slot,.deck-strip{display:flex;align-items:center;gap:10px}.deck-slot{flex:none}.deck-card{position:relative;display:flex;flex-direction:column;gap:7px;padding:10px;border-radius:16px;border:1.5px solid var(--edge);background:var(--surface-card);transition:border-color .12s,box-shadow .12s}.deck-card.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.deck-card.play{box-shadow:0 0 0 1px var(--accent),0 0 16px color-mix(in srgb,var(--accent) 50%,transparent)}.deck-card.coded{border-style:dashed}.deck-card-hit{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:104px;border:none;background:transparent;color:var(--ink);font-family:inherit;cursor:pointer;padding:3px 6px;border-radius:11px}.deck-num{font-size:16px;font-weight:800;color:var(--muted)}.deck-card.sel .deck-num{color:var(--accent-ink,var(--accent))}.deck-dots{display:flex;gap:6px;min-height:15px;align-items:center}.deck-dot{width:14px;height:14px;border-radius:50%;background:var(--hue);box-shadow:0 0 6px color-mix(in srgb,var(--hue) 55%,transparent)}.deck-dot-empty{font-size:12px;font-weight:700;color:var(--muted)}.deck-coded-tag{font-size:12px;font-weight:800;color:var(--accent-ink,var(--accent))}.deck-loop-tag{align-self:center;font-size:13.5px;font-weight:800;color:var(--muted)}.deck-loops{display:flex;align-items:center;justify-content:center;gap:7px}.deck-loop-n{font-size:14.5px;font-weight:800;min-width:30px;text-align:center}.deck-act,.deck-loop-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;border:1px solid var(--edge);background:var(--surface-nested);color:var(--ink);cursor:pointer;padding:0}.deck-act:disabled,.deck-loop-btn:disabled{opacity:.35;cursor:default}.deck-act:hover:not(:disabled),.deck-loop-btn:hover:not(:disabled){border-color:var(--accent)}.deck-actions{display:flex;justify-content:center;gap:6px}.deck-act.danger:hover:not(:disabled){border-color:var(--danger-fg,#f87171);color:var(--danger-fg,#f87171)}.deck-conn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:50%;border:1.5px dashed var(--edge);background:transparent;color:var(--muted);font-size:18px;cursor:pointer;padding:0}.deck-conn:hover{border-color:var(--accent);color:var(--ink)}.deck-conn.set{border-style:solid;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.deck-conn-hint{display:block;font-size:11px;font-weight:500;color:var(--muted);max-width:220px;white-space:normal}.deck-add{display:inline-flex;align-items:center;gap:6px;flex:none;padding:18px 20px;border-radius:16px;border:1.5px dashed var(--edge);background:transparent;color:var(--muted);font-family:inherit;font-weight:800;font-size:15px;cursor:pointer}.deck-add:hover{border-color:var(--accent);color:var(--ink)}@media (pointer:coarse){.deck-act,.deck-loop-btn{width:36px;height:36px}.deck-conn{width:44px;height:44px}}.rec-panel{display:flex;flex-direction:column;gap:14px}.rec-live{display:flex;align-items:center;gap:10px;margin:0;font-size:14.5px;line-height:1.5}.rec-dot{width:12px;height:12px;flex:none;border-radius:50%;background:var(--danger-fg,#f87171);box-shadow:0 0 10px var(--danger-fg,#f87171);animation:rec-pulse 1.1s ease-in-out infinite}@keyframes rec-pulse{50%{opacity:.35}}.rec-chips{display:flex;flex-wrap:wrap;gap:7px}.rec-chip{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:999px;border:1px solid var(--edge);background:var(--surface-card);color:var(--ink);font-family:inherit;font-weight:800;font-size:13px;cursor:pointer}.rec-chip:hover{border-color:var(--accent)}.rec-chip.on{background:var(--accent);color:var(--block-ink);border-color:transparent}.rec-tape{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;border:1px dashed var(--edge);border-radius:12px;min-height:44px}.rec-seg{font-size:12.5px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--surface-nested);color:var(--ink)}.rec-seg.live{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-ink,var(--accent))}.rec-seg.next{background:transparent;border:1px dashed var(--edge);color:var(--muted)}.rec-finish{align-self:flex-start}.deck-next{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:800;padding:1px 8px;border-radius:999px;background:var(--accent);color:var(--block-ink);white-space:nowrap;z-index:1}.ml-rec-btn.on{color:var(--danger-fg,#f87171);animation:rec-pulse 1.1s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.ml-rec-btn.on,.rec-dot{animation:none}}.music-pane-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ml-lens-btn{border:1px solid var(--edge);background:var(--surface-card);color:var(--ink);font-family:inherit;font-weight:800;font-size:12.5px;padding:5px 12px;border-radius:999px;cursor:pointer}.ml-lens-btn:hover{border-color:var(--accent)}.ml-pick-card.off{opacity:.6}.b-tr{background:var(--repeatvar)}.ml-pick{display:flex;flex-direction:column;gap:12px}.ml-genres{display:flex;flex-wrap:wrap;gap:8px}.ml-genre-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1px solid var(--edge);background:var(--surface-card);color:var(--ink);font-weight:800;font-size:14px;font-family:inherit;cursor:pointer;transition:border-color .12s,background .12s}.ml-genre-btn svg{flex:none;color:var(--accent-ink,var(--accent))}.ml-genre-btn:hover{border-color:var(--accent)}.ml-genre-btn.on{background:var(--accent);border-color:transparent}.ml-genre-btn.on,.ml-genre-btn.on svg{color:var(--block-ink)}@media (pointer:coarse){.ml-genre-btn{min-height:40px}}.ml-pick-lead{font-size:14.5px;line-height:1.5;color:var(--muted);margin:0 0 4px}.ml-pick-card{display:flex;flex-direction:column;gap:10px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--hue) 34%,var(--edge));border-left:4px solid var(--hue);background:color-mix(in srgb,var(--hue) 14%,var(--surface-card));border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.16)}.ml-pick-head{gap:10px;font-weight:800;font-size:15px}.ml-pick-head,.ml-track-badge{display:inline-flex;align-items:center}.ml-track-badge{justify-content:center;width:32px;height:32px;flex:none;border-radius:9px;background:var(--hue);color:var(--block-ink);box-shadow:0 1px 3px color-mix(in srgb,var(--hue) 45%,transparent)}.ml-pick-select,.ml-pick-vol{width:100%}.ml-modal-act{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-ink,var(--accent))}.ml-modal-goal{margin:0 0 14px;font-size:15.5px;line-height:1.5;color:var(--ink)}.ml-modal-h{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.ml-modal-tasks{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:8px}.ml-modal-tasks li{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.4}.ml-modal-star{flex:none;color:var(--accent)}.ml-modal-btns{display:flex;flex-direction:column;gap:8px}.ml-win-stars{display:flex;justify-content:center;gap:8px;font-size:40px;line-height:1;margin:4px 0 14px}.ml-win-star{color:var(--edge)}.ml-win-star.on{color:var(--accent);text-shadow:0 0 14px color-mix(in srgb,var(--accent) 60%,transparent)}.ml-win-msg,.music-home{text-align:center}.music-home{display:flex;flex-direction:column;align-items:center;gap:16px}.music-home-lead{font-size:16px;line-height:1.6;color:var(--muted);max-width:520px;margin:0}.ml-trail{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;width:100%;max-width:460px}.ml-trail-node{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid var(--edge);background:var(--surface-card);color:var(--ink);font-family:inherit;cursor:pointer;transition:border-color .12s,transform .08s}.ml-trail-node:hover:not(.locked){border-color:var(--accent);transform:translateY(-1px)}.ml-trail-node.locked{opacity:.55;cursor:not-allowed}.ml-trail-num{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;background:var(--accent);color:var(--block-ink)}.ml-trail-node.locked .ml-trail-num{background:var(--surface-nested);color:var(--muted)}.ml-trail-info{display:flex;flex-direction:column;gap:1px;margin-right:auto;min-width:0}.ml-trail-act{font-size:11.5px;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-trail-title{font-size:15.5px;font-weight:800}.ml-trail-stars{flex:none;display:inline-flex;gap:1px;font-size:15px}.ml-trail-star{color:var(--edge)}.ml-trail-star.on{color:var(--accent)}.ml-jam{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:11px 18px;border-radius:999px;border:1px dashed var(--edge);background:transparent;color:var(--ink);font-family:inherit;font-weight:800;font-size:14.5px;cursor:pointer}.ml-jam:hover{border-color:var(--accent);border-style:solid}.ml-shelf{width:100%;max-width:480px;display:flex;flex-direction:column;gap:10px;margin-top:18px;text-align:left}.ml-shelf-title{margin:0;font-size:15px;font-weight:800}.ml-shelf-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.ml-song-row{display:flex;align-items:stretch;gap:6px}.ml-song-open{flex:1;display:flex;align-items:center;gap:10px;min-width:0;padding:10px 13px;border-radius:12px;border:1px solid var(--edge);background:var(--surface-card);color:var(--ink);font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;text-align:left}.ml-song-open:hover{border-color:var(--accent)}.ml-song-open svg:first-child{flex:none;color:var(--accent-ink,var(--accent))}.ml-song-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-song-del,.ml-song-go{flex:none;color:var(--muted)}.ml-song-del{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:0 10px;border-radius:12px;border:1px solid var(--edge);background:transparent;font-family:inherit;font-weight:800;font-size:12px;cursor:pointer}.ml-song-del.arm,.ml-song-del:hover{border-color:var(--danger-fg,#f87171);color:var(--danger-fg,#f87171)}.ml-shelf-hint{margin:0;font-size:12.5px;color:var(--muted)}.ml-save{display:flex;flex-direction:column;gap:14px}.ml-save-hint{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}.ml-chapters{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:14px;width:100%;max-width:480px}.ml-chapter-card{--ch:hsl(var(--ch-hue,275) 70% 58%);display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:18px;border-radius:18px;border:1px solid var(--edge);background:var(--surface-card);color:var(--ink);font-family:inherit;cursor:pointer;transition:border-color .12s,transform .08s,box-shadow .12s}.ml-chapter-card:hover{border-color:var(--ch);transform:translateY(-2px);box-shadow:0 8px 22px -14px var(--ch)}.ml-chapter-badge{flex:none;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,hsl(var(--ch-hue,275) 72% 62%),hsl(var(--ch-hue,275) 68% 46%));box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}.ml-chapter-info{display:flex;flex-direction:column;gap:3px;margin-right:auto;min-width:0}.ml-chapter-name{font-size:19px;font-weight:800}.ml-chapter-blurb{font-size:13.5px;color:var(--muted);line-height:1.4}.ml-chapter-meta{display:inline-flex;gap:12px;align-items:center;margin-top:4px;font-size:12px;font-weight:700}.ml-chapter-count{color:var(--ink)}.ml-chapter-stars{color:var(--ch)}.ml-chapter-go{flex:none;color:var(--muted)}.ml-chapter-card:hover .ml-chapter-go{color:var(--ch)}.ml-code{display:flex;flex-direction:column;gap:14px}.ml-code-modes{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--surface-nested);border:1px solid var(--edge);align-self:flex-start}.ml-code-mode{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--muted);font-family:inherit;font-weight:700;font-size:13px;padding:7px 13px;border-radius:9px;cursor:pointer}.ml-code-mode:hover{color:var(--ink)}.ml-code-mode.on{background:var(--accent);color:var(--block-ink)}.ml-code-palette,.ml-code-prog,.ml-code-text{display:flex;flex-direction:column;gap:8px}.ml-code-proghead{display:flex;align-items:center;justify-content:space-between}.ml-code-clear{border:1px solid var(--edge);background:transparent;color:var(--muted);font-family:inherit;font-weight:700;font-size:12px;padding:3px 12px;border-radius:999px;cursor:pointer}.ml-code-clear:hover{border-color:var(--accent);color:var(--ink)}.ml-code .program-scroll{min-height:140px}.ml-grow-legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.ml-grow-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}.ml-grow-swatch{width:12px;height:12px;border-radius:3px;background:var(--hue);box-shadow:0 0 6px color-mix(in srgb,var(--hue) 55%,transparent)}.ml-grow-hint{font-size:13.5px;color:var(--muted);margin:0;text-align:center}.b-sample-pick{max-width:150px}@media (max-width:900px){.music-lab{height:auto;min-height:100dvh}.music-lab-body{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:min-content}.music-pane-left{border-right:none;border-bottom:1px solid var(--edge)}.ml-panel{min-height:0}.deck-strip{min-height:112px;padding:10px 12px}}@media (max-width:560px){.ml-parts-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.ml-playhead{transition:none}}.lb{display:flex;flex-direction:column;height:100dvh;background:var(--bg)}.lb,.lb-tbtn{color:var(--ink)}.lb-tbtn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid var(--edge);background:var(--surface-card);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer}.lb-tbtn:hover{border-color:var(--accent)}.lb-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.lb-left{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--edge)}.lb-modes{flex:none;display:inline-flex;gap:4px;padding:8px;margin:10px 12px 0;border-radius:12px;background:var(--surface-nested);border:1px solid var(--edge)}.lb-mode{flex:1;border:none;background:transparent;color:var(--muted);font-family:inherit;font-weight:800;font-size:13.5px;padding:8px 6px;border-radius:9px;cursor:pointer}.lb-mode:hover{color:var(--ink)}.lb-mode.on{background:var(--accent);color:var(--block-ink)}.lb-size{flex:none;display:flex;align-items:center;gap:8px;padding:10px 14px 4px;font-size:13px;font-weight:700;color:var(--muted)}.lb-size input{width:58px;padding:5px 8px;border-radius:8px;border:1px solid var(--field-border,var(--edge));background:var(--field,var(--surface-card));color:var(--ink);font-family:inherit}.lb-left-body{flex:1;min-height:0;overflow-y:auto;padding:12px 14px 20px}.lb-right{position:relative;min-width:0;min-height:0}.lb-map-scroll{position:absolute;inset:0;overflow:auto;background:var(--game-stage)}.lb-map-canvas{display:block;image-rendering:pixelated}.lb-map-canvas.painting{cursor:crosshair}.lb-mini{position:absolute;right:12px;bottom:12px;padding:5px;border-radius:8px;background:rgba(13,14,20,.82);border:1px solid var(--line);box-shadow:0 4px 14px rgba(0,0,0,.4)}.lb-mini-canvas{display:block;cursor:pointer;border-radius:4px}.lb-zoom{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;padding:5px 8px;border-radius:999px;background:rgba(13,14,20,.82);border:1px solid var(--line);color:#eef3f9}.lb-zoom button{display:inline-flex;border:none;background:transparent;color:inherit;cursor:pointer;padding:3px;border-radius:6px}.lb-zoom button:hover{background:rgba(255,255,255,.12)}.lb-zoom span{font-size:12px;font-weight:700;min-width:38px;text-align:center;font-variant-numeric:tabular-nums}.lb-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.lb-tool{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-radius:10px;border:1px solid var(--edge);background:var(--surface-card);color:var(--ink);font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer}.lb-tool:hover{border-color:var(--accent)}.lb-tool.on{background:var(--accent);color:var(--block-ink);border-color:transparent}.lb-pal{display:flex;flex-direction:column;gap:10px}.lb-search{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--field-border,var(--edge));background:var(--field,var(--surface-card));color:var(--ink);font-family:inherit;font-size:14px}.lb-cats{display:flex;flex-wrap:wrap;gap:5px}.lb-cat{padding:5px 10px;border-radius:999px;border:1px solid var(--edge);background:var(--surface-card);color:var(--muted);font-family:inherit;font-weight:700;font-size:12px;cursor:pointer}.lb-cat:hover{color:var(--ink)}.lb-cat.on{background:var(--accent-soft,color-mix(in srgb,var(--accent) 20%,transparent));color:var(--accent-ink,var(--ink));border-color:color-mix(in srgb,var(--accent) 45%,var(--edge))}.lb-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:6px;max-height:46vh;overflow-y:auto;padding:2px}.lb-swatch{aspect-ratio:1;border:none;border-radius:7px;cursor:pointer;transition:transform .06s}.lb-swatch:hover{transform:scale(1.08)}.lb-swatch.on{outline:3px solid var(--accent);outline-offset:1px}.lb-sel{display:flex;flex-direction:column;gap:6px;padding-top:4px;font-size:13px}.lb-sel-row{display:flex;align-items:center;gap:8px}.lb-sel-chip{width:20px;height:20px;border-radius:5px;flex:none}.lb-sel-name{font-weight:700;color:var(--ink)}.lb-sel-id{margin-left:auto;font-size:11.5px;color:var(--muted);background:var(--surface-nested);padding:2px 7px;border-radius:6px}.lb-tags{display:flex;flex-wrap:wrap;gap:4px}.lb-tag{font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:var(--surface-nested);color:var(--muted);border:1px solid var(--edge)}.lb-tag-deadly{background:color-mix(in srgb,var(--danger-fg,#f87171) 20%,transparent);color:var(--danger-fg,#f87171);border-color:transparent}.lb-tag-hazard{background:color-mix(in srgb,var(--warning,#e0912e) 22%,transparent);color:color-mix(in srgb,var(--warning,#e0912e) 70%,var(--ink));border-color:transparent}.lb-tag-one-way,.lb-tag-solid{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-ink,var(--accent));border-color:transparent}.lb-empty{grid-column:1/-1;color:var(--muted);font-size:13px;margin:8px 0}.lb-blocks{display:flex;flex-direction:column;gap:12px}.lb-add{display:flex;gap:8px}.lb-add-select,.lb-mat-select{flex:1;min-width:0;padding:8px 10px;border-radius:9px;border:1px solid var(--field-border,var(--edge));background:var(--field,var(--surface-card));color:var(--ink);font-family:inherit;font-size:13.5px}.lb-add-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9px;border:none;background:var(--accent);color:var(--block-ink);font-family:inherit;font-weight:800;font-size:13.5px;cursor:pointer;white-space:nowrap}.lb-oplist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lb-op{border:1px solid var(--edge);border-radius:12px;background:var(--surface-card);overflow:hidden}.lb-op-head{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface-nested)}.lb-op-n{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:var(--accent);color:var(--block-ink)}.lb-op-label{font-weight:800;font-size:13.5px;margin-right:auto}.lb-op-actions{display:inline-flex;gap:2px}.lb-op-actions button{display:inline-flex;padding:4px;border:none;background:transparent;color:var(--muted);border-radius:6px;cursor:pointer}.lb-op-actions button:hover:not(:disabled){color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.lb-op-actions button:disabled{opacity:.3;cursor:default}.lb-op-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:10px}.lb-num{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase}.lb-num input{width:52px;padding:6px 8px;border-radius:8px;border:1px solid var(--field-border,var(--edge));background:var(--field,var(--surface-nested));color:var(--ink);font-family:inherit}.lb-hint{font-size:13px;line-height:1.5}.lb-count,.lb-hint{color:var(--muted);margin:0}.lb-count{font-size:12px;text-align:center}.lb-code{display:flex;flex-direction:column;gap:10px}.lb-code-area{width:100%;min-height:240px;resize:vertical;padding:12px;border-radius:12px;border:1px solid var(--field-border,var(--edge));background:var(--field,var(--surface-nested));color:var(--ink);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13.5px;line-height:1.6}.lb-errs{list-style:none;margin:0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--danger-fg,#f87171) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger-fg,#f87171) 40%,transparent);display:flex;flex-direction:column;gap:4px;font-size:13px}.lb-errs b{color:var(--danger-fg,#f87171)}.lb-ok{margin:0;font-weight:700;color:color-mix(in srgb,var(--pollinate) 55%,var(--ink))}.lb-cheat,.lb-ok{font-size:13px}.lb-cheat summary{cursor:pointer;font-weight:700;color:var(--muted)}.lb-cheat pre{margin:8px 0;padding:10px 12px;border-radius:10px;border:1px solid var(--edge);overflow-x:auto;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;line-height:1.6;color:var(--ink)}.lb-cheat code,.lb-cheat pre{background:var(--surface-nested)}.lb-cheat code{padding:1px 5px;border-radius:5px;font-size:12px}@media (max-width:900px){.lb{height:auto;min-height:100dvh}.lb-body{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:min-content}.lb-left{border-right:none;border-bottom:1px solid var(--edge)}.lb-right{height:68vh}}.ch{display:flex;flex-direction:column;height:100dvh;background:var(--bg);color:var(--ink)}.ch-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.ch-left{min-width:0;min-height:0;overflow-y:auto;padding:14px 16px 22px;border-right:1px solid var(--edge);gap:16px}.ch-group,.ch-left{display:flex;flex-direction:column}.ch-group{gap:8px}.ch-label{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.ch-chips{display:flex;flex-wrap:wrap;gap:6px}.ch-chip{padding:7px 12px;border-radius:999px;border:1px solid var(--edge);background:var(--surface-card);color:var(--ink);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer}.ch-chip:hover{border-color:var(--accent)}.ch-chip.on{background:var(--accent);color:var(--block-ink);border-color:transparent}.ch-swatches{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ch-swatches .lb-swatch{width:30px;height:30px}.ch-none{min-width:40px;height:30px;padding:0 10px;border-radius:7px;border:1px dashed var(--edge);background:transparent;color:var(--muted);font-family:inherit;font-weight:700;font-size:12px;cursor:pointer}.ch-none.on{border-style:solid;border-color:var(--accent);color:var(--ink)}.ch-face-row{display:flex;flex-direction:column;gap:4px}.ch-face-row+.ch-face-row{margin-top:6px}.ch-face-axis{font-size:11px;font-weight:700;color:var(--muted)}.ch-face-row .ch-chip{padding:5px 10px;font-size:12px}.ch-label.glow{color:var(--accent)}.ch-label.glow:after{content:" ✨"}.ch-grade{margin:0 14px 10px}.ch-heroes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ch-hero{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 7px;border-radius:12px;border:1px solid var(--edge);background:var(--surface-card);cursor:pointer}.ch-hero.on,.ch-hero:hover{border-color:var(--accent)}.ch-hero.on{box-shadow:0 0 0 1px var(--accent)}.ch-hero .ch-canvas{width:64px;height:64px}.ch-hero-name{font-family:inherit;font-size:11px;font-weight:700;color:var(--ink)}.ch-right{min-width:0;min-height:0;display:flex;flex-direction:column}.ch-stage{flex:1;min-height:0;display:grid;place-items:center;background:radial-gradient(120% 80% at 50% 12%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),var(--game-stage);position:relative;overflow:hidden}.ch-stage:after{content:"";position:absolute;left:8%;right:8%;bottom:22%;height:2px;border-radius:2px;background:color-mix(in srgb,var(--ink) 22%,transparent)}.ch-canvas{display:block;position:relative}.ch-controls{gap:10px;padding:12px;border-top:1px solid var(--edge)}.ch-controls,.ch-moves{flex:none;display:flex;justify-content:center;background:var(--surface-nested)}.ch-moves{flex-wrap:wrap;gap:6px;padding:0 12px 14px}.ch-move{padding:7px 13px;border-radius:10px;border:1px solid var(--edge);background:var(--surface-card);color:var(--ink);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer}.ch-move:hover{border-color:var(--accent)}.ch-move.on{background:var(--accent);color:var(--block-ink);border-color:transparent}@media (max-width:900px){.ch{height:auto;min-height:100dvh}.ch-body{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:min-content}.ch-left{border-right:none;border-bottom:1px solid var(--edge);order:2}.ch-right{order:1}.ch-stage{height:46vh}}.gs{display:flex;flex-direction:column;height:100dvh;background:var(--bg);color:var(--ink)}.gs-play{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:999px;border:none;background:var(--accent);color:var(--block-ink);font-family:inherit;font-weight:800;font-size:14px;cursor:pointer}.gs-play.on{background:var(--danger-fg,#f87171);color:#1a1020}.gs-canvas{max-width:100%;max-height:calc(100% - 34px);border-radius:14px;border:2px solid var(--line);box-shadow:0 10px 30px -14px rgba(0,0,0,.6);background:#8fd0ef;outline:none;touch-action:none}.gs-hint{flex:none;margin:0;font-size:13.5px;color:var(--muted);text-align:center}.gs-body{flex:1;min-height:0;display:flex;align-items:stretch}.gs-left{flex:none;width:clamp(300px,30vw,380px);display:flex;flex-direction:column;border-right:1px solid var(--edge);background:var(--surface-nested);overflow:hidden}.gs-right{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--game-stage)}.gs-left-empty{margin:auto;padding:24px;text-align:center;color:var(--muted)}.gs-step{flex:none;padding:12px 14px;border-bottom:1px solid var(--edge);background:var(--surface-sunken);max-height:46%;overflow-y:auto}.gs-step .ml-goal-text{margin:0 0 10px;font-size:13px;line-height:1.45;color:var(--ink)}.gs-step .ml-grade{margin:0}.gs-empty-emoji{font-size:34px;margin:0 0 8px}.gs-empty-title{font-family:var(--font-display),"Fredoka",system-ui;font-weight:800;font-size:17px;color:var(--ink);margin:0 0 6px}.gs-empty-sub{font-size:13px;line-height:1.5;margin:0 auto;max-width:250px}.gs-script{display:flex;flex-direction:column;min-height:0;height:100%}.gs-script-head{flex:none;padding:12px 14px 10px;border-bottom:1px solid var(--edge)}.gs-script-obj{font-family:var(--font-display),"Fredoka",system-ui;font-weight:800;font-size:16px;margin:0 0 8px;color:var(--ink)}.gs-evsel{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.gs-evsel select{flex:1;min-width:0;padding:6px 8px;border-radius:8px;border:1px solid var(--field-border);background:var(--field);color:var(--ink);font-family:inherit;font-size:13px}.gs-evhint{font-size:12px;color:var(--muted);margin:8px 0 0}.gs-palette{padding:10px 12px 0}.gs-prog{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 12px 12px}.gs-proghead{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.gs-prog-empty{font-size:12.5px;color:var(--muted);font-style:italic;margin:6px 2px}.gs-add{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--edge);background:var(--surface-nested)}.gs-add-label{color:var(--muted);margin-right:2px}.gs-add-btn,.gs-add-label{font-size:12.5px;font-weight:700}.gs-add-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);font-family:inherit;cursor:pointer}.gs-add-btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-line)}.gs-add-btn:disabled{opacity:.5;cursor:default}.gs-scene{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px}.gs-canvas:active{cursor:grabbing}.gs-insp{flex:none;padding:10px 12px;border-bottom:1px solid var(--edge);display:flex;flex-direction:column;gap:8px}.gs-insp-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.gs-field{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted);min-width:62px}.gs-field-grow{flex:1;min-width:90px}.gs-field input,.gs-field select{padding:6px 8px;border-radius:8px;border:1px solid var(--field-border);background:var(--field);color:var(--ink);font-family:inherit;font-size:13px;width:100%}.gs-field input[type=number]{width:62px}.gs-dup{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:8px;border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);font-family:inherit;font-weight:700;font-size:12px;cursor:pointer}.gs-dup:hover{background:var(--surface-card)}.gs-settings{width:100%;padding:14px;border-bottom:1px solid var(--edge);text-align:left}.gs-settings .panel-label{margin-bottom:8px}.gs-touch{position:absolute;inset:auto 0 8px 0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 clamp(12px,4vw,34px);pointer-events:none}.gs-dpad{display:flex;gap:12px;pointer-events:auto}.gs-tbtn{width:58px;height:58px;border-radius:50%;border:none;background:rgba(13,14,20,.38);color:#fff;font-size:22px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.gs-tbtn:active{background:rgba(13,14,20,.68);transform:scale(.94)}.gs-jump{pointer-events:auto;background:rgba(242,201,76,.62);color:#1a1020;font-weight:800}.gs-objs{flex:none;padding:10px 14px 12px;border-top:1px solid var(--edge);background:var(--surface-nested)}.gs-objs-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.gs-del{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--danger-fg,#f87171);font-family:inherit;font-weight:700;font-size:12px;cursor:pointer}.gs-del:disabled{opacity:.5;cursor:default}.gs-objs-row{display:flex;flex-wrap:wrap;gap:7px}.gs-obj{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface-raised);color:var(--ink);font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer}.gs-obj:hover:not(:disabled){border-color:var(--accent-line)}.gs-obj.on{border-color:var(--accent);background:var(--accent-soft)}.gs-obj-scripts{font-size:11px;color:var(--accent-ink,var(--accent));font-weight:800}.gs-obj:disabled{cursor:default}@media (max-width:820px){.gs-body{flex-direction:column}.gs-left{width:auto;max-height:44vh;border-right:none;border-bottom:1px solid var(--edge)}}.fx-lab{min-height:100dvh;display:flex;flex-direction:column;background:var(--surface-app)}.fx-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(340px,1.2fr) minmax(300px,1fr);gap:12px;padding:12px}.fx-pane{min-height:0;display:flex;flex-direction:column;border:1px solid var(--edge);border-radius:16px;background:var(--surface-card);overflow:hidden}.fx-pane .music-pane-scroll{flex:1;min-height:0;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.fx-recipe{gap:10px}.fx-recipe,.fx-rowlist{display:flex;flex-direction:column}.fx-rowlist{gap:7px}.fx-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid var(--edge);background:var(--surface-nested)}.fx-row-kind{font-size:16px;flex:none}.fx-row-name{font-weight:800;font-size:12.5px;min-width:44px;flex:none;color:var(--muted)}.fx-row-knobs{flex:1;display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.fx-row-arrow{color:var(--muted);font-weight:800}.fx-sel{font-family:inherit;font-weight:700;font-size:12.5px;color:var(--ink);background:var(--surface-card);border:1px solid var(--edge);border-radius:8px;padding:5px 6px;max-width:108px}.fx-row-actions{display:flex;gap:4px;flex:none}.fx-act{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;border:1px solid var(--edge);background:transparent;color:var(--muted);cursor:pointer}.fx-act:hover:not(:disabled){color:var(--ink);border-color:var(--accent)}.fx-act:disabled{opacity:.35;cursor:default}.fx-act.danger:hover:not(:disabled){color:var(--danger-fg,#f87171);border-color:var(--danger-fg,#f87171)}.fx-rep,.fx-rep-body{display:flex;flex-direction:column;gap:6px}.fx-rep-body{margin-left:18px;padding-left:10px;border-left:3px solid var(--edge)}.fx-rep-times{flex-wrap:nowrap}.fx-rep-n{font-weight:900;font-size:13px;min-width:30px;text-align:center}.fx-add{display:flex;gap:6px;flex-wrap:wrap}.fx-add-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;border:1px dashed var(--edge);background:transparent;color:var(--ink);font-family:inherit;font-weight:800;font-size:12px;cursor:pointer}.fx-add-btn:hover:not(:disabled){border-color:var(--accent);border-style:solid}.fx-add-btn:disabled{opacity:.4;cursor:default}.fx-full-note{margin:0;font-size:12px;color:var(--muted)}.fx-stage{display:flex;flex-direction:column;gap:12px;padding:14px 10px;border:1px solid var(--edge);border-radius:14px;background:var(--surface-nested)}.fx-pad,.fx-stage{align-items:center}.fx-pad{width:104px;height:104px;border-radius:999px;border:none;background:var(--accent);color:#17131f;display:inline-flex;justify-content:center;cursor:pointer;box-shadow:0 6px 0 rgba(0,0,0,.25);transition:transform 80ms ease}.fx-pad:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px 0 rgba(0,0,0,.25)}.fx-pad:disabled{opacity:.45;cursor:default}.fx-meta{margin:0;font-size:12.5px;color:var(--muted);text-align:center}.fx-stage-actions{display:flex;gap:8px}.fx-tt{display:inline-flex}.fx-gain{width:100%;max-width:260px}.fx-shelf{display:flex;flex-direction:column;gap:8px}.fx-shelf-title{margin:0;font-size:13px;font-weight:800;color:var(--muted)}.fx-chips{display:flex;gap:6px;flex-wrap:wrap}.fx-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;border:1px solid var(--edge);background:var(--surface-card);color:var(--ink);font-family:inherit;font-weight:800;font-size:12.5px;cursor:pointer}.fx-chip:hover{border-color:var(--accent)}@media (max-width:900px){.fx-body{grid-template-columns:1fr;overflow:auto}.fx-pane{min-height:auto}.fx-pane .music-pane-scroll{overflow:visible}}.spark-canvas{width:100%;height:240px;border-radius:12px;background:radial-gradient(ellipse at 50% 80%,#1d2440 0,#10142a 70%)}.gs-juice,.spark-canvas{border:1px solid var(--edge)}.gs-juice{margin-top:8px;border-radius:10px;padding:6px 10px}.gs-juice>summary{cursor:pointer;font-size:12px;font-weight:800;color:var(--muted)}.gs-juice[open]>summary{margin-bottom:6px}.gs-juice-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0}.gs-juice-row>span{font-size:12px}.gs-juice-row select{max-width:150px}.stuff-hero{display:flex;align-items:center;gap:16px;margin:18px 0 6px;padding:12px 16px;border:1px solid var(--edge);border-radius:16px;background:var(--surface-nested)}.stuff-hero-info{display:grid;gap:4px;justify-items:start}.stuff-hero-btn{margin:4px 0 0}.stuff-empty,.stuff-link{margin-top:18px}.stuff-empty{text-align:center}.stuff-badges{list-style:none;display:flex;flex-wrap:wrap;gap:14px 18px;margin:0;padding:4px 2px}.stuff-badge{display:flex;flex-direction:column;align-items:center;gap:6px;width:86px;text-align:center}.stuff-badge-hex{display:grid;place-items:center;width:64px;height:58px;font-size:27px;background:linear-gradient(180deg,#ffd968,#f2a51a);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.stuff-badge-name{font-size:12px;font-weight:700;color:var(--ink);line-height:1.2}.stuff-badge-count{font-size:12px;font-weight:600;color:var(--placeholder-ink);margin-left:8px}.badge-toasts{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:1200;pointer-events:none}.badge-toast{display:flex;align-items:center;gap:10px;pointer-events:auto;cursor:pointer;border:1px solid var(--edge,rgba(255,255,255,.15));border-radius:999px;background:var(--surface-card);color:var(--ink);padding:8px 18px 8px 8px;font:inherit;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.35);animation:badge-toast-in .35s ease-out}.badge-toast-hex{display:grid;place-items:center;width:40px;height:36px;font-size:19px;background:linear-gradient(180deg,#ffd968,#f2a51a);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}@keyframes badge-toast-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.badge-toast{animation:none}}.pp-digest{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:0 auto 16px;padding:10px 14px;max-width:560px;border:1px solid var(--edge);border-radius:14px;background:var(--surface-nested)}.pp-digest-copy{font-size:14px}.pp-digest-btns{display:flex;gap:8px}.cw-lesson{min-height:100%;display:flex;flex-direction:column}.cw-lesson-body{flex:1;width:min(760px,100%);margin:0 auto;padding:14px 16px 40px;display:flex;flex-direction:column;gap:16px}.cw-steps{display:flex;gap:7px;justify-content:center;padding:4px 0}.cw-step-dot{width:9px;height:9px;border-radius:50%;background:var(--edge);transition:background .2s,transform .2s}.cw-step-dot.done,.cw-step-dot.on{background:var(--accent)}.cw-step-dot.on{transform:scale(1.5);box-shadow:0 0 0 3px var(--accent-soft)}.cw-card{display:flex;flex-direction:column;gap:12px}.cw-card-body{font-size:16px;line-height:1.5;white-space:pre-wrap}.cw-card-body code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;background:var(--surface-sunken);padding:1px 5px;border-radius:5px;font-size:.92em}.cw-ed-wrap{display:flex;flex-direction:column;gap:6px}.cw-ed-keys{display:flex;flex-wrap:wrap;gap:5px}.cw-ed-key{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;padding:4px 9px;min-height:30px;border:1px solid var(--field-border);border-radius:8px;background:var(--surface-nested);color:var(--ink);cursor:pointer}.cw-ed-key:hover{border-color:var(--accent);color:var(--accent-ink)}.cw-ed{display:flex;border:1px solid var(--field-border);border-radius:12px;background:var(--field);overflow:hidden}.cw-ed-gutter{flex:0 0 auto;display:flex;flex-direction:column;padding:8px 0;background:var(--surface-sunken);color:var(--placeholder-ink);user-select:none;text-align:right}.cw-ed-ln{height:var(--cw-lh,22px);line-height:var(--cw-lh,22px);padding:0 10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.cw-ed-ln.err{color:var(--danger-fg);font-weight:700}.cw-ed-ln.active{color:var(--accent-ink);font-weight:700}.cw-ed-field{position:relative;flex:1;min-width:0}.cw-ed-band{position:absolute;left:0;right:0;height:var(--cw-lh,22px);pointer-events:none}.cw-ed-band.err{background:color-mix(in srgb,var(--danger-solid) 16%,transparent)}.cw-ed-band.active{background:var(--accent-soft)}.cw-ed-ta{position:relative;display:block;width:100%;box-sizing:border-box;padding:8px 12px;border:0;outline:none;resize:none;background:transparent;color:var(--ink);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:22px;tab-size:2;white-space:pre;overflow-x:auto}.cw-ed-ta::placeholder{color:var(--placeholder-ink)}.cw-ed-hint{margin:0;font-size:12px;color:var(--muted)}@media (pointer:coarse){.cw-ed-ta,.cw-predict{font-size:16px}.cw-ed-keys{gap:8px}.cw-ed-key{min-height:40px;padding:6px 13px}.cw-parsons-mv button{width:40px;height:40px}}.cw-run{flex-direction:column}.cw-run,.cw-run-bar{display:flex;gap:8px}.cw-run-btn{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:14px;padding:6px 12px;min-height:36px;border:1px solid var(--field-border);border-radius:9px;background:var(--surface-nested);color:var(--ink);cursor:pointer}.cw-run-btn:hover{border-color:var(--accent)}.cw-run-btn.ghost{background:transparent}.cw-vars{border-collapse:collapse;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;align-self:flex-start}.cw-vars td{border:1px solid var(--edge);padding:3px 10px}.cw-var-name{color:var(--accent-ink);font-weight:700}.cw-run-note{font-size:13px;color:var(--muted)}.cw-out{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;white-space:pre-wrap;background:var(--surface-hud);color:#e7ecf5;margin:0;overflow-x:auto}.cw-err,.cw-out{padding:10px 12px;border-radius:10px}.cw-err{display:flex;flex-direction:column;gap:2px;border:1px solid color-mix(in srgb,var(--danger-solid) 45%,var(--edge));background:color-mix(in srgb,var(--danger-solid) 10%,transparent)}.cw-err b,.cw-err-line{color:var(--danger-fg)}.cw-err-line{font-weight:600}.cw-err-body{font-size:14px}.cw-predict-l{font-weight:600;font-size:15px}.cw-predict{width:100%;box-sizing:border-box;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;padding:8px 12px;border:1px solid var(--field-border);border-radius:10px;background:var(--field);color:var(--ink);resize:vertical}.cw-reveal{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;font-size:15px}.cw-reveal.ok{background:color-mix(in srgb,var(--success) 14%,transparent);border:1px solid color-mix(in srgb,var(--success) 45%,var(--edge))}.cw-reveal.off{background:var(--surface-nested);border:1px solid var(--edge)}.cw-reveal.info{background:color-mix(in srgb,var(--info) 12%,transparent);border:1px solid color-mix(in srgb,var(--info) 40%,var(--edge))}.cw-reveal.ok b{color:var(--success-fg)}.cw-reveal-note{font-size:13px;color:var(--muted)}.cw-parsons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.cw-parsons-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--field-border);border-radius:10px;background:var(--surface-nested)}.cw-parsons-code{flex:1;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;white-space:pre;overflow-x:auto}.cw-parsons-mv{display:flex;gap:3px}.cw-parsons-mv button{width:30px;height:30px;border:1px solid var(--field-border);border-radius:7px;background:var(--surface-card);color:var(--ink);cursor:pointer}.cw-parsons-mv button:disabled{opacity:.35;cursor:default}.cw-make-bar{display:flex;flex-wrap:wrap;gap:8px}.cw-hints{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--ink)}.cw-graded{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;border-radius:10px;font-size:15px}.cw-graded.ok{background:color-mix(in srgb,var(--success) 15%,transparent);border:1px solid color-mix(in srgb,var(--success) 45%,var(--edge))}.cw-graded.off{background:var(--surface-nested);border:1px solid var(--edge);flex-direction:column;align-items:flex-start;gap:2px}.cw-graded.off b{color:var(--danger-fg)}.cw-graded-stars{font-size:18px;letter-spacing:2px}.cw-gs{color:var(--edge)}.cw-gs.on{color:var(--accent)}.cw-btn{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15px;padding:9px 18px;min-height:42px;border-radius:11px;border:1px solid transparent;cursor:pointer}.cw-btn.primary{background:var(--accent);color:var(--block-ink)}.cw-btn.primary:disabled{opacity:.45;cursor:default}.cw-btn.ghost{background:transparent;border-color:var(--field-border);color:var(--ink)}.cw-nav{display:flex;justify-content:space-between;gap:10px;margin-top:4px}.cw-units{list-style:none;margin:0 auto 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:760px}.cw-unit{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 6px;border:1px solid var(--edge);border-radius:999px;background:var(--surface-nested);color:var(--ink);cursor:pointer;font-size:13px}.cw-unit:hover{border-color:var(--accent)}.cw-unit.locked{opacity:.5;cursor:default}.cw-unit.locked:hover{border-color:var(--edge)}.cw-unit-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--surface-sunken);color:var(--muted);font-size:12px;font-weight:700}.cw-unit-title{font-weight:600}.cw-unit-frac{color:var(--muted);font-variant-numeric:tabular-nums}.cw-unit.mastered{border-color:color-mix(in srgb,var(--accent) 55%,var(--edge));background:var(--accent-soft)}.cw-unit.mastered .cw-unit-badge{background:var(--accent);color:var(--block-ink)}.cw-unit.mastered .cw-unit-frac{color:var(--accent-ink)}