/* ikag_site public v2: nav, panel and hint on top of the HQ engine. Colours follow the engine (cyan / gold on deep navy). */
:root{--ik-bg:#0e1626e8;--ik-line:#5fe6e63d;--ik-ink:#ece6d6;--ik-dim:#a0b0b6;--ik-cy:#5fe6e6;--ik-gold:#e8c15a;--ik-red:#ef4a64;--ik-green:#4fd08a}
#ikNav{position:fixed;top:22px;left:50%;transform:translateX(-50%);z-index:60;display:flex;gap:6px;padding:6px;background:var(--ik-bg);border:1px solid var(--ik-line);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity .4s}
body.ik-ready #ikNav{opacity:1}
#ikNav button{font:600 16px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ik-ink);background:none;border:0;border-radius:9px;padding:9px 16px;cursor:pointer;white-space:nowrap}
#ikNav button:hover{background:#5fe6e61f}#ikNav button.on{background:var(--ik-cy);color:#0b1220}
#ikNav button:focus-visible,#ikPanel button:focus-visible,#ikPanel a:focus-visible,.ik-short:focus-visible{outline:2px solid var(--ik-gold);outline-offset:2px}
#ikHint{position:fixed;left:50%;top:84px;transform:translateX(-50%);z-index:55;font:500 14px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.1em;color:var(--ik-dim);background:var(--ik-bg);border:1px solid var(--ik-line);border-radius:999px;padding:7px 16px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .4s}
body.ik-ready #ikHint{opacity:1}#ikHint[hidden]{display:none}
#ikPanel{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);z-index:70;background:var(--ik-bg);border-left:1px solid var(--ik-line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--ik-ink);font:15px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;overflow-y:auto;overscroll-behavior:contain;box-shadow:-18px 0 40px #0006}
#ikPanel[hidden]{display:none}
#ikPanel header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 14px;background:#0e1626f7;border-bottom:1px solid var(--ik-line)}
#ikPanel header small{display:block;font:500 12px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--ik-cy)}
#ikPanel h2{margin:2px 0 0;font:700 32px/1.05 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}
#ikPanel h3{margin:0 0 10px;font:600 14px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ik-gold)}
.ik-x{flex:none;width:36px;height:36px;border-radius:10px;border:1px solid var(--ik-line);background:none;color:var(--ik-ink);font-size:15px;cursor:pointer}.ik-x:hover{background:#5fe6e61f}
.ik-body{padding:16px 22px 40px}.ik-body p{margin:0 0 14px}.ik-body section{margin:22px 0 0}
.ik-note{color:var(--ik-dim);font-size:13px}
.ik-now{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;margin:0 0 14px;border:1px solid var(--ik-line);border-radius:12px;background:#ffffff08}
.ik-now small{font:500 12px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ik-dim)}
.ik-pill{display:inline-block;max-width:100%;padding:3px 10px;border-radius:999px;font:600 13px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.06em;background:#ffffff14;color:var(--ik-dim);text-align:right}
.ik-pill.work{background:#5fe6e626;color:var(--ik-cy)}.ik-pill.off{background:#ef4a6426;color:#ff9aab}
.ik-btn{display:inline-block;margin:6px 0 0;padding:9px 14px;border-radius:10px;border:1px solid var(--ik-line);background:none;color:var(--ik-cy);font:600 15px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.06em;text-decoration:none;cursor:pointer}.ik-btn:hover{background:#5fe6e61f}
.ik-list{display:grid;gap:6px}
.ik-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:9px 12px;border:1px solid #ffffff14;border-radius:10px;background:#ffffff08;color:inherit;font:inherit;text-align:left;cursor:pointer}
.ik-row:hover{border-color:var(--ik-line);background:#5fe6e612}.ik-row b{font:700 16px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.08em}.ik-row small{color:var(--ik-dim);font-size:12px}
.ik-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:0 0 8px;border:1px solid #ffffff14;border-radius:12px;background:#ffffff08}
.ik-card b,.ik-proto b{font:700 18px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.05em}.ik-card p{margin:2px 0 0;color:var(--ik-dim);font-size:13px}
.ik-tag{margin-left:8px;padding:1px 7px;border-radius:6px;background:#e8c15a26;color:var(--ik-gold);font:600 11px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;font-style:normal;vertical-align:2px}
.ik-play{flex:none;padding:9px 14px;border-radius:10px;background:var(--ik-cy);color:#0b1220;font:700 15px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.08em;text-decoration:none;white-space:nowrap}.ik-play:hover{background:#8ff0f0}
.ik-shorts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px}
.ik-fig{margin:0}.ik-fig figcaption{margin-top:6px;font-size:12.5px;line-height:1.35}.ik-fig figcaption small{display:block;color:var(--ik-dim);margin-top:2px}
.ik-short{position:relative;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#000;border:1px solid #ffffff1f;cursor:pointer}
.ik-short img{width:100%;height:100%;object-fit:cover;display:block}.ik-short iframe{width:100%;height:100%;border:0;display:block}
.ik-playdot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#0b1220cc;color:var(--ik-cy);display:grid;place-items:center;font-size:16px;padding-left:3px;border:1px solid var(--ik-line)}
.ik-short:hover .ik-playdot{background:var(--ik-cy);color:#0b1220}
.ik-proto{padding:14px;margin:0 0 10px;border:1px solid #ffffff14;border-radius:12px;background:#ffffff08}
.ik-proto-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.ik-proto-h small{color:var(--ik-dim);font-size:12px}
.ik-proto p{margin:6px 0 10px;font-size:13.5px;color:#d9d3c4}
.ik-bar{height:4px;border-radius:2px;background:#ef4a6466;overflow:hidden;margin:0 0 10px}.ik-bar i{display:block;height:100%;background:var(--ik-green)}
.ik-proto-a{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ik-vote{padding:8px 12px;border-radius:10px;border:1px solid #ffffff2b;background:none;color:var(--ik-ink);font:600 15px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.06em;cursor:pointer}
.ik-vote b{margin-left:8px;font-weight:700}.ik-vote.keep:hover:not(:disabled),.ik-vote.keep.mine{border-color:var(--ik-green);color:var(--ik-green);background:#4fd08a1c}
.ik-vote.kill:hover:not(:disabled),.ik-vote.kill.mine{border-color:var(--ik-red);color:#ff9aab;background:#ef4a641c}.ik-vote:disabled{opacity:.45;cursor:default}
.ik-log{list-style:none;margin:0;padding:0;font-size:13.5px}.ik-log li{padding:7px 0;border-bottom:1px solid #ffffff12}.ik-log b{font:700 14px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.08em;color:var(--ik-cy)}.ik-log small{float:right;color:var(--ik-dim)}
@media (max-width:760px){
 #ikNav{top:auto;bottom:10px;left:8px;right:8px;transform:none;justify-content:space-between;gap:2px}#ikNav button{flex:1;padding:10px 4px;font-size:14px;letter-spacing:.04em}
 #ikHint{top:74px;font-size:12px;white-space:normal;text-align:center;max-width:calc(100vw - 32px)}
 #ikPanel{top:auto;left:0;width:auto;height:62vh;border-left:0;border-top:1px solid var(--ik-line);border-radius:18px 18px 0 0;bottom:0;z-index:80}
 .ik-body{padding-bottom:28px}
 /* phones: the engine's status list, log and camera buttons give way to the scene; "Who is working" has the same information */
 #truthChips,#mmFeed,#mmCamBtn,#mmViewBtns{display:none!important}
}
@media (prefers-reduced-motion:reduce){#ikNav,#ikHint{transition:none}}
#mmSaveView[hidden]{display:none!important}
/* v2: the engine's studio log and toasts are never shown; the activity card and the per-Smith cards replace them */
#mmFeed,#mmActivity,#studioCard,#streamCard,#uiToggle{display:none!important}
#ikFeed{position:fixed;left:18px;bottom:18px;z-index:58;width:min(400px,calc(100vw - 36px));padding:12px 14px 10px;text-align:left;background:var(--ik-bg);border:1px solid var(--ik-line);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ik-ink);font:14px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif;cursor:pointer}
#ikFeed[hidden]{display:none}#ikFeed:hover{border-color:#5fe6e680}#ikFeed:focus-visible{outline:2px solid var(--ik-gold);outline-offset:2px}
.ik-feed-h{display:flex;align-items:center;gap:8px;font:600 13px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ik-dim);margin-bottom:8px}
.ik-feed-h i{width:8px;height:8px;border-radius:50%;background:var(--ik-cy);box-shadow:0 0 0 4px #5fe6e626}.ik-feed-h i.off{background:var(--ik-red);box-shadow:0 0 0 4px #ef4a6426}
.ik-feed-h em{margin-left:auto;font-style:normal;letter-spacing:.08em;color:var(--ik-cy);text-transform:none}
#ikFeed ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}#ikFeed li{padding-left:10px;border-left:2px solid var(--ik-cy);color:#d9d3c4}
#ikFeed li.video{border-left-color:var(--ik-gold)}#ikFeed li:not(.now){opacity:.72}
#ikFeed li b,.ik-step b{font:700 14px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.08em;color:var(--ik-ink)}#ikFeed small{margin-left:6px;color:var(--ik-dim);font-size:12px;white-space:nowrap}
#ikFeed p{margin:0;color:var(--ik-dim)}
.ik-agents{display:grid;gap:8px}
.ik-agent{display:block;width:100%;padding:12px 14px;border:1px solid #ffffff14;border-radius:12px;background:#ffffff08;color:inherit;font:inherit;text-align:left}
button.ik-agent{cursor:pointer}button.ik-agent:hover{border-color:var(--ik-line);background:#5fe6e612}
.ik-agent.work{border-color:#5fe6e640}
.ik-agent-h{display:flex;align-items:baseline;gap:8px}.ik-agent-h b{font:700 18px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.08em}.ik-agent-h small{color:var(--ik-dim);font-size:12px}
.ik-lane{margin-left:auto;white-space:nowrap;padding:1px 7px;border-radius:6px;font:600 11px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;font-style:normal;background:#5fe6e61f;color:var(--ik-cy)}
.ik-lane.video{background:#e8c15a26;color:var(--ik-gold)}
.ik-agent p.ik-nowline{margin:4px 0 0;font-size:15px;color:var(--ik-dim)}.ik-agent.work p.ik-nowline{color:var(--ik-ink)}
.ik-agent p.ik-tool{margin:2px 0 0;font-size:12.5px;color:var(--ik-cy)}
.ik-earlier{display:block;margin:10px 0 0;padding-top:8px;border-top:1px solid #ffffff12;font:600 11px 'Barlow Condensed',system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#7d8a90}
.ik-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:13px;color:var(--ik-dim)}
.ik-step{display:flex;justify-content:space-between;gap:10px;padding-left:9px;border-left:2px solid #5fe6e666}.ik-step.video{border-left-color:#e8c15a80}.ik-step.done{border-left-style:dotted}
.ik-step small{flex:none;font-size:12px;color:#7d8a90}