:root{font-family:Onest,Arial,sans-serif;color-scheme:dark;--neon:#f9ff3f;--pink:#ff7b22;--violet:#ffb528;--text:#eef1e9;--muted:#999f95;--line:#ffffff1c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#020202;color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--neon);outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;letter-spacing:-1.5px;line-height:1.07}h1{font-size:37px}h2{font-size:30px}h3{font-size:17px;letter-spacing:-.4px;font-weight:500}.studio-app{max-width:480px;min-height:100dvh;margin:auto;background:radial-gradient(ellipse at 50% 30%,#171717,#050505 65%);overflow:clip;position:relative}.studio-header{height:76px;padding:16px 18px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #ffffff0a}.round{width:36px;height:36px;min-width:36px;border:1px solid #ffffff25;border-radius:50%;display:grid;place-items:center;background:#ffffff04;color:#ddd;font-size:18px;padding:0}.studio-brand{display:flex;align-items:center;gap:8px;flex:1}.studio-brand img{width:19px;height:26px;object-fit:contain;filter:invert(1)}.studio-brand span{font-size:13px;letter-spacing:1px}.studio-brand small{display:block;font-size:6px;letter-spacing:1.3px;color:#7d8378;margin-top:3px}.save-progress{font-size:10px;border:1px solid #f9ff3f40;border-radius:30px;background:#f9ff3f06;padding:10px 12px;color:#fff0b4;white-space:nowrap}.level-rail{display:flex;gap:6px;padding:13px 18px 4px}.level-rail button{flex:1;font-size:8px;letter-spacing:.9px;border:0;border-radius:5px;padding:7px 0;background:#ffffff05;color:#697061;border-top:2px solid #ffffff16}.level-rail button.current{border-color:var(--neon);color:#ffec94;background:#f9ff3f0a}.level-rail button.complete{border-color:#f9ff3f50;color:#a2b28f}.save-status-wrap{height:24px;text-align:center}#save-status{font-size:8px;letter-spacing:.6px;border:0;background:transparent;color:#7b8670;padding:4px 10px;min-height:24px}.overline{font-size:9px;letter-spacing:1.7px;color:#aec795;line-height:1.6;margin-bottom:14px}.muted{color:var(--muted);font-size:12px;line-height:1.7;margin:17px 0 24px}.fine{font-size:9px;line-height:1.7;color:#737e68;margin-top:16px}.primary,.secondary{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:49px;padding:14px 17px;font-size:12px;border:1px solid #ffe99388;background:var(--neon);color:#14200d;border-radius:50px;box-shadow:0 0 30px #f9ff3f20,inset 0 1px #ffffff50}.secondary{background:#ffffff05;border-color:var(--line);box-shadow:none;color:#e0e5db}.text-button{border:0;background:transparent;font-size:11px;padding:15px;color:#b7c7a3;min-height:44px}.error{font-size:11px;line-height:1.6;background:#ffaba408;color:#ffb2a8;border:1px solid #ffaba430;border-radius:14px;padding:14px;margin:14px 20px}dialog{width:calc(100% - 32px);max-width:430px;max-height:calc(100dvh - 30px);padding:32px 26px;border:1px solid #ffffff2b;border-radius:26px;color:var(--text);background:radial-gradient(ellipse at top,#1c1c1c,#080808 70%);box-shadow:inset 0 1px #fff2,0 0 80px #000a;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(14px)}.dialog-close.round{position:absolute;right:18px;top:18px}dialog .primary{margin-top:17px}dialog .secondary{margin-top:11px}#entry-dialog{text-align:center;padding-top:34px}#entry-dialog h1{font-size:46px}#entry-dialog .overline{font-size:7px}.entry-orbit{width:158px;height:158px;position:relative;margin:25px auto;display:grid;place-items:center}.entry-orbit i{position:absolute;inset:10px;border:1px solid #f9ff3f55;border-radius:50%;transform:rotateX(58deg) rotateZ(30deg);box-shadow:0 0 16px #f9ff3f16;animation:orbit 13s linear infinite}.entry-orbit i:nth-child(2){transform:rotateY(58deg) rotateZ(-30deg);border-color:#ff7b2255;animation-direction:reverse}.entry-orbit i:nth-child(3){inset:39px;background:radial-gradient(circle at 30% 30%,#2d3226,#080908 70%);border-color:#fff2;transform:none;animation:none;box-shadow:inset 0 0 22px #f9ff3f14}.entry-orbit span{z-index:1;font-size:13px;letter-spacing:4px;color:#fff1c3}.guide{list-style:none;padding:0;counter-reset:steps;display:grid;gap:22px;margin:27px 0}.guide li{counter-increment:steps;padding-left:33px;position:relative}.guide li:before{content:'0' counter(steps);font-size:10px;color:var(--neon);position:absolute;left:0;top:3px}.guide strong{display:block;font-size:13px;font-weight:500}.guide span{font-size:11px;color:var(--muted);display:block;line-height:1.6;margin-top:5px}label{display:block;font-size:11px;color:#b4bbae;margin:16px 0 0}input,select,textarea{display:block;width:100%;padding:13px 14px;border-radius:13px;border:1px solid #ffffff24;background:#ffffff05;color:#eef1e9;font-size:12px;margin-top:8px;min-height:46px}select{appearance:auto}select option{background:#151515}textarea{resize:vertical;min-height:68px}.check{display:flex;align-items:center;gap:10px;min-height:38px}.check input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--neon)}.voice-frame{border:0;width:100%;height:calc(100dvh - 148px);min-height:600px;display:block;background:#050505}.level-title{padding:20px 22px 10px}.level-title h1{font-size:30px}.level-title p{font-size:10px;color:#89947e;line-height:1.6;margin-top:9px}.game-scene{position:relative;min-height:calc(100dvh - 138px);display:flex;flex-direction:column;justify-content:space-between}.universe-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.universe-head{padding:20px 24px;position:relative;z-index:1;background:linear-gradient(#080808aa,transparent)}.universe-head h1{font-size:32px}.universe-head .fine{margin-top:11px;color:#929b86}.universe-parts{display:flex;gap:8px;margin-top:18px}.universe-parts span{font-size:8px;border:1px solid #fff2;border-radius:40px;padding:7px 9px;background:#1118;color:#8d9784}.universe-parts span.current{border-color:#f9ff3f50;color:#fff0b7}.question-panel{position:relative;z-index:1;margin:155px 16px 20px;border:1px solid #ffffff30;border-radius:24px;background:linear-gradient(140deg,#181818e8,#080808e8);backdrop-filter:blur(25px);padding:21px;box-shadow:inset 0 1px #fff2,0 18px 50px #0008}.question-panel .overline{font-size:8px;display:flex;justify-content:space-between;gap:10px;margin-bottom:13px}.question-panel h2{font-size:24px;line-height:1.13;letter-spacing:-.8px}.question-panel p{font-size:10px;line-height:1.6;color:#939e89;margin-top:12px}.choice-grid{display:grid;gap:8px;margin-top:20px}.choice{min-height:43px;text-align:left;border:1px solid #ffffff1c;background:#ffffff03;border-radius:12px;padding:12px;font-size:11px;line-height:1.3;display:flex;align-items:center;gap:12px}.choice:before{content:'';width:9px;height:9px;border:1px solid #768268;border-radius:50%;flex-shrink:0}.choice.selected{color:#fff2c5;border-color:#f9ff3f80;background:#f9ff3f0b;box-shadow:0 0 20px #f9ff3f13}.choice.selected:before{background:#f9ff3f;box-shadow:0 0 12px #f9ff3f}.choice-grid .choice:disabled{opacity:.7}.panel-back{border:0;background:none;color:#828d77;font-size:9px;padding:13px 0 0;min-height:35px}.reactor{padding:20px 22px 30px}.reactor h1{font-size:31px}.reactor-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#859776;margin-top:14px}.reactor-orbit{height:243px;display:grid;place-items:center;position:relative;isolation:isolate}.audience-orb{width:174px;height:174px;border-radius:50%;position:relative;background:#060707;box-shadow:inset 10px 6px 23px #ffffff08,0 0 60px #f9ff3f0a;overflow:hidden;border:1px solid #ffffff15}.audience-orb:before{content:'';position:absolute;inset:-25%;background:conic-gradient(from 60deg,#f9ff3f,#ff9e25,#ffb528,#ff7b22,#f9ff3f);opacity:calc(.015 + var(--energy)*.98);filter:blur(16px);animation:orb-spin 24s linear infinite;transition:opacity .7s}.audience-orb:after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 30% 25%,#fff2,transparent 45%,#0005 83%);box-shadow:inset -9px -9px 20px #0005}.orb-ring{position:absolute;width:216px;height:216px;border-radius:50%;border:1px solid #f9ff3f17;transform:rotateX(62deg);box-shadow:0 0 15px #f9ff3f08}.orb-ring.two{transform:rotateY(60deg);border-color:#ff7b2220}.orb-meter{position:absolute;bottom:5px;font-size:8px;letter-spacing:1.1px;color:#acbe98}.energy-track{height:3px;background:#fff1;margin:0 0 20px;border-radius:8px;overflow:hidden}.energy-track span{display:block;height:100%;background:linear-gradient(90deg,#f9ff3f,#ff7b22);transition:width .7s}.reactor .fine{margin-top:12px}.content-card,.portal-card,.draft-card{border:1px solid #ffffff22;border-radius:22px;background:linear-gradient(135deg,#ffffff07,#ffffff02);padding:20px;box-shadow:inset 0 1px #ffffff12}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.format{min-height:43px;font-size:10px;border:1px solid #ffffff20;background:#ffffff03;border-radius:12px;padding:10px}.format.selected{border-color:#f9ff3f70;background:#f9ff3f09;color:#fff2b4}.asset-grid{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.asset{border:1px solid #ffffff1d;border-radius:40px;background:#ffffff03;color:#919a87;font-size:9px;padding:10px}.asset.selected{border-color:#f9ff3f70;color:#fff3bd}.asset.locked{opacity:.3}.asset-feedback{font-size:10px;color:#ffdda8;margin-top:12px;line-height:1.5}.score-card{margin-top:18px;padding:15px;border:1px solid #f9ff3f2b;border-radius:18px;background:#f9ff3f06}.score-card .score-top{display:flex;justify-content:space-between;align-items:center}.score-card strong{font-size:20px;color:#fff3a9;font-weight:400}.score-card p{font-size:10px;line-height:1.6;color:#a3b48f;margin-top:8px}.score-card button{padding:10px 0;font-size:9px;color:#fff3a9;border:0;background:none;min-height:36px}.feed-flash{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;animation:feed 1.1s ease-out forwards;font-size:10px;color:#ffec94}.reactor-list{margin-top:22px}.reactor-list summary{color:#939e86;font-size:11px;min-height:36px;cursor:pointer}.reactor-list p{font-size:10px;border-bottom:1px solid #fff1;padding:12px 0;line-height:1.5;color:#a1ad93}.workflow-scene{padding:20px 0 0}.workflow-scene .level-title{padding-top:0}.circuit{width:100%;height:278px;display:block;overflow:visible}.circuit .board-dot{fill:#ffffff0b}.circuit .node{fill:#121612;stroke:#ffffff33;stroke-width:1}.circuit text{fill:#85967c;font-family:Onest,Arial,sans-serif;font-size:6.5px}.circuit .wire{fill:none;stroke:#ffffff38;stroke-width:1.5}.circuit .connected{stroke-width:1.6;filter:drop-shadow(0 0 3px #f9ff3f66)}.circuit .current{fill:none;stroke-width:2;stroke-dasharray:7 22;animation:current 3s linear infinite;filter:drop-shadow(0 0 4px #f9ff3f88)}.workflow-scene .question-panel{margin-top:0}.workflow-scene input{margin-bottom:15px}.workflow-scene .primary{margin-top:16px}.portal,.draft{padding:25px 22px 42px}.portal-intro{margin-bottom:25px}.portal .primary{margin-bottom:20px}.portal-list{display:grid;gap:13px}.portal-card .overline{font-size:8px;margin-bottom:9px}.portal-card p{font-size:10px;line-height:1.6;color:#96a586;margin-top:12px}.portal-card .secondary{margin-top:16px}.portal-toolbar{display:flex;gap:8px;margin-bottom:20px}.portal-toolbar button{flex:1;font-size:9px;padding:10px;border-radius:10px;border:1px solid #fff2;background:#fff04;min-height:38px}.portal-toolbar .selected{color:#ffe5a5;border-color:#f9ff3f55}.draft-notice{border:1px solid #f9ff3f40;border-radius:18px;background:#f9ff3f08;padding:17px;margin-bottom:28px}.draft-notice h3{font-size:15px}.draft-notice p{font-size:10px;line-height:1.6;color:#afbd9f;margin-top:10px}.draft-notice button{font-size:10px;margin-top:13px}.draft h1{font-size:37px;margin-bottom:16px;overflow-wrap:anywhere}.draft .universe-strip{height:110px;position:relative;margin:20px 0;overflow:hidden;border:1px solid #fff2;border-radius:22px;background:radial-gradient(ellipse at 25% 80%,#f9ff3f22,transparent 50%),radial-gradient(ellipse at 85% 20%,#ff7b2225,transparent 65%),#0c0c0c}.universe-strip:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#f9ff3f 1px,transparent 1px);background-size:13px 13px;opacity:.35;mask-image:linear-gradient(130deg,#000,transparent 75%)}.universe-strip span{position:absolute;bottom:20px;left:20px;font-size:9px;letter-spacing:1.8px;color:#fff0ba}.draft-card{margin-bottom:15px}.draft-card h2{font-size:20px;margin-bottom:19px;line-height:1.15;letter-spacing:-.5px}.draft-card p{font-size:11px;line-height:1.75;color:#a8b39c;margin:12px 0;overflow-wrap:anywhere}.draft-card audio{width:100%;height:34px;margin-top:10px}.voice-answer{margin:12px 0;font-size:10px;color:#a3b98e}.draft .secondary{margin:15px 0}.launch-cta{margin-top:25px;padding:24px 20px;border:1px solid #f9ff3f66;border-radius:24px;background:radial-gradient(ellipse at 50% 0,#f9ff3f12,transparent 70%),#0c0f09}.launch-cta h2{font-size:29px}.launch-cta p{font-size:12px;line-height:1.7;color:#a8bd94;margin:17px 0 20px}.axis{margin:16px 0}.axis div{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px;color:#a1b193}.axis progress{width:100%;height:5px;accent-color:var(--neon)}.finish-message{border:1px solid #f9ff3f44;border-radius:20px;padding:20px;margin:20px 0;background:#f9ff3f07}.finish-message h3{color:#fff3a5}.finish-message p{font-size:11px;line-height:1.65;color:#a4b994;margin-top:10px}#campaign-name{font-size:18px;margin:20px 0}.level-actions{display:flex;justify-content:space-between;align-items:center;padding:0 22px 18px}.level-actions .text-button{font-size:9px;padding:8px}.idle-screen{padding:50px 24px;text-align:center}.idle-screen .secondary{margin-top:24px}.launch-links{display:flex;gap:12px}.launch-links a{flex:1;font-size:10px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #f9ff3f40;border-radius:40px;color:#ffecb3}
@keyframes orb-spin{to{transform:rotate(360deg)}}@keyframes current{to{stroke-dashoffset:-290}}@keyframes orbit{to{transform:rotateX(58deg) rotateZ(390deg)}}@keyframes feed{0%{opacity:0;transform:translateY(70px) scale(.7)}35%{opacity:1}100%{opacity:0;transform:translateY(-15px) scale(.3)}}
@media(max-width:350px){.studio-header{padding-inline:12px;gap:7px}.save-progress{font-size:9px;padding-inline:9px}.studio-brand span{font-size:11px}.studio-brand img{width:16px}.question-panel{padding:18px;margin-inline:12px}.question-panel h2{font-size:22px}.universe-head h1{font-size:28px}.universe-parts{gap:5px}.universe-parts span{font-size:7px;padding:6px}.reactor,.portal,.draft{padding-inline:18px}dialog{padding-inline:22px}.question-panel{margin-top:105px}.circuit{height:250px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.game-scene{height:calc(100dvh - 138px);overflow:hidden}.game-scene .question-panel{margin:0 16px 20px;max-height:54dvh;overflow:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:#f9ff3f30 transparent}.universe-head{padding-bottom:10px}.game-scene .choice-grid{margin-top:16px}

.workflow-scene .circuit{height:240px}.circuit .wire{stroke:#ffffff70}.reactor-orbit{height:210px}.audience-orb{box-shadow:inset 10px 6px 23px #ffffff08,0 0 calc(12px + var(--energy)*44px) rgb(249 255 63 / calc(var(--energy)*.2))}.finish-message{margin-block:14px;padding:17px}

.studio-header{position:sticky;top:0;z-index:30;background:#080808ed;backdrop-filter:blur(22px)}.level-rail{position:sticky;top:76px;z-index:29;background:#080808eb;backdrop-filter:blur(20px)}.save-status-wrap{position:sticky;top:76px;z-index:28;background:#080808d9}.level-rail:not([hidden])+.save-status-wrap{top:118px}

#help-dialog .guide{gap:18px;margin:26px 0;font-size:13px;line-height:1.6;color:#c2cbb8}#help-dialog .guide li{padding-left:20px}#help-dialog .guide li:before{content:'•';font-size:16px;top:0}
/* Level 2 uses the shared page background and a compact completion bar. */
.audience-scene .universe-head {padding:16px 22px 9px;background:transparent;}
.audience-scene .universe-head h1 {font-size:23px;margin-top:8px;}
.audience-scene .universe-parts {margin-top:12px;gap:6px;}
.audience-scene .universe-parts span {font-size:7px;padding:6px 8px;}
.audience-scene .question-panel {max-height:none;margin-top:16px;margin-bottom:24px;}
.audience-scene .question-panel h2 {font-size:22px;}
.audience-scene .choice-grid {grid-template-columns:1fr 1fr;gap:7px;margin-top:16px;}
.audience-scene .choice {font-size:10px;padding:11px 9px;min-height:48px;gap:7px;}
.audience-scene .choice:before {width:7px;height:7px;}
.audience-review {margin-top:22px;}
.audience-review summary {font-size:12px;color:#fff1c0;min-height:44px;cursor:pointer;}
.audience-review-card {width:100%;display:flex;flex-direction:column;gap:9px;text-align:left;border:1px solid #ffffff20;background:#ffffff04;border-radius:16px;padding:17px;margin-bottom:8px;}
.audience-review-card small {font-size:10px;color:#aaa;}
.audience-review-card strong {font-weight:400;font-size:14px;}
.audience-review-card span {color:#ffcb55;font-size:9px;}
.universe-complete>.primary {margin-top:22px;}
.universe-complete>.secondary {margin-top:12px;}
.creative-prompt {padding:15px;border:1px solid #ffb52825;border-radius:15px;background:linear-gradient(125deg,#f9ff3f04,#ff7b2206);margin-top:18px;}
.creative-prompt strong {font-weight:400;font-size:12px;line-height:1.5;}
.creative-prompt p {font-size:10px;line-height:1.65;margin:10px 0;color:#aaa;}
.creative-prompt summary {font-size:10px;color:#ffdb80;min-height:32px;cursor:pointer;}
.format small {display:block;font-size:7px;color:#ffcb55;margin-top:5px;}
@media(max-width:350px){.audience-scene .universe-head {padding-inline:16px;}.audience-scene .question-panel {padding:17px;margin-inline:12px;}.audience-scene .question-panel h2 {font-size:20px;}.audience-scene .choice {font-size:9px;}.audience-scene .universe-parts span {font-size:6.5px;padding-inline:7px;}}
.portal-logout {margin-top:30px;color:#aaa;font-size:11px;}
.audience-scene {height:auto;min-height:calc(100dvh - 144px);justify-content:flex-start;overflow:visible;background:transparent;}



.audience-progress {margin-top:25px;}
.audience-progress-label {display:flex;justify-content:space-between;gap:12px;margin-bottom:11px;font-size:9px;color:#aaa;}
.audience-progress-track {height:6px;overflow:hidden;border-radius:100px;background:#ffffff0b;}
.audience-progress-track>span {display:block;height:100%;border-radius:inherit;background:var(--accent-gradient,linear-gradient(115deg,#f9ff3f,#ff7b22));}
.universe-complete .audience-progress {margin-bottom:26px;}

/* Set expectations without adding another onboarding screen. */
.studio-commitment {margin:18px 0;padding:15px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff03;text-align:left;}
.studio-commitment p,#help-dialog .studio-pace-note {font-size:11px;line-height:1.65;color:#bdbdbd;}
.studio-commitment summary {font-size:11px;color:#ffda7b;min-height:40px;display:flex;align-items:center;cursor:pointer;}
.studio-commitment details p {margin:3px 0 5px;color:#aaa;}
#help-dialog .studio-pace-note {margin-bottom:22px;}
#entry-dialog {padding-block:24px;}
#entry-dialog h1 {font-size:38px;}
#entry-dialog .entry-orbit {width:108px;height:108px;margin:14px auto;}
#entry-dialog .entry-orbit i:nth-child(3) {inset:26px;}
#entry-dialog .muted {font-size:11px;margin:12px 0;}
#entry-dialog .studio-commitment {margin:12px 0;padding:12px;}
#entry-dialog .primary {margin-top:12px;}
.portal-card-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.portal-card-heading .overline {margin:0;}
.campaign-trash,.campaign-save-note .campaign-trash {display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:11px;margin:0;background:#ffffff04;border:1px solid #ffffff17;border-radius:13px;color:#a5a5a5;cursor:pointer;}
.campaign-trash svg {width:20px;height:20px;}
.campaign-trash:hover,.campaign-trash:focus-visible {color:#ffad59;border-color:#ffad5960;background:#ffad5909;}
.campaign-save-note {display:flex;align-items:flex-start;justify-content:space-between;gap:15px;}
.campaign-note-copy {flex:1;}
.campaign-delete-dialog {max-width:420px;}
.campaign-delete-dialog h2 {font-size:28px;line-height:1.2;}
.delete-campaign-name {color:#fff;font-size:14px;line-height:1.5;overflow-wrap:anywhere;margin:16px 0 8px;}
.delete-dialog-actions {display:flex;gap:10px;margin-top:22px;}
.delete-dialog-actions .primary,.delete-dialog-actions .secondary {flex:1;width:auto;margin:0;font-size:12px;padding-inline:12px;}
.portal-deleted {margin:20px auto;display:block;color:#a5a5a5;}