:root{--bg:#080b11;--bg-grid:#0d1119;--panel:#10141d;--panel-2:#141a25;--panel-3:#1a2130;--border:#232c3d;--border-soft:#1a2130;--text:#e7edf6;--muted:#8a95a9;--muted-2:#5f6b7f;--accent:#63e0ff;--accent-dim:#2a8fb8;--warm:#f5b942;--danger:#ff5c4d;--good:#7ee08a;--violet:#a78bfa;--radius:10px;--radius-sm:7px;--shadow:0 18px 44px #0000008c;--mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, sans-serif;--editor-font-size:13.5px;--editor-line-height:1.62;--editor-padding:18px 20px}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:radial-gradient(1100px 620px at 78% -10%, #63e0ff12, transparent 60%), radial-gradient(900px 500px at 10% 110%, #f5b9420f, transparent 60%), linear-gradient(var(--bg-grid) 1px, transparent 1px) 0 0 / 100% 34px, linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px) 0 0 / 34px 100%, var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5;overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{grid-template-rows:auto auto minmax(0,1fr) auto;height:100dvh;display:grid}.topbar{grid-row:1}.tabs{grid-row:2}.panes{grid-row:3}.toolbar{grid-row:4}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#10141deb,#0a0d14d1);justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{filter:drop-shadow(0 0 10px #63e0ff4d);place-items:center;display:grid}.brand-text h1{letter-spacing:-.015em;margin:0;font-size:18px;font-weight:650;line-height:1.15}.brand-text h1 span{color:var(--accent)}.brand-text p{color:var(--muted);letter-spacing:.02em;margin:1px 0 0;font-size:12px}.topbar-actions{align-items:center;gap:8px;display:flex}.badge{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:34ch;padding:5px 11px;font-size:11.5px;overflow:hidden}.btn{appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text);font-family:var(--sans);letter-spacing:.01em;cursor:pointer;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:550;text-decoration:none;transition:background .16s,border-color .16s,transform .1s,color .16s;display:inline-flex}.btn:hover{background:var(--panel-3);border-color:#33405a}.btn:active{transform:translateY(1px)}.btn.primary{color:#d7f6ff;background:linear-gradient(#63e0ff2e,#63e0ff14);border-color:#63e0ff73}.btn.primary:hover{border-color:var(--accent);background:linear-gradient(#63e0ff42,#63e0ff1f)}.btn.ghost{background:0 0}.btn.icon{padding:6px 10px;font-size:14px}.btn:focus-visible,[role=tab]:focus-visible,textarea:focus-visible,.warnings-head:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font-family:var(--mono);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:11px;display:inline-block}.tabs{border-bottom:1px solid var(--border);background:#0a0d14b3;gap:6px;padding:8px 12px;display:none}.tabs [role=tab]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);color:var(--muted);font:inherit;cursor:pointer;flex:1;padding:9px 12px;font-size:13px;font-weight:600}.tabs [role=tab][aria-selected=true]{color:#d7f6ff;background:#63e0ff1f;border-color:#63e0ff73}.panes{background:var(--border-soft);grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr);gap:1px;min-height:0;display:grid}.app[data-mode=play] .panes{grid-template-columns:minmax(240px,.52fr) minmax(520px,1.7fr)}@media (max-width:1400px){.panes{grid-template-columns:minmax(320px,.86fr) minmax(460px,1.14fr)}}.pane{background:var(--panel);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.pane-head{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--panel-2), var(--panel));justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex;overflow:hidden}.pane-head h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex:none;margin:0;font-size:11px;font-weight:700}.pane-meta{min-width:0;font-family:var(--mono);color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:11px;overflow:hidden}.editor-wrap{background:linear-gradient(180deg, #63e0ff08, transparent 120px), var(--panel);min-height:0;position:relative;overflow:hidden}.editor-highlight,#markdown-input{padding:var(--editor-padding);font-family:var(--mono);font-size:var(--editor-font-size);line-height:var(--editor-line-height);tab-size:2;white-space:pre;overflow-wrap:normal;word-break:normal;border:0;margin:0;position:absolute;inset:0;overflow:auto}.editor-highlight{pointer-events:none;color:var(--muted);overflow:hidden}#markdown-input{color:#0000;caret-color:var(--accent);resize:none;outline-offset:-2px;background:0 0}#markdown-input::selection{background:#63e0ff42}.app[data-mode=play] .pane-editor{opacity:.82}.app[data-mode=play] .editor-wrap:after{content:"";pointer-events:none;background:#080b1138;position:absolute;inset:0}.tok-h1{color:#ffd9a0;font-weight:700}.tok-h2{color:var(--accent);font-weight:700}.tok-h3{color:#9fd8ff}.tok-item{color:var(--good)}.tok-quest{color:var(--warm)}.tok-quest-done{color:var(--muted-2);text-decoration:line-through}.tok-quote{color:#c7b3ff;font-style:italic}.tok-link{color:#ff9ecd}.tok-fence{color:var(--muted-2)}.tok-directive{color:var(--danger);font-weight:700}.tok-key{color:#9fd8ff}.tok-value{color:#e7edf6}.tok-code{color:#9aa7bd}.tok-text{color:#b9c3d4}.drop-hint{border-radius:var(--radius);color:var(--accent);z-index:5;background:#080c14e0;border:2px dashed #63e0ff8c;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:14px;display:none;position:absolute;inset:10px}.drop-hint span{color:var(--muted);font-size:12px}.editor-wrap.dragging .drop-hint{display:flex}.warnings{border-top:1px solid var(--border);background:var(--panel-2)}.warnings-head{width:100%;color:var(--warm);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:9px 16px;font-size:12px;display:flex}.warnings-count{min-width:19px;height:19px;font-family:var(--mono);background:#f5b9422e;border-radius:999px;place-items:center;padding:0 5px;font-size:11px;display:inline-grid}.warnings-head .chev{margin-left:auto;transition:transform .16s}.warnings-head[aria-expanded=true] .chev{transform:rotate(90deg)}.warnings-list{max-height:132px;color:var(--muted);font-family:var(--mono);margin:0;padding:0 16px 12px 34px;font-size:11.5px;overflow-y:auto}.warnings-list li{margin-bottom:5px}.warnings-list li::marker{color:var(--warm)}.pane-game{grid-template-rows:auto minmax(0,1fr)}.stage{background:radial-gradient(120% 90% at 50% 0,#0f1420,#05070c 70%);min-height:0;position:relative;overflow:hidden}.game-host{place-items:center;display:grid;position:absolute;inset:0}.game-host canvas{image-rendering:pixelated;border-radius:4px;display:block;box-shadow:0 0 0 1px #63e0ff1f,0 20px 60px #0009}.hud{z-index:2;pointer-events:none;font-family:var(--mono);flex-direction:column;padding:12px 14px;display:flex;position:absolute;inset:0}.hud-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hud-block{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080b12b8;border:1px solid #63e0ff24;padding:7px 11px}.hud-right{text-align:right}.hearts{flex-wrap:wrap;gap:4px;max-width:220px;font-size:15px;line-height:1;display:flex}.heart{color:var(--danger);filter:drop-shadow(0 0 5px #ff5c4d73)}.hud-sub{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:5px;font-size:10.5px}.hud-sub .boost{color:var(--violet)}.room-title{color:var(--accent);letter-spacing:.03em;font-size:12.5px;font-weight:600}.hud.compact{padding:8px}.hud.compact .hud-block{padding:5px 8px}.hud.compact .hearts{font-size:12px}.hud.compact .hud-sub,.hud.compact .quest-log-head{font-size:9px}.hud.compact .room-title{font-size:10.5px}.hud.compact .quest-log{max-width:150px;padding:6px 8px}.hud.compact .quest-log li{font-size:9.5px}.hud.compact .narration,.hud.compact .prompt,.hud.compact .toast{font-size:10.5px}.hud.compact .narration{padding:8px 10px}.boss-bar{border-radius:var(--radius-sm);background:#0a0608cc;border:1px solid #ff5c4d57;align-self:center;width:min(420px,74%);margin-top:10px;padding:7px 12px 9px}.boss-name{color:#ffbcae;letter-spacing:.16em;text-align:center;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:700}.boss-track{background:#1b1013;border:1px solid #ff5c4d4d;border-radius:999px;height:9px;overflow:hidden}.boss-fill{background:linear-gradient(90deg,#ff5c4d,#ffb04d);width:100%;height:100%;transition:width .18s ease-out}.quest-log{border-radius:var(--radius-sm);background:#080b129e;border:1px solid #f5b94224;align-self:flex-end;max-width:232px;margin-top:10px;padding:7px 10px}.quest-log-head{color:var(--warm);opacity:.8;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px;font-size:9.5px;font-weight:700}.quest-log ul{margin:0;padding:0;list-style:none}.quest-log li{color:#d3dbe8;gap:6px;font-size:11px;line-height:1.45;display:flex}.quest-log li+li{margin-top:2px}.quest-log li .box{color:var(--warm)}.quest-log li.done{color:var(--muted-2)}.quest-log li.done .box{color:var(--good)}.quest-log li.done .label{text-decoration:line-through}.quest-more{color:var(--muted-2);margin-top:5px;font-size:10.5px}.toasts{flex-direction:column;gap:5px;margin-top:auto;display:flex}.narration+.prompt{margin-top:8px}.toast{border-left:2px solid var(--accent);color:var(--text);background:#080b12db;border-radius:5px;align-self:flex-start;padding:6px 11px;font-size:12px;animation:.22s ease-out toast-in}.toast.quest{border-left-color:var(--good);color:#cdf7d8}.toast.warn{border-left-color:var(--danger);color:#ffd0c9}.toast.item{border-left-color:var(--warm);color:#ffe9bd}.toast.leaving{animation:.24s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translate(-10px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-6px)}}.prompt{color:#d7f6ff;letter-spacing:.03em;background:#080b12e0;border:1px solid #63e0ff57;border-radius:999px;align-self:center;margin-top:8px;padding:7px 15px;font-size:12.5px}.narration{border:1px solid #63e0ff29;border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:#06090fe0;align-self:center;width:min(460px,88%);margin-top:auto;padding:12px 16px;animation:.3s ease-out narrate}.narration-title{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700}@keyframes narrate{0%{opacity:0;transform:translateY(8px)}}.stage-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#04060bc7;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, var(--panel-2), var(--panel));width:min(440px,100%);box-shadow:var(--shadow);text-align:center;padding:24px;animation:.24s ease-out panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}.panel h3{letter-spacing:-.01em;margin:0 0 8px;font-size:19px}.panel p{color:#c3cddd;margin:0 0 6px;font-size:13.5px}.panel .muted{color:var(--muted);font-size:12.5px}.panel code{background:var(--panel-3);color:var(--accent);font-family:var(--mono);border-radius:4px;padding:2px 6px;font-size:12.5px}.panel-actions{justify-content:center;gap:9px;margin-top:18px;display:flex}.dialog{text-align:left;position:relative}.dialog-mark{color:#f5b94266;pointer-events:none;font-family:Georgia,serif;font-size:54px;line-height:1;position:absolute;top:-6px;left:16px}#dialog-body{color:#dbe4f1;border-left:2px solid #f5b94273;padding-left:14px;font-size:14px;line-height:1.65}#dialog-body p{color:inherit;font-size:inherit;margin:0 0 8px}#dialog-body p:last-child{margin-bottom:0}.dialog .btn{margin-top:18px}.result-tag{color:#ffb0a5;font-family:var(--mono);letter-spacing:.18em;background:#ff5c4d1f;border:1px solid #ff5c4d66;border-radius:999px;margin-bottom:14px;padding:5px 13px;font-size:11px;font-weight:700;display:inline-block}.result-tag.ok{color:#a8f0b6;background:#7ee08a1f;border-color:#7ee08a66}.result.win h3{color:#0000;letter-spacing:.02em;background:linear-gradient(92deg,#7ee08a,#63e0ff 55%,#f5b942);-webkit-background-clip:text;background-clip:text;font-size:24px}.build-log{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--good);font-family:var(--mono);text-align:left;white-space:pre-wrap;background:#0a0e15;margin:0 0 16px;padding:13px 15px;font-size:12px;line-height:1.65}.toolbar{border-top:1px solid var(--border);background:linear-gradient(#10141de6,#0a0d14f2);justify-content:space-between;align-items:center;gap:14px;padding:10px 16px;display:flex}.toolbar-group{flex-wrap:wrap;gap:8px;display:flex}.controls-hint{color:var(--muted-2);text-align:right;margin:0;font-size:11.5px}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#04060bc2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);width:min(760px,100%);max-height:min(78vh,760px);box-shadow:var(--shadow);grid-template-rows:auto minmax(0,1fr);animation:.22s ease-out panel-in;display:grid}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.modal-head h2{margin:0;font-size:16px}.modal-body{padding:6px 18px 20px;overflow-y:auto}.help-intro{color:var(--muted);margin:12px 0 18px;font-size:13.5px}.help-table{border-collapse:collapse;width:100%;margin-bottom:22px}.help-table th,.help-table td{border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top;padding:8px 10px;font-size:13px}.help-table th{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10.5px}.help-table code{color:var(--accent);font-family:var(--mono);white-space:pre;font-size:12.5px}.help-section{margin-bottom:20px}.help-section h3{margin:0 0 6px;font-size:13.5px}.help-section p{color:var(--muted);margin:0 0 8px;font-size:13px}.help-section pre{border:1px solid var(--border);border-radius:var(--radius-sm);color:#cdd8e8;font-family:var(--mono);background:#0a0e15;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.6;overflow-x:auto}.help-section li{color:var(--muted);margin-bottom:4px;font-size:13px}@media (max-width:900px){body{overflow:auto}.app{grid-template-rows:auto auto minmax(0,1fr) auto}.tabs{display:flex}.panes,.app[data-mode=play] .panes{grid-template-columns:1fr}.pane{display:none}.app[data-tab=editor] .pane-editor,.app[data-tab=game] .pane-game{display:grid}.app[data-mode=play] .pane-editor{opacity:1}.topbar{flex-wrap:wrap}.badge,.controls-hint{display:none}.quest-log{max-width:180px}}@media (max-width:520px){.brand-text p{display:none}.toolbar{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.armor-row{flex-wrap:wrap;gap:4px;max-width:220px;margin-top:3px;font-size:12px;line-height:1;display:flex}.shard{color:var(--accent);filter:drop-shadow(0 0 5px #63e0ff73)}.weapon-line{text-transform:none;letter-spacing:.01em;color:var(--text);align-items:baseline;gap:6px;font-size:11px;display:flex}.hud-tag{color:var(--muted-2);letter-spacing:.14em;font-size:9px}.hud-sep{color:var(--muted)}.hud-sep:before{content:"· "}.hud-sub.gold{color:var(--warm);text-transform:none;letter-spacing:.02em}.passives{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.passive{color:#d7f6ff;background:#63e0ff1a;border:1px solid #63e0ff47;border-radius:5px;place-items:center;min-width:20px;height:18px;padding:0 5px;font-size:10.5px;line-height:1;display:inline-grid}.passive-hotfix{color:#b8f0c4;background:#7ee08a1f;border-color:#7ee08a66}.passive-shield{color:#e2e8f0;background:#cbd5e11a;border-color:#cbd5e157}.passive-overcharge{color:#ffe9bd;background:#f5b94224;border-color:#f5b94273}.passive-sudo{color:#e9d5ff;background:#a78bfa24;border-color:#a78bfa73}.equip-card{border-radius:var(--radius-sm);background:#06090feb;border:1px solid #63e0ff57;align-self:center;width:min(260px,76%);margin-top:auto;padding:10px 13px;animation:.18s ease-out narrate}.equip-name{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:11.5px;font-weight:700}.equip-stats{margin:0 0 6px;padding:0;list-style:none}.equip-stats li{color:var(--muted);justify-content:space-between;gap:10px;font-size:11px;line-height:1.55;display:flex}.equip-stats .value{font-weight:700}.equip-stats .value.up{color:var(--good)}.equip-stats .value.down{color:var(--danger)}.equip-stats .value.same{color:var(--muted-2)}.equip-current{color:var(--muted-2);margin-bottom:7px;font-size:10.5px}.equip-current:empty{display:none}.equip-action{color:#d7f6ff;letter-spacing:.04em;font-size:11.5px}.hud.compact .equip-card{width:min(210px,88%);padding:7px 9px}.hud.compact .equip-card .equip-name{font-size:10px}.hud.compact .equip-stats li,.hud.compact .equip-action{font-size:9.5px}.editor-highlight .active-room{width:100%;box-shadow:inset 3px 0 0 var(--accent), -20px 0 0 #63e0ff1a;background:#63e0ff1a;display:inline-block}.heart,.shard{text-indent:-9999px;background:currentColor;display:block;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.heart{color:#ff4d6d;filter:drop-shadow(0 1px #0000008c);width:13px;height:12px;-webkit-mask-image:var(--icon-heart);-webkit-mask-image:var(--icon-heart);mask-image:var(--icon-heart)}.heart.empty{color:#3a4256;filter:none}.shard{width:11px;height:12px;color:var(--accent);filter:drop-shadow(0 1px #0000008c);-webkit-mask-image:var(--icon-shard);-webkit-mask-image:var(--icon-shard);mask-image:var(--icon-shard)}.shard.empty{color:#313c54;filter:none}:root{--icon-heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 7' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M1 0h2v1H1zM5 0h2v1H5zM0 1h8v2H0zM1 3h6v1H1zM2 4h4v1H2zM3 5h2v1H3z'/%3E%3C/svg%3E");--icon-shard:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M3 0h1v1H3zM2 1h3v1H2zM1 2h5v1H1zM0 3h7v1H0zM1 4h5v1H1zM2 5h3v1H2zM3 6h1v1H3z'/%3E%3C/svg%3E")}.hearts,.armor-row{gap:3px}.armor-row{margin-top:5px}.hud-block{background:#06090fc7;border-color:#63e0ff2e;padding:6px 10px;box-shadow:0 2px 10px #00000059}.hud-tag{color:var(--accent);opacity:.65}.narration{border:1px solid #63e0ff1f;border-left:3px solid var(--accent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05080dc7;border-radius:5px;width:min(430px,84%);padding:8px 12px}.narration-title{letter-spacing:.16em;margin-bottom:2px;font-size:10px}.narration-body{color:#b3bfd0;font-size:11.5px;line-height:1.45}.quest-log{background:#06090f9e;padding:7px 10px}.prompt{background:#06090fe6;padding:6px 13px;font-size:12px}.game-host canvas{cursor:crosshair;border-radius:3px;box-shadow:0 0 0 1px #63e0ff2e,0 0 0 5px #080b12e6,0 0 34px #63e0ff12,0 22px 60px #000000a6}.brand-text h1{letter-spacing:-.025em;color:#f2f7ff;font-size:23px;font-weight:700;line-height:1.05}.brand-text h1 span{text-shadow:0 0 14px #63e0ff73}.brand-text p{color:#93a2b8;letter-spacing:.15em;text-transform:uppercase;margin-top:3px;font-size:10.5px;font-weight:600}.brand-mark svg{width:33px;height:33px}.pane-head{border-bottom-color:var(--border);background:linear-gradient(180deg, #161d2a, var(--panel));padding:9px 16px}.pane-head h2{color:var(--accent);opacity:.85}.pane-head h2:before{content:"▍";opacity:.6;margin-right:6px}.editor-highlight .active-room{box-shadow:inset 3px 0 0 var(--accent), -20px 0 0 #63e0ff21;background:#63e0ff21}