:root{--panel:#14181feb;--panel-2:#ffffff0d;--line:#ffffff17;--text:#e9eef3;--muted:#94a2b0;--accent:#35d6c4;--accent-ink:#062b28;--bad:#ff6b5e;--good:#4ade80;--warn:#f5b942;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M5 3v19.5l5.2-4.6 3.6 8 3.4-1.5-3.6-7.9H21z' fill='%23fff' stroke='%2311151a' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3;--hand:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M5 3v19.5l5.2-4.6 3.6 8 3.4-1.5-3.6-7.9H21z' fill='%2335d6c4' stroke='%2311151a' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3}*{box-sizing:border-box}html,body{height:100%;color:var(--text);cursor:var(--arrow), default;-webkit-font-smoothing:antialiased;background:#14171c;margin:0;font:13px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;overflow:hidden}button,select,input{font:inherit;color:inherit}button,select,label,.card,[role=button]{cursor:var(--hand), pointer}input[type=text],textarea{cursor:text}#desk{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.cur-default{cursor:var(--arrow), default}.cur-grab{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='16' cy='16' r='10' fill='none' stroke='%2311151a' stroke-width='5'/%3E%3Ccircle cx='16' cy='16' r='10' fill='none' stroke='%23fff' stroke-width='2.4'/%3E%3Ccircle cx='16' cy='16' r='2.6' fill='%23fff' stroke='%2311151a' stroke-width='1.2'/%3E%3C/svg%3E") 16 16,grab}.cur-grabbing,.cur-orbit{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='16' cy='16' r='7' fill='%2335d6c4' stroke='%2311151a' stroke-width='4'/%3E%3Ccircle cx='16' cy='16' r='7' fill='%2335d6c4' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") 16 16,grabbing}.cur-wire{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cg stroke='%2311151a' stroke-width='4.5' stroke-linecap='round'%3E%3Cpath d='M16 3v7M16 22v7M3 16h7M22 16h7'/%3E%3C/g%3E%3Cg stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M16 3v7M16 22v7M3 16h7M22 16h7'/%3E%3C/g%3E%3Ccircle cx='16' cy='16' r='4' fill='none' stroke='%2311151a' stroke-width='4'/%3E%3Ccircle cx='16' cy='16' r='4' fill='none' stroke='%2335d6c4' stroke-width='2'/%3E%3C/svg%3E") 16 16,crosshair}.cur-press{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='16' cy='16' r='9' fill='none' stroke='%2311151a' stroke-width='5'/%3E%3Ccircle cx='16' cy='16' r='9' fill='none' stroke='%23fff' stroke-width='2.2'/%3E%3Ccircle cx='16' cy='16' r='4.2' fill='%2335d6c4' stroke='%2311151a' stroke-width='1.4'/%3E%3C/svg%3E") 16 16,pointer}#bar{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);z-index:10;border-radius:12px;align-items:center;gap:6px;height:44px;padding:0 8px 0 14px;display:flex;position:fixed;top:10px;left:10px;right:10px;box-shadow:0 8px 30px #00000059}.brand{letter-spacing:.02em;color:var(--accent);white-space:nowrap;align-items:center;gap:7px;margin-right:10px;font-weight:700;display:flex}.brand span{color:var(--text)}#bar nav{gap:2px;display:flex}#run{gap:6px;margin-left:auto;margin-right:6px;display:flex}.tb{height:30px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;transition:background .12s,color .12s;display:inline-flex}.tb svg{flex:none;width:16px;height:16px}.tb:hover{background:var(--panel-2);color:var(--text)}.tb.on{color:var(--accent);background:#35d6c424}.tb.primary{background:var(--accent);color:var(--accent-ink);font-weight:650}.tb.primary:hover{filter:brightness(1.08)}.tb.stop{color:var(--bad);background:#ff6b5e29;font-weight:650}.tb.icon{padding:0 8px}.tb.icon span{display:none}@media (width<=1180px){#tools .tb span,#file .tb span{display:none}.tb{padding:0 8px}}.win{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);z-index:20;border-radius:12px;flex-direction:column;min-width:220px;max-height:calc(100vh - 120px);display:none;position:fixed;overflow:hidden;box-shadow:0 16px 50px #00000073}.win.open{animation:.14s ease-out pop;display:flex}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}.win>header{border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none;touch-action:none;height:36px;cursor:var(--hand), move;flex:none;align-items:center;padding:0 6px 0 13px;display:flex}.win-title{letter-spacing:.01em;flex:1;font-weight:650}.win .x{width:26px;height:26px;color:var(--muted);background:0 0;border:0;border-radius:7px;font-size:18px;line-height:1}.win .x:hover{background:var(--panel-2);color:var(--text)}.win-body{flex:1;min-height:0;padding:12px 13px;overflow:auto}.win.resizable{resize:both;min-width:380px;min-height:300px}.win-body::-webkit-scrollbar{width:10px;height:10px}.ed-area textarea::-webkit-scrollbar{width:10px;height:10px}.serial-out::-webkit-scrollbar{width:10px;height:10px}.win-body::-webkit-scrollbar-thumb{background:#ffffff24 padding-box padding-box;border:2px solid #0000;border-radius:6px}.ed-area textarea::-webkit-scrollbar-thumb{background:#ffffff24 padding-box padding-box;border:2px solid #0000;border-radius:6px}.serial-out::-webkit-scrollbar-thumb{background:#ffffff24 padding-box padding-box;border:2px solid #0000;border-radius:6px}p{margin:0 0 8px}.muted{color:var(--muted)}.btn{border:1px solid var(--line);background:var(--panel-2);height:28px;color:var(--text);white-space:nowrap;border-radius:8px;padding:0 11px}.btn:hover{background:#ffffff1a}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:650}.btn.danger{color:var(--bad)}.btn:disabled{opacity:.4;pointer-events:none}select.btn{padding-right:6px}select option{color:var(--text);background:#1a1f27}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#win-code .win-body{flex-direction:column;padding:0;display:flex;overflow:hidden}.ed-top{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:6px;padding:8px 10px;display:flex}.ed-top .grow{flex:1}.ed-area{background:#0f1319;flex:1;min-height:120px;display:flex;position:relative}.gutter{text-align:right;color:#4d5a68;width:40px;font:12.5px/19px var(--mono);-webkit-user-select:none;user-select:none;white-space:pre;flex:none;padding:10px 6px 10px 0;overflow:hidden}.gutter .err{color:#fff;background:var(--bad);border-radius:4px;margin-right:-3px;padding:0 3px}.ed-main{flex:1;min-width:0;position:relative}.ed-main pre,.ed-main textarea{font:12.5px/19px var(--mono);white-space:pre;tab-size:2;border:0;margin:0;padding:10px 12px 10px 4px;position:absolute;inset:0;overflow:auto}.ed-main pre{color:#d6dde6;pointer-events:none;overflow:hidden}.ed-main textarea{color:#0000;caret-color:#fff;resize:none;background:0 0;outline:none}.ed-main textarea::selection{background:#35d6c44d}.hl-c{color:#63717f;font-style:italic}.hl-s{color:#f2c07a}.hl-n{color:#c79bff}.hl-k{color:#6fb6ff}.hl-f{color:#5fe0cf}.hl-t{color:#ff9d7a}.hl-p{color:#c586c0}.ed-status{border-top:1px solid var(--line);color:var(--muted);flex:none;align-items:center;gap:8px;min-height:30px;padding:6px 12px;font-size:12px;display:flex}.ed-status.err{color:#ffd0cb;background:#ff6b5e24}.ed-status.run{color:var(--good)}.dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.ed-status.run .dot{animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.35}}.serial{border-top:1px solid var(--line);flex-direction:column;flex:none;height:150px;display:flex}.serial-head{color:var(--muted);align-items:center;gap:8px;padding:5px 10px 5px 12px;font-size:12px;display:flex}.serial-head b{color:var(--text);font-weight:650}.serial-head .grow{flex:1}.serial-head .btn{height:22px;padding:0 8px;font-size:12px}.serial-out{font:12px/17px var(--mono);color:#b8f5d0;white-space:pre-wrap;word-break:break-all;background:#0c1014;flex:1;min-height:0;margin:0;padding:4px 12px;overflow:auto}.serial-in{gap:6px;padding:6px 10px;display:flex}.serial-in input{border:1px solid var(--line);height:26px;font:12px var(--mono);background:#0c1014;border-radius:7px;outline:none;flex:1;min-width:0;padding:0 9px}.serial-in input:focus{border-color:var(--accent)}.plot{background:#0c1014;width:100%;height:100%;display:block}.noboard{text-align:center;color:var(--muted);padding:26px}.i-name{margin-bottom:4px;font-size:15px;font-weight:700}.i-tip{color:#c9f4ee;background:#35d6c417;border:1px solid #35d6c433;border-radius:8px;padding:7px 9px}.i-tip b{color:var(--accent);margin-right:4px;font-weight:650}.i-ctl{gap:8px;margin:10px 0;display:grid}.i-ctl label{color:var(--muted);gap:4px;font-size:12px;display:grid}.i-ctl label span.v{float:right;color:var(--text);font-variant-numeric:tabular-nums}.i-read{font-variant-numeric:tabular-nums;background:#0f1319;border-radius:8px;grid-template-columns:auto 1fr;gap:3px 12px;margin:10px 0;padding:8px 10px;display:grid}.i-read dt{color:var(--muted)}.i-read dd{text-align:right;font-family:var(--mono);margin:0;font-size:12px}.swatch{border:2px solid #ffffff2e;border-radius:50%;width:22px;height:22px;padding:0}.swatch.on{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.swatch.auto{background:conic-gradient(#e03a2e,#f0c419,#2fb65a,#2f7de0,#9b5de5,#e03a2e)}input[type=range]{appearance:none;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#ffffff24;border-radius:3px;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2px solid #0f1319;border-radius:50%;width:16px;height:16px;margin-top:-5.5px}input[type=range]::-moz-range-track{background:#ffffff24;border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid #0f1319;border-radius:50%;width:14px;height:14px}.env{gap:12px;display:grid}.env label{gap:2px;display:grid}.env .top{justify-content:space-between;display:flex}.env .top b{font-weight:650}.env .top span{font-variant-numeric:tabular-nums;color:var(--accent);font-family:var(--mono);font-size:12px}.env small{color:var(--muted);font-size:11.5px}.cat{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:10px 0 4px;font-size:11px;font-weight:700}.cat:first-child{margin-top:0}.plist{grid-template-columns:1fr 1fr;gap:4px;display:grid}.pitem{text-align:left;background:var(--panel-2);text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;border-radius:7px;height:28px;padding:0 9px;overflow:hidden}.pitem:hover{border-color:var(--accent);color:var(--accent)}.cards{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:8px;display:grid}.card{text-align:left;border:1px solid var(--line);background:var(--panel-2);border-radius:10px;align-content:start;gap:4px;padding:10px 11px;display:grid}.card:hover{border-color:var(--accent);background:#35d6c412}.card b{font-size:13.5px}.card .tag{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);justify-self:start;font-size:10.5px;font-weight:700}.card span{color:var(--muted);font-size:12px}.lesson{text-align:left;border:1px solid var(--line);background:var(--panel-2);border-radius:10px;gap:3px;width:100%;margin-bottom:7px;padding:10px 11px;display:grid}.lesson:hover{border-color:var(--accent)}.lesson b{font-size:13.5px}.lesson .meta{color:var(--muted);font-size:12px}.lesson .done{color:var(--good)}.steps{gap:4px;margin:10px 0;padding:0;list-style:none;display:grid}.steps li{color:var(--muted);border-radius:9px;grid-template-columns:22px 1fr;gap:8px;padding:7px 8px;display:grid}.steps li .n{border:1.5px solid;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.steps li.done{color:#7fbf9a}.steps li.done .n{background:var(--good);border-color:var(--good);color:#06250f}.steps li.cur{color:var(--text);background:#35d6c41a;outline:1px solid #35d6c44d}.steps li.cur .n{border-color:var(--accent);color:var(--accent)}.steps li .d{color:#b9c6d2;margin-top:3px;font-size:12.5px;display:none}.steps li.cur .d{display:block}.steps li .btn{margin-top:7px}.steps li.flash{animation:.7s flash}@keyframes flash{0%{background:#4ade8066}to{background:0 0}}.progress{background:#ffffff1a;border-radius:2px;height:4px;margin:8px 0 2px;overflow:hidden}.progress i{background:var(--accent);height:100%;transition:width .3s;display:block}.outro{color:#d6f7e2;background:#4ade801a;border:1px solid #4ade804d;border-radius:10px;margin:8px 0;padding:10px 11px}.keys{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;display:grid}.keys dt{font-family:var(--mono);color:var(--accent);white-space:nowrap;font-size:12px}.keys dd{color:#c5d0da;margin:0}h4{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:12px 0 6px;font-size:12px}h4:first-child{margin-top:0}#tip{z-index:60;border:1px solid var(--line);pointer-events:none;opacity:0;background:#0c0f14f2;border-radius:9px;max-width:290px;padding:7px 10px;font-size:12.5px;transition:opacity .1s;position:fixed;box-shadow:0 8px 26px #00000073}#tip.on{opacity:1}#tip b{color:#fff}#tip i{color:var(--accent);font-style:normal}#tip .volt{font-family:var(--mono);color:var(--warn)}#toasts{z-index:70;pointer-events:none;justify-items:center;gap:8px;width:min(560px,92vw);display:grid;position:fixed;bottom:62px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);background:#0c0f14f5;border-radius:10px;max-width:100%;padding:9px 14px;animation:.16s ease-out pop;box-shadow:0 10px 34px #00000080}.toast.bad{color:#ffd9d5;border-color:#ff6b5e99}.toast.good{color:#d6f7e2;border-color:#4ade808c}.toast.out{opacity:0;transition:opacity .3s}#hint{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);z-index:10;height:38px;color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:0 8px 0 14px;font-size:12.5px;display:flex;position:fixed;bottom:10px;left:10px;right:10px}#hint-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#hint .spacer{flex:1}#hint .lbl{white-space:nowrap}#hint .sep{background:var(--line);width:1px;height:18px}#hint button:not(.swatch){background:var(--panel-2);min-width:26px;height:26px;color:var(--text);white-space:nowrap;border:0;border-radius:7px;flex:none;padding:0 9px}#hint button:not(.swatch):hover{background:#ffffff1f}#swatches{align-items:center;gap:4px;display:flex}#swatches .swatch{width:18px;height:18px}@media (width<=900px){#hint .lbl,#swatches,#hint .sep{display:none}}#modal{z-index:100;-webkit-backdrop-filter:blur(4px);background:#080a0d99;place-items:center;display:none;position:fixed;inset:0}#modal.on{display:grid}.sheet{border:1px solid var(--line);background:#171c24;border-radius:16px;width:min(560px,92vw);padding:26px 28px;animation:.18s ease-out pop;box-shadow:0 30px 90px #0009}.sheet h1{letter-spacing:-.01em;margin:0 0 6px;font-size:24px}.sheet h1 em{color:var(--accent);font-style:normal}.sheet p{color:#b9c6d2;margin-bottom:16px;font-size:14px}.choices{gap:8px;display:grid}.choice{text-align:left;border:1px solid var(--line);background:var(--panel-2);border-radius:11px;gap:2px;padding:12px 14px;display:grid}.choice:hover{border-color:var(--accent);background:#35d6c414}.choice b{font-size:14.5px}.choice span{color:var(--muted)}.choice.main{background:var(--accent);color:var(--accent-ink);border-color:#0000}.choice.main span{color:#0b4a44}.sheet .row{justify-content:flex-end;margin-top:16px}.find{border:1px solid var(--line);width:100%;height:30px;color:var(--text);font:inherit;background:#00000040;border-radius:8px;outline:none;margin:0 0 10px;padding:0 10px}.find:focus{border-color:var(--accent)}.kitgrp{margin-bottom:8px}.kithead{align-items:center;gap:6px;margin-bottom:4px;display:flex}.kitname{height:24px;color:var(--text);letter-spacing:.07em;text-transform:uppercase;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:7px;padding:0 4px;font-size:11.5px;font-weight:700;display:flex}.kitname:after{content:"▾";color:var(--muted);margin-left:2px}.kitgrp.shut:not(.found) .kitname:after{content:"▸"}.kitgrp.shut:not(.found) .plist{display:none}.kitname i,.chip i,#kitpop i{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.kitname small{color:var(--muted);letter-spacing:0;font-weight:400}.kitgo{background:var(--panel-2);height:22px;color:var(--muted);border:0;border-radius:6px;padding:0 8px;font-size:11.5px}.kitgo:hover{color:var(--accent)}.pitem[hidden],.card[hidden],.kitgrp[hidden]{display:none}.chips{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.chip{border:1px solid var(--line);height:26px;color:var(--muted);background:0 0;border-radius:13px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.chip:hover{color:var(--text)}.chip.on{background:var(--panel-2);color:var(--text);border-color:var(--accent)}#hint button.on{color:var(--accent)}#kitpop{z-index:60;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);border-radius:12px;min-width:220px;padding:6px;display:none;position:fixed;bottom:54px;right:258px;box-shadow:0 16px 50px #00000073}#kitpop.on{display:grid}#kitpop button{height:30px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:0 8px;display:flex}#kitpop button:hover{background:var(--panel-2)}#kitpop b{flex:1;font-weight:600}#kitpop span{color:var(--muted);font-size:12px}#kitpop kbd{border:1px solid var(--line);min-width:18px;color:var(--muted);text-align:center;border-radius:5px;padding:1px 5px;font:11px ui-monospace,monospace}#map{z-index:15;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:10px;width:236px;padding:5px;display:none;position:fixed;bottom:56px;right:10px}#map.on{display:block}#map canvas{aspect-ratio:776/452;cursor:crosshair;border-radius:6px;width:100%;display:block}h4.scenes{margin-top:14px}.muted.foot{margin:10px 0 0}.row.tplbar{margin-bottom:8px}.row.tplbar .find{flex:1;margin:0}
