@bongos/core 1.20.74 → 1.20.75

package/modules/public-landing/public/projects.html

@@ -167,6 +167,54 @@ h1[tabindex="-1"]:focus:not(:focus-visible){outline:none;}
   .forkStage{max-width:300px;}
   .forkRoutes{margin-top:32px;}
 }
+/* planet physics (task 1004418, BV2.PS07): the fork's layout, its stage forming a
+   planet as the answers come in. The canvas's seven-question rail is a quiet
+   label-face row inside the panel; the wizard's own rail stays above it. Choices
+   are the wizard's hairline pills; the planet grows by a step size per answer. */
+.physCrumb{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px;}
+.physRail{list-style:none;display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 22px;padding:0;font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);}
+.physRail li.now{color:var(--ink);}
+.physRail li.done{color:var(--ink-soft);}
+.physRail li.now::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--accent);vertical-align:2px;}
+.physQ h1 em{font-style:italic;}
+.physCells .tpill small{display:block;font-size:13.5px;font-weight:400;color:var(--ink-soft);line-height:1.4;}
+.physCells .tpill[disabled]{opacity:.45;cursor:default;}
+.physWhy{font-size:14px;line-height:1.5;color:var(--ink-soft);max-width:60ch;margin:0 0 14px;}
+.physExisting{margin:4px 0 14px;padding:0;border:0;}
+.physExisting legend{font-size:15px;color:var(--ink);margin:0 0 6px;padding:0;}
+.physCheck{display:flex;align-items:flex-start;gap:12px;min-height:24px;padding:10px 0;border-top:1px solid var(--rule-soft);font-size:15px;color:var(--ink);cursor:pointer;}
+.physCheck input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--accent);}
+.physCheck small{display:block;font-size:13.5px;color:var(--ink-soft);}
+.physMain{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);}
+.physMain input{width:16px;height:16px;margin:0;accent-color:var(--accent);}
+/* the two pickers in the renderSetup field grammar: a hairline under, 44px tall */
+.physRow2 select{display:block;width:100%;min-height:44px;font-family:var(--font-body);font-size:16px;color:var(--ink);background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:8px 0;outline:none;}
+.physRow2 select:focus{border-bottom-color:var(--ink);}
+.physRow2 select option{background:var(--bg);color:var(--ink);}
+.physRow2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;}
+.physNote{margin:6px 0 14px;padding:14px 0 0;border-top:1px solid var(--rule);max-width:62ch;}
+.physNoteH{font-size:15px;color:var(--ink);margin:0 0 8px;}
+.physTiers{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 16px;margin:0 0 10px;font-size:14.5px;line-height:1.45;}
+.physTiers dt{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);padding-top:2px;}
+.physTiers dd{margin:0;color:var(--ink);}
+.physGrp{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);margin:12px 0 4px;}
+.physLink{background:none;border:0;padding:3px 0;min-height:24px;font:inherit;font-size:14px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
+.physStage .physPlanet{transition:width .6s ease;}
+.physStage .physPlanet[data-size="1"]{width:22%;}
+.physStage .physPlanet[data-size="2"]{width:28%;}
+.physStage .physPlanet[data-size="3"]{width:34%;}
+.physStage .physPlanet[data-size="4"]{width:40%;}
+.physStage .physPlanet[data-size="5"]{width:46%;}
+.physStage .physPlanet[data-size="6"]{width:50%;}
+.physGuard{position:absolute;inset:14%;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:50%;outline:1px dashed color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:6px;}
+.physStage.physStopped{opacity:.6;}
+.physCap,.physFoot{position:absolute;left:16px;right:16px;margin:0;}
+.physFoot{bottom:14px;display:grid;gap:6px;}
+.physCap,.physCallout,.physCoords{margin:0;font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-soft);}
+.physCap{top:14px;}
+.physCallout{color:var(--ink);text-transform:none;letter-spacing:0;font-family:var(--font-body);font-size:13px;}
+.physCoords{color:var(--ink-faint);}
+@media (max-width:840px){ .physRow2{grid-template-columns:1fr;} }
 /* under 520 the two doors cannot sit side by side at 48px, so they stack —
    still two equal doors in one object */
 @media (max-width:520px){
@@ -1243,15 +1291,16 @@ summary{min-height:24px;padding:3px 0;}
   <div class="wrap viewWrap">
     <div class="card wizFront">
       <ol class="steps" aria-label="Creation steps">
-        <li class="now" data-step="3" aria-current="step"><span class="snum">1</span><span class="slbl">Name</span></li>
-        <li data-step="4"><span class="snum">2</span><span class="slbl">Type</span></li>
-        <li data-step="5"><span class="snum">3</span><span class="slbl">About</span></li>
-        <li data-step="6"><span class="snum">4</span><span class="slbl">Modules</span></li>
-        <li data-step="7"><span class="snum">5</span><span class="slbl">Home</span></li>
-        <li data-step="8"><span class="snum">6</span><span class="slbl">Address</span></li>
-        <li data-step="9"><span class="snum">7</span><span class="slbl">App</span></li>
-        <li data-step="10"><span class="snum">8</span><span class="slbl">Look</span></li>
-        <li data-step="11"><span class="snum">9</span><span class="slbl">Create</span></li>
+        <li class="now" data-step="3" aria-current="step"><span class="snum">1</span><span class="slbl">Physics</span></li>
+        <li data-step="4"><span class="snum">2</span><span class="slbl">Name</span></li>
+        <li data-step="5"><span class="snum">3</span><span class="slbl">Type</span></li>
+        <li data-step="6"><span class="snum">4</span><span class="slbl">About</span></li>
+        <li data-step="7"><span class="snum">5</span><span class="slbl">Modules</span></li>
+        <li data-step="8"><span class="snum">6</span><span class="slbl">Home</span></li>
+        <li data-step="9"><span class="snum">7</span><span class="slbl">Address</span></li>
+        <li data-step="10"><span class="snum">8</span><span class="slbl">App</span></li>
+        <li data-step="11"><span class="snum">9</span><span class="slbl">Look</span></li>
+        <li data-step="12"><span class="snum">10</span><span class="slbl">Create</span></li>
       </ol>
 
       <div class="createSplit">
@@ -1433,12 +1482,156 @@ summary{min-height:24px;padding:3px 0;}
             </div>
           </section>
 
-          <!-- step 3 · name (the hub's original step-1 form, now the wizard's) -->
+          <!-- step 3 · planet physics, questions 1 to 4 (task 1004418, BV2.PS07; the canvas's
+               Autofill, State, StateExisting, NotPossible, Geography, Ages, Entity and
+               EntityExisting frames, docs/design/project-startup-direction.md). ONE rail step
+               with its own inner sequence, so the wizard's numbering moved by one and the
+               canvas's seven-question rail lives inside the panel (questions 5 to 7 join it in
+               BV2.PS11). Left: the question, its choices and the doors. Right: the field plate
+               with the planet forming from the world's own plates as the answers come in.
+               Every answer rides the create request's `detail` (planet-physics.js); the stop
+               screen and the soft-limit table come from POST /provisioning/physics-check, the
+               same screen and table the create runs. The age tiers are described, never
+               claimed as enforced (spec D6). -->
+          <section class="panel" id="panel-physics" aria-labelledby="phys-h0">
+            <div class="forkBody physBody">
+              <div>
+                <p class="physCrumb">planet creation · part 1 of 2 · planet physics</p>
+                <ol class="physRail" id="physRail" aria-label="Planet physics questions">
+                  <li data-q="1">state</li><li data-q="2">geography</li><li data-q="3">ages</li><li data-q="4">entity</li><li>builders</li><li>rewards</li><li>framing</li>
+                </ol>
+                <form data-next="4" id="physForm">
+                  <div class="physQ" data-q="0">
+                    <h1 id="phys-h0">Start from your account, <em>or from scratch?</em></h1>
+                    <p class="lede">Seven questions set your planet’s physics: the rules it will live by. We can fill in what your account already knows from your last project, and you check every answer before it counts.</p>
+                    <div class="typeCards physCells" role="group" aria-label="How to start">
+                      <button type="button" class="tpill" data-phys-start="account" aria-pressed="false" id="physFromAccount">Auto-fill from my account</button>
+                      <button type="button" class="tpill" data-phys-start="scratch" aria-pressed="false">Fill it in myself</button>
+                    </div>
+                    <p class="physWhy" id="physAccountWhy" hidden></p>
+                  </div>
+
+                  <div class="physQ" data-q="1" hidden>
+                    <h1 id="phys-h1">Is your planet new, <em>or already started?</em></h1>
+                    <div class="typeCards physCells" role="group" aria-label="Your project’s state">
+                      <button type="button" class="tpill" data-phys="project_state" data-val="new" aria-pressed="false">New <small>Starting from zero.</small></button>
+                      <button type="button" class="tpill" data-phys="project_state" data-val="existing" aria-pressed="false">Existing <small>My project has already been started.</small></button>
+                    </div>
+                    <fieldset class="physExisting" id="physExisting" data-limit="existing_work" hidden>
+                      <legend>What already exists? Pick all that apply, then your main one.</legend>
+                      <label class="physCheck"><input type="checkbox" data-work="code"> <span>Code files</span> <span class="physMain"><input type="radio" name="physMain" value="code" aria-label="Code files is the main one"> main</span></label>
+                      <label class="physCheck"><input type="checkbox" data-work="digital-files"> <span>Digital files <small>Word documents, spreadsheets, other software.</small></span> <span class="physMain"><input type="radio" name="physMain" value="digital-files" aria-label="Digital files is the main one"> main</span></label>
+                      <label class="physCheck"><input type="checkbox" data-work="physical-work"> <span>Physical files or work <small>You’ll describe it in words, or upload a document, during genesis.</small></span> <span class="physMain"><input type="radio" name="physMain" value="physical-work" aria-label="Physical files or work is the main one"> main</span></label>
+                    </fieldset>
+                    <p class="physWhy" data-why="existing_work" hidden></p>
+                    <label class="wizField"><span>What is your project, and what do you want <span data-brand-product-inline>Cloud Bongos</span> to do for you?</span>
+                      <textarea id="physDesc" rows="3" maxlength="600" placeholder="A co-op farming game where the seasons never repeat."></textarea>
+                    </label>
+                  </div>
+
+                  <div class="physQ" data-q="2" hidden>
+                    <h1 id="phys-h2">Where is <em>everyone?</em></h1>
+                    <p class="lede">Where you are, and where your builders will be, decides which payout and legal options we can offer. You can change it later.</p>
+                    <div class="physRow2">
+                      <label class="wizField"><span>Your country</span><select id="physCountry"><option value="">Choose…</option></select></label>
+                      <label class="wizField" id="physRegionField" hidden><span>State or province</span><select id="physRegion"><option value="">Choose…</option></select></label>
+                    </div>
+                    <div class="wizField"><span id="physGeoLbl">Where do you expect builders to be?</span>
+                      <div class="typeCards physCells" role="group" aria-labelledby="physGeoLbl">
+                        <button type="button" class="tpill" data-phys="builder_geography" data-val="us-only" aria-pressed="false">US only</button>
+                        <button type="button" class="tpill" data-phys="builder_geography" data-val="us-eu" aria-pressed="false">US and EU</button>
+                        <button type="button" class="tpill" data-phys="builder_geography" data-val="global" aria-pressed="false">Global</button>
+                        <button type="button" class="tpill" data-phys="builder_geography" data-val="not-sure" aria-pressed="false">Not sure yet</button>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div class="physQ" data-q="3" hidden>
+                    <h1 id="phys-h3">Will anyone under 18 <em>be building?</em></h1>
+                    <div class="typeCards physCells" role="group" aria-label="Builders under 18">
+                      <button type="button" class="tpill" data-phys="minors_on_board" data-val="false" aria-pressed="false">No <small>Everyone building is an adult.</small></button>
+                      <button type="button" class="tpill" data-phys="minors_on_board" data-val="true" aria-pressed="false">Yes <small>Some builders are under 18.</small></button>
+                    </div>
+                    <div class="physNote" id="physAges" hidden>
+                      <p class="physNoteH">The age tiers young builders work under</p>
+                      <dl class="physTiers">
+                        <dt>13 to 15</dt><dd>Non-monetary tracks only</dd>
+                        <dt>16 to 17</dt><dd>Paid work, with a guardian’s co-signature and a work-permit attestation</dd>
+                        <dt>18 and over</dt><dd>Full access</dd>
+                      </dl>
+                      <p class="finePrint">Each young builder’s guardian signs for them, and their payouts go to an account the guardian controls. These are the rules your project is set up to follow; the platform does not check ages for you yet.</p>
+                    </div>
+                  </div>
+
+                  <div class="physQ" data-q="4" hidden>
+                    <h1 id="phys-h4">What <em>are you?</em></h1>
+                    <div id="physIntent">
+                      <p class="lede">Your planet is new, so there’s nothing to sign yet. Tell us roughly where you’re heading. You’ll make the binding choice later, once you know what you’re building.</p>
+                      <div class="typeCards physCells" role="group" aria-label="Where you are heading">
+                        <button type="button" class="tpill" data-phys="entity" data-val="intent-company" aria-pressed="false">Probably a company</button>
+                        <button type="button" class="tpill" data-phys="entity" data-val="intent-nonprofit" aria-pressed="false">Probably a nonprofit</button>
+                        <button type="button" class="tpill" data-phys="entity" data-val="intent-solo" aria-pressed="false">Just me for now</button>
+                        <button type="button" class="tpill" data-phys="entity" data-val="intent-unsure" aria-pressed="false">Don’t know yet</button>
+                      </div>
+                      <button type="button" class="physLink" id="physHaveEntity">I already have a legal entity</button>
+                    </div>
+                    <div id="physForms" hidden>
+                      <p class="lede">Pick the legal entity behind your project. The laws that apply, and the ways you can reward builders, depend on it.</p>
+                      <p class="physGrp">Organization</p>
+                      <div class="typeCards physCells" role="group" aria-label="Organization">
+                        <button type="button" class="tpill" data-phys="entity" data-val="nonprofit" aria-pressed="false">Nonprofit</button>
+                        <button type="button" class="tpill" data-phys="entity" data-val="for-profit" aria-pressed="false">For-profit company</button>
+                        <button type="button" class="tpill" data-phys="entity" data-val="corporate-division" aria-pressed="false">Division of a corporation</button>
+                        <button type="button" class="tpill" data-phys="entity" data-val="research" aria-pressed="false">Research entity</button>
+                      </div>
+                      <p class="physGrp">Group</p>
+                      <div class="typeCards physCells" role="group" aria-label="Group">
+                        <button type="button" class="tpill" data-phys="entity" data-val="university-project" aria-pressed="false">University project</button>
+                        <button type="button" class="tpill" data-phys="entity" data-val="social-group" aria-pressed="false">Social group</button>
+                      </div>
+                      <p class="physGrp">Individual</p>
+                      <div class="typeCards physCells" role="group" aria-label="Individual">
+                        <button type="button" class="tpill" data-phys="entity" data-val="single-owner-llc" aria-pressed="false">Single-owner LLC</button>
+                        <button type="button" class="tpill" data-phys="entity" data-val="private-individual" aria-pressed="false">Private individual</button>
+                      </div>
+                      <button type="button" class="physLink" id="physNoEntity">We don’t have one yet</button>
+                    </div>
+                  </div>
+
+                  <div class="physQ" data-q="stop" hidden>
+                    <h1 id="phys-hstop">This can’t be built <em>on <span data-brand-product-inline>Cloud Bongos</span></em></h1>
+                    <p class="lede" id="physStopMsg"></p>
+                    <div class="nav">
+                      <button type="button" class="btn ghost" id="physStartOver">Start over</button>
+                      <a class="btn" href="/contact">Contact us</a>
+                    </div>
+                  </div>
+
+                  <div class="hint" id="h-phys">&nbsp;</div>
+                  <div class="nav" id="physNav">
+                    <button type="button" class="btn ghost" id="physBack">← Back</button>
+                    <button type="submit" class="btn" id="physNext">Continue →</button>
+                  </div>
+                </form>
+              </div>
+              <div class="forkStage physStage" id="physStage" aria-hidden="true">
+                <span class="forkOrbit"></span>
+                <span class="forkOrbit forkOrbitDash"></span>
+                <span class="physGuard" id="physGuard" hidden></span>
+                <img class="forkSeed physPlanet" id="physPlanet" src="/assets/world/r2-chrome-blob-one-cut.webp" alt="">
+                <p class="physCap"><span id="physCapLbl">planet physics</span> · <span id="physCapN">0 of 7</span></p>
+                <div class="physFoot"><p class="physCallout" id="physCallout">physics · the rules it lives by · each answer shapes your planet here</p>
+                <p class="physCoords" id="physCoords"></p></div>
+              </div>
+            </div>
+          </section>
+
+          <!-- step 4 · name (the hub's original step-1 form, now the wizard's) -->
           <section class="panel" id="panel-name" aria-labelledby="name-h">
             <h1 id="name-h">Start a project</h1>
             <p class="lede">Your own project: its own repository, its own home on the web, and a hall of AI builders
               who do the building. You set the direction; agents lay down the code.</p>
