:root{color-scheme:light;--bg:#fbfcfb;--panel:#fff;--line:#e2e7e4;--muted:#7b827e;--text:#19221e;--green:#176c4e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,select,input,textarea{font:inherit;color:inherit}button{cursor:pointer;transition:background .15s,border-color .15s}button,select{border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 14px}button:hover{background:#f1f5f2;border-color:#b7c6bd}button.primary{background:#182b21;color:#fff;border-color:#182b21;font-weight:600}button.primary:hover{background:#2c4836}button:disabled{opacity:.42;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b1d4c0;outline-offset:3px}a{color:var(--green)}.spacer{flex:1}.site-header{height:88px;max-width:1240px;padding:22px 36px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:750;font-size:27px;letter-spacing:-1.1px;color:#17271d;text-decoration:none;line-height:1}.brand span{font-size:8px;font-weight:500;letter-spacing:1.9px;display:block;margin-top:10px;color:#8c948e}.local-badge{font-size:11px;color:#7c857e;display:flex;gap:7px;align-items:center}.local-badge i{width:6px;height:6px;border-radius:50%;background:#8eae99}.simple-main{max-width:940px;margin:0 auto;padding:28px 28px 70px}.idea-stage{text-align:center;padding:19px 0 23px}.spark{width:42px;height:42px;background:#e8efe9;color:#3c7656;display:grid;place-items:center;border-radius:13px;font-size:28px;margin:0 auto 25px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2.3px;color:#829388}.idea-stage h1{font-size:clamp(40px,5vw,61px);font-weight:600;line-height:1.06;letter-spacing:-2.9px;margin:17px 0 19px}.intro-copy{font-size:15px;color:#7e8580;line-height:1.75;margin:0}.conversation{max-width:750px;margin:0 auto}.idea-composer{padding:15px 17px 13px;border:1px solid #d8e1db;background:#fff;border-radius:18px;box-shadow:0 4px 18px #203b2907;margin-top:11px}.idea-composer:focus-within{border-color:#91ad9c;box-shadow:0 4px 24px #335e3910}textarea{width:100%;min-height:90px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;resize:vertical;line-height:1.65}.idea-composer textarea{border:0;outline:none!important;padding:9px 5px 16px;resize:none;min-height:105px;font-size:16px;box-shadow:none}.idea-composer textarea::placeholder{color:#a2aaa5}.composer-actions{display:flex;align-items:center;gap:10px}.connect-button{border:0;background:#f2f5f2;color:#5b6c61;font-size:12px;padding:8px 11px}.composer-actions .primary{font-size:12px;padding:9px 14px}.composer-actions .primary span{font-size:17px;margin-left:12px}.suggestions{display:flex;gap:8px;justify-content:center;margin:20px 0 12px;flex-wrap:wrap}.suggestions button{font-size:11px;color:#738078;border:1px solid #e6ebe7;background:transparent;padding:7px 11px;border-radius:20px}.connection-line{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:10px;color:#96a098;margin-top:19px}.connection-line button{padding:0;background:none;border:0;font-size:10px;color:#697c6f;text-decoration:underline;text-underline-offset:3px}.connection-line #agent-status{font-size:10px;color:#92a096}#simple-status{font-size:12px;color:#67806d;text-align:center;min-height:20px;margin:16px 0 0}#chat:empty{display:none}.chat-message{margin:15px 0;padding:17px 21px;border-radius:15px;white-space:pre-wrap;font-size:14px;line-height:1.75}.chat-message.user{background:#edf2ed;color:#415448;margin-left:70px}.chat-message.assistant{padding:8px 2px;background:none;color:#6b776f}.chat-message strong{display:none}.concept-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;margin:18px 0 25px}.concept-card img{display:block;width:100%;aspect-ratio:1.9;object-fit:cover;background:#101827}.concept-copy{padding:20px 23px}.concept-copy .eyebrow{color:#879d8d}.concept-copy h3{font-size:21px;letter-spacing:-.5px;margin:9px 0}.concept-copy p{color:#819087;font-size:12px;line-height:1.7;margin:7px 0 17px}.concept-actions{display:flex;gap:8px}.concept-actions button{font-size:12px}.connect-choices{border:1px solid var(--line);border-radius:13px;background:#fff;padding:20px;margin:15px 0}.connect-choices p{margin:0 0 13px;color:#7e8b82;font-size:13px}.connect-choices button{font-size:12px;margin-right:7px}.workspace-preview{position:fixed;left:-10000px;width:960px;height:530px;display:flex!important;flex-direction:column;visibility:hidden}.show-workspace .workspace-preview,body:has(#advanced[open]) .workspace-preview{position:relative;left:auto;width:100%;height:530px;visibility:visible;margin:30px 0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff}.preview-heading{display:flex;padding:15px 20px;align-items:center;gap:15px}.preview-heading h2{font-size:18px;letter-spacing:-.4px;margin:1px 0}.preview-heading .eyebrow{font-size:8px}.preview-heading button{font-size:12px}#canvas-wrap{position:relative;flex:1;min-height:250px;background:#101827}canvas{width:100%;height:100%;display:block;touch-action:none}.viewport-caption{position:absolute;bottom:12px;left:16px;color:#afbbb4;pointer-events:none;font-size:10px}#empty{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;background:#f2f5f2;color:#a0b0a4}#empty h2{font-size:24px;margin:0}#empty p{font-size:13px}#empty[hidden]{display:none}footer{display:flex;justify-content:space-between;gap:10px;padding:7px 13px;font-size:9px;color:#a1aca4}.viewport-tools{display:none;padding:8px;gap:4px;align-items:center;flex-wrap:wrap;background:#fff;border-top:1px solid var(--line)}body:has(#advanced[open]) .viewport-tools{display:flex}.viewport-tools button,.viewport-tools label{font-size:10px;padding:5px 8px}.viewport-tools button.active{background:#e5eee7;color:#3f6f50}.play-preview{position:absolute;inset:0;display:flex;flex-direction:column;background:#101827;color:#dce9e0;z-index:2}.play-preview[hidden]{display:none}.play-header{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#15221c}.play-header button{font-size:10px;padding:5px 8px;background:#22382b;border-color:#375240;color:#dae7de}.play-header strong{font-size:12px}#play-mode{font-size:9px;color:#99bca5}#play-info{font-size:10px;color:#a0b7a8;padding:6px 12px}#play-error{font-size:11px;color:#f1a798;min-height:22px;padding:4px 12px}#game-frame{width:100%;flex:1;border:0;background:#101827}#advanced{margin-top:44px;border-top:1px solid #e9ede9;padding-top:15px;color:#65786b}#advanced>summary{cursor:pointer;list-style:none;font-size:12px;font-weight:500;display:flex;justify-content:space-between;gap:15px}#advanced>summary:after{content:'+';font-size:17px;color:#91a495}#advanced[open]>summary:after{content:'−'}#advanced>summary span{font-size:10px;color:#a6b0a9;font-weight:400;margin-left:auto}.advanced-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:20px}.advanced-toolbar>*{font-size:10px;padding:7px 9px}#projects{max-width:180px}#revision{color:#a0aca3}.prebuilt-note{font-size:11px;margin:15px 0 20px;color:#819486}.prebuilt-note span{color:#a5afa7;font-size:10px}.advanced-layout{display:grid;grid-template-columns:180px minmax(220px,1fr) 220px;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:400px;background:#fff}.left{border-right:1px solid var(--line)}.right{border-left:1px solid var(--line)}aside{overflow:auto}.paneltitle{font-size:8px;letter-spacing:1.2px;color:#8b9f90;padding:13px 10px 7px;display:flex;align-items:center;justify-content:space-between}.paneltitle button{font-size:8px;padding:3px 5px}.toolbar{display:flex;gap:4px;padding:4px 8px}.toolbar button,.toolbar select{font-size:10px;padding:6px;min-width:0}.toolbar select{flex:1}#hierarchy{padding:0 5px;max-height:250px;overflow:auto}#hierarchy button,#history button,#catalog button{font-size:10px;display:block;text-align:left;width:100%;padding:6px 8px;margin:3px 0;border-color:transparent;background:none;color:#7d9083}#hierarchy button.active{background:#edf4ed;color:#376547}#history,#catalog{padding:0 6px}#properties{padding:0 10px 13px}#properties label{display:block;font-size:10px;color:#819287;margin:10px 0 3px}#properties p{font-size:10px;color:#97a49b}input[type=text],input[type=number],input:not([type]){padding:7px;border:1px solid var(--line);border-radius:5px;background:#fff;width:100%;font-size:11px}input[type=color]{width:100%;height:30px;padding:0;border:0;background:none}.vector{display:flex;gap:3px}.vector input{min-width:0;width:33.33%}.advanced-center{min-width:0}nav{display:flex;gap:1px;padding:7px 5px;border-bottom:1px solid var(--line);flex-wrap:wrap}nav button{font-size:10px;padding:5px 7px;background:none;border:0}nav button.active{color:#1c6c46;background:#edf3ee}.content.tab{display:none}.content.tab.active{display:block}.content{padding:15px}.content h1{font-size:20px;letter-spacing:-.5px}.content h2{font-size:16px}.content p{font-size:11px;color:#829489}.content label{display:block;font-size:11px;margin:12px 0}.content button{font-size:11px}.content textarea{font-size:11px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.card{padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff;margin-top:10px;overflow:hidden}.card img,.card video{max-height:130px;width:100%;object-fit:contain}.card audio{width:100%}.card button{font-size:10px;margin:3px 0}.card p{font-size:10px;word-break:break-word}.file{display:block;padding:12px;border:1px dashed #b3c3b7;border-radius:6px}.file input{display:block;max-width:100%;font-size:10px;margin-top:8px}#code-source{min-height:230px;font:11px/1.7 ui-monospace,monospace;margin:10px 0}.logs{border-top:1px solid var(--line);margin-top:8px}.logs pre{font:10px/1.6 ui-monospace,monospace;padding:0 12px;max-height:180px;overflow:auto;color:#83948a}pre{white-space:pre-wrap;overflow-wrap:anywhere}dialog{padding:30px;background:#fff;color:#283b2e;border:1px solid #d7e1d9;border-radius:18px;max-width:min(540px,94vw);box-shadow:0 20px 120px #1d3c2929}dialog::backdrop{background:#172a1c45;backdrop-filter:blur(5px)}dialog h1,dialog h2{font-size:26px;letter-spacing:-.8px;line-height:1.2}dialog p{font-size:13px;color:#809185;line-height:1.7}dialog label{display:block;margin:15px 0;font-size:12px}.dialog-close{position:absolute;right:12px;top:10px;border:0;font-size:23px;padding:0 7px;color:#8c9b90}.small.spark{margin:0 0 18px;width:36px;height:36px;font-size:23px}.connection-state{border:1px solid var(--line);background:#f5f8f5;border-radius:8px;padding:12px;margin:17px 0;font-size:12px;color:#728778}#setup-ai,#refresh-ai,#issue-agent-token,#refresh-concept{font-size:12px;margin-right:5px}.muted{color:#98a99d;font-size:11px}#mcp-config{min-height:130px;font:11px/1.6 ui-monospace,monospace;margin-top:15px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.template-grid label{border:1px solid var(--line);border-radius:8px;padding:12px;margin:0}.template-grid strong{font-size:12px}.template-grid span{display:block;font-size:10px;color:#91a197;margin-top:7px}.template-grid label:has(input:checked){border-color:#84b895;background:#f0f7f1}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;border:1px solid #adc8b4;border-radius:12px;background:#f2f8f2;color:#52765c;box-shadow:0 5px 30px #12321a15;font-size:12px;z-index:40;max-width:90vw}hr{border:0;border-top:1px solid var(--line);margin:22px 0}body.conversation-started .idea-stage{padding-top:0;padding-bottom:10px}body.conversation-started .idea-stage .spark,body.conversation-started .eyebrow,body.conversation-started .intro-copy{display:none}body.conversation-started .idea-stage h1{font-size:28px;letter-spacing:-1px}body.conversation-started .idea-stage h1 br{display:none}body.conversation-started .suggestions{display:none}body.conversation-started #chat{display:block}.idea-stage .eyebrow{margin-bottom:0}@media(max-width:700px){.site-header{height:72px;padding:19px 22px}.brand{font-size:23px}.brand span{font-size:7px}.local-badge{font-size:9px}.simple-main{padding:14px 18px 50px}.idea-stage{padding-top:17px}.idea-stage h1{font-size:43px;letter-spacing:-2px}.spark{width:36px;height:36px;font-size:23px;margin-bottom:20px}.intro-copy{font-size:13px}.idea-composer{padding:11px}.idea-composer textarea{font-size:14px;min-height:110px}.connect-button,.composer-actions .primary{font-size:10px;padding:8px}.composer-actions{gap:5px}.suggestions{gap:6px}.suggestions button{font-size:10px;padding:6px 9px}.chat-message.user{margin-left:25px}#advanced>summary span{display:none}.advanced-layout{grid-template-columns:1fr}.left,.right{border:0;border-bottom:1px solid var(--line)}.workspace-preview,.show-workspace .workspace-preview{height:450px}.play-header{flex-wrap:wrap}.play-header strong{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-header button{font-size:9px}.concept-copy{padding:16px}.concept-card img{aspect-ratio:1.6}.connection-line{gap:7px}.template-grid{grid-template-columns:1fr}}

.connection-steps{list-style:none;counter-reset:connect;padding:0;margin:25px 0 0}.connection-steps li{position:relative;padding:0 0 22px 41px;counter-increment:connect}.connection-steps li:before{content:counter(connect);position:absolute;left:0;top:-2px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ecf3ed;color:#578264;font-size:11px}.connection-steps li strong{font-size:13px;font-weight:600}.connection-steps li p{font-size:11px;margin:5px 0 10px;line-height:1.6}.connection-steps button{font-size:11px;margin-right:4px}.connection-details{margin-top:10px;font-size:10px;color:#91a298}.connection-details summary{cursor:pointer}#mcp-dialog{width:470px}.connection-details textarea{font-size:10px}.connection-steps li:last-child{padding-bottom:0}
/* Guided creation and the working game studio. */
.creation-steps{display:flex;justify-content:center;align-items:center;gap:15px;border:0;background:none;padding:0 0 6px}.creation-steps button{display:flex;align-items:center;gap:7px;font-size:11px;color:#9ca9a0;background:none;border:0;padding:6px 8px}.creation-steps button span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#edf1ed;font-size:9px}.creation-steps button.active{color:#286447}.creation-steps button.active span{color:#fff;background:#327551}.creation-steps i{font-style:normal;font-size:11px;color:#c6d0c8}.target-choice{display:flex;justify-content:center;align-items:center;gap:7px;margin:2px 0 20px;font-size:11px;color:#8b9c90}.target-choice>span{margin-right:7px}.target-choice button{font-size:11px;padding:7px 12px;border-radius:20px}.target-choice button.active{border-color:#83ae92;background:#edf5ef;color:#356c48}.guided-step{max-width:750px;margin:25px auto;text-align:center}.guided-step h2{font-size:35px;letter-spacing:-1.3px;line-height:1.2;margin:10px 0}.guided-step>p:not(.eyebrow){font-size:13px;color:#8b9a90}.guided-step[hidden],.target-choice[hidden],#builder-workspace[hidden],.idea-composer[hidden],.idea-stage[hidden],.suggestions[hidden],.connection-line[hidden]{display:none}.style-choices{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;text-align:left;margin:28px 0 10px}.style-choices label{font-size:11px;color:#839b89}.style-choices select{display:block;width:100%;margin-top:8px;font-size:12px;padding:12px;background:#fff;border-radius:12px}.builder-choices{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0}.builder-choices button{padding:23px;text-align:left;border-radius:15px;background:#fff}.builder-choices button.active{border-color:#75a786;background:#f0f7f1}.builder-choices strong{display:block;font-size:14px;font-weight:600}.builder-choices span{display:block;font-size:11px;color:#8aa08f;margin-top:9px}#start-guided-build{font-size:13px;padding:12px 24px}#build-connect-ai,#build-connect-agent{font-size:11px;padding:10px;margin-left:7px}.builder-top,.builder-split{display:flex}.builder-top{height:58px;align-items:center;gap:15px;padding:0 22px;border-bottom:1px solid #2d3437}.builder-top strong{font-size:13px;font-weight:550}.breadcrumb{font-size:10px;border:0;background:none;color:#7e9190;padding:5px 0}.builder-top .breadcrumb:hover{background:none;color:#bdd2c8}#workspace-build-state{font-size:10px;color:#8ea99c}#workspace-actions button{font-size:11px;background:#e4eee7;color:#1f3a2c;border:0;border-radius:20px;padding:8px 17px}.builder-split{height:calc(100dvh - 147px);min-height:450px;padding:12px;gap:12px}.builder-mode{color-scheme:dark;--bg:#101416;--panel:#151a1d;--line:#2c3538;--muted:#8c9b98;--text:#dce6e0;--green:#a7cdb7;background:var(--bg);color:var(--text)}.builder-mode .site-header{max-width:none;height:55px;padding:13px 23px;border-bottom:1px solid #263035}.builder-mode .brand{font-size:21px;color:#e1eae3}.builder-mode .brand span{display:none}.builder-mode .simple-main{max-width:none;padding:0}.builder-mode .creation-steps{display:none}.builder-mode .builder-top{color:#dce5de;background:#151a1c}.builder-mode .local-badge{color:#7a9487}.builder-mode #workspace-chat{width:340px;flex-shrink:0;border:1px solid #2a3338;border-radius:10px;display:flex;flex-direction:column;background:#11171a;overflow:hidden}.workspace-chat-title{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #263239;font-size:12px;color:#c8d8cd}.workspace-chat-title span{font-size:9px;color:#668575}#chat-dock{flex:1;min-height:0;display:flex;flex-direction:column}.builder-mode .conversation{margin:0;width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.builder-mode #chat{padding:10px 13px;flex:1;min-height:0;overflow:auto}.builder-mode .chat-message{font-size:12px;line-height:1.7;padding:12px;margin:8px 0;color:#aabdb1}.builder-mode .chat-message.user{background:#1c2924;color:#d1dfd5;margin-left:30px;border-radius:11px}.builder-mode .idea-composer{margin:10px;padding:10px;border:1px solid #34443c;border-radius:11px;background:#19221e;box-shadow:none}.builder-mode .idea-composer textarea{background:transparent;color:#dce6de;font-size:12px;min-height:90px;padding:5px}.builder-mode .idea-composer textarea::placeholder{color:#6f887a}.builder-mode .composer-actions{gap:3px}.builder-mode .composer-actions .primary{padding:5px 9px;font-size:11px;background:#dcebdd;color:#294030;border:0}.builder-mode .connect-button{background:none;color:#6b8d78;font-size:9px;padding:3px}.builder-mode .connection-line{font-size:8px;margin:0 10px 9px;justify-content:flex-start;gap:7px}.builder-mode .connection-line button,.builder-mode #agent-status{font-size:8px;color:#6a8975}.builder-mode #simple-status{font-size:9px;color:#60816d;text-align:left;margin:0 13px 8px;min-height:0}.workspace-right{flex:1;min-width:0;display:flex;flex-direction:column;border:1px solid #2a3337;border-radius:10px;overflow:hidden;background:#0e1519}.workspace-tabs{display:flex;gap:3px;padding:8px 10px;background:#151c20;border-bottom:1px solid #293238;height:43px;flex-shrink:0}.workspace-tabs button{font-size:11px;background:none;color:#7f9690;border:0;padding:5px 12px}.workspace-tabs button.active{color:#dce8de;background:#24342c;border-radius:6px}.workspace-panel{display:none;flex:1;min-height:0;overflow:auto;padding:24px}.workspace-panel.active{display:block}.workspace-panel h2{font-size:22px;letter-spacing:-.6px;color:#d5e4d8}.workspace-panel>p{font-size:12px;color:#7e9687}#workspace-play{padding:0;position:relative;overflow:hidden}.builder-mode .workspace-preview{position:relative;left:auto;visibility:visible;width:100%;height:100%;margin:0;border:0;border-radius:0;background:#101a20}.builder-mode .preview-heading{height:48px;padding:9px 14px;border-bottom:1px solid #26373c}.builder-mode .preview-heading h2{font-size:12px;color:#b9d0c0}.builder-mode .preview-heading .eyebrow{display:none}.builder-mode .preview-heading button{padding:5px 11px;font-size:10px;color:#bbd3c3;background:#263b30;border-color:#334c3d}.builder-mode #canvas-wrap{background:#0d1820}.builder-mode #world footer{color:#486657;background:#111d1b;font-size:8px}.builder-mode .play-header{background:#14211e}.builder-mode #play-info{background:#10201b;font-size:9px}.builder-mode #play-error{background:#10201b}.builder-mode #play-mode{font-size:9px;color:#7fa88b}.builder-mode.target-phone #game-frame{width:min(100%,390px);align-self:center;background:#0b1218}.builder-mode.target-phone .play-preview{background:#080e12}.builder-mode .concept-card{background:#18231e;border-color:#304b38;margin:12px 0;border-radius:10px}.builder-mode .concept-copy{padding:12px}.builder-mode .concept-copy h3{font-size:14px;color:#cce0d0}.builder-mode .concept-copy p{font-size:10px;color:#7e9c88}.builder-mode .concept-actions button{font-size:10px;padding:6px}.builder-mode .concept-actions .primary{background:#c9dfcb;color:#27412e;border:0}.builder-mode .concept-actions button:not(.primary){background:none;color:#8eac96;border-color:#36543e}.builder-mode .concept-card img{aspect-ratio:1.7}.builder-mode .connect-choices{background:#18231f;border-color:#304b3b;padding:13px}.builder-mode .connect-choices button{font-size:10px;padding:6px;background:#2e4939;color:#bcd2c2;border-color:#3c5d48}.builder-mode #advanced{position:fixed;bottom:0;left:0;right:0;z-index:8;background:#121b17;margin:0;padding:10px 20px;border-top:1px solid #2a4033;max-height:65dvh;overflow:auto}.builder-mode #advanced>summary{font-size:10px;color:#8baf96}.builder-mode #advanced>summary span{color:#536f5b}.builder-mode #advanced .advanced-layout{background:#16231b;color:#93b39b;border-color:#36513d}.builder-mode #advanced input,.builder-mode #advanced select,.builder-mode #advanced button,.builder-mode .workspace-panel button,.builder-mode .workspace-panel input,.builder-mode .workspace-panel textarea,.builder-mode .workspace-panel select{background:#203429;color:#b9d4c0;border-color:#365340}.builder-mode .workspace-panel .card{background:#17271d;border-color:#35533e}.builder-mode .workspace-panel .content.tab{display:block}.builder-mode .workspace-panel .content{padding:0}.build-progress{border:1px solid #375341;border-radius:11px;padding:14px;background:#1b2b22;margin:12px 0;font-size:11px;color:#9fbea8;position:relative}.build-progress strong{font-size:12px;font-weight:550;color:#d0e4d5}.build-progress>span{float:right;font-size:9px;color:#82a78c}.build-progress ul{padding-left:16px;font-size:10px;line-height:1.8;margin:11px 0 0;overflow-wrap:anywhere}.build-progress.running:before{content:'';display:inline-block;margin-right:7px;width:8px;height:8px;border-radius:50%;background:#98c6a2;animation:pulse 1s infinite alternate}.build-progress.failed{border-color:#94654c}.build-progress.failed>span{color:#e2a784}@keyframes pulse{to{opacity:.25}}#brief-details>div{border-bottom:1px solid #2a3d32;padding:13px 0}#brief-details strong{font-size:11px;color:#8da998;font-weight:500}#brief-details p{font-size:13px;color:#bfd2c5;margin:7px 0}.builder-mode #workspace-history button{display:block;width:100%;padding:12px;text-align:left;margin:6px 0;border-radius:7px;background:#192d21;color:#a6c4b0;border:1px solid #2c4a35}.builder-mode #workspace-versions #history button{width:100%;text-align:left;font-size:11px;padding:11px;background:#192c21;border:1px solid #304a39;border-radius:7px;color:#a5c2ae}.builder-mode .prebuilt-note{color:#6f917a}.builder-mode .advanced-toolbar button{font-size:10px}.builder-mode .viewport-tools{background:#182b20;color:#89a994;border-color:#2b4734}.builder-mode .viewport-tools button{background:#223c2c;border-color:#35513d;color:#a4c6ad}.builder-mode .advanced-toolbar{margin-top:14px}.builder-mode .workspace-panel .file{border-color:#44664c}.builder-mode #workspace-build-state{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:800px){.style-choices{grid-template-columns:1fr;gap:10px}.guided-step h2{font-size:29px}.builder-choices{gap:8px}.builder-choices button{padding:17px}.builder-choices strong{font-size:12px}.builder-choices span{font-size:10px}.builder-split{height:auto;min-height:0;flex-direction:column;padding:7px;gap:7px}.builder-mode #workspace-chat{width:100%;height:390px;order:2}.workspace-right{height:65dvh;min-height:420px;order:1}.builder-mode #advanced{position:relative}.builder-top{height:auto;min-height:52px;padding:10px;gap:9px;flex-wrap:wrap}.builder-top strong{font-size:11px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb{font-size:9px}.workspace-tabs button{padding:5px 9px;font-size:10px}.builder-mode .site-header{height:48px;padding:12px}.builder-mode #workspace-build-state{font-size:8px;max-width:100px}.guided-step .builder-choices{grid-template-columns:1fr 1fr}.creation-steps{gap:9px}.target-choice{font-size:10px}.target-choice button{font-size:10px}}
.builder-mode .preview-heading{display:none}.builder-mode #world>footer{display:none}.builder-mode:has(#advanced[open]) #world>footer{display:flex}
#quality-dialog{width:550px;max-height:88dvh;overflow:auto}#quality-form fieldset{border:1px solid #dae4dc;border-radius:10px;padding:13px 16px;margin:18px 0}#quality-form legend{font-size:11px;color:#718a79;padding:0 5px}#quality-form fieldset label{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;margin:12px 0}#quality-form input[type=checkbox]{flex-shrink:0;margin-top:4px;accent-color:#8bb895}.quality-build-label{font:10px/1.6 ui-monospace,monospace;background:#eef4ef;border:1px solid #d8e5db;border-radius:7px;padding:9px}#quality-note{min-height:100px;font-size:12px}#quality-status{font-size:11px;color:#779781}#publish-reviewed{width:100%;margin-top:10px}.builder-mode #quality-dialog{background:#17241b;color:#d3e5d8;border-color:#3b5843}.builder-mode #quality-dialog p{color:#829f8b}.builder-mode #quality-form fieldset{border-color:#36503e}.builder-mode #quality-form label{color:#b2cbbb}.builder-mode .quality-build-label{background:#203529;border-color:#3b5844;color:#92b29d}.builder-mode #quality-note{background:#1e3225;border-color:#3b5844;color:#c7dccd}.builder-mode #publish-reviewed{background:#c4e3c8;color:#294232;border-color:#c4e3c8}

.evidence-dialog{width:min(1000px,94vw);max-height:90dvh;overflow:auto;padding:24px;border-radius:20px}.evidence-gallery{display:flex;gap:12px;overflow:auto}.evidence-gallery figure{margin:0;flex:0 0 220px}.evidence-gallery img{width:100%;max-height:350px;object-fit:contain;background:#15181c}.evidence-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.evidence-dialog section{padding:20px 0;border-top:1px solid #5555}

.betting-setup{margin:24px 0;padding:22px;border:1px solid #64796b45;border-radius:20px;text-align:left}.betting-setup h3{margin-top:0}.betting-setup select{width:100%;padding:14px;border-radius:12px}.creator-split{font-weight:650}.betting-play-panel{padding:20px;margin:16px;border:1px solid #80938b44;border-radius:16px;background:var(--surface,#17201c);color:inherit}.betting-play-panel h3{margin-top:0}.betting-play-panel p{font-size:14px;line-height:1.6}.betting-play-panel button{margin:4px;min-height:44px}@media(max-width:650px){.betting-play-panel{margin:12px;padding:16px}.betting-setup{padding:16px}.builder-top #workspace-actions{flex-wrap:wrap}}
.builder-mode #workspace-play.active{display:grid;grid-template-columns:minmax(0,1fr) 280px;overflow:hidden}.builder-mode #workspace-play>.workspace-preview{min-width:0;min-height:0;height:100%}.builder-mode #workspace-play>.betting-play-panel{margin:10px;min-height:0;overflow:auto;font-size:12px}.builder-mode .betting-play-panel p{font-size:12px}.builder-mode .betting-play-panel h3{font-size:16px;margin-bottom:10px}@media(max-width:800px){.builder-mode #workspace-play.active{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(200px,1fr) 190px}.builder-mode #workspace-play>.betting-play-panel{margin:6px;min-height:0;padding:10px}.builder-mode .betting-play-panel p{margin:6px 0;font-size:11px}.builder-mode .betting-play-panel h3{font-size:13px;margin:0 0 5px}}

.betting-details-toggle{display:none}@media(max-width:800px){.builder-mode #workspace-play.active{grid-template-rows:minmax(200px,1fr) 100px}.builder-mode #workspace-play.active:has(.betting-expanded){grid-template-rows:minmax(200px,1fr) 250px}.builder-mode .betting-details-toggle{display:inline-block;float:right;min-height:30px;padding:3px 10px;margin:0;font-size:11px}.builder-mode #betting-play-panel:not(.betting-expanded)>:not(h3):not(strong){display:none}.builder-mode #betting-play-panel:not(.betting-expanded)>strong{display:block;font-size:12px;margin-top:8px}.builder-mode #betting-play-panel h3{min-height:30px}}

.builder-mode #workspace-play>#world{grid-column:1;grid-row:1}.builder-mode #workspace-play>.betting-play-panel{grid-column:2;grid-row:1}@media(max-width:800px){.builder-mode #workspace-play>.betting-play-panel{grid-column:1;grid-row:2}}

#game-menu{display:none}.mobile-game-menu{width:min(360px,92vw);padding:22px}.mobile-game-menu h2{font-size:20px}.mobile-game-menu button{display:block;width:100%;margin:8px 0;min-height:44px}@media(max-width:800px){.builder-mode[data-mobile-pane=play] .site-header{height:36px;padding:7px 12px}.builder-mode[data-mobile-pane=play] .site-header .brand{font-size:20px}.builder-mode[data-mobile-pane=play] .builder-top{display:none}.builder-mode[data-mobile-pane=play] #mobile-workspace-switch{height:36px;padding:4px 8px}.builder-mode[data-mobile-pane=play] .builder-split{height:calc(100dvh - 133px - env(safe-area-inset-bottom,0px));min-height:0;padding:4px}.builder-mode[data-mobile-pane=play] .workspace-tabs,.builder-mode[data-mobile-pane=play] #advanced{display:none}.builder-mode[data-mobile-pane=play] .play-header{height:34px;min-height:34px;flex-wrap:nowrap;justify-content:flex-end;padding:3px 7px;gap:6px}.builder-mode[data-mobile-pane=play] #play-title,.builder-mode[data-mobile-pane=play] #play-mode,.builder-mode[data-mobile-pane=play] #close-play,.builder-mode[data-mobile-pane=play] #play-info,.builder-mode[data-mobile-pane=play] .play-header>.spacer{display:none}.builder-mode[data-mobile-pane=play] #game-menu{display:block;min-width:34px;font-size:13px;padding:3px 8px}.builder-mode[data-mobile-pane=play] .play-header button{min-height:28px;font-size:10px}.builder-mode[data-mobile-pane=play] #play-error:empty{display:none}.builder-mode[data-mobile-pane=play] #play-error{min-height:18px;padding:2px 9px}}
.voice-button{min-width:40px;border-radius:999px}
.voice-button.listening{background:#9fd6b0;color:#14261b;animation:voice-pulse 1.2s ease-in-out infinite}
@keyframes voice-pulse{50%{box-shadow:0 0 0 6px #9fd6b04d}}
.chat-queue{display:grid;gap:6px;margin:8px 0}
.chat-queue .queued{display:flex;gap:6px;align-items:center}
.chat-queue .queued-text{flex:1;text-align:left;opacity:.8;border-style:dashed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-queue .queued button:not(.queued-text){min-width:32px}
.pair-code{font:700 40px/1 ui-monospace,monospace;letter-spacing:.2em;text-align:center;margin:12px 0}
.question-card{display:grid;gap:10px;padding:12px;border:1px solid #84b895;border-radius:14px;margin:8px 0}
.question-card p{margin:0;font-weight:600}
.question-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.question-options button{font-size:12px;padding:7px 11px;border-radius:20px}
.question-options button.active{background:#327551;color:#fff;border-color:#327551}
.builder-mode .question-card{background:#18231e;border-color:#3c5d48}
.builder-mode .question-card p{color:#d0e4d5;font-size:12px}
.builder-mode .question-options button,.builder-mode .voice-button,.builder-mode .chat-queue button{background:#203429;color:#b9d4c0;border-color:#365340}
.builder-mode .question-options button.active{background:#dcebdd;color:#294030;border-color:#dcebdd}
.builder-mode .question-card .primary{background:#dcebdd;color:#294030;border:0;font-size:12px}
.builder-mode .voice-button{padding:4px 9px;min-width:0;font-size:12px}
/* One dark "Soft Arcade" theme everywhere: the guided Create steps and all
   dialogs use the workspace palette instead of the old light page. */
:root{color-scheme:dark;--bg:#101416;--panel:#151a1d;--line:#2c3538;--muted:#8c9b98;--text:#dce6e0;--green:#a7cdb7}
button,select{background:#1b2420;border-color:#33433b;color:#cfe0d4}
button:hover{background:#22312a;border-color:#4a6553}
button.primary{background:#dcebdd;color:#1d3326;border-color:#dcebdd}
button.primary:hover{background:#c9e0cc}
.brand{color:#e4eee6}.spark{background:#1d2b23;color:#9fd6b0}.eyebrow,.idea-stage .eyebrow{color:#7fa08b}.intro-copy{color:#91a598}
.idea-composer{background:#151d19;border-color:#2f3f36;box-shadow:none}.idea-composer:focus-within{border-color:#5d8a6c;box-shadow:0 0 0 3px #5d8a6c22}
textarea,input[type=text],input[type=number],input:not([type]){background:#151d19;color:#dce6e0;border-color:#2f3f36}
.idea-composer textarea{background:transparent}.idea-composer textarea::placeholder{color:#6f887a}
.connect-button{background:#1d2a23;color:#9cbba7}
.suggestions button{background:transparent;border-color:#2c3a32;color:#93ab9b}
.connection-line,.connection-line #agent-status{color:#6f887a}.connection-line button{color:#9cbba7}#simple-status{color:#86a893}
.chat-message.user{background:#1c2924;color:#d1dfd5}.chat-message.assistant{color:#a3b8aa}
.creation-steps button{color:#7c9486}.creation-steps button span{background:#1f2c25;color:#9cbba7}.creation-steps button.active{color:#b9e2c5}.creation-steps button.active span{background:#327551;color:#fff}.creation-steps i{color:#3b4d42}
.target-choice{color:#7c9486}.target-choice button.active{background:#21362a;border-color:#4f7d5f;color:#c4e6cd}
.guided-step>p:not(.eyebrow){color:#8ea595}.style-choices label{color:#86a08f}.style-choices select{background:#151d19}
.builder-choices button{background:#151d19}.builder-choices button.active{background:#1d3226;border-color:#5d8a6c}.builder-choices span{color:#86a08f}
.concept-card,.connect-choices{background:#151d19;border-color:#2f3f36}.concept-copy p,.connect-choices p{color:#8ea595}
.betting-setup{border-color:#2f3f36}#empty{background:#121a16;color:#6f887a}
dialog{background:#141b18;color:#dce6e0;border-color:#2f3f36;box-shadow:0 20px 120px #000a}dialog p{color:#9db3a5}dialog::backdrop{background:#000a}
.connection-state{background:#18221d;border-color:#2f3f36;color:#9db3a5}.template-grid label:has(input:checked){background:#1d3226;border-color:#5d8a6c}
#toast{background:#18241e;border-color:#3c5d48;color:#c4e6cd}
#app-nav button.active{background:#21311c;color:#c1fb6c}
/* Betting panel: short summary on every size; the fine print lives behind Details. */
.builder-mode .betting-details-toggle{display:inline-block;float:right;min-height:30px;padding:3px 10px;margin:0;font-size:11px}
.builder-mode #betting-play-panel:not(.betting-expanded)>:not(h3):not(strong):not(.primary):not(#betting-wallet):not(.betting-wager-note):not(#submit-wagering-review){display:none}
.builder-mode #betting-play-panel:not(.betting-expanded)>strong{display:block;font-size:12px;margin-top:8px}
/* Phone header: workspace actions get their own scrollable row instead of overlapping the title. */
@media(max-width:800px){.builder-top #workspace-actions{order:3;width:100%;display:flex;gap:6px;overflow-x:auto;flex-wrap:nowrap}.builder-top #workspace-actions button{white-space:nowrap;padding:6px 12px;font-size:10px}}
body .creation-steps button.active{background:#1d3226;color:#c4e6cd;border-radius:20px}
body #app-nav button.active{background:#21311c;color:#c1fb6c}
.builder-top strong,#play-title{max-width:min(60vw,520px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sign-in form{display:grid;gap:12px;min-width:min(380px,84vw)}
.sign-in h2{margin:0}.sign-in p{margin:0}
.sign-in input{font-size:16px;padding:12px;border-radius:10px;width:100%}
.sign-in input.code{letter-spacing:.15em;text-transform:uppercase}
.sign-in button.link{background:none;border:0;color:inherit;opacity:.8;text-decoration:underline;padding:4px;font:inherit}
.sign-in [role=status]{color:#f1a798;min-height:1.2em}

.betting-system-line{margin:10px 0 0;font-weight:650;font-size:14px;line-height:1.45}.risk-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.risk-picker button{min-height:44px;margin:0;padding:0 4px;border-radius:12px;border:1px solid #64796b55;background:transparent;color:inherit;font:inherit;font-size:14px}.risk-picker button[aria-pressed=true]{background:#7fe0b4;border-color:#7fe0b4;color:#10201a;font-weight:700}
/* One token set (mates-core#26): the studio's colour names are aliases of the Soft Arcade tokens in /theme.css
   (reels/theme.css, linked first). Fallbacks keep the old values if that file is missing. */
:root,.builder-mode{--bg:var(--sa-bg,#101416);--panel:var(--sa-bg-2,#151a1d);--line:var(--sa-line,#2c3538);--muted:var(--sa-text-2,#8c9b98);--text:var(--sa-text,#dce6e0);--green:var(--sa-mint,#a7cdb7)}