.lifecycle-page{--crew-coral:#bd6653;--crew-teal:#327f7d;--crew-violet:#83649d;gap:1.5rem;min-width:0;display:grid}.arcade-heading{border-bottom:1px solid #d9ded1;grid-template-columns:minmax(0,1fr) minmax(180px,280px);align-items:center;gap:1rem;min-width:0;padding:.5rem 0 1rem;display:grid}.arcade-kicker{color:#44836d;letter-spacing:.14em;font-size:11px;font-weight:800}.arcade-heading h1{color:#344358;letter-spacing:-.04em;margin:.45rem 0;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.08}.arcade-heading p{color:#657983;max-width:42rem;line-height:1.6}.arcade-heading .carnival-scene{border-radius:20px;height:150px;min-height:0;overflow:hidden}.arcade-heading .carnival-scene-caption{display:none}.arcade-heading--arena .carnival-scene{background:#e4f1e7}.arcade-heading--faucet .carnival-scene{background:#f8ead1}.arcade-heading--agents .carnival-scene{background:#ece7f4}.arcade-heading--portfolio .carnival-scene{background:#f4e5df}.arcade-heading--terminal .carnival-scene{background:#e1eeeb}.chart-details{color:#637981;font-size:12px;line-height:1.6}.chart-details summary{cursor:pointer;width:fit-content;padding:.4rem 0;font-weight:700}.chart-details p{margin-top:.35rem}.match-setup-heading{border-bottom:1px solid #d9ded1;padding:.5rem 0 1rem}.match-setup-heading h1{color:#344358;letter-spacing:-.04em;margin:.4rem 0;font-size:clamp(1.8rem,3vw,3rem);line-height:1.1}.match-setup-heading p{color:#657983}.match-setup-form{max-width:900px}.setup-workspace{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(1rem,3vw,3rem);display:grid}.setup-workspace .match-setup-form{width:100%;max-width:none;padding:clamp(1rem,2vw,2rem)}.setup-workspace .lifecycle-mode-grid{grid-template-columns:minmax(0,1fr)}.setup-preview{color:#304b43;background:#cde1d6;border-radius:28px;min-width:0;position:sticky;top:1.25rem;overflow:hidden}.setup-preview-heading{z-index:1;pointer-events:none;position:absolute;inset:1.4rem 1.5rem auto}.setup-preview-heading span{letter-spacing:.14em;font-size:10px;font-weight:800;display:block}.setup-preview-heading strong{letter-spacing:-.03em;margin-top:.4rem;font-size:clamp(1.3rem,2vw,2rem);display:block}.setup-preview-canvas{touch-action:pan-y;width:100%;height:clamp(320px,43vh,520px)}.setup-preview-fallback{text-align:center;place-items:center;min-height:320px;padding:2rem;display:grid}.setup-preview-caption{text-align:center;color:#446c5d;padding:0 1.5rem 1rem;font-size:12px}.setup-preview-ticket{border-top:1px dashed #8db4a3;margin:0 1rem;padding:1rem .5rem}.setup-preview-ticket div{justify-content:space-between;gap:1rem;padding:.3rem 0;font-size:13px;display:flex}.setup-preview-ticket dt{color:#55766a}.setup-preview-ticket dd{text-align:right;font-weight:700}.setup-preview-note{color:#55766a;padding:0 1.5rem 1.2rem;font-size:12px}@media (max-width:850px){.setup-workspace{grid-template-columns:minmax(0,1fr)}.setup-preview{position:relative;top:auto}.setup-preview-canvas{height:320px}}.setup-steps{border-bottom:1px solid #e2e4da;flex-wrap:wrap;gap:.6rem 1.4rem;padding-bottom:1rem;display:flex}.setup-steps li{color:#7a898e;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;display:flex}.setup-steps li span{background:#eef1e9;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.setup-steps li[aria-current=step]{color:#28765e}.setup-steps li[aria-current=step] span{color:#fff;background:#38866e}.setup-summary{background:#eaf4eb;border-radius:16px;padding:1.1rem}.setup-summary h2{font-size:1.2rem;font-weight:700}.setup-summary dl{margin:.7rem 0}.setup-summary dl div{justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}.setup-summary dt,.setup-summary p{color:#60767a;font-size:.85rem}.setup-summary dd{text-align:right;font-weight:700}@media (max-width:640px){.arcade-heading{grid-template-columns:minmax(0,1fr) 100px;gap:.5rem}.arcade-heading .carnival-scene{height:110px}.arcade-heading h1{font-size:1.8rem}}.lifecycle-hero{background:linear-gradient(125deg,#fff9ec,#e4f0e9);border:1px solid #dddccc;border-radius:28px;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);align-items:center;gap:1.5rem;padding:clamp(1.25rem,3vw,2.5rem);display:grid;overflow:hidden}.lifecycle-hero h1{letter-spacing:-.02em;color:#354358;margin:.8rem 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08}.lifecycle-hero p{max-width:44rem;line-height:1.8}.lifecycle-hero .carnival-scene{border-radius:22px;min-height:190px}.lifecycle-pill{color:#327f7d;background:#ffffffa8;border:1px solid #ccdcd4;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .8rem;font-size:12px;font-weight:600;display:inline-flex}.lifecycle-actions{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1.1rem;display:flex}.lifecycle-facts{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.lifecycle-facts span{color:#526777;background:#fffaf0;border:1px solid #e3decc;border-radius:12px;padding:.45rem .75rem;font-size:12px}.lifecycle-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.lifecycle-heading h2{letter-spacing:-.02em;font-size:1.5rem}.lifecycle-section-title{align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.lifecycle-section-title>span{color:#327f7d;background:#e3efea;border-radius:11px;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.lifecycle-section-title h2{letter-spacing:-.02em;font-size:1.15rem}.lifecycle-crew-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}@media (max-width:900px){.lifecycle-crew-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.lifecycle-crew-grid{grid-template-columns:minmax(0,1fr)}}.lifecycle-crew{border-top:4px solid var(--crew-color,#82b5aa);border-radius:22px;min-width:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.lifecycle-crew-header{align-items:center;gap:.8rem;display:flex}.lifecycle-crew-mark{width:44px;height:44px;color:var(--crew-color,#327f7d);background:#f8efd9;border:1px solid #d6dfd2;border-radius:15px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.lifecycle-crew h3{letter-spacing:-.02em;font-size:1.15rem}.lifecycle-crew .lifecycle-amount{color:#354358;overflow-wrap:anywhere;margin:.9rem 0 .25rem;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:600}.lifecycle-tech{color:#526777;border-top:1px solid #dedfd4;margin-top:1rem;padding-top:.75rem;font-size:12px;line-height:1.8}.lifecycle-tech summary{cursor:pointer;color:#526777;align-items:center;gap:.5rem;min-height:32px;font-weight:600;list-style:none;display:flex}.lifecycle-tech summary::-webkit-details-marker{display:none}.lifecycle-tech summary:before{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:.45rem;height:.45rem;transition:transform .25s;transform:rotate(-45deg)}.lifecycle-tech[open]:not([data-state=closing]) summary:before{transform:rotate(45deg)}.lifecycle-tech[open] summary{margin-bottom:.6rem}.lifecycle-tech :is(dd,p,pre){overflow-wrap:anywhere}.lifecycle-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.lifecycle-mode{text-align:left;background:#fffaf0;border:1px solid #d8dfd3;border-radius:18px;gap:.4rem;min-width:0;padding:1rem;transition:background .2s,border-color .2s;display:grid}.lifecycle-mode[aria-pressed=true]{background:#e1eeea;border-color:#327f7d;box-shadow:inset 0 -3px #327f7d}.lifecycle-mode strong{color:#354358;font-size:14px}.lifecycle-mode span{color:#526777;font-size:12px;line-height:1.7}.lifecycle-asset-option{overflow-wrap:anywhere;width:100%;min-height:44px;white-space:normal!important;justify-content:flex-start!important;height:auto!important}.lifecycle-asset-option span{min-width:0;display:block}.lifecycle-callout{color:#76653f;background:#fff6df;border:1px solid #e6d8ad;border-radius:18px;padding:1rem 1.25rem;font-size:13px;line-height:1.8}.lifecycle-stepper{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.lifecycle-stepper span{color:#526777;background:#fffaf0;border:1px solid #d8dfd3;border-radius:12px;padding:.6rem .8rem;font-size:12px}.lifecycle-page :is(button,a,input,summary):focus-visible{outline-offset:3px;outline:3px solid #536c94}.lifecycle-page button:disabled{opacity:.55;cursor:not-allowed}.lifecycle-empty{text-align:center;background:#f4f0e2;border:1px dashed #b9cfc5;border-radius:22px;padding:2rem}@media (hover:hover) and (prefers-reduced-motion:no-preference){.lifecycle-crew:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3543580d}}@media (max-width:700px){.lifecycle-hero{grid-template-columns:1fr}.lifecycle-hero .carnival-scene{min-height:200px}.lifecycle-mode-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.lifecycle-page *{scroll-behavior:auto!important;transition:none!important}}.token-icon{letter-spacing:-.02em;border:2px solid;border-radius:14px;flex:none;place-items:center;font-weight:800;display:inline-grid;position:relative;overflow:hidden}.token-icon img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.token-chips{flex-wrap:wrap;gap:.5rem;min-height:2.5rem;display:flex}.token-chip{color:#354358;background:#fffaf0;border:2px solid;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .4rem .25rem .3rem;font-size:13px;display:inline-flex}.token-chip button{color:#526777;border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;display:inline-grid}.token-chip button:hover{background:#e1eeea}.token-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.token-card{text-align:center;background:#fffaf0;border:1px solid #d8dfd3;border-radius:18px;justify-items:center;gap:.35rem;width:100%;padding:.9rem .5rem;transition:transform .15s,border-color .15s,background .15s;display:grid}.token-card strong{color:#354358;font-size:15px}.token-card span:last-child{color:#526777;font-size:12px}.token-card:hover:not(:disabled){border-color:var(--token-accent);background:color-mix(in srgb, var(--token-accent) 10%, #fffaf0);transform:translateY(-2px)}.token-card{position:relative}.token-card:disabled{opacity:.45;cursor:not-allowed}.token-card[data-selected=true],.token-card[data-selected=true]:disabled{opacity:1;cursor:default;border-color:var(--token-accent);background:color-mix(in srgb, var(--token-accent) 16%, #fffaf0);box-shadow:0 0 0 2px var(--token-accent), 0 10px 24px color-mix(in srgb, var(--token-accent) 28%, transparent)}.token-card-check{color:#fff;background:var(--token-accent);border-radius:999px;place-items:center;width:1.4rem;height:1.4rem;display:grid;position:absolute;top:.5rem;right:.5rem}.token-card .token-card-state{color:var(--token-accent);font-size:12px;font-weight:700}@media (max-width:640px){.token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.token-title{align-items:center;gap:.5rem;display:inline-flex}.token-pill{align-items:center;gap:.4rem;display:inline-flex}.battle-preview-card{background:#fffcf5;border-top:4px solid #79ad95;flex-direction:column;padding:1.4rem;display:flex}.battle-preview-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.battle-preview-status{color:#286647;background:#deeee3;border-radius:999px;padding:.35rem .6rem;font-size:12px;font-weight:600}.battle-preview-status[data-tone=failed]{color:#a12626;background:#f8dcdc}.battle-preview-card[data-tone=failed]{background:#fdeceb;border-top-color:#d05a5a}.battle-preview-card[data-tone=failed] .battle-preview-roster{border-block-color:#ecc3c0}.battle-preview-card h2+p{margin-bottom:1.15rem}.battle-preview-roster{border-block:1px dashed #d8dfd3;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.6rem;margin:auto 0 0;padding:1rem 0;display:grid}.battle-preview-win{color:#5a4300;letter-spacing:.08em;background:#ffd23f;border-radius:999px;padding:.1rem .55rem;font-size:11px;font-weight:800}.battle-preview-token{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:.35rem;min-width:0;padding:.25rem 0;display:flex}.battle-preview-token strong{overflow-wrap:anywhere;font-size:12px}.battle-preview-enter{padding-top:.75rem}.battle-preview-enter a{text-align:center;justify-content:center;width:100%}.battle-preview-secondary{margin-top:.6rem}.battle-preview-secondary>button{width:100%}.lifecycle-crew-select{text-align:left;border-radius:14px;align-items:center;gap:.75rem;width:100%;padding:.25rem;transition:background .2s;display:flex}.lifecycle-crew-select:hover{background:color-mix(in srgb, var(--crew-color,#82b5aa) 10%, transparent)}.lifecycle-crew-select h3{color:#354358;font-size:1.1rem;font-weight:700}.lifecycle-crew{transition:transform .25s,box-shadow .25s}.lifecycle-crew:hover{transform:translateY(-3px)}.lifecycle-crew[data-selected=true]{box-shadow:0 0 0 2px var(--crew-color,#82b5aa), 0 14px 30px color-mix(in srgb, var(--crew-color,#82b5aa) 25%, transparent)}.lifecycle-crew-pick{gap:.5rem;padding-block:.5rem}.lifecycle-crew-pick[aria-pressed=true]{background:#e6f2ec;box-shadow:0 0 0 2px}.start-loader{background:#fffaf0;border:2px solid #327f7d;border-radius:20px;gap:.75rem;padding:1rem 1.25rem;display:grid;overflow:hidden;box-shadow:0 10px 30px #327f7d2e}.start-loader--sticky{z-index:20;border-radius:14px;gap:.4rem;padding:.5rem 1rem;position:sticky;top:4.5rem}.start-loader-steps{letter-spacing:.04em;text-transform:uppercase;color:#7a8a82;flex-wrap:wrap;gap:1rem;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}.start-loader-steps li{align-items:center;gap:.4rem;display:flex}.start-loader-steps li[data-state=active]{color:#1f4f4d;font-weight:700}.start-loader-steps li[data-state=done]{color:#327f7d}.start-loader-pip{opacity:.35;background:currentColor;border-radius:50%;width:.65rem;height:.65rem}.start-loader-steps li[data-state=done] .start-loader-pip{opacity:1}.start-loader-steps li[data-state=active] .start-loader-pip{opacity:1;animation:1s ease-in-out infinite start-loader-pulse}.start-loader-main{align-items:center;gap:1rem;display:flex}.start-loader-main strong{font-size:1.15rem}.start-loader-main p{color:#5c6b64;margin:.15rem 0 0;font-size:.85rem}.start-loader-count{color:#fffaf0;font-variant-numeric:tabular-nums;background:#327f7d;border-radius:50%;place-items:center;min-width:3.25rem;height:3.25rem;font-size:1.7rem;font-weight:800;animation:1s ease-in-out infinite start-loader-pulse;display:inline-grid}.start-loader-spinner{border:4px solid #cfe3dc;border-top-color:#327f7d;border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite start-loader-spin}.start-loader-bar{background:#e3ece7;border-radius:999px;height:6px;position:relative;overflow:hidden}.start-loader-bar:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#83649d,#327f7d);width:40%;animation:1.2s ease-in-out infinite start-loader-slide;position:absolute;inset:0 auto 0 0}.start-loader--sticky .start-loader-main strong{font-size:.95rem}.start-loader--sticky .start-loader-count{min-width:2rem;height:2rem;font-size:1rem}.start-loader--sticky .start-loader-spinner{border-width:3px;width:1.4rem;height:1.4rem}@keyframes start-loader-spin{to{transform:rotate(360deg)}}@keyframes start-loader-pulse{50%{transform:scale(1.12)}}@keyframes start-loader-slide{0%{transform:translate(-100%)}to{transform:translate(260%)}}@media (prefers-reduced-motion:reduce){.start-loader *,.start-loader :after{animation:none!important}}