-            <form id="newForm" data-next="4">
+            <form id="newForm" data-next="5">
               <label class="wizField"><span>Project name</span>
                 <input type="text" id="newName" placeholder="What should it be called?" autocomplete="off" maxlength="80" aria-label="Project name">
                 <div class="hint" id="h-name">&nbsp;</div>
@@ -1462,7 +1655,7 @@ summary{min-height:24px;padding:3px 0;}
           <section class="panel" id="panel-type" aria-labelledby="type-h">
             <h1 id="type-h">What kind of project is it?</h1>
             <p class="lede">Pick the shape that fits best — it’s how the project is listed on the map, and you can change it later from the project’s own page. Not sure is a fine answer.</p>
-            <form data-next="5">
+            <form data-next="6">
               <div class="typeCards" id="typeCards" role="group" aria-label="Project type">
                 <button type="button" class="tpill" data-type="game" aria-pressed="false">Game</button>
                 <button type="button" class="tpill" data-type="research" aria-pressed="false">Research</button>
@@ -1476,7 +1669,7 @@ summary{min-height:24px;padding:3px 0;}
               </div>
               <div class="hint" id="h-projtype">&nbsp;</div>
               <div class="nav">
-                <button type="button" class="btn ghost" data-back="3">← Back</button>
+                <button type="button" class="btn ghost" data-back="4">← Back</button>
                 <button type="submit" class="btn">Next →</button>
               </div>
             </form>
