:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;display:block}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app-root{min-height:100vh}.grid{height:100%;max-width:95vw;width:100%;margin:0 auto;padding:8px 12px;display:grid;grid-template-columns:2fr 1fr;gap:12px}.left,.right{display:flex;flex-direction:column;min-height:0}.panel{min-height:0}.panel-col{display:flex;flex-direction:column;gap:12px}.left .panel-col{flex:1}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.panel-title{font-weight:600;font-size:18px}.panel-subtitle{font-size:12px;opacity:.75}.card{background:#111;border:1px solid #2a2a2a;border-radius:12px;box-shadow:0 1px 2px #00000040}.pad{padding:12px}.gameplay{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden;max-height:70vh}.gameplay-canvas{width:100%;max-width:100%;height:100%;max-height:100%;aspect-ratio:16 / 9;border-radius:8px;background:radial-gradient(circle at 30% 30%,rgba(90,150,255,.35),transparent 70%),#0a0a0ed9}.center{text-align:center}.title{font-size:20px;font-weight:600;margin-bottom:4px}.subtle{font-size:13px;opacity:.8}.level-title{margin:0 0 6px;font-size:20px;font-weight:600}.level-desc{margin:0;font-size:14px;line-height:1.5;opacity:.85}.button-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-bottom:10px}.row{display:flex;gap:8px;flex-wrap:wrap}.btn{cursor:pointer;padding:8px 12px;border:1px solid #2a2a2a;border-radius:10px;background:#1a1a1a;font-size:14px;transition:background .12s,transform 60ms,border-color .12s}.btn:hover{background:#202020;border-color:#3a3a3a}.btn:active{transform:scale(.99)}.btn.xs{font-size:12px;padding:4px 8px}.btn.success{background:#0f2f24;border-color:#1e7f5a}.btn.success:hover{background:#114233}.btn.danger{background:#321417;border-color:#7e2a33}.btn.danger:hover{background:#3c181c}.code{flex:1;background:var(--console-bg);color:var(--console-text);border:1px solid var(--console-border);border-radius:12px;overflow-y:auto;overflow-x:hidden;min-height:0}.code-pre{margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;line-height:1.55;min-height:100%;white-space:pre-wrap;word-break:break-word}.code-pre code{white-space:inherit;display:block}.code-line{display:flex;gap:12px;align-items:flex-start}.code-line code{flex:1;min-width:0}.lineno{opacity:.8;display:inline-block;width:2.25rem;text-align:right;margin-right:0;-webkit-user-select:none;user-select:none;color:var(--console-line)}.lineno:after{content:" "}.token{white-space:pre-wrap}.token-keyword{color:var(--console-keyword);font-weight:600}.token-string{color:var(--console-string)}.token-number{color:var(--console-number)}.token-ident{color:var(--console-ident)}.token-comment{color:var(--console-comment);font-style:italic}.token-preproc{color:var(--console-preproc)}.token-symbol{color:inherit}.console-actions{display:flex;align-items:center;gap:8px}.console-theme-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--console-select-bg);color:inherit;border:1px solid var(--console-select-border);border-radius:6px;padding:4px 28px 4px 12px;font-size:13px;font-family:inherit;line-height:1.35;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.console-theme-select:hover{border-color:var(--console-select-border-hover);background-color:var(--console-select-bg-hover)}.console-theme-select:focus{outline:2px solid rgba(100,108,255,.35);outline-offset:1px}.console-select-wrap{position:relative;display:flex;align-items:center}.console-select-wrap:after{content:"";position:absolute;right:10px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--console-select-arrow);pointer-events:none}.right{display:flex;flex-direction:column;gap:12px;min-height:0}.grow{flex:0 0 auto;display:flex;flex-direction:column}.code-console{height:80vh;display:flex;flex-direction:column;gap:12px;color:var(--console-text);--console-bg: #0a0a0a;--console-border: #111;--console-text: #f3f4f6;--console-line: rgba(243, 244, 246, .45);--console-keyword: #7dd3fc;--console-string: #f472b6;--console-number: #c4b5fd;--console-ident: #facc15;--console-comment: #9ca3af;--console-preproc: #34d399;--console-select-bg: rgba(255, 255, 255, .03);--console-select-bg-hover: rgba(255, 255, 255, .06);--console-select-border: rgba(255, 255, 255, .2);--console-select-border-hover: rgba(255, 255, 255, .35);--console-select-arrow: rgba(255, 255, 255, .6)}.code-console.console-theme-monokai{--console-bg: #272822;--console-border: #3e3d32;--console-text: #f8f8f2;--console-line: rgba(248, 248, 242, .4);--console-keyword: #f92672;--console-string: #e6db74;--console-number: #ae81ff;--console-ident: #a6e22e;--console-comment: #75715e;--console-preproc: #66d9ef;--console-select-bg: rgba(255, 255, 255, .05);--console-select-bg-hover: rgba(255, 255, 255, .08);--console-select-border: rgba(248, 248, 242, .12);--console-select-border-hover: rgba(248, 248, 242, .25);--console-select-arrow: rgba(248, 248, 242, .65)}.code-console.console-theme-solarized-dark{--console-bg: #002b36;--console-border: #073642;--console-text: #eee8d5;--console-line: rgba(238, 232, 213, .4);--console-keyword: #268bd2;--console-string: #2aa198;--console-number: #d33682;--console-ident: #b58900;--console-comment: #586e75;--console-preproc: #cb4b16;--console-select-bg: rgba(238, 232, 213, .08);--console-select-bg-hover: rgba(238, 232, 213, .12);--console-select-border: rgba(238, 232, 213, .2);--console-select-border-hover: rgba(238, 232, 213, .32);--console-select-arrow: rgba(238, 232, 213, .7)}.code-console.console-theme-dracula{--console-bg: #1e1f29;--console-border: #44475a;--console-text: #f8f8f2;--console-line: rgba(248, 248, 242, .35);--console-keyword: #ff79c6;--console-string: #f1fa8c;--console-number: #bd93f9;--console-ident: #8be9fd;--console-comment: #6272a4;--console-preproc: #50fa7b;--console-select-bg: rgba(248, 248, 242, .05);--console-select-bg-hover: rgba(248, 248, 242, .09);--console-select-border: rgba(248, 248, 242, .2);--console-select-border-hover: rgba(248, 248, 242, .35);--console-select-arrow: rgba(248, 248, 242, .65)}.code-console.console-theme-one-light{--console-bg: #fafafa;--console-border: #e5e7eb;--console-text: #383a42;--console-line: rgba(56, 58, 66, .35);--console-keyword: #a626a4;--console-string: #50a14f;--console-number: #986801;--console-ident: #0184bc;--console-comment: #a0a1a7;--console-preproc: #e45649;--console-select-bg: rgba(0, 0, 0, .04);--console-select-bg-hover: rgba(0, 0, 0, .07);--console-select-border: rgba(0, 0, 0, .12);--console-select-border-hover: rgba(0, 0, 0, .25);--console-select-arrow: rgba(0, 0, 0, .55)}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}.card{background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000f}.btn{background:#fff;border-color:#e5e7eb}.btn:hover{background:#f8fafc;border-color:#d1d5db}}