:root{--ink:#172c3f;--muted:#536979;--teal:#087d72;--pale:#e8f5ef;--line:#dce6e7;--blue:#336ad3;--purple:#7655ba;--bg:#f6f8f7;--shadow:0 12px 35px #1733490b;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #236cc8}button{cursor:pointer;border:1px solid #cddcde;background:#fff;color:var(--ink);border-radius:10px;padding:10px 16px;font-weight:650;min-height:44px;transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:#edf6f2;border-color:#94bdb4}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--teal);color:white;border-color:var(--teal)}.primary:hover:not(:disabled){background:#06675f;color:white}.danger{color:#a22938}a{color:#086e68;text-underline-offset:4px}p{margin:.5em 0 1em}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.025em;margin:0 0 .65em}h1{font-size:clamp(2.8rem,4.8vw,4.7rem);font-weight:750;letter-spacing:-.055em;line-height:1.04}h1 em{font-style:normal;color:var(--teal)}h2{font-size:clamp(1.5rem,2.2vw,2rem)}h3{font-size:1.1rem}h4{font-size:1rem}.site-header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1480px)/2));gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.5rem;font-weight:900;color:var(--teal)}.brand span{font-size:1rem;color:var(--ink);letter-spacing:-.03em}.site-header nav{display:flex;align-items:center;gap:25px}.site-header nav a{text-decoration:none;font-weight:600;color:var(--muted)}main{max-width:1530px;margin:auto;padding:0 34px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:center;padding:75px 10px 65px}.hero>div>p:not(.lead){max-width:560px;color:var(--muted);font-size:1.07rem}.lead{font-size:1.3rem;font-weight:600;margin-top:25px}.eyebrow{font-size:.7rem;letter-spacing:.14em;font-weight:800;color:var(--teal);display:block;margin-bottom:18px}.live-dot{display:inline-block;width:7px;height:7px;background:#33a485;border-radius:50%;margin-right:7px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hero .actions{margin-top:28px}.hero .primary{padding:14px 22px}.hero .primary span{margin-left:20px}.hero-facts{display:flex;flex-wrap:wrap;gap:20px;color:var(--muted);font-size:.78rem;margin-top:23px}.hero-facts span:before{content:'✓';color:var(--teal);margin-right:7px}.hero-map{position:relative;background:radial-gradient(#bfdbd1 1px,transparent 1px) 0 0/18px 18px,#eaf4ef;border:1px solid #d2e6db;border-radius:28px;min-height:400px;padding:45px 35px 48px;box-shadow:inset 0 0 70px #ffffff90}.float-label{font-size:.65rem;letter-spacing:.18em;color:#678575;margin-bottom:26px;font-weight:800}.demo-node{background:white;border:1px solid #d3e4dd;border-radius:13px;padding:16px;display:flex;align-items:center;gap:13px;box-shadow:0 10px 22px #2d5a4820}.demo-node small{font-size:.59rem;letter-spacing:.1em;color:var(--muted);display:block}.demo-node strong{font-size:.87rem;display:block}.demo-node.first{width:72%}.node-icon{display:grid;place-items:center;background:#dff3ea;color:var(--teal);font-size:1.3rem;width:40px;height:40px;border-radius:10px}.lilac{background:#eee5fa;color:var(--purple)}.demo-path{height:29px;border-left:2px solid #8eafa1;margin-left:53px}.demo-row{display:flex;gap:12px;align-items:center;padding-left:25px}.demo-row .demo-node{width:78%}.demo-pill{font-size:.68rem;white-space:nowrap;background:#fff8d9;color:#765b16;padding:6px 9px;border-radius:8px;transform:rotate(-6deg)}.demo-branches{display:flex;gap:16px;padding:29px 0 0 20px;position:relative}.demo-branches:before{content:'';position:absolute;top:0;left:20%;right:20%;height:28px;border:2px solid #8eafa1;border-bottom:0}.demo-node.small{flex:1;padding:13px 12px;z-index:1}.demo-node.small>span{color:var(--teal);font-size:1.3rem}.float-note{z-index:2;position:absolute;right:25px;bottom:-26px;background:var(--ink);color:white;padding:9px 16px;transform:rotate(-3deg);font-size:.75rem;border-radius:8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.section-head h2,.section-head h3{margin:0}.section-head p{color:var(--muted);font-size:.9rem;max-width:330px;margin:0}.section-head .eyebrow{margin-bottom:8px}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.template-card{background:white;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.template-card p{font-size:.86rem;color:var(--muted);flex:1}.template-card .template-icon{font-size:1.4rem;margin-bottom:14px;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--pale);color:var(--teal)}.template-card h3{font-size:1.06rem}.template-card button{margin-top:8px}.hint{font-size:.8rem;color:var(--muted);line-height:1.55}.badge{display:inline-flex;background:#edf4f1;color:#365f57;border-radius:7px;padding:4px 8px;font-size:.7rem;white-space:nowrap;font-weight:650}#notice{padding:13px 20px;background:#edf5f1;border-left:3px solid #92c7b5;color:#365f57;border-radius:8px;margin:28px 0;font-size:.9rem;min-height:50px}.error{color:#a32436!important;background:#fff0f1!important}.project-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.project-heading .eyebrow{margin-bottom:5px}.project-heading h2{margin-bottom:8px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:22px;flex-wrap:wrap;padding-bottom:10px}.tabs button{background:transparent;border-color:transparent;font-size:.86rem;color:var(--muted)}.tabs button.active{background:#e0efe8;color:#086e64;border-color:#c5e1d5}.builder{display:grid;grid-template-columns:205px minmax(300px,1fr) 335px;gap:16px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);background:white;padding:24px;box-shadow:var(--shadow)}.screen-rail{padding:17px 12px}.screen-rail .section-head{padding:0 5px}.screen-rail label{padding:0 4px}.screen-rail input{font-size:.8rem}.add-row{display:flex;gap:6px;margin-bottom:15px}.add-row select{min-width:0;font-size:.78rem}.add-row button{padding:6px 12px}.screen-rail #screenList{display:grid;gap:7px;max-height:600px;overflow:auto}.screen-item{display:block;text-align:left;width:100%;padding:10px 11px;background:#f8faf9;border:1px solid transparent;font-size:.82rem;overflow-wrap:anywhere}.screen-item small{font-size:.65rem;display:block;color:var(--muted);margin-bottom:3px}.screen-item.selected{background:#eaf5ef;border-color:#88bcaa;color:#07685e}.screen-rail .hint{margin:16px 5px 0}.map-column{min-width:0}.map-toolbar{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px 14px 0 0;padding:10px}.map-toolbar button{font-size:.75rem;min-height:36px;padding:6px 10px}#zoomLabel{font-size:.7rem;min-width:32px}#mapHost{height:530px;overflow:auto;background:radial-gradient(#cadbd2 1px,transparent 1px) 0 0/18px 18px,#f0f6f2;border:1px solid var(--line);border-top:0;border-radius:0 0 15px 15px;touch-action:pan-x pan-y}#map{display:block;max-width:none;touch-action:none}#map [data-node]{cursor:grab}#map [data-port]{cursor:crosshair}#map [data-node]:focus rect{stroke:#236cc8;stroke-width:4px}.map-legend{display:flex;gap:12px;font-size:.68rem;color:var(--muted);padding:13px 0}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.teal{background:#108d7c}.blue{background:#4677ce}.violet{background:#8b64c6}.amber{background:#b37c27}.editor{padding:20px;max-height:1000px;overflow:auto}.editor h3{font-size:1.05rem}.editor .eyebrow{font-size:.63rem;margin-bottom:5px}.editor label{font-size:.77rem}.editor-bottom{margin-top:22px;padding-top:15px;border-top:1px solid var(--line)}label{display:block;font-size:.86rem;font-weight:650;margin-bottom:14px}input:not([type=checkbox]):not([type=file]),select,textarea{display:block;width:100%;max-width:100%;border:1px solid #cadadd;background:#fcfdfd;border-radius:8px;padding:10px 11px;color:var(--ink);margin-top:6px;min-width:0}textarea{resize:vertical;line-height:1.5}input[type=file]{display:block;margin-top:8px;width:100%;font-size:.77rem}input[type=checkbox]{accent-color:var(--teal);width:17px;height:17px}.inline{display:flex;align-items:center;gap:7px;margin:0;font-size:.78rem}.two,.three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card{border:1px solid #dae5e0;background:#f7faf8;border-radius:12px;padding:14px;margin:12px 0}.choice-card .two{gap:10px}.choice-card button{font-size:.74rem;padding:6px 9px;min-height:36px}.choice-card h4{font-size:.8rem}.choice-card textarea{font-size:.8rem}.choice-card label:last-child{margin-bottom:0}.editor details{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}summary{cursor:pointer;font-weight:650;padding:8px 0}.editor summary{font-size:.86rem}.image-thumb{width:100%;max-height:140px;object-fit:contain;background:#f2f5f3;border-radius:9px;margin:8px 0}.callout{border-left:3px solid #6db29d;background:#ecf6f0;border-radius:7px;padding:13px 16px;font-size:.88rem;white-space:pre-wrap}.screen-mini{margin-top:20px}.mini-card{display:flex;gap:15px;align-items:center}.mini-card>span{display:grid;place-items:center;min-width:60px;height:60px;font-size:1.8rem;border-radius:15px;background:#e5f2ec}.mini-card img{width:80px;height:70px;object-fit:cover;border-radius:8px}.mini-card p{font-size:.83rem;color:var(--muted);margin:4px 0;white-space:pre-wrap}.mini-card h4{margin:0}.view>details{margin-top:20px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5f3;padding:18px;border-radius:10px;font-size:.8rem}#health p{margin:6px 0}#health button{display:block;text-align:left;width:100%;margin:8px 0;font-size:.85rem}#health .warning{background:#fff9e8;color:#765619}.export-cards{margin:20px 0}.export-cards button{margin-top:10px}.card-number{display:block;color:var(--teal);font-size:.8rem;font-weight:800;letter-spacing:.14em;margin-bottom:15px}.export-cards p{font-size:.9rem;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guide-grid article{border:1px solid var(--line);padding:22px;border-radius:15px}.guide-grid p,.guide-grid li{font-size:.9rem;color:var(--muted)}.bottom-note{padding:70px 8px 50px;max-width:1100px;margin:auto}.bottom-note>p{color:var(--muted);max-width:700px}.bottom-note .three{margin-top:30px}.bottom-note h3{font-size:1rem}.bottom-note .three p{font-size:.87rem;color:var(--muted)}footer{border-top:1px solid var(--line);text-align:center;padding:35px 20px;background:#fff;font-size:.85rem}footer p{color:var(--muted)}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:white;padding:15px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
/* The same player styles ship in published scenarios. */
.player{--accent:#087d72;max-width:1060px;margin:24px auto;color:var(--ink)}.player.theme-violet{--accent:#7150ad}.player.theme-sunset{--accent:#a84732}.player-top,.player-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:10px 4px}.player-top .eyebrow{margin:0;color:var(--accent)}.scene{border:1px solid var(--line);background:white;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:.75fr 1.25fr;box-shadow:0 20px 60px #183d3910}.scene-content{padding:35px;min-width:0}.scene-content h2{font-size:clamp(1.6rem,3vw,2.3rem)}.scene-content .eyebrow{color:var(--accent);font-size:.64rem}.scene-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;background:#e5f3eb;position:relative;gap:20px}.scene-visual>span{font-size:6rem;line-height:1;filter:drop-shadow(0 6px 0 #ffffff80)}.scene-visual small{font-size:.65rem;letter-spacing:.16em;font-weight:800}.scene-visual img{width:100%;height:100%;max-height:650px;object-fit:contain}.color-teal{background:linear-gradient(145deg,#d5ede2,#f0f8dc);color:#146957}.color-blue{background:linear-gradient(145deg,#dbe8ff,#e9f4fa);color:#2f5898}.color-violet{background:linear-gradient(145deg,#ece0fc,#f4effa);color:#7955a5}.color-amber{background:linear-gradient(145deg,#f8e6b7,#fff4da);color:#856124}.color-rose{background:linear-gradient(145deg,#f6dce0,#fff0e9);color:#9a4e5f}.layout-banner{grid-template-columns:1fr}.layout-banner .scene-visual{min-height:180px;max-height:300px}.layout-banner .scene-visual img{max-height:300px}.layout-text{grid-template-columns:1fr}.player-choices{display:grid;gap:9px;margin:22px 0}.player-choices button{text-align:left;padding:14px 17px;border-radius:12px;font-size:.94rem;overflow-wrap:anywhere;font-weight:550;line-height:1.5}.player-choices .chosen{border-color:var(--accent);background:#eaf5ef;opacity:1}.player .primary{background:var(--accent);border-color:var(--accent)}.prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.feedback{background:#f0f5fa;border:1px solid #dce5ed;border-radius:12px;padding:19px;margin-top:18px;overflow-wrap:anywhere}.feedback.correct{background:#edf8ef;border-color:#b6dabb}.feedback.incorrect{background:#fff6e7;border-color:#e6cda4}.feedback p{margin:7px 0 14px;white-space:pre-wrap}.published{max-width:1150px;margin:0 auto;padding:24px}.published header{padding:10px 5px}.published footer{background:transparent;margin-top:30px}
@media(min-width:1600px){.builder{grid-template-columns:220px minmax(400px,1fr) 365px}}
@media(max-width:1200px){.builder{grid-template-columns:180px minmax(0,1fr)}.editor{grid-column:1/-1;max-height:none}.editor #screenEditor{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.editor #screenEditor>.full{grid-column:1/-1}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:30px}.hero-map{padding:30px 20px}.demo-pill{display:none}.demo-row .demo-node{width:100%}}
@media(max-width:760px){main{padding:0 18px}.site-header{height:65px;padding:0 20px}.site-header nav{gap:12px}.site-header nav a{font-size:.8rem}.site-header nav button{display:none}.hero{grid-template-columns:1fr;padding:40px 0}.hero-map{min-height:350px;margin:6px 0 15px}.hero-facts{gap:11px;font-size:.7rem}.hero .lead{font-size:1.12rem}.hero .actions button{font-size:.85rem}.section-head{align-items:flex-start;flex-wrap:wrap}.section-head p{max-width:none}.project-heading{flex-direction:column;align-items:flex-start}.template-grid{gap:10px}.template-card{padding:16px}.template-card h3{font-size:1rem}.template-card button{font-size:.8rem}.builder{grid-template-columns:1fr}.screen-rail #screenList{max-height:220px}.editor{grid-column:auto}.editor #screenEditor{display:block}#mapHost{height:340px}.two,.three,.guide-grid{grid-template-columns:1fr}.panel{padding:20px}.tabs button{font-size:.77rem;padding:8px 10px}.tabs{gap:2px}.scene{grid-template-columns:1fr}.scene-visual{min-height:150px;max-height:230px}.scene-visual>span{font-size:3.5rem}.scene-visual img{max-height:230px}.scene-content{padding:24px}.player-top{align-items:flex-start}.player-top .eyebrow{font-size:.6rem;letter-spacing:.09em}.player-top .badge{font-size:.6rem}.bottom-note{padding-top:45px}.hero-map .float-note{right:12px}.published{padding:12px}.map-toolbar{flex-wrap:wrap}.player-choices button{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}