/* The bid dialog of a whitelist slot (dl-slot.js): a field, a button, one line when something happens. Ivory like #chamber. */
#slot-dialog{width:min(420px,calc(100vw - 28px));padding:40px 28px 26px;background:#fbfaf5;color:#30372c;border:1px solid #b79c665f;box-shadow:0 25px 130px #5d542b33,0 1px 0 #fff inset}
#slot-form{display:flex;flex-direction:column;gap:14px;margin:0}
#slot-github{font:16px/1.4 'DM Sans',system-ui,sans-serif;padding:14px 15px;border:1px solid #c4a36570;border-radius:0;background:#fffefa;color:#30372c;outline:none}
#slot-github:focus{border-color:#c4a365}
#slot-go{width:100%;margin:0;border:0;cursor:pointer;font-family:inherit}
#slot-go:disabled{opacity:.6;cursor:progress}
#slot-status{margin:16px 0 0;font-size:13px;line-height:1.5;color:#707765}
/* The phases of evolution of a tracenet under the sphere (dl-whitelist.js): the cycle's four names in the sphere label's own mono; the live one gold. */
.phase-row{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:center;gap:2px;font:10px var(--mono,monospace);letter-spacing:.2em;text-transform:uppercase}
/* a readout of the chain's phase, not a control (his 11:3x: "we are not going to scrpt this... this will evolve real-time with solana") */
.phase-row{list-style:none;margin:0;padding:0}
.phase-row li{padding:6px 8px;color:#bdb7a5}
.phase-row li+li::before{content:'—';margin-right:10px;color:#d8d2bf}
@media (max-width:420px){.phase-row{letter-spacing:.12em}.phase-row li{padding:6px 5px}.phase-row li+li::before{margin-right:6px}}
.phase-row li.is-live{color:#30372c}
.phase-count{margin-left:10px;color:#a8874a;letter-spacing:.08em}.phase-count:empty{display:none}
.phase-row li.is-live::after{content:'';display:inline-block;width:5px;height:5px;margin:0 0 2px 9px;border-radius:50%;background:#b8954f;vertical-align:middle}
/* simulated buyers (his 11:4x): a quiet control beside the pause; pressed, it is the way back to the chain */
.visual-mode .sim-buyers{font:inherit;font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;background:none;color:#8a6d3b;cursor:pointer}
.visual-mode .sim-buyers:hover{color:#30372c;border-color:#b8954f}
.visual-mode .sim-buyers[aria-pressed=true]{color:#30372c;border-color:#b8954f;background:#f3ead6}
/* whose eyes (his 11:5x "i bought already / i didnt buy anything"): two quiet buttons beside the way back while the simulation runs */
.visual-mode .sim-eyes{display:inline-flex;gap:4px}.visual-mode .sim-eyes[hidden]{display:none}
.visual-mode .sim-buyers{white-space:nowrap}
@media (max-width:700px){.oath-sphere .visual-mode{flex-wrap:wrap;row-gap:8px}.oath-sphere #visual-status{flex:1 1 70%}}