@@ -1494,7 +1687,7 @@ summary{min-height:24px;padding:3px 0;}
           <section class="panel" id="panel-detail" aria-labelledby="detail-h">
             <h1 id="detail-h">Tell us about it</h1>
             <p class="lede">Optional — skip it and nothing about your project changes. Answering shapes what we set up for you, and a description is what puts the project on the public map.</p>
-            <form data-next="6">
+            <form data-next="7">
               <label class="wizField"><span>What are you building? <small>(a sentence or two)</small></span>
                 <textarea id="f-desc" rows="3" maxlength="600" placeholder="A co-op farming game where the seasons never repeat."></textarea>
               </label>
@@ -1507,7 +1700,7 @@ summary{min-height:24px;padding:3px 0;}
               </div>
               <div class="reassure" id="detailSkipNote"></div>
               <div class="nav">
-                <button type="button" class="btn ghost" data-back="4">← Back</button>
+                <button type="button" class="btn ghost" data-back="5">← Back</button>
                 <span class="navPair">
                   <button type="button" class="btn ghost" id="skipDetail">Skip for now</button>
                   <button type="submit" class="btn">Next →</button>
@@ -1530,7 +1723,7 @@ summary{min-height:24px;padding:3px 0;}
           <section class="panel" id="panel-modules" aria-labelledby="mod-h">
             <h1 id="mod-h">What it comes with</h1>
             <p class="lede">Optional — skip it and you get the suggested set below, shaped by what you just told us. These are extras on top of everything every project already has, and you can switch any of them on or off later.</p>
-            <form data-next="7">
+            <form data-next="8">
               <div class="wizField"><span id="modLbl">Extras for this project</span>
                 <!-- the catalog search (task 1002340, BV1.R21). The wizard's own
                      search idiom (#ghSearch): a plain field on one hairline, no
@@ -1546,7 +1739,7 @@ summary{min-height:24px;padding:3px 0;}
               <div class="reassure" id="modCoreNote"></div>
               <div class="hint" id="h-modules">&nbsp;</div>
               <div class="nav">
-                <button type="button" class="btn ghost" data-back="5">← Back</button>
+                <button type="button" class="btn ghost" data-back="6">← Back</button>
                 <span class="navPair">
                   <button type="button" class="btn ghost" id="skipModules">Skip for now</button>
                   <button type="submit" class="btn">Next →</button>
@@ -1559,7 +1752,7 @@ summary{min-height:24px;padding:3px 0;}
           <section class="panel" id="panel-home" aria-labelledby="home-h">
             <h1 id="home-h">Where the code lives</h1>
             <p class="lede">Every project is a real GitHub repository that you own. Start from a clean slate, or bring a repo you already have.</p>
-            <form data-next="8">
+            <form data-next="9">
               <div class="choices" role="group" aria-label="Starting point">
                 <button type="button" class="choice" id="c-green" aria-pressed="true">
                   <!-- token-built, not platform orange — public-landing/ ships wholesale to
@@ -1625,7 +1818,7 @@ summary{min-height:24px;padding:3px 0;}
               </div>
               <div class="hint" id="h-home">&nbsp;</div>
               <div class="nav">
-                <button type="button" class="btn ghost" data-back="6">← Back</button>
+                <button type="button" class="btn ghost" data-back="7">← Back</button>
                 <button type="submit" class="btn">Next →</button>
               </div>
             </form>
@@ -1643,7 +1836,7 @@ summary{min-height:24px;padding:3px 0;}
           <section class="panel" id="panel-address" aria-labelledby="addr-h">
             <h1 id="addr-h">Its address in the sky</h1>
             <p class="lede">The handle names your project on the platform — and its address comes with it. Once it stands up, a few GitHub steps (the next screen walks you through them) switch sign-in on.</p>
-            <form data-next="9">
+            <form data-next="10">
               <label class="wizField"><span>Project handle</span>
                 <input type="text" id="f-slug" placeholder="mercury" autocomplete="off" maxlength="40" spellcheck="false">
                 <div class="hint" id="h-slug">&nbsp;</div>
@@ -1665,7 +1858,7 @@ summary{min-height:24px;padding:3px 0;}
                 </label>
               </div>
               <div class="nav">
-                <button type="button" class="btn ghost" data-back="7">← Back</button>
+                <button type="button" class="btn ghost" data-back="8">← Back</button>
                 <button type="submit" class="btn">Next →</button>
               </div>
             </form>
@@ -1682,7 +1875,7 @@ summary{min-height:24px;padding:3px 0;}
             <h1 id="app-h">Where your app will run</h1>
             <p class="appHall"><b>We host your Builders' hall</b> — the place where the project gets built — at the address you just chose. There is nothing for you to set up.</p>
             <p class="lede">Your app is the thing the project builds. Choose where it should run, or decide later.</p>
-            <form data-next="10">
+            <form data-next="11">
               <fieldset class="appOpts" id="appOpts">
                 <legend>Where your app runs</legend>
                 <label class="appOpt" id="appOptRender">
@@ -1741,7 +1934,7 @@ summary{min-height:24px;padding:3px 0;}
                 <div class="hint" id="h-render" role="status">&nbsp;</div>
               </div>
               <div class="nav">
-                <button type="button" class="btn ghost" data-back="8">← Back</button>
+                <button type="button" class="btn ghost" data-back="9">← Back</button>
                 <button type="submit" class="btn">Next →</button>
               </div>
             </form>
@@ -1754,10 +1947,10 @@ summary{min-height:24px;padding:3px 0;}
           <section class="panel" id="panel-look" aria-labelledby="look-h">
             <h1 id="look-h">Give it a look</h1>
             <p class="lede">Colours for light and dark mode, and a logo, so builders who work in several projects always know which hall they’re in.</p>
-            <form data-next="11">
+            <form data-next="12">
               <div class="lookPick" id="wizLook"></div>
               <div class="nav">
-                <button type="button" class="btn ghost" data-back="9">← Back</button>
+                <button type="button" class="btn ghost" data-back="10">← Back</button>
                 <button type="submit" class="btn">Next →</button>
               </div>
             </form>
@@ -1770,7 +1963,7 @@ summary{min-height:24px;padding:3px 0;}
             <ul class="review" id="reviewList"></ul>
             <div class="alert" id="createAlert" role="alert"></div>
             <div class="nav">
-              <button type="button" class="btn ghost" data-back="10">← Back</button>
+              <button type="button" class="btn ghost" data-back="11">← Back</button>
               <button type="button" class="btn big" id="doCreate">Create my project</button>
             </div>
             <p class="finePrint">This files the request; the control plane does the real standup and nothing touches servers from this page. You'll get the few steps only you can do right after.</p>
@@ -4424,7 +4617,7 @@ summary{min-height:24px;padding:3px 0;}
     /* `termsAck` is the front door's one tick (task 1004417). It is the founder's
        own answer, so it lives in the draft like every other one and survives the
        GitHub round-trip; the server, not this page, names the terms version. */
-    var DRAFT_KEY = 'cb-create-draft-v7';
+    var DRAFT_KEY = 'cb-create-draft-v8';
     var CREATED_KEY = 'cb-created-instance';
     /* `description` + `teamShape` are the optional About step (task 1002334) —
        both legitimately stay empty, and empty is what the create request omits. */
@@ -4433,7 +4626,7 @@ summary{min-height:24px;padding:3px 0;}
        request omits the field), [] = the owner switched them all off, [...] =
        what they picked. Never seed it with the preselect — that would store an
        answer nobody gave. */
-    var state = { step: 0, name: '', projType: null, description: '', teamShape: null, modules: null, mode: 'greenfield', owner: '', ownerTouched: false, repo: '', repoTouched: false, slug: '', slugTouched: false, domain: '', noAddress: false, appPlatform: 'later', demo: null, look: null, termsAck: false };
+    var state = { step: 0, name: '', projType: null, description: '', teamShape: null, modules: null, mode: 'greenfield', owner: '', ownerTouched: false, repo: '', repoTouched: false, slug: '', slugTouched: false, domain: '', noAddress: false, appPlatform: 'later', physics: null, demo: null, look: null, termsAck: false };
     try { Object.assign(state, JSON.parse(sessionStorage.getItem(DRAFT_KEY) || '{}')); } catch (e) {}
     var authKnown = false;   /* flips true when the boot's /me settles, either way */
 
@@ -4447,7 +4640,7 @@ summary{min-height:24px;padding:3px 0;}
         state.name = handedName.trim().slice(0, 80);
         state.slug = deriveSlug(state.name); state.slugTouched = false;
         state.repo = deriveRepo(state.name); state.repoTouched = false;
-        state.step = state.step >= 1 && state.step <= 11 ? state.step : 1;
+        state.step = state.step >= 1 && state.step <= 12 ? state.step : 1;
         try { sessionStorage.setItem(DRAFT_KEY, JSON.stringify(state)); } catch (e) {}
       }
     } catch (e) {}
@@ -4644,14 +4837,14 @@ summary{min-height:24px;padding:3px 0;}
        review 11 · done 12 (the Look step joined at 10, task 1004421). The rail numbers
        3-11 as its 1-9 and steps aside on 1 and 2; done marks it all. About, Modules and
        Look are the steps Next can pass with nothing changed — Look has a default. */
