.playground_root__j99Ol{--bg:#0f172a;--panel:#1e293b;--border:#334155;--ink:#f1f5f9;--muted:#94a3b8;--pink:#ec4899;--teal:#14b8a6;--blue:#3b82f6;--yellow:#fbbf24;--green:#22c55e;--red:#ef4444;--purple:#a855f7;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Sarabun,Prompt,-apple-system,sans-serif}.playground_header__t5Ael{background:var(--panel);border-bottom:1px solid var(--border);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.playground_brand__27g_Q{font-size:18px;font-weight:800;display:flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none}.playground_brand__27g_Q span{background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.playground_levelInfo__mJyEj{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.playground_levelName__tMOIN{font-weight:700;color:var(--ink);font-size:15px}.playground_lessonTag__4pqLX{background:rgba(236,72,153,.15);color:var(--pink);padding:3px 10px;border-radius:999px;font-weight:700;font-size:12px}.playground_toolbar__sQYOh{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.playground_diffSelect__vAsY_{padding:5px 8px;font-family:inherit;font-size:12px}.playground_diffSelect__vAsY_,.playground_langToggle__y8fr9{background:var(--bg);color:var(--ink);border:1px solid var(--border);border-radius:8px;cursor:pointer}.playground_langToggle__y8fr9{padding:5px 10px;font-size:13px;font-weight:700}.playground_achBtn__9p6FH{background:rgba(168,85,247,.15);color:var(--purple);border:1px solid var(--purple);border-radius:8px;padding:5px 10px;font-size:12px;cursor:pointer;font-weight:700}.playground_freeBtn__M0Qn_{background:rgba(34,197,94,.15);color:var(--green);border:1px solid var(--green);border-radius:8px;padding:5px 10px;font-size:14px;cursor:pointer;font-weight:700}.playground_btn__XgOf9{padding:7px 14px;border-radius:10px;border:none;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:5px;transition:all .2s}.playground_btnRun__v28Yo{background:var(--green);color:#fff}.playground_btnRun__v28Yo:hover:not(:disabled){background:#16a34a}.playground_btnRun__v28Yo:disabled{background:#475569;cursor:not-allowed}.playground_btnNav__80pjh,.playground_btnReset__qtQq8{background:var(--panel);color:var(--ink);border:1px solid var(--border)}.playground_btnNav__80pjh{padding:5px 10px}.playground_btnNav__80pjh:hover:not(:disabled),.playground_btnReset__qtQq8:hover:not(:disabled){background:var(--border)}.playground_btnPrimary__wAxxy{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff}.playground_btnPrimary__wAxxy:hover{transform:translateY(-1px)}.playground_btnGhost__tIg1w{background:transparent;color:var(--ink);border:1px solid var(--border)}.playground_btnGhost__tIg1w:hover{background:var(--border)}.playground_layout___rTQv{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;padding:14px;max-width:1400px;margin:0 auto}@media (min-width:900px){.playground_layout___rTQv{grid-template-columns:1fr 300px}}.playground_canvas__jxVve{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:14px}.playground_tabs__8rA_P{display:flex;gap:4px;background:var(--bg);border-radius:10px;padding:4px}.playground_tab__wg9GN{background:transparent;color:var(--muted);border:none;padding:6px 14px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;transition:all .2s}.playground_tabActive__GaPaj{background:var(--panel);color:var(--ink)}.playground_grid__JGmh2{display:grid;grid-gap:4px;gap:4px;background:#0b1220;padding:8px;border-radius:12px;width:100%;max-width:480px;aspect-ratio:1}.playground_gridEasy__5vkAm{max-width:560px;gap:6px}.playground_cell__oVhyD{background:#1e293b;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,5vw,36px)}.playground_cellEasy__mqHXy{font-size:clamp(32px,8vw,60px);border-radius:10px}.playground_wall__BapcP{background:#475569;box-shadow:inset 0 0 0 2px #334155}.playground_goal__lyj3R{background:rgba(34,197,94,.15);box-shadow:inset 0 0 0 2px var(--green);animation:playground_goalPulse__2BjeA 1.5s ease-in-out infinite}@keyframes playground_goalPulse__2BjeA{0%,to{box-shadow:inset 0 0 0 2px var(--green)}50%{box-shadow:inset 0 0 0 3px var(--green),0 0 20px rgba(34,197,94,.4)}}.playground_player___RHk3{background:rgba(236,72,153,.2);z-index:1}.playground_playerSprite__HkNHC{font-size:clamp(28px,7vw,48px);filter:drop-shadow(0 0 8px rgba(236,72,153,.6));animation:playground_playerBob___vmsR 1s ease-in-out infinite}@keyframes playground_playerBob___vmsR{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.playground_status__3ez_T{font-size:16px;font-weight:700;text-align:center;min-height:24px}.playground_statusWin__Jihuv{color:var(--green)}.playground_statusLose__s_Z1U{color:var(--red)}.playground_statusRun__sF6QP{color:var(--blue)}.playground_controls__KZDs2{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.playground_stats__6Z5gg{display:flex;gap:14px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:13px;color:var(--muted);flex-wrap:wrap;justify-content:center}.playground_statNum__dOrv_{color:var(--ink);font-weight:700}.playground_sidebar__4M9XP{display:flex;flex-direction:column;gap:14px}.playground_palette__gnRUb{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}.playground_paletteTitle__uQl3P{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 2px}.playground_block__Gsra2{background:var(--bg);border:2px solid var(--border);border-radius:10px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px;transition:all .15s}.playground_block__Gsra2:hover{transform:translateX(4px);border-color:var(--ink)}.playground_blockEasy__N5cWC{padding:18px;justify-content:center;font-size:32px}.playground_block__Gsra2[data-type=move]{border-color:var(--blue);background:rgba(59,130,246,.1)}.playground_block__Gsra2[data-type=loop]{border-color:var(--purple);background:rgba(168,85,247,.1)}.playground_block__Gsra2[data-type=if]{border-color:var(--yellow);background:rgba(251,191,36,.1)}.playground_block__Gsra2[data-type=stop]{border-color:var(--red);background:rgba(239,68,68,.1)}.playground_block__Gsra2[data-type=function]{border-color:var(--teal);background:rgba(20,184,166,.1)}.playground_block__Gsra2[data-type=call]{border-color:var(--pink);background:rgba(236,72,153,.1)}.playground_blockEmoji__Kgh2i{font-size:18px}.playground_program__x2gay{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px;min-height:200px}.playground_programTitle__pl5gU{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 2px}.playground_programArea__YvqJU{flex:1 1;background:var(--bg);border:2px dashed var(--border);border-radius:10px;padding:8px;min-height:140px;display:flex;flex-direction:column;gap:4px}.playground_programBlock__TaxyW{display:flex;align-items:center;gap:6px;background:var(--panel);border:2px solid;border-radius:8px;padding:6px 8px;font-weight:700;font-size:12px;cursor:pointer}.playground_programBlock__TaxyW.playground_running__5xfyX{background:var(--blue);color:#fff;border-color:var(--blue);transform:scale(1.05);box-shadow:0 0 20px rgba(59,130,246,.5)}.playground_programBlock__TaxyW[data-type=move]{border-color:var(--blue)}.playground_programBlock__TaxyW[data-type=loop]{border-color:var(--purple)}.playground_programBlock__TaxyW[data-type=if]{border-color:var(--yellow)}.playground_programBlock__TaxyW[data-type=stop]{border-color:var(--red)}.playground_programBlock__TaxyW[data-type=function]{border-color:var(--teal)}.playground_programBlock__TaxyW[data-type=call]{border-color:var(--pink)}.playground_remove__PmJMJ{margin-left:auto;color:var(--muted);cursor:pointer;padding:2px 6px;border-radius:4px;font-size:16px}.playground_remove__PmJMJ:hover{background:rgba(239,68,68,.2);color:var(--red)}.playground_empty__fG6YH{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;font-style:italic}.playground_codeView__jvmgu{width:100%;display:flex;flex-direction:column;gap:12px;align-items:stretch}.playground_codeTitle__ARc_H{margin:0;font-size:14px;font-weight:700;color:var(--muted);text-align:left}.playground_codeBlock__25dbM{background:#020617;border:1px solid var(--border);border-radius:10px;padding:14px;color:#a5f3fc;font-family:JetBrains Mono,Menlo,monospace;font-size:13px;line-height:1.6;text-align:left;white-space:pre-wrap;word-break:break-word;margin:0;max-height:280px;overflow:auto}.playground_conceptOverlay__bbzvq{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:20px}.playground_conceptCard__yJbGL{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:32px;max-width:560px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.playground_conceptEmoji__Rxw9Z{font-size:80px;margin:8px 0}.playground_conceptTitle__EqvgB{margin:0;font-size:28px;font-weight:900;color:var(--pink)}.playground_conceptIntro__cLtCl{margin:0;font-size:18px;color:var(--ink);font-weight:600}.playground_conceptExplanation__wcj88{margin:4px 0 12px;font-size:15px;color:var(--muted);line-height:1.6}.playground_conceptHint__GCTZi{background:rgba(20,184,166,.1);border:1px solid var(--teal);border-radius:10px;padding:12px 16px;font-size:14px;color:var(--teal);margin:0 0 16px;font-weight:600}.playground_footer__8_3Ab{text-align:center;padding:12px;color:var(--muted);font-size:12px}.playground_hintOverlay__w7zoY{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.playground_hintCard__Fevpd{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:32px;max-width:440px;text-align:center}.playground_hintEmoji__ahCY3{font-size:64px;margin-bottom:12px}.playground_hintTitle__qvvlg{margin:0 0 8px;font-size:22px;color:var(--pink)}.playground_hintBody__BFOD1{margin:0 0 20px;color:var(--ink);font-size:16px;line-height:1.5}.playground_hintFooter__1ab8T{display:flex;gap:8px;justify-content:center}.playground_achCard__iGQ1x{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:28px;max-width:600px;max-height:80vh;overflow-y:auto;text-align:center}.playground_achTitle__Lxqg3{margin:0 0 20px;font-size:22px;color:var(--purple)}.playground_achGrid__J0_U8{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.playground_achItem__rPG_V{background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:14px;text-align:center}.playground_achUnlocked__pA29P{border-color:var(--purple);background:rgba(168,85,247,.1)}.playground_achEmoji__cyBiQ{font-size:36px}.playground_achName__bIIOq{font-size:14px;font-weight:700;color:var(--ink);margin:4px 0 2px}.playground_achDesc___Ychr{font-size:12px;color:var(--muted)}.playground_achToast__vIFlP{position:fixed;top:80px;right:20px;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;padding:14px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;z-index:999;box-shadow:0 10px 30px rgba(0,0,0,.4);animation:playground_slideIn__xl2nc .4s ease-out}@keyframes playground_slideIn__xl2nc{0%{transform:translateX(120%)}to{transform:translateX(0)}}.playground_achToastEmoji__Upns_{font-size:40px}.playground_achToastTitle__snikP{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.9;font-weight:700}.playground_achToastName__PCa7K{font-size:16px;font-weight:800}.playground_toast__ca5ri{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;padding:12px 24px;border-radius:999px;font-weight:700;z-index:999;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:playground_popIn__5kAxF .3s ease-out}@keyframes playground_popIn__5kAxF{0%{transform:translateX(-50%) scale(.5);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}.playground_confetti__T8lqV{position:fixed;inset:0;pointer-events:none;z-index:998;overflow:hidden}.playground_confettiPiece__mynUq{position:absolute;top:-20px;width:10px;height:14px;border-radius:2px;animation:playground_fall__AF_m_ 2.5s linear forwards}@keyframes playground_fall__AF_m_{to{transform:translateY(110vh) rotate(2turn);opacity:0}}