/* A working launch console, with quiet chrome around original pixel artwork. */
.lc-console{--lc-bg:#080908;--lc-panel:#101210;--lc-input:#0d0f0d;--lc-line:#272a27;--lc-ink:#f1f3ed;--lc-muted:#a1aaa2;--lc-mint:#9ce5c0;--lc-error:#ffc5a0;background:var(--lc-panel);border:1px solid var(--lc-line);border-radius:16px;color:var(--lc-ink);padding:24px;font-family:var(--sans,Arial,Helvetica,sans-serif);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;color-scheme:dark}
.lc-console *{box-sizing:border-box}
.lc-console [hidden]{display:none!important}
.lc-console :where(button,input,textarea,a){font:inherit}
.lc-console :where(button,a){touch-action:manipulation}
.lc-console button{cursor:pointer;color:inherit}
.lc-console button:disabled{cursor:progress;opacity:.6}
.lc-console :where(button,summary,a):focus-visible{outline:2px solid var(--lc-mint);outline-offset:3px}
.lc-console h2,.lc-console h3,.lc-console p{margin:0}
.lc-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:23px}
.lc-heading h2{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.55px}
.lc-heading p{font-size:12px;line-height:1.6;color:var(--lc-muted);margin-top:6px}
.lc-heading-actions{display:flex;align-items:center;gap:14px;flex-shrink:0;padding-top:3px}
.lc-save-state{font-size:10px;color:#a3ada5;white-space:nowrap}
.lc-save-state::before{content:'';width:5px;height:5px;display:inline-block;vertical-align:middle;margin-right:6px;border-radius:50%;background:#667168}
.lc-save-state.lc-is-saved{color:#bddfc8}
.lc-save-state.lc-is-saved::before{background:var(--lc-mint)}
.lc-new{border:0;background:transparent;padding:3px 0;font-size:11px;font-weight:550;color:#d5ddd4!important;text-decoration:underline;text-underline-offset:4px}
.lc-new:hover{color:var(--lc-mint)!important}
.lc-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start}
.lc-form{min-width:0}
.lc-identity-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px}
.lc-field{min-width:0;margin-bottom:18px}
.lc-field label{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:12px;font-weight:550;line-height:1.4;margin-bottom:8px}
.lc-field label>span{font-size:9px;font-weight:400;color:var(--lc-muted);white-space:nowrap}
.lc-field input,.lc-field textarea{display:block;width:100%;background:var(--lc-input);border:1px solid var(--lc-line);border-radius:8px;outline:0;color:var(--lc-ink);padding:11px 12px;font-size:13px;line-height:1.5;transition:border-color .15s,box-shadow .15s}
.lc-field input{height:42px}
.lc-field textarea{min-height:96px;max-height:180px;resize:vertical}
.lc-field input::placeholder,.lc-field textarea::placeholder{color:#8e9990;opacity:1}
.lc-field input:focus,.lc-field textarea:focus{border-color:#88b39a;box-shadow:0 0 0 3px #9ce5c008}
.lc-field input[aria-invalid=true],.lc-field textarea[aria-invalid=true]{border-color:#d4936e}
.lc-ticker-wrap{position:relative}
.lc-ticker-wrap>span{position:absolute;left:12px;top:11px;font-size:13px;color:#98ad9e}
.lc-ticker-wrap input{padding-left:26px;letter-spacing:.55px;font-weight:550}
.lc-error{font-size:11px;line-height:1.5;color:var(--lc-error)!important;margin-top:6px!important;display:block}
.lc-error:empty{display:none}
.lc-art-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:1px 0 10px;font-size:12px;font-weight:550}
.lc-art-heading small{font-size:10px;font-weight:400;color:var(--lc-muted)}
.lc-characters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.lc-character{display:flex;align-items:center;gap:9px;text-align:left;background:#0c0f0c;border:1px solid var(--lc-line);border-radius:9px;padding:9px;min-width:0;position:relative;transition:background .15s,border-color .15s}
.lc-character-art{display:block;flex-shrink:0;width:43px;height:43px;border-radius:6px;overflow:hidden;image-rendering:pixelated}
.lc-character-art svg{display:block;width:100%;height:100%}
.lc-character strong{display:block;font-size:11px;line-height:1.4;font-weight:550;white-space:nowrap}
.lc-character small{display:block;font-size:8px;line-height:1.4;color:#a0ada2;margin-top:3px;white-space:nowrap}
.lc-character i{position:absolute;right:5px;top:3px;font-size:9px;line-height:1.4;font-style:normal;color:var(--lc-mint);visibility:hidden}
.lc-character[aria-pressed=true]{border-color:#7cbf98;background:#9ce5c007}
.lc-character[aria-pressed=true] i{visibility:visible}
.lc-character:hover{border-color:#668b72;background:#141a14}
.lc-upload-area{display:flex;align-items:center;border:1px dashed #323a32;border-radius:8px;margin-top:11px;transition:background .15s,border-color .15s;overflow:hidden}
.lc-upload-area.lc-dragging{background:#9ce5c008;border-color:var(--lc-mint)}
.lc-upload{display:flex;align-items:center;gap:9px;flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:11px 12px;font-size:11px;font-weight:550}
.lc-upload svg{width:17px;height:17px;fill:none;stroke:#c6d4c8;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.lc-upload>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-upload>small{font-size:9px;font-weight:400;color:var(--lc-muted);margin-left:auto;white-space:nowrap}
.lc-remove-image{border:0;background:transparent;font-size:10px;color:#d6dfd6!important;padding:10px 11px;text-decoration:underline;text-underline-offset:3px;flex-shrink:0}
.lc-links{margin-top:15px;border-top:1px solid #202520;padding-top:13px}
.lc-links summary{cursor:pointer;font-size:11px;font-weight:550;color:#d4ddd4;list-style:disclosure-closed}
.lc-links[open] summary{list-style:disclosure-open}
.lc-links summary>span{color:#9ba69c;font-size:10px;font-weight:400;margin-left:7px}
.lc-link-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}
.lc-link-row .lc-field{margin-bottom:0}
.lc-link-row input{font-size:11px}
.lc-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}
.lc-actions>p{font-size:10px;color:#a5b2a7;max-width:190px}
.lc-actions>div{display:flex;gap:9px;flex-shrink:0}
.lc-button{min-height:40px;display:flex;align-items:center;justify-content:center;gap:17px;border:1px solid var(--lc-line);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:550;white-space:nowrap;transition:background .15s,border-color .15s}
.lc-primary{background:#eff4ec;color:#11170f!important;border-color:#eff4ec;font-weight:600}
.lc-primary:hover{background:var(--lc-mint);border-color:var(--lc-mint)}
.lc-primary>span{font-size:17px;line-height:1}
.lc-secondary{background:transparent;color:#dae4da!important;border-color:#394039}
.lc-secondary:hover{border-color:#7a947d;background:#ffffff04}
.lc-status{font-size:11px;color:#c3dfc7;line-height:1.6;margin-top:13px!important}
.lc-status.lc-status-error{color:var(--lc-error)}
.lc-preview{min-width:0;background:#0a0d0a;border:1px solid var(--lc-line);border-radius:12px;padding:17px}
.lc-preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#c8d4c9}
.lc-preview-tag{font-size:7px;letter-spacing:.8px;color:#a0aea3}
.lc-preview-art{width:112px;height:112px;image-rendering:pixelated;overflow:hidden;border-radius:12px;margin:24px auto 19px;border:1px solid #ffffff0b;background:#dce7ff}
.lc-preview-art img,.lc-preview-art svg{display:block;width:100%;height:100%;object-fit:cover}
.lc-preview h3{text-align:center;font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.65px;overflow-wrap:anywhere}
.lc-preview-ticker{display:block;text-align:center;font-size:12px;line-height:1.5;color:var(--lc-mint);font-weight:550;margin-top:5px}
.lc-preview-story{color:#b5c2b7;font-size:11px;line-height:1.65;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;max-height:92px;overflow:auto;margin-top:13px!important;min-height:36px}
.lc-preview-story.lc-placeholder{color:#92a095}
.lc-readiness{margin-top:22px;padding:14px 0;border-top:1px solid #222b23;border-bottom:1px solid #222b23}
.lc-readiness>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;line-height:1.5;margin-bottom:10px}
.lc-readiness>div:last-child{margin-bottom:0}
.lc-readiness>div>span{color:#a1b2a5}
.lc-readiness strong{font-size:9px;font-weight:400;color:#c0cec1;text-align:right}
.lc-readiness strong.lc-ready{color:#b9e2c8}
.lc-preview-exports{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.lc-preview-exports button{display:flex;justify-content:center;align-items:center;gap:7px;min-height:32px;border:1px solid #2d372f;border-radius:7px;background:transparent;font-size:10px;color:#d3ded3;transition:background .15s,border-color .15s}
.lc-preview-exports button:hover{border-color:#65836d;background:#ffffff04}
.lc-preview-exports svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1180px){.lc-layout{grid-template-columns:minmax(0,1fr) 244px;gap:22px}.lc-character{padding:8px;gap:8px}.lc-character-art{width:36px;height:36px}.lc-character strong{font-size:10px}.lc-character small{font-size:7px}.lc-upload{flex-wrap:wrap}.lc-upload>small{flex:1 0 calc(100% - 26px);margin-left:26px}.lc-actions{align-items:flex-start;flex-direction:column;gap:13px}.lc-actions>p{max-width:none}.lc-actions>div{align-self:flex-end}.lc-preview{padding:16px}.lc-preview-art{margin-top:21px}.lc-heading-actions{gap:10px}}
@media(max-width:850px){.lc-console{padding:22px}.lc-layout{grid-template-columns:minmax(0,1fr) 225px;gap:20px}.lc-heading{gap:15px}.lc-heading-actions{align-items:flex-end;flex-direction:column;gap:6px}.lc-identity-row{grid-template-columns:1fr;gap:0}.lc-character{flex-direction:column;text-align:center;padding:8px 4px;gap:7px}.lc-character-art{width:42px;height:42px}.lc-character small{display:none}.lc-preview-art{width:104px;height:104px}.lc-preview h3{font-size:20px}.lc-field label>span{font-size:8px}.lc-art-heading{align-items:flex-start;flex-direction:column;gap:3px}.lc-link-row{grid-template-columns:1fr;gap:15px}}
@media(max-width:650px){.lc-console{padding:20px 17px;border-radius:13px}.lc-heading{margin-bottom:21px;gap:10px}.lc-heading h2{font-size:20px}.lc-heading p{font-size:11px;max-width:230px}.lc-save-state{font-size:8px}.lc-new{font-size:10px}.lc-heading-actions{padding-top:4px;gap:9px}.lc-layout{grid-template-columns:1fr;gap:23px}.lc-identity-row{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:12px}.lc-field{margin-bottom:17px}.lc-field label{font-size:11px;gap:6px}.lc-field label>span{font-size:8px}.lc-field input,.lc-field textarea,.lc-link-row input{font-size:16px}.lc-field input{height:43px}.lc-field textarea{min-height:91px}.lc-ticker-wrap>span{font-size:15px;top:10px}.lc-art-heading{flex-direction:row;align-items:center;font-size:11px}.lc-art-heading small{font-size:9px}.lc-character{flex-direction:row;text-align:left;padding:8px;gap:7px}.lc-character-art{width:34px;height:34px}.lc-character strong{font-size:9px}.lc-character small{display:none}.lc-upload{font-size:11px;padding:10px 11px}.lc-upload>small{font-size:9px}.lc-actions{margin-top:20px;gap:13px}.lc-actions>div{width:100%;justify-content:flex-end}.lc-button{min-height:40px;font-size:12px;padding:9px 15px}.lc-links summary{font-size:11px}.lc-links summary>span{font-size:9px}.lc-preview{display:grid;grid-template-columns:74px minmax(0,1fr);column-gap:16px;padding:17px;border-radius:11px}.lc-preview-top{grid-column:1/-1;margin-bottom:17px;font-size:10px}.lc-preview-art{grid-column:1;grid-row:2/5;width:74px;height:74px;margin:0;border-radius:9px}.lc-preview h3{grid-column:2;text-align:left;font-size:21px;align-self:end}.lc-preview-ticker{grid-column:2;text-align:left;font-size:11px;margin-top:3px}.lc-preview-story{grid-column:2;text-align:left;margin-top:8px!important;min-height:0;font-size:10px;max-height:65px}.lc-readiness{grid-column:1/-1;margin-top:18px;padding:13px 0}.lc-readiness>div{font-size:10px;margin-bottom:9px}.lc-readiness strong{font-size:10px}.lc-preview-exports{grid-column:1/-1;margin-top:13px}.lc-preview-exports button{font-size:11px;min-height:35px}.lc-preview-tag{font-size:7px}}
@media(max-width:370px){.lc-heading{flex-direction:column;gap:12px}.lc-heading-actions{width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding-top:0}.lc-save-state{font-size:9px}.lc-identity-row{grid-template-columns:1fr;gap:0}.lc-character{padding:8px 4px;flex-direction:column;text-align:center}.lc-character-art{width:38px;height:38px}.lc-art-heading{flex-direction:column;align-items:flex-start;gap:3px}.lc-button{font-size:11px;padding:9px 13px;gap:12px}.lc-actions>div{gap:8px}}
@media(prefers-reduced-motion:reduce){.lc-console *{transition:none!important}}
.lc-preview-art img{object-fit:contain}
.lc-preview-exports .lc-export-wide{grid-column:1/-1;min-height:29px}
.lc-export-note{grid-column:1/-1;font-size:9px;line-height:1.6;color:var(--lc-muted);margin-top:11px!important}
.lc-original{grid-column:1/-1;display:block;border:0;background:transparent;padding:2px 0;margin-top:9px;font-size:10px;color:#c3decc!important;text-decoration:underline;text-underline-offset:3px;text-align:left}
.lc-export-fallback{grid-column:1/-1;margin-top:12px;padding:10px;border:1px solid #304134;border-radius:8px;background:#9ce5c006;font-size:9px;line-height:1.6;color:#bbc9bd}
.lc-export-fallback>span{display:block;overflow-wrap:anywhere}.lc-export-fallback strong{font-weight:500}
.lc-export-fallback a{display:inline-block;margin-top:6px;font-size:11px;font-weight:550;color:var(--lc-mint);text-decoration:underline;text-underline-offset:3px}
.lc-prepared-details{grid-column:1/-1;margin-top:10px;font-size:10px;color:#c0d0c3}.lc-prepared-details summary{cursor:pointer}
.lc-prepared-details img{display:block;width:100%;max-width:192px;aspect-ratio:1;object-fit:contain;margin:11px auto 0;border-radius:8px;background:#fff;border:1px solid #303830}