-    var panels = { 0: 'panel-gate', 1: 'panel-terms', 2: 'panel-fork', 3: 'panel-name', 4: 'panel-type', 5: 'panel-detail', 6: 'panel-modules', 7: 'panel-home', 8: 'panel-address', 9: 'panel-app', 10: 'panel-look', 11: 'panel-review', 12: 'panel-done' };
+    var panels = { 0: 'panel-gate', 1: 'panel-terms', 2: 'panel-fork', 3: 'panel-physics', 4: 'panel-name', 5: 'panel-type', 6: 'panel-detail', 7: 'panel-modules', 8: 'panel-home', 9: 'panel-address', 10: 'panel-app', 11: 'panel-look', 12: 'panel-review', 13: 'panel-done' };
     /* the rail at the done panel (task 1003244): "done" is the Create step
        still running — the marker stays on 5 until the project actually
        answers, and only then does the whole rail read finished. aria-current
        tells a screen reader the same thing. */
     function paintRail(step) {
-      var landed = step === 12 && !!(live && live.instStatus === 'active');
-      var cur = step === 12 ? 11 : step;
+      var landed = step === 13 && !!(live && live.instStatus === 'active');
+      var cur = step === 13 ? 12 : step;
       root.querySelectorAll('.steps li').forEach(function (li) {
         var n = Number(li.getAttribute('data-step'));
         var now = !landed && n === cur;
@@ -4662,7 +4855,7 @@ summary{min-height:24px;padding:3px 0;}
            the button role, the tab stop and the data-goto the delegated handler
            below reads. The done panel offers none — the project is filed, and
            there is nothing behind it to change. */
-        if (step < 12 && n < cur) {
+        if (step < 13 && n < cur) {
           li.setAttribute('role', 'button');
           li.setAttribute('tabindex', '0');
           li.setAttribute('data-goto', String(n));
@@ -4681,11 +4874,11 @@ summary{min-height:24px;padding:3px 0;}
       paintRail(step);
       saveDraft();
       /* the done step takes the whole card — the bongo pair steps aside */
-      root.querySelector('.createSplit').classList.toggle('wizDone', step === 12);
+      root.querySelector('.createSplit').classList.toggle('wizDone', step === 13);
       /* the front door (task 1004417): no rail on its two screens, and the fork
          takes the whole card for the seed on its plate */
       root.querySelector('.card').classList.toggle('wizFront', step === 1 || step === 2);
-      root.querySelector('.createSplit').classList.toggle('wizFork', step === 2);
+      root.querySelector('.createSplit').classList.toggle('wizFork', step === 2 || step === 3);
       /* focus moves ONLY on a deliberate step (the hub rule setView already
          applies to this view: never on boot, never on a background settle) */
       if (moveFocus) {
@@ -4697,18 +4890,19 @@ summary{min-height:24px;padding:3px 0;}
          draft's owner with myLogin()'s placeholder) */
       /* the picker repaints on entry, not once at boot: the owner can walk back
          to the Type step and change the answer the preselect is keyed to */
-      if (step === 6) renderModules();
-      if (step === 7) { syncHome(); if (authKnown) ensureRepoAccess(); }
+      if (step === 3) paintPhysics();
+      if (step === 7) renderModules();
+      if (step === 8) { syncHome(); if (authKnown) ensureRepoAccess(); }
       /* a resumed draft can land PAST the Home step with the probe never run —
          Create would then file a repo it promised to make but never did */
-      else if (step > 7 && step < 12 && authKnown && repoAccess === null) ensureRepoAccess();
+      else if (step > 8 && step < 13 && authKnown && repoAccess === null) ensureRepoAccess();
       /* re-check on every entry, not just on typing: a resumed draft arrives here with
          a handle nobody has asked the server about, and a handle free ten minutes ago
          may not be now (task 1002898 N10) */
-      if (step === 8) { checkSlugAvailable(); renderAddrPanel(); }
-      if (step === 9) { syncAppStep(); syncRenderSetup(); }
-      if (step === 10) renderLook();
-      if (step === 11) renderReview();
+      if (step === 9) { checkSlugAvailable(); renderAddrPanel(); }
+      if (step === 10) { syncAppStep(); syncRenderSetup(); }
+      if (step === 11) renderLook();
+      if (step === 12) renderReview();
     }
 
     /* One delegated pair on the rail, so paintRail can add and drop data-goto
@@ -4821,7 +5015,8 @@ summary{min-height:24px;padding:3px 0;}
       }
       state.teamShape = demoDraft.people > 1 ? 'small-team' : 'solo';
       saveDraft();
-      show(3, true);
+      /* the name step: a demo skips planet physics (task 1004418) */
+      show(4, true);
     });
     /* the done panel's invite step names the demo's teammates (task 1004420): the hub
        holds no invite of its own, so the founder sends each from the project's own box */
@@ -4963,7 +5158,7 @@ summary{min-height:24px;padding:3px 0;}
     /* Skip = go on with whatever is (or isn't) filled in. It deliberately does
        NOT erase an answer already given: a visitor who typed a description and
        then pressed Skip meant "I'm done here", not "throw that away". */
-    $('skipDetail').addEventListener('click', function () { show(6, true); });
+    $('skipDetail').addEventListener('click', function () { show(7, true); });
 
     /* ── the module picker (task 1002339, BV1.R20) ──
        ONE public read gives the panel both halves it needs: `optional` is the
@@ -5006,8 +5201,8 @@ summary{min-height:24px;padding:3px 0;}
        exact dishonesty the About row's "off the public map" clause exists to
        prevent, one screen before Create. */
     function repaintForBundles() {
-      if (state.step === 6) renderModules();
-      else if (state.step === 11) renderReview();
+      if (state.step === 7) renderModules();
+      else if (state.step === 12) renderReview();
     }
     /* The row for the declared type, or null before the read lands / for a type
        the table has no row for (including no type at all). */
@@ -5222,7 +5417,7 @@ summary{min-height:24px;padding:3px 0;}
     /* Skip = walk past without answering. It does NOT erase a toggle already
        made (the About step's rule), and with nothing said it leaves state.modules
        null so the server applies the bundle this panel was showing. */
-    $('skipModules').addEventListener('click', function () { show(7, true); });
+    $('skipModules').addEventListener('click', function () { show(8, true); });
 
     /* ── GitHub-integrated repo picker (adopt) + auto-create (fresh) — task 1002099 / ADR 0143.
           Progressive enhancement: probe GET /github/repos once we reach the Home step.
@@ -5410,9 +5605,340 @@ summary{min-height:24px;padding:3px 0;}
       saveDraft();
     });
 
+    /* ── planet physics, questions 1 to 4 (task 1004418, BV2.PS07) ──
+       One wizard step with its own inner sequence: 0 account-or-scratch, 1 state,
+       2 geography, 3 ages, 4 entity, and the stop screen. The answers live in
+       state.physics.answers under planet-physics.js's own keys, so the create sends
+       them as `detail` untouched. The vocabularies below are COPIES of that file's
+       (a page cannot require a module), held equal by tests/wizard_physics.mjs. */
+    var PHYS_COUNTRIES = ('AD AE AF AG AI AL AM AO AQ AR AS AT AU AW AX AZ BA BB BD BE BF BG BH BI BJ BL BM BN BO BQ ' +
+      'BR BS BT BV BW BY BZ CA CC CD CF CG CH CI CK CL CM CN CO CR CU CV CW CX CY CZ DE DJ DK DM ' +
+      'DO DZ EC EE EG EH ER ES ET FI FJ FK FM FO FR GA GB GD GE GF GG GH GI GL GM GN GP GQ GR GS ' +
+      'GT GU GW GY HK HM HN HR HT HU ID IE IL IM IN IO IQ IR IS IT JE JM JO JP KE KG KH KI KM KN ' +
+      'KP KR KW KY KZ LA LB LC LI LK LR LS LT LU LV LY MA MC MD ME MF MG MH MK ML MM MN MO MP MQ ' +
+      'MR MS MT MU MV MW MX MY MZ NA NC NE NF NG NI NL NO NP NR NU NZ OM PA PE PF PG PH PK PL PM ' +
+      'PN PR PS PT PW PY QA RE RO RS RU RW SA SB SC SD SE SG SH SI SJ SK SL SM SN SO SR SS ST SV ' +
+      'SX SY SZ TC TD TF TG TH TJ TK TL TM TN TO TR TT TV TW TZ UA UG UM US UY UZ VA VC VE VG VI ' +
+      'VN VU WF WS YE YT ZA ZM ZW').split(' ');
+    var PHYS_REGIONS = {
+      'US-AL': 'Alabama', 'US-AK': 'Alaska', 'US-AZ': 'Arizona', 'US-AR': 'Arkansas', 'US-CA': 'California',
+      'US-CO': 'Colorado', 'US-CT': 'Connecticut', 'US-DE': 'Delaware', 'US-FL': 'Florida', 'US-GA': 'Georgia',
+      'US-HI': 'Hawaii', 'US-ID': 'Idaho', 'US-IL': 'Illinois', 'US-IN': 'Indiana', 'US-IA': 'Iowa',
+      'US-KS': 'Kansas', 'US-KY': 'Kentucky', 'US-LA': 'Louisiana', 'US-ME': 'Maine', 'US-MD': 'Maryland',
+      'US-MA': 'Massachusetts', 'US-MI': 'Michigan', 'US-MN': 'Minnesota', 'US-MS': 'Mississippi', 'US-MO': 'Missouri',
+      'US-MT': 'Montana', 'US-NE': 'Nebraska', 'US-NV': 'Nevada', 'US-NH': 'New Hampshire', 'US-NJ': 'New Jersey',
+      'US-NM': 'New Mexico', 'US-NY': 'New York', 'US-NC': 'North Carolina', 'US-ND': 'North Dakota', 'US-OH': 'Ohio',
+      'US-OK': 'Oklahoma', 'US-OR': 'Oregon', 'US-PA': 'Pennsylvania', 'US-RI': 'Rhode Island', 'US-SC': 'South Carolina',
+      'US-SD': 'South Dakota', 'US-TN': 'Tennessee', 'US-TX': 'Texas', 'US-UT': 'Utah', 'US-VT': 'Vermont',
+      'US-VA': 'Virginia', 'US-WA': 'Washington', 'US-WV': 'West Virginia', 'US-WI': 'Wisconsin', 'US-WY': 'Wyoming',
+      'US-DC': 'District of Columbia', 'US-AS': 'American Samoa', 'US-GU': 'Guam', 'US-MP': 'Northern Mariana Islands',
+      'US-PR': 'Puerto Rico', 'US-UM': 'U.S. Minor Outlying Islands', 'US-VI': 'U.S. Virgin Islands',
+      'CA-AB': 'Alberta', 'CA-BC': 'British Columbia', 'CA-MB': 'Manitoba', 'CA-NB': 'New Brunswick',
+      'CA-NL': 'Newfoundland and Labrador', 'CA-NS': 'Nova Scotia', 'CA-NT': 'Northwest Territories', 'CA-NU': 'Nunavut',
+      'CA-ON': 'Ontario', 'CA-PE': 'Prince Edward Island', 'CA-QC': 'Quebec', 'CA-SK': 'Saskatchewan', 'CA-YT': 'Yukon'
+    };
+    var PHYS_ENTITY_FORMS = ['nonprofit', 'for-profit', 'corporate-division', 'research', 'university-project', 'social-group', 'single-owner-llc', 'private-individual'];
+    /* The core material the entity gives the planet (the direction doc's placeholder
+       art direction): frost for one person, chrome for a group, gold for an
+       organization, obsidian for a nonprofit. */
+    var PHYS_MATERIAL = {
+      'intent-solo': 'frost', 'single-owner-llc': 'frost', 'private-individual': 'frost',
+      'university-project': 'chrome', 'social-group': 'chrome', 'intent-unsure': 'chrome',
+      'intent-company': 'gold', 'for-profit': 'gold', 'corporate-division': 'gold', 'research': 'gold',
+      'intent-nonprofit': 'obsidian', 'nonprofit': 'obsidian'
+    };
+    var PHYS_CORE_WORD = { frost: 'individual', chrome: 'group', gold: 'organization', obsidian: 'nonprofit' };
+    var PHYS_GEO_WORD = { 'us-only': 'us only', 'us-eu': 'us + eu', 'global': 'global', 'not-sure': 'not sure yet' };
+    var PHYS_LAST = 4;
+    var physLimits = [];
+
+    function phys() {
+      if (!state.physics || typeof state.physics !== 'object') state.physics = { q: 0, start: null, answers: {} };
+      if (!state.physics.answers || typeof state.physics.answers !== 'object') state.physics.answers = {};
+      return state.physics;
+    }
+    /* The answers as the create sends them: only what was answered, and the existing
+       work only for an existing planet (the soft-limit table hides it for a new one). */
+    function physDetail() {
+      var a = phys().answers, out = {};
+      ['project_state', 'home_country', 'home_region', 'builder_geography', 'minors_on_board', 'entity'].forEach(function (k) {
+        if (a[k] !== undefined && a[k] !== null && a[k] !== '') out[k] = a[k];
+      });
+      if (a.project_state === 'existing' && Array.isArray(a.existing_work) && a.existing_work.length) {
+        out.existing_work = a.existing_work.slice();
+        if (a.main_work && a.existing_work.indexOf(a.main_work) !== -1) out.main_work = a.main_work;
+      }
+      return out;
+    }
+    function createDetail() {
+      var d = physDetail();
+      if (state.teamShape) d.team_shape = state.teamShape;
+      return Object.keys(d).length ? d : undefined;
+    }
+
+    function physFillSelects() {
+      var c = $('physCountry'), r = $('physRegion');
+      if (c.options.length === 1) {
+        var names = null;
+        try { names = new Intl.DisplayNames(['en'], { type: 'region' }); } catch (e) {}
+        PHYS_COUNTRIES.map(function (code) { return { code: code, name: (names && names.of(code)) || code }; })
+          .sort(function (x, y) { return x.name.localeCompare(y.name); })
+          .forEach(function (o) { var opt = document.createElement('option'); opt.value = o.code; opt.textContent = o.name; c.appendChild(opt); });
+      }
+      var a = phys().answers, country = a.home_country || '';
+      c.value = country;
+      while (r.options.length > 1) r.removeChild(r.lastChild);
+      Object.keys(PHYS_REGIONS).filter(function (k) { return k.indexOf(country + '-') === 0; }).forEach(function (k) {
+        var opt = document.createElement('option'); opt.value = k; opt.textContent = PHYS_REGIONS[k]; r.appendChild(opt);
+      });
+      $('physRegionField').hidden = r.options.length === 1;
+      r.value = a.home_region || '';
+    }
+
+    /* The stage: the planet forming from the world's own plates. A seed for a new
+       planet, a formed one for an existing; the core material once the entity is
+       known; a protective ring when young builders are on board. */
+    function physPaintStage() {
+      var p = phys(), a = p.answers;
+      var mat = PHYS_MATERIAL[a.entity] || null;
+      var src = mat && mat !== 'chrome' ? '/assets/world/r3-' + mat + '-blob-cut.webp'
+        : a.project_state === 'existing' ? '/assets/world/r2-chrome-blobs-set-cut.webp'
+          : '/assets/world/r2-chrome-blob-one-cut.webp';
+      var img = $('physPlanet');
+      if (img.getAttribute('src') !== src) img.setAttribute('src', src);
+      img.setAttribute('data-size', String(p.q === 'stop' ? 0 : Math.max(1, Math.min(p.q, PHYS_LAST) + (a.project_state === 'existing' ? 2 : 1))));
+      img.hidden = p.q === 'stop';
+      $('physGuard').hidden = a.minors_on_board !== true;
+      $('physStage').classList.toggle('physStopped', p.q === 'stop');
+      $('physCapN').textContent = p.q === 'stop' ? 'stopped' : (typeof p.q === 'number' ? p.q : 0) + ' of 7';
+      var call = 'physics · the rules it lives by · each answer shapes your planet here';
+      if (p.q === 'stop') call = 'no planet forms · stopped at state · nothing was created';
+      else if (p.q === 4 && mat) call = 'core · ' + PHYS_CORE_WORD[mat] + ' · a ' + mat + ' core';
+      else if (p.q === 3 && a.minors_on_board === true) call = 'protective ring · under 18s on board · the age tiers apply';
+      else if (p.q === 2 && a.home_country) call = 'coordinates · ' + (a.home_region || a.home_country).toLowerCase() + (a.builder_geography ? ' · builders ' + PHYS_GEO_WORD[a.builder_geography] : '');
+      else if (p.q === 1 && a.project_state) call = a.project_state === 'existing' ? 'state · existing · terrain already formed' : 'state · new · a seed: nothing built yet';
+      $('physCallout').textContent = call;
+      var coords = [];
+      if (a.project_state) coords.push('state ' + a.project_state);
+      if (a.home_country) coords.push('home ' + (a.home_region || a.home_country).toLowerCase());
+      if (a.builder_geography) coords.push('builders ' + PHYS_GEO_WORD[a.builder_geography]);
+      if (a.minors_on_board !== undefined && a.minors_on_board !== null) coords.push(a.minors_on_board ? 'ages 13+' : 'ages 18+');
+      if (mat) coords.push('core ' + PHYS_CORE_WORD[mat]);
+      $('physCoords').textContent = coords.join(' · ');
+    }
+
+    /* The soft-limit table's verdicts (spec D6): an option it hides is hidden and
+       one it greys is disabled, each with its reason beside it. */
+    function physApplyLimits() {
+      root.querySelectorAll('#panel-physics [data-why]').forEach(function (el) { el.hidden = true; el.textContent = ''; });
+      root.querySelectorAll('#panel-physics [data-limit-grey]').forEach(function (el) { el.removeAttribute('data-limit-grey'); el.disabled = false; });
+      physLimits.forEach(function (l) {
+        var key = String(l.option || '');
+        var why = root.querySelector('#panel-physics [data-why="' + key + '"]');
+        if (why && l.reason) { why.textContent = l.reason; why.hidden = false; }
+        if (l.effect === 'grey') {
+          var parts = key.split(':');
+          root.querySelectorAll('#panel-physics [data-phys="' + parts[0] + '"][data-val="' + (parts[1] || '') + '"]').forEach(function (b) {
+            b.disabled = true; b.setAttribute('data-limit-grey', '1'); b.title = l.reason || '';
+          });
+        }
+      });
+    }
+
+    function paintPhysics() {
+      var p = phys(), a = p.answers;
+      root.querySelectorAll('#panel-physics .physQ').forEach(function (el) {
+        el.hidden = String(el.getAttribute('data-q')) !== String(p.q);
+      });
+      root.querySelectorAll('#physRail li').forEach(function (li) {
+        var n = Number(li.getAttribute('data-q'));
+        li.classList.toggle('now', n === p.q);
+        li.classList.toggle('done', !!n && typeof p.q === 'number' && n < p.q);
+      });
+      $('physRail').hidden = p.q === 'stop' || p.q === 0;
+      $('physNav').hidden = p.q === 'stop';
+      root.querySelectorAll('[data-phys-start]').forEach(function (b) { b.setAttribute('aria-pressed', String(b.getAttribute('data-phys-start') === p.start)); });
+      root.querySelectorAll('#panel-physics [data-phys]').forEach(function (b) {
+        var v = a[b.getAttribute('data-phys')];
+        b.setAttribute('aria-pressed', String(v !== undefined && v !== null && String(v) === b.getAttribute('data-val')));
+      });
+      var existing = a.project_state === 'existing';
+      $('physExisting').hidden = !existing;
+      var works = Array.isArray(a.existing_work) ? a.existing_work : [];
+      root.querySelectorAll('#physExisting [data-work]').forEach(function (cb) { cb.checked = works.indexOf(cb.getAttribute('data-work')) !== -1; });
+      root.querySelectorAll('#physExisting input[name="physMain"]').forEach(function (r) {
+        r.checked = a.main_work === r.value;
+        r.disabled = works.indexOf(r.value) === -1;
+      });
+      $('physDesc').value = state.description || '';
+      $('physAges').hidden = a.minors_on_board !== true;
+      var forms = existing || PHYS_ENTITY_FORMS.indexOf(a.entity) !== -1 || p.entityForms === true;
+      $('physForms').hidden = !forms;
+      $('physIntent').hidden = forms;
+      if (p.q === 0 && !physAccountLoaded) { physAccountLoaded = true; physLoadAccount(); }
+      physFillSelects();
+      physApplyLimits();
+      physPaintStage();
+    }
+
+    function physHint(msg) {
+      $('h-phys').textContent = msg || ' ';
+      $('h-phys').className = msg ? 'hint err' : 'hint';
+    }
+    function physCheck() {
+      return fetch(API + '/provisioning/physics-check', {
+        method: 'POST', credentials: 'same-origin', headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ description: String(state.description || '').trim() || undefined, detail: physDetail() })
+      }).then(function (r) { return r.ok ? r.json() : null; }).catch(function () { return null; });
+    }
+    function physGo(q) {
+      phys().q = q;
+      saveDraft();
+      paintPhysics();
+      var h = root.querySelector('#panel-physics .physQ[data-q="' + q + '"] h1');
+      if (h) { h.setAttribute('tabindex', '-1'); h.focus({ preventScroll: false }); }
+    }
+
+    /* Continue: check this question, then move on. Question 1 asks the server's
+       screen first — a description it stops ends here, before anything exists. */
+    var physBusy = false;
+    function physAdvance() {
+      var p = phys(), a = p.answers;
+      physHint('');
+      if (p.q === 0) { if (!p.start) p.start = 'scratch'; physGo(1); return false; }
+      if (p.q === 1) {
+        if (!a.project_state) { physHint('Pick new or existing to go on.'); return false; }
+        if (a.project_state === 'existing') {
+          var works = Array.isArray(a.existing_work) ? a.existing_work : [];
+          if (!works.length) { physHint('Pick what already exists, then your main one.'); return false; }
+          if (works.indexOf(a.main_work) === -1) { physHint('Mark which of them is your main one.'); return false; }
+        }
+        if (physBusy) return false;
+        physBusy = true;
+        physCheck().then(function (res) {
+          physBusy = false;
+          if (res && res.stop) { $('physStopMsg').textContent = res.message || ''; physGo('stop'); return; }
+          physLimits = (res && res.soft_limits && res.soft_limits.limits) || [];
+          physGo(2);
+        });
+        return false;
+      }
+      if (p.q === 2) {
+        if (!a.home_country) { physHint('Pick your country.'); return false; }
+        if (!a.builder_geography) { physHint('Say where you expect builders to be. Not sure yet is a fine answer.'); return false; }
+        physGo(3); return false;
+      }
+      if (p.q === 3) {
+        if (a.minors_on_board !== true && a.minors_on_board !== false) { physHint('Answer yes or no to go on.'); return false; }
+        physGo(4); return false;
+      }
+      if (p.q === 4) {
+        if (!a.entity) { physHint('Pick the one that fits best. Don’t know yet is a fine answer.'); return false; }
+        physCheck().then(function (res) { physLimits = (res && res.soft_limits && res.soft_limits.limits) || []; });
+        show(4, true);
+        return false;
+      }
+      return false;
+    }
+
+    $('physBack').addEventListener('click', function () {
+      var p = phys();
+      physHint('');
+      if (typeof p.q === 'number' && p.q > 0) physGo(p.q - 1); else show(2, true);
+    });
+    $('physStartOver').addEventListener('click', function () {
+      state.description = '';
+      if ($('f-desc')) $('f-desc').value = '';
+      phys().answers = {};
+      physGo(1);
+    });
+    root.querySelectorAll('[data-phys-start]').forEach(function (b) {
+      b.addEventListener('click', function () {
+        var p = phys();
+        p.start = b.getAttribute('data-phys-start');
+        if (p.start === 'account' && physAccountAnswers) {
+          Object.keys(physAccountAnswers).forEach(function (k) { p.answers[k] = physAccountAnswers[k]; });
+        }
+        saveDraft(); paintPhysics();
+      });
+    });
+    root.querySelectorAll('#panel-physics [data-phys]').forEach(function (b) {
+      b.addEventListener('click', function () {
+        var k = b.getAttribute('data-phys'), raw = b.getAttribute('data-val');
+        var v = raw === 'true' ? true : raw === 'false' ? false : raw;
+        var a = phys().answers;
+        a[k] = a[k] === v ? null : v; /* a second click un-says it, like the team pills */
+        if (k === 'project_state' && a[k] !== 'existing') { delete a.existing_work; delete a.main_work; }
+        physHint(''); saveDraft(); paintPhysics();
+      });
+    });
+    root.querySelectorAll('#physExisting [data-work]').forEach(function (cb) {
+      cb.addEventListener('change', function () {
+        var a = phys().answers, w = cb.getAttribute('data-work');
+        var list = Array.isArray(a.existing_work) ? a.existing_work.slice() : [];
+        if (cb.checked && list.indexOf(w) === -1) list.push(w);
+        if (!cb.checked) list = list.filter(function (x) { return x !== w; });
+        a.existing_work = list;
+        if (list.length === 1) a.main_work = list[0];
+        if (list.indexOf(a.main_work) === -1) a.main_work = list.length ? list[0] : null;
+        saveDraft(); paintPhysics();
+      });
+    });
+    root.querySelectorAll('#physExisting input[name="physMain"]').forEach(function (r) {
+      r.addEventListener('change', function () { if (r.checked) { phys().answers.main_work = r.value; saveDraft(); paintPhysics(); } });
+    });
+    $('physDesc').addEventListener('input', function () {
+      state.description = $('physDesc').value;
+      if ($('f-desc')) $('f-desc').value = state.description;
+      saveDraft();
+    });
+    $('physCountry').addEventListener('change', function () {
+      var a = phys().answers;
+      a.home_country = $('physCountry').value || null;
+      if (a.home_region && a.home_region.indexOf((a.home_country || '') + '-') !== 0) a.home_region = null;
+      saveDraft(); paintPhysics();
+    });
+    $('physRegion').addEventListener('change', function () { phys().answers.home_region = $('physRegion').value || null; saveDraft(); physPaintStage(); });
+    $('physHaveEntity').addEventListener('click', function () { phys().entityForms = true; saveDraft(); paintPhysics(); });
+    $('physNoEntity').addEventListener('click', function () {
+      var p = phys();
+      p.entityForms = false;
+      if (PHYS_ENTITY_FORMS.indexOf(p.answers.entity) !== -1) p.answers.entity = null;
+      saveDraft(); paintPhysics();
+    });
+
+    /* Auto-fill: the answers this account already gave on its most recent project —
+       the only details the platform holds about a founder. With none, the door says so
+       and stays shut. The state of the planet is never copied: it is this project's. */
+    var physAccountAnswers = null;
+    var physAccountLoaded = false;
+    function physLoadAccount() {
+      return fetch(API + '/provisioning/instances', { credentials: 'same-origin' })
+        .then(function (r) { return r.ok ? r.json() : null; })
+        .then(function (d) {
+          var list = (d && (d.instances || d)) || [];
+          if (!Array.isArray(list)) list = [];
+          var withDetail = list.filter(function (i) { return i && i.detail && typeof i.detail === 'object'; })
+            .sort(function (x, y) { return String(y.created_at || '').localeCompare(String(x.created_at || '')); })[0];
+          var pick = {};
+          if (withDetail) ['home_country', 'home_region', 'builder_geography', 'minors_on_board', 'entity'].forEach(function (k) {
+            if (withDetail.detail[k] !== undefined && withDetail.detail[k] !== null) pick[k] = withDetail.detail[k];
+          });
+          physAccountAnswers = Object.keys(pick).length ? pick : null;
+          $('physFromAccount').disabled = !physAccountAnswers;
+          var why = $('physAccountWhy');
+          why.hidden = !!physAccountAnswers;
+          why.textContent = physAccountAnswers ? '' : 'Nothing to fill from yet: your account has no other project with these answers.';
+        })
+        .catch(function () {});
+    }
+
     /* per-panel validation on Next */
     function validateStep(step) {
-      if (step === 9) return validateRender();
+      if (step === 10) return validateRender();
+      /* planet physics (task 1004418): Continue walks the questions inside the step,
+         and only the last one moves the wizard on, so this never says yes itself */
+      if (step === 3) return physAdvance();
       /* the fork's own door is "Begin planet creation": a real project, not the demo */
       if (step === 2) { state.demo = null; return true; }
       /* the front door's one tick (task 1004417): nothing past it until it is given */
@@ -5424,11 +5950,11 @@ summary{min-height:24px;padding:3px 0;}
         }
         return true;
       }
-      if (step === 3) {
+      if (step === 4) {
         if (!state.name.trim()) { $('h-name').textContent = 'Give it a name to start.'; $('h-name').className = 'hint err'; return false; }
         return true;
       }
-      if (step === 4) {
+      if (step === 5) {
         if (!state.projType) {
           $('h-projtype').textContent = 'Pick one — Not Sure is a fine answer.';
           $('h-projtype').className = 'hint err';
@@ -5436,10 +5962,10 @@ summary{min-height:24px;padding:3px 0;}
         }
         return true;
       }
-      /* steps 5 (About) and 6 (Modules) have no clause: they are the optional
+      /* steps 6 (About) and 7 (Modules) have no clause: they are the optional
          ones, and Next past an empty answer is the whole point (tasks 1002334,
          1002339). Step 2 (the fork) has none either: its doors are the answer. */
-      if (step === 7) {
+      if (step === 8) {
         var homeErr = function (msg) { $('h-home').textContent = msg; $('h-home').className = 'hint err'; return false; };
         if (repoAccess === 'need-connect') return homeErr('Allow GitHub repo access to pick or create your repository — or choose “enter it manually”.');
         if (repoAccess === true && state.mode !== 'adopt') {
@@ -5454,7 +5980,7 @@ summary{min-height:24px;padding:3px 0;}
         $('h-home').innerHTML = '&nbsp;'; $('h-home').className = 'hint';
         return true;
       }
-      if (step === 8) {
+      if (step === 9) {
         if (!validSlug(state.slug)) {
           $('h-slug').textContent = '2–40 lowercase letters, numbers, or dashes; no leading/trailing/double dash.';
           $('h-slug').className = 'hint err'; $('f-slug').classList.add('bad');
@@ -5591,7 +6117,7 @@ summary{min-height:24px;padding:3px 0;}
             : 'Once the project is up, we create your app on your Render account. Your key is used once, then thrown away.';
           /* then the app's own progress, from the same read the project's page uses (task 1004353) */
           var box = $('doneApp');
-          if (box) watchApp(instanceId, box, function () { return state.step === 12; }, 5000);
+          if (box) watchApp(instanceId, box, function () { return state.step === 13; }, 5000);
         });
       }).catch(function (err) {
         note.className = 'hint err';
@@ -5766,7 +6292,7 @@ summary{min-height:24px;padding:3px 0;}
                because absent means SKIPPED and an empty string would read as an
                answered-but-blank description to the publish gate */
             description: String(state.description || '').trim() || undefined,
-            detail: state.teamShape ? { team_shape: state.teamShape } : undefined,
+            detail: createDetail(),
             /* the picker's answer (task 1002339) — omitted while unanswered, and
                the server then applies the SAME starter bundle the panel showed,
                so a skip and an accept land the same modules */
@@ -5820,7 +6346,7 @@ summary{min-height:24px;padding:3px 0;}
           sessionStorage.removeItem(DRAFT_KEY);
         } catch (e) {}
         renderDone();
-        show(12, true);
+        show(13, true);
         sendRenderSetup(data.instance && data.instance.id);   // the key rides the new project's own setup run (task 1004352)
         sendLookSetup(data.instance && data.instance.id);   // the look + logo, like the Render key: right after Create (task 1004421)
         startProgress(data.instance && data.instance.id);
@@ -5830,7 +6356,7 @@ summary{min-height:24px;padding:3px 0;}
         if (err && err.gotoHome) {
           /* A repo-creation problem (name taken / reconnect) — bounce back to the Home
              step with the reason, so the user fixes it where the repo is chosen. */
-          show(7, true);
+          show(8, true);
           $('h-home').textContent = err.homeMsg || 'Please revisit the repository step.';
           $('h-home').className = 'hint err';
           return;
@@ -6398,7 +6924,7 @@ summary{min-height:24px;padding:3px 0;}
                5s tick never clobbers an open dropdown or mid-flight button) */
             if (inst && inst.status !== live.instStatus) {
               live.instStatus = inst.status; renderSteps();
-              if (state.step === 12) paintRail(12);   /* the rail finishes only when the project answers */
+              if (state.step === 13) paintRail(13);   /* the rail finishes only when the project answers */
             }
             var terminal = renderProgress(inst);
             if (!terminal) pollTimer = setTimeout(tick, 5000);
@@ -6438,7 +6964,7 @@ summary{min-height:24px;padding:3px 0;}
          is three-valued and null is its "nothing said" sentinel; leaving the key out
          left it UNDEFINED, which is not null — so pickedModules() reached .slice()
          on it and the second project's Modules step threw. */
-      state = { step: 1, name: '', projType: null, description: '', teamShape: null, modules: null, mode: 'greenfield', owner: '', ownerTouched: false, repo: '', repoTouched: false, slug: '', slugTouched: false, domain: '', noAddress: false, appPlatform: 'later', demo: null, look: null, termsAck: false };
+      state = { step: 1, name: '', projType: null, description: '', teamShape: null, modules: null, mode: 'greenfield', owner: '', ownerTouched: false, repo: '', repoTouched: false, slug: '', slugTouched: false, domain: '', noAddress: false, appPlatform: 'later', physics: null, demo: null, look: null, termsAck: false };
       $('newName').value = ''; $('f-owner').value = ''; $('f-repo').value = ''; $('f-slug').value = ''; $('f-domain').value = '';
       $('f-noaddr').checked = false; $('f-desc').value = '';
       /* Re-seed the owner from the signed-in account for the next project. */
@@ -6517,7 +7043,7 @@ summary{min-height:24px;padding:3px 0;}
       if (focus && !resumeIntent) {
         var draft = null;
         try { draft = JSON.parse(sessionStorage.getItem(DRAFT_KEY) || 'null'); } catch (e) {}
-        var at = draft && draft.step >= 1 && draft.step <= 11 ? draft.step : 0;
+        var at = draft && draft.step >= 1 && draft.step <= 12 ? draft.step : 0;
         if (!at) { resetForNewProject(); at = 1; }
         paintResumeOffer(created);
         /* step 1's own focus target is its one control, the terms tick, not the
@@ -6541,7 +7067,7 @@ summary{min-height:24px;padding:3px 0;}
         manifestState = created.manifest_state; manifestPending = true;
       }
       renderDone();
-      show(12, !!focus);
+      show(13, !!focus);
       startProgress(created.id);
       resumePolls();
     }
@@ -6558,7 +7084,7 @@ summary{min-height:24px;padding:3px 0;}
       /* before identity settles, never render past step 1 (the terms, since task
          1004417): deeper steps carry authenticated side effects (the Home-step repo
          probe), and onAuth() re-enters to the real draft step the moment /me answers */
-      var step = authKnown && state.step >= 1 && state.step <= 11 ? state.step : 1;
+      var step = authKnown && state.step >= 1 && state.step <= 12 ? state.step : 1;
       if (step === 1) {
         /* Pre-auth, step 1 is a PLACEHOLDER, not where the visitor is — but show()
            persists whatever step it renders, so it used to overwrite the draft's real
@@ -6567,7 +7093,7 @@ summary{min-height:24px;padding:3px 0;}
            step back after rendering the placeholder, in memory AND in the draft. */
         var resumeStep = state.step;
         show(1, false);
-        if (!authKnown && resumeStep >= 1 && resumeStep <= 11) { state.step = resumeStep; saveDraft(); }
+        if (!authKnown && resumeStep >= 1 && resumeStep <= 12) { state.step = resumeStep; saveDraft(); }
         if (focus) $('termsAck').focus();
       } else {
         show(step, !!focus